@charset "utf-8";

/* == Base == */
.arti {padding: 90px 0;}
.arti__sbj {font-size: 23px; font-weight: 700;}
.arti__head {display: flex; align-items: center; margin: 0 0 20px 0;}
.arti__head .arti__sbj {margin-right: auto; padding-right: 20px;}

.more > .plus {width: 17px; height: 17px;}
.more > .plus::before, .more > .plus::after {border-radius: 3px; background-color: #9fa0a0;}
.more:hover > .plus::before, .more:hover > .plus::after {background-color: #0168b7;}
.more > .plus::before {width: 3px;}
.more > .plus::after {height: 3px;}

@media screen and (max-width: 1199px) {
    .arti__sbj {font-size: 20px;}
}



/* == Visual : 210923 == */
.main_visual {height: 100vh; background: linear-gradient(to right, #00417a, #001e3e); background: #000;}
.main_visual__slide {overflow: hidden;}

.main_visual__parallax {overflow: hidden;}
.main_visual__slide.has_space .main_visual__parallax {height: calc(100% - 120px); top: 120px;}
.main_visual__slide .container {position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 10; height: 100vh; padding-top: 280px; padding-bottom: 130px; display: flex; flex-direction: column;}
.main_visual__slide .container.right_top {align-items: flex-end; justify-content: flex-start;}
.main_visual__slide .container.right_bottom {align-items: flex-end; justify-content: flex-end;}
.main_visual__slide .container.left_bottom {align-items: flex-start; justify-content: flex-end;}
.main_visual__slide .container .pt {color: #fff; font-size: 45px; font-weight: 500; line-height: 83%;}
.main_visual__slide .container .sbj {font-family: "Poppins"; color: #fff; font-size: 80px; font-weight: 600; text-transform: uppercase;}
.main_visual__slide .container .pt, 
.main_visual__slide .container .sbj {text-shadow: 4px 4px 8px rgba(0,0,0,0.5);} 
.main_visual__slide.swiper-slide-active .container .pt, 
.main_visual__slide.swiper-slide-active .container .sbj {}
.main_visual__slide .container .pt .spans,
.main_visual__slide .container .sbj .spans {display: inline-block; transform: translateX(100px); opacity: 0; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards; line-height: 130%;}
.main_visual__slide.swiper-slide-active .container .pt .spans,
.main_visual__slide.swiper-slide-active .container .sbj .spans {animation-name: spanAni;}
.main_visual__parallax {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main_visual__bg {position: relative; width: 100%; height: 100%; transition: transform 0s; transition-delay: 1.2s;}
.main_visual__inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: no-repeat center / cover; }
.swiper-slide-active .anime.main_visual__bg {transform: scale(1.1);transition: transform 20s;}
@keyframes main_visual_bg {
    0% {transform: scale(1);}
    100% {transform: scale(1.05);}
}
@keyframes spanAni {
    0% {opacity: 0; transform: translateX(100px);}
    100% {opacity: 1; transform: translateX(0);}
}
.main_visual__slide.special .main_visual__inner.inner01 {z-index: 10; transition: opacity 0s; transition-delay: 1.2s;}
.main_visual__slide.special .main_visual__inner.inner02 {z-index: 5;}
.main_visual__slide.special.swiper-slide-active .main_visual__inner.inner01 {opacity: 0; transition: opacity 1.5s; transition-delay: 2.5s;}

.main_visual__inner.grid {display: flex; position: relative;}
.main_visual__inner.grid .gray_cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: grayscale(100%); transition: width 0s; transition-delay: 1.2s; }
.main_visual__slide.swiper-slide-active .main_visual__inner.grid .gray_cover {width: 0; transition: width 1s; transition-delay: 1.8s;}
.main_visual__inner.grid .outer_box {display: flex; flex-wrap: wrap; height: 100%;}
.main_visual__inner.grid .outer01 {width: 44%;}
.main_visual__inner.grid .outer02 {width: 56%;}
.main_visual__inner.grid .inner_box {position: relative; overflow: hidden;}
.main_visual__inner.grid .inner_box .img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center / cover; transition: 2s ease-in-out;}
.main_visual__inner.grid .inner01 {width: 100%; height: 50%;}
.main_visual__inner.grid .inner02 {width: 50%; height: 50%;}
.main_visual__inner.grid .inner03 {width: 50%; height: 50%;}
.main_visual__inner.grid .inner03 {width: 50%;}
.main_visual__inner.grid .inner04_05 {width: 40%; height: 60%;}
.main_visual__inner.grid .inner04 {width: 100%; height: 50%;}
.main_visual__inner.grid .inner05 {width: 100%; height: 50%;}
.main_visual__inner.grid .inner06 {width: 60%; height: 60%;}
.main_visual__inner.grid .inner07 {width: 60%; height: 40%;}
.main_visual__inner.grid .inner08 {width: 40%; height: 40%;}
.main_visual__inner.grid {filter: grayscale(100%); transition: filter 0s; transition-delay: 1.2s;}
.main_visual__slide.swiper-slide-active .main_visual__inner.grid {filter: grayscale(0%); transition: filter 0s;}
.main_visual__inner.grid .inner_box .img {opacity: 0; transition: opacity 0s; transition-delay: 1.2s;}
.main_visual__slide.swiper-slide-active .main_visual__inner.grid .inner_box .img { opacity: 1; transition: opacity 3s;}
.main_visual__slide.swiper-slide-active .main_visual__inner.grid .inner01 .img { transition-delay: 1.1s;}
.main_visual__slide.swiper-slide-active .main_visual__inner.grid .inner02 .img { transition-delay: 0.8s;}
.main_visual__slide.swiper-slide-active .main_visual__inner.grid .inner03 .img { transition-delay: 0.5s;}
.main_visual__slide.swiper-slide-active .main_visual__inner.grid .inner04 .img { transition-delay: 0.8s;}
.main_visual__slide.swiper-slide-active .main_visual__inner.grid .inner05 .img { transition-delay: 0.5s;}
.main_visual__slide.swiper-slide-active .main_visual__inner.grid .inner06 .img { transition-delay: 0.8s;}
.main_visual__slide.swiper-slide-active .main_visual__inner.grid .inner07 .img { transition-delay: 1.1s;}
.main_visual__slide.swiper-slide-active .main_visual__inner.grid .inner08 .img { transition-delay: 1.4s;} 

/* 메인이미지 _ 신년 */
.main_visual .new_year .container {text-align: center; font-family: "Noto Serif KR";}
.main_visual .new_year .happy_new_year {width: 757px; margin: 30px auto 40px auto;}
.main_visual .new_year .noto_serif {font-size: 32px; color: #555; font-weight: 500; line-height: 210%;}
.main_visual .new_year .noto_serif strong {display: block; font-size: 35px; line-height: 210%;}
.main_visual .new_year .noto_serif span {display: block; font-size: 27px; font-weight: 700; line-height: 210%; margin-top: 30px;}

@media screen and (max-width: 1199px) {
    .main_visual__slide.has_space .main_visual__parallax {height: calc(100% - 55px); top: 55px;}
    .main_visual .container {justify-content: flex-start!important; align-items: center!important; text-align: center; padding-top: 150px!important;}
    .main_visual__slide.has_space .container {padding-top: 95px!important;}
    .main_visual .container .pt {font-size: 32px;}
    .main_visual .container .sbj {font-size: 62px;}

    .main_visual .new_year {}
    .main_visual .new_year .container {}
    .main_visual .new_year .happy_new_year {width: 300px; margin: 0 auto 20px auto; max-width: 90%;}
    .main_visual .new_year .noto_serif {font-size: 16px; line-height: 180%;}
    .main_visual .new_year .noto_serif strong {font-size: 18px; margin-bottom: 10px; line-height: 180%;}
    .main_visual .new_year .noto_serif span {font-size: 16px; margin-top: 20px; line-height: 180%;}
}
@media screen and (max-width: 767px) {
    .main_visual .container {height: 700px; padding-top: 100px!important;}
    .main_visual__slide.has_space .container {padding-top: 45px!important;}
    .main_visual .container .pt {font-size: 20px;}
    .main_visual .container .sbj {font-size: 36px;}
    .main_visual__slide.slide01 .main_visual__inner.inner01 {background-image: url(../images/main/bg_visual_type2_01_m.jpg)!important;}

}
@media screen and (max-width: 767px) and (orientation: portrait) {
    .main_visual__inner.grid .outer_box {width: 50%!important;}
    .main_visual__inner.grid .inner02 {width: 100%; height: 25%;}
    .main_visual__inner.grid .inner03 {width: 100%; height: 25%;}
    .main_visual__inner.grid .inner04_05 {width: 100%; height: 40%}
    .main_visual__inner.grid .inner04 {width: 100%; height: 50%;}
    .main_visual__inner.grid .inner05 {width: 100%; height: 50%;}
    .main_visual__inner.grid .inner06 {width: 100%; height: 20%;}
    .main_visual__inner.grid .inner07 {width: 100%; height: 20%;}
    .main_visual__inner.grid .inner08 {width: 100%; height: 20%;}

    .main_visual .new_year .main_visual__inner {background-image: url(../images/main/bg_visual_2022_m.jpg)!important; background-position: bottom center;}
}




/* == Latest Publication == */
.latest_publication {display: flex;}
.latest_publication .tab__nav {width: 160px; flex-shrink: 0;}
.latest_publication .tab__nav .arti__sbj {}
.latest_publication .tab__nav ul {padding: 0 0 10px 0;}
.latest_publication .tab__nav ul li {}
.latest_publication .tab__nav ul li a {display: flex; padding: 5px 0; color: #959595; font-size: 16px; font-weight: 500;}
.latest_publication .tab__nav ul li:first-child a {padding-top: 0;}
.latest_publication .tab__nav ul li a:hover,
.latest_publication .tab__nav ul li.active a {color: #283891;}
.latest_publication .tab__wrapper {width: 100%;}
.latest_publication .tab__contents {display: none; flex-wrap: wrap; width: 100%;}
.latest_publication .tab__contents.active {display: flex;}
.latest_publication .tab__contents > li {width: 20%; padding: 0 0 0 32px;}
.latest_publication .tab__contents > li > a {display: flex; flex-direction: column; width: 100%;}
.latest_publication .tab__contents > li > a .thumb {box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 100%; height: 0; padding-bottom: 141%; background: no-repeat center / cover;}
.latest_publication .tab__contents > li > a .sbj {width: 100%; padding: 20px 0 0 0; display: flex; flex-direction: column;}
.latest_publication .tab__contents > li > a .sbj * {display: block; width: 100%;}
.latest_publication .tab__contents > li > a .sbj strong {font-size: 14px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 5px; max-height: 22px; word-break: break-all;}
.latest_publication .tab__contents > li > a .sbj p {color: #555; font-size: 14px; font-weight: 500; line-height: 180%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 50px;}
.latest_publication .tab__contents > li > a:hover .thumb {box-shadow: 0 0 10px rgba(63, 188, 234, 0.5);}
.latest_publication .tab__contents > li > a:hover .sbj * {color: #3478c1}

@media screen and (max-width: 1199px) {
    .latest_publication .tab__contents > li {width: calc(100% / 3); margin-bottom: 32px;}
    .latest_publication .tab__nav {position: relative; width: 120px;}
    .latest_publication .tab__nav .inner {position: sticky; top: 80px; left: 0;}
    .latest_publication .tab__nav ul li a {font-size: 14px;}
}

@media screen and (max-width: 767px) {
    .latest_publication .tab__contents > li {width: 50%; padding-left: 20px;}
}

@media screen and (max-width: 530px) {
    .latest_publication .tab__contents > li {width: 100%;}
}




/* == Noti Banner == */
.noti_banner .container {display: flex;}
.alim_banner {flex-shrink: 0; width: 290px; margin-right: 15px;}
.alim_banner .slide_counter {display: flex; height: 29px; align-items: center; color: #fff; font-size: 23px; font-weight: 700; position: static!important; width: auto!important;}
.alim_banner .swiper-slide img {display: block; width: 100%; max-height: 240px;}
.collection_banner {width: 100%; display: flex; flex-direction: column;}
.collection_banner ul {display: flex; height: 100%; flex-wrap: wrap;}
.collection_banner ul li {width: calc((100% - 30px) / 3); margin-right: 15px;}
.collection_banner ul li:nth-child(3n) {margin-right: 0;}
.collection_banner ul li .inner {display: flex; flex-direction: column; width: 100%; height: 100%;}
.collection_banner ul li .collection_banner__cont {width: 100%; height: 186px; flex-shrink: 0; background: no-repeat center / cover; box-shadow: 0 0 5px rgba(0,0,0,0.4);}
.collection_banner ul li .collection_banner__cont img {display: none;}
.collection_banner ul li .collection_banner__sbj {width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start; color: #fff; font-size: 18px; font-weight: 500; text-align: center; border-bottom: 2px solid rgba(255,255,255,0.5); padding: 0 10px;}
.collection_banner ul li .collection_banner__sbj .arrow {border-color: rgba(255,255,255,0.5); margin-left: auto;}

@media screen and (max-width: 1199px) {
    .noti_banner .container {flex-direction: column; padding: 30px 0;}
    .noti_banner .container .arti {padding: 30px 0;}
    .alim_banner {width: 100%;}
    .alim_banner .swiper-slide img {max-height: none;}
    .collection_banner ul li {width: calc(50% - 7.5px); margin: 0 15px 15px 0;}
    .collection_banner ul li:last-child {margin-right: 0!important;}
    .collection_banner ul li .collection_banner__cont {background: none!important; height: auto;}
    .collection_banner ul li .collection_banner__cont img {display: block; width: 100%;} 
    .collection_banner ul li .collection_banner__sbj{padding: 20px; font-size: 16px;}
    #collection__video {width: 100%; margin: 0 0 15px 0;}
}
@media screen and (max-width: 500px) {
    .collection_banner ul li {width: 100%!important; margin: 0 0 15px 0;}
}




/* == Issue == */
.issue_banner .container {display: flex; align-items: stretch;}
.issue_banner .container .bar {width: 1px; background-color: #ccc; margin: 0 30px; flex-shrink: 0;}
.domestic_issue_banner {width: 799px; flex-shrink: 0;}
.domestic_issue_slider_nav {display: flex;}
.domestic_issue_slider_nav a {display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background-color: #a1a1a1; margin: 0 0 0 4px;}
.domestic_issue_slider_nav a:hover {background-color: #0168b7;}
.domestic_issue_slider_nav a .arrow {border-color: #fff; width: 7px; height: 7px;}
.domestic_issue_slider_nav a.prev .arrow {margin-left: 2px;}
.domestic_issue_slider_nav a.next .arrow {margin-right: 2px;}
.domestic_issue_slider_nav a.swiper-button-disabled {opacity: 0.5; pointer-events: none;}
.domestic_issue_slider .swiper-slide {height: auto;}
.domestic_issue_slider .swiper-slide a {display: flex; flex-direction: column; height: 100%; border: 1px solid #ccc;}
.domestic_issue_slider .swiper-slide a .thumb {width: 100%; height: 164px; background: no-repeat center / cover; flex-shrink: 0; border-bottom: 1px solid #dfdfdf;}
.domestic_issue_slider .swiper-slide a .cont {display: flex; flex-direction: column; height: 100%; padding: 25px 15px;}
.domestic_issue_slider .swiper-slide a .cont .sbj {font-size: 14px; padding-bottom: 5px; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.domestic_issue_slider .swiper-slide a .cont p {color: #555; font-size: 12px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; max-height: 72px; overflow: hidden; margin-bottom: auto;}
.domestic_issue_slider .swiper-slide a .cont .date {color: #555; font-size: 12px; margin-top: 30px;}
.domestic_issue_slider .swiper-slide a:hover .cont {text-decoration: underline;}
.global_issue_banner {width: 100%; display: flex; flex-direction: column;}
.global_issue_banner .arti__contents {display: flex; flex-direction: column; border: 1px solid #ccc; height: 100%;}
.global_issue_banner .arti__contents .thumb {display: flex; justify-content: center; align-items: flex-end; width: 100%; height: 164px; background: url(../images/main/thumb_global.jpg) no-repeat center / cover; padding: 12px;}
.global_issue_banner .arti__contents .thumb span {text-align: center; color: #fff; font-size: 15px; font-weight: 700; text-shadow: 0 0 3px rgba(0,0,0,0.1);}
.global_issue_banner ul {height: calc(100% - 164px);}
.global_issue_banner ul li {height: calc(100% / 3); border-bottom: 1px solid #ccc;}
.global_issue_banner ul li:last-child {border-bottom: none;}
.global_issue_banner ul li a {display: flex; align-items: center; width: 100%; height: 100%; padding: 18px 15px 18px 20px; font-size: 14px;}
.global_issue_banner ul li a .ico {}
.global_issue_banner ul li a strong {margin: 0 12px;}
.global_issue_banner ul li a span {width: 180px; color: #555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.global_issue_banner ul li a .arrow {margin-left: auto; border-color: #7d7d7d; flex-shrink: 0;}
.global_issue_banner ul li a:hover {text-decoration: underline;}
.global_issue_banner ul li a:hover .arrow {border-color: #0168b7;}

@media screen and (max-width: 1240px) and (min-width: 1100px) {
    .global_issue_banner ul li a strong {margin-left: 0;}
    .global_issue_banner ul li a .ico {display: none;}
    .global_issue_banner ul li a span {width: 100px;}
}

@media screen and (max-width: 1199px) {
    .issue_banner .container {flex-direction: column;}
    .issue_banner .container .bar {width: 100%; height: 1px; margin: 30px 0;}
    .domestic_issue_banner {width: 100%;}
    .global_issue_banner .arti__contents .thumb {height: 355px; padding: 30px;}
    .global_issue_banner .arti__contents .thumb span {font-size: 20px;}
    .global_issue_banner ul li a span {width: 70%;}
}

@media screen and (max-width: 499px) {
    .global_issue_banner .arti__contents .thumb {height: 250px; padding: 20px;}
    .global_issue_banner .arti__contents .thumb span {font-size: 15px;}
}





/* == Info Banner == */
.info_banner {}
.info_banner .container {display: flex; }
.info_banner .container .column {padding-right: 27px;}
.info_banner .link_banner {width: 620px; flex-shrink: 0;}
.info_banner .latest_banner {width: 100%;}
.info_banner .etc_link_banner {width: 195px; padding-right: 0!important; flex-shrink: 0;}

.link_banner .wrapper {display: flex; flex-wrap: wrap; height: 100%;}
.link_banner .wrapper > a {display: flex; flex-direction: column; align-items: flex-start; width: 33.3333%; height: 50%; background: no-repeat center / cover; color: #fff; padding: 20px;}
.link_banner .wrapper > a:hover {opacity: 0.8;}
.link_banner .wrapper > a:nth-child(1) {background-image: url(../images/main/bg_icon_banner01.jpg);}
.link_banner .wrapper > a:nth-child(2) {background-image: url(../images/main/bg_icon_banner02.jpg);}
.link_banner .wrapper > a:nth-child(3) {background-image: url(../images/main/bg_icon_banner03.jpg);}
.link_banner .wrapper > a:nth-child(4) {background-image: url(../images/main/bg_icon_banner04.jpg);}
.link_banner .wrapper > a:nth-child(5) {background-image: url(../images/main/bg_icon_banner05.jpg);}
.link_banner .wrapper > a:nth-child(6) {background-image: url(../images/main/bg_icon_banner06.jpg);}
.link_banner .wrapper > a > div {display: flex; flex-direction: column; width: 90%;}
.link_banner .wrapper > a > div strong {font-size: 13px; margin-bottom: 5px;}
.link_banner .wrapper > a > div span {font-size: 14px;}
.link_banner .wrapper > a > .tag {display: flex; align-items: center; justify-content: center; font-size: 12px; text-align: center; height: 26px; padding: 0 20px; border-radius: 26px; border: 1px solid #fff; margin: auto auto 0 auto;}

.latest_banner .arti__sbj {font-size: 16px;}
.latest_banner .arti__head {margin: 0; padding: 0 0 10px 0; border-bottom: 2px solid #718496;}
.latest_item {border-bottom: 1px solid #ccc;}
.latest_item a {display: flex; flex-direction: column; justify-content: center; padding: 10px 0;}
.latest_item a .sbj {width: 100%; font-size: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; max-height: 1.5em;}
.latest_item a .cont {font-size: 12px; color: #555; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 3em; margin-top: 5px;}
.latest_item a .tag {font-size: 12px; color: #555; margin-bottom: 5px;}
.latest_item a:hover {text-decoration: underline;}
.latest_banner .latest_notice {margin-bottom: 30px;}

.etc_link_banner {}
.etc_link_banner ul {display: flex; flex-direction: column; height: 100%;}
.etc_link_banner ul li {display: flex; align-items: center; height: 100%; border-bottom: 1px solid #b7b7b7; background-color: #dcdddd;}
.etc_link_banner ul li:last-child {border-bottom: none;}
.etc_link_banner ul li.sbj {color: #fff; font-size: 17px; font-weight: 700; background-color: #9fa0a0; padding: 5px 15px 5px 20px;}
.etc_link_banner ul li a {display: flex; align-items: center; padding: 5px 15px 5px 20px; height: 100%; font-size: 14px; color: #666; font-weight: 500; width: 100%;}
.etc_link_banner ul li a .circle {margin-left: auto; display: flex; align-items: center; justify-content: center; border-color: #979898;}
.etc_link_banner ul li a .circle .arrow {width: 45%; height: 45%; border-color: #979898; margin-left: -6%;}
.etc_link_banner ul li a .icon {margin-right: 20px;}

.etc_link_banner ul li:hover a {background-color: #cecece; color: #0168b7;}
.etc_link_banner ul li a:hover .circle,
.etc_link_banner ul li a:hover .circle .arrow {border-color: #0168b7;}

@media screen and (max-width: 1199px) {
    .info_banner .container {flex-direction: column;}
    .info_banner .container .column {width: 100%; padding: 0; margin-bottom: 50px;}
    .info_banner .container .column:last-child {margin-bottom: 0;}
    .link_banner .wrapper > a {height: 180px;}
    
    .etc_link_banner ul li.sbj {padding: 10px 20px;}
    .etc_link_banner ul li a {padding: 10px 20px;}
}
@media screen and (max-width: 767px) {
    .link_banner .wrapper > a {width: 50%; height: auto; min-height: 150px;}
    .link_banner .wrapper > a > div span {display: none;}
}




/* Partner banner */
.partner_banner {padding: 60px 0;}
.partner_banner .container {display: flex; align-items: center;}
.partner_banner .container .arti__sbj {margin-right: 23px; flex-shrink: 0;}
.partner_banner .partner_slider_wrapper {display: flex; align-items: center; margin: 0; width: calc(100% - 110px);}
.partner_banner .partner_slider .swiper-slide:hover img {opacity: 0.8  ;}
.partner_banner .partner_slider_nav {flex-shrink: 0; width: 13px; height: 32px;}
.partner_banner .partner_slider_nav.prev {margin-right: 10px;}
.partner_banner .partner_slider_nav.next {margin-left: 10px;}
.partner_banner .partner_slider_nav .slider_button {display: block; width: 100%; height: 100%; background: no-repeat center / cover;}
.partner_banner .partner_slider_nav .slider_button.prev {background-image: url(../images/main/slider_prev.png); }
.partner_banner .partner_slider_nav .slider_button.next {background-image: url(../images/main/slider_next.png); }

@media screen and (max-width: 767px) {
    .partner_banner .container {flex-direction: column;}
    .partner_banner .container .arti__sbj {margin: 0 auto 20px auto;}
    .partner_banner .partner_slider_wrapper {width: 100%;}
}




/* Popup window */
.popup__container {position: absolute; top: 0; left: 0; z-index: 7777; width: 100%!important; height: 0!important;}
.popup { position: absolute; top: 100px; left: 100px; z-index: 99999; background-color: #fff; border: 1px solid #dfdfdf; }
.popup__inner { padding: 15px; }
.popup__content { height: auto; width: 100%!important; overflow: hidden;}
.popup__buttons { display: flex; margin-top: -1px; border-top: 1px solid #dfdfdf; }
.popup__buttons a { display: flex; justify-content: center; align-items: center; width: 50%; height: 60px; text-align: center; border-right: 1px solid #dfdfdf; font-size: 14px; font-weight: 400; line-height: 100%; }
.popup__buttons a:nth-child(2n) { border-right: none; }
.popup__content img {display: block; max-width: 100%!important; height: auto !important; margin: 0 auto;}

@media screen and (max-width: 767px) {
    .popup { top: 100px!important; left: 50%!important; right: auto!important; transform: translateX(-50%); max-width: calc(100% - 20px); min-width: 300px; }
    .popup__content { min-width: 0; }
    .popup__inner {max-width: 100%;}
}