/*
2024-10-28
*/

body.main header { border-bottom: 0;}
body.main header > .container { height: 60px; align-items: center;}
body.main header .logo { width: auto; max-width: 90px;margin-left: 16px;}
body.main header .logo a { width: 95px; background-image: url('../images/common/logo.svg'); background-repeat: no-repeat; background-position: 50% 50%;}
body.main header .logo i {display: none;}
body.main header .lnb_open {margin-right: 16px;}
body.main main {background-color: #fff !important;min-width: 320px;}
body.main main .thumb img {object-fit: cover;object-position: top;}
body.main footer {border-top: none;}

.sec {position:relative; padding:40px 16px 0;}
.sec .img{background: #b1bab9 url("../images/common/noimage_default.svg") 50% 50% no-repeat;background-size: contain;}

/* 
=====================
main common
=====================
*/
.thumb {height:auto; padding-bottom:0;}
.thumb img {position:relative;}

.ico_play {position: absolute; left: 0; bottom: 0; z-index: 3; display:inline-flex; align-items: center; justify-content: center; width:28px; height:28px; background:rgba(0,0,0,0.7);}
.ico_play:after {content: "\ea3e"; display: block; font-family: 'xeicon'; color:#fff; font-size:16px;}
.ico_play i {position: absolute; top: 50%; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}

/* 
=====================
section1 
=====================
*/
.sec1 {margin-top:-1px; padding:16px 0 60px; background-color:#011a43;}
.sec1 .visual {display:block; position:relative; width:100%; padding:0 16px;}
.sec1 .visual .ico_play {width:36px; height:36px;}
.sec1 .visual .ico_play::after {font-size:20px;}
.sec1 .visual img {width:100%;}
.sec1 .visual .thumb.video::before, 
.sec1 .visual .img.video::before {content: "\ea3e"; display: inline-flex;align-items: center;justify-content: center;position: absolute;left: 0;bottom: 0;width:36px; height:36px; background: rgba(0, 0, 0, 0.7);color: #fff;font-family: 'xeicon';font-size: 20px;z-index: 1;}
.sec1 .con {padding:28px 16px;}
.sec1 .tit {color:#fff; font-size:24px; font-weight:700; line-height:1.4; letter-spacing: -0.2px;}
.sec1 .tit a {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.sec1 .text {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical; min-height: 44.6px; margin-top:12px; color:#E4E4E4; font-size:14px; line-height:1.6; word-break: break-all;}
.sec1 .list {padding:16px; border-top:1px solid rgba(255, 255, 255, 0.15);}
.sec1 .list > li {position:relative; padding-left:12px; color:#f0f0f0; font-size:15px; font-weight:500; line-height:1.4; letter-spacing: -0.2px;}
.sec1 .list > li + li {margin-top:8px;}
.sec1 .list > li:before {content:""; display:block; position:absolute; left:0; top:8px; width:4px; height:4px; background:#d8d8d8;}
.sec1 .list > li a {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.sec1 .scroll_bott {position:absolute; bottom:28px; left:50%; width:36px; height:32px; transform: translateX(-50%);}
.sec1 .scroll_bott::after {content:""; display:block; position:absolute; left:50%; top:50%; width:24px; height:24px; border-left:1px solid rgba(255, 255, 255, 0.4); border-bottom:1px solid rgba(255, 255, 255, 0.4); transform: translate(-50%, -50%) rotate(-45deg); animation: arr_bounce .8s 0.2s infinite alternate linear;}
@keyframes arr_bounce {
	0% {transform: translate(-50%, -50%) rotate(-45deg);}
	100% {transform: translate(-50%, -70%) rotate(-45deg);}
}
/* .ellips{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} */

/*
=====================
section2
=====================
*/
.sec2 {padding:20px 16px;}

.grid_col > li {border-bottom:1px solid #F0F0F0; padding:16px 0;}
.grid_col > li a {display:flex; gap:8px; align-items:center; position: relative;}
.grid_col .tit {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical; max-height:68px; color:#1D1D1D; font-size:16px; line-height:1.4; font-weight:600;flex:auto;/*width:calc(100% - 136px);*/}
.grid_col .thumb,
.grid_col .img {display:inline-block; vertical-align: middle; position:relative; width:128px; height:72px; overflow: hidden;flex-shrink:0}
.grid_col .thumb img,
.grid_col .img img {position:absolute; left:50%; top:50%; min-height:100%; transform: translate(-50%,-50%); transition: all .3s;}
.grid_col .thumb.video::before,
.grid_col .img.video::before {content:"\ea3e"; display:inline-flex; align-items: center; justify-content: center; position:absolute; left:0; bottom:0; width:28px; height:28px; background:rgba(0,0,0,0.7); color:#fff; font-family: 'xeicon'; font-size:18px; z-index:1;}
.grid_col > li a > i {font-family: "Pretendard"; position: absolute; top: 0; left: 0; background-color: #e73251; font-size: 13px; font-weight: 700; color: #fff; padding: 5px 7px; line-height: 1;}

/*
=====================
banner
=====================
*/
.main_banner {position:relative; width:100%; padding-bottom:30px; background:#011a43;}
.main_banner .swiper-pagination {left:50%; bottom:24px; height:8px; transform:translateX(-50%);}
.main_banner .swiper-pagination .swiper-pagination-bullet {width:8px; height:8px; margin:0 4px; border-radius:50%; background:rgba(255,255,255,0.3);}
.main_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff;}
.main_bn_slide {overflow: hidden;}
.main_bn_slide .swiper-slide {display: block;}
.main_bn_slide .swiper-slide img {width:100%; min-height:100%;}

/*
=====================
section3
=====================
*/
.sec3 {padding-top:20px;}
.sec3 .sec_top_box {margin-bottom:8px;}
.sec3 .sec_title {color:#555; font-size:15px; font-weight:500; line-height:1.4;}
.sec3 .con_bx {position:relative;}
.sec3 .con_bx .tit {padding-right:90px; font-size:21px; line-height:1.4; font-weight:600; letter-spacing: -0.2px;;}
.sec3 .con_bx .more {display: inline-block; position:absolute; right:0; top:0; padding:8.5px 16px; border-radius: 20px; background:#F0F0F0; color:#2D2D2D; font-size:12px; font-weight:500;}
.sec3 .con_bx .more::before {content:"\e913"; displaY:inline-block; vertical-align: middle; margin-right:2px; font-family: 'xeicon';}

.sec3 .ministry_slide {overflow: hidden;}

.sec3 .list {margin:8px 0;}
.sec3 .list > li + li {border-top:1px solid #F0F0F0;}
.sec3 .list > li a {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding:12px 0; color:#1D1D1D; font-size:15px; font-weight:600; line-height:1.4; letter-spacing: -0.2px;}
.sec3 .list > li a span {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;}

.sec3 .slide_bx {position:relative;}
.sec3 .col_li {overflow: hidden;}
.sec3 .col_li > ul {display:flex; gap:12px;}
.sec3 .col_li .box {flex:1;}
.sec3 .col_li .box .thumb,
.sec3 .col_li .box .img {position:relative; width:100%; padding-top:60%; overflow: hidden;}
.sec3 .col_li .box .thumb.video::before,
.sec3 .col_li .box .img.video::before {content:"\ea3e"; display:inline-flex; align-items: center; justify-content: center; position:absolute; left:0; bottom:0; width:28px; height:28px; background:rgba(0,0,0,0.7); color:#fff; font-family: 'xeicon'; font-size:18px; z-index:1;}
.sec3 .col_li .box .thumb img,
.sec3 .col_li .box .img img {position:absolute; left:50%; top:50%; width:100%; min-height:100%; object-fit: cover; transform: translate(-50%, -50%); transition: all .3s;}
.sec3 .col_li .box:hover .thumb img, .sec3 .col_li .box:focus .thumb img {transform: translate(-50%, -50%) scale(1.1);}
.sec3 .col_li .box:hover .img img, .sec3 .col_li .box:focus .img img {transform: translate(-50%, -50%) scale(1.1);}
.sec3 .col_li .box .text {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical; color:#1d1d1d; font-size:15px; font-weight:600; line-height:1.4; letter-spacing: -0.2px;}

.sec3 .controls {display:flex; align-items: center; justify-content: center; gap:16px; padding:20px 0 16px;}
.sec3 .controls .swiper-pagination {position:relative; color:#717171; font-size:14px; line-height:1.4;}
.sec3 .controls .swiper-pagination .swiper-pagination-current {color:#1D1D1D; font-weight:700;}
.sec3 .controls .prev, .sec3 .controls .next {display:inline-flex; align-items: center; justify-content: center; width:40px; height:40px; border:1px solid #D8D8D8; border-radius:50%;}
.sec3 .controls .prev::before, .sec3 .controls .next::before {content:"";display:inline-block;background-repeat:no-repeat;background-position:center;background-size:28px auto;text-align:center;font-family:"xeicon";color:#2d2d2d;font-weight:bold;font-size:16px;}
.sec3 .controls .prev.swiper-button-disabled::before, .sec3 .controls .next.swiper-button-disabled::before {color:#919191;}
.sec3 .controls .next::before {content:"\e93e";}
.sec3 .controls .prev::before {content:"\e93b";}

.sec3 .bottom_more::after {content:"\e93f";}

/*
=====================
section4
=====================
*/
.sec4 {padding-bottom:40px;}

/* top title */
.sec_top_box {margin-bottom:12px; padding-right:70px;}
.ai_mark{display:inline-flex;gap:4px;align-items:center;height:21px;line-height:21px;margin-left:8px;padding:0 6px;border-radius:4px;background:linear-gradient(90deg, #766BFE 0%, #DD37E1 100%);font-size:11px;font-weight:600;color:#fff;vertical-align:middle}
.ai_mark:before{content:"";width:15px;height:12px;background:url(../images/v3/main/icon_ai_start.png) 50% 50%/contain no-repeat}
.sec_title {display:inline-block; vertical-align: middle; color:#1D1D1D; font-size:22px; font-weight:700; line-height:1.4; letter-spacing: -0.2px;}

/* more botton */
.bottom_more {display:flex; align-items: center; justify-content:center; gap:4px; width:100%; height:40px; margin-top:12px; border:1px solid #D8D8D8; border-radius: 8px; color:#2D2D2D; font-size:14px; font-weight:500; text-align: center; transition: all .3s;}
.bottom_more::after {content:"\e942"; position:relative; top:1px; font-family: 'xeicon'; font-size:16px;}
.sec4 .bottom_more::after {content:"\e93f"; position:relative; top:-1px; font-family: 'xeicon'; font-size:16px;}
.bottom_more:hover, .bottom_more:focus {border-color:rgba(212, 17, 21, 0.5); background-color:#FEF2F2; color:#D41115;}
.more1 {position:absolute; top:44px; right:16px; color:#2D2D2D; font-size:12px; line-height:20px; font-weight:500;}
.more1::after {content:"\e93f"; position:relative; top:3px; font-family: 'xeicon';  font-size:18px; line-height:1;}
.more2 {position:absolute; top:44px; right:16px; ; font-weight:500;}
.more2::after {content:"\e913"; display: inline-block; font-family: 'xeicon'; color:#555; font-size:20px; line-height:1; transition: all .3s;}


/*
=====================
section5
=====================
*/
.sec5 {padding-bottom:40px; background-color:#011a43;}
.sec5 .sec_title {display:block; margin-bottom:30px; color:#fff; font-size:23px; font-weight:700; line-height:1.4; letter-spacing: -0.02em; text-align: center;}
/*.sec5 .board_align {position:absolute; right:16px; top:90px; background:rgba(0,0,0,0); border:none; color:#fff; font-size:12px; font-weight: 500;}*/
.sec5 .list {display:grid; grid-template-columns: repeat(2,1fr); gap:12px;}
.sec5 .list a {display:block; position:relative; padding-top:70%; border-radius:8px; overflow: hidden;}
.sec5 .list .thumb,
.sec5 .list .img {display:block; position:absolute; left:50%; top:50%; width:100%; height:100%; transform: translate(-50%,-50%); filter: brightness(0.9);}
.sec5 .list .thumb img,
.sec5 .list .img img {width:100%; min-height:100%; filter: brightness(0.8); object-fit: cover; transition: all .3s;}
/*.sec5 .list a:hover .thumb img, .sec5 .list a:focus .thumb img {transform: scale(1.1);}
.sec5 .list a:hover .img img, .sec5 .list a:focus .img img {transform: scale(1.1);}*/
.sec5 .list .txt {display:inline-block; vertical-align: middle; position:absolute; left:50%; top:16px; width:calc(100% - 10px); color:#fff; font-size:16px; font-weight:700; text-align: center; word-break: keep-all; transform: translate(-50%,0%); z-index: 1;}
.sec5 .keyword_more {margin-top:30px; text-align: center;}
.sec5 .keyword_more a,
.sec5 .keyword_more button {display:inline-block; vertical-align: middle; padding:9.5px 32px; border-radius:30px; background:rgba(255,255,225,0.1); color:#fff; font-size:15px; line-height:20px; font-weight:500;}
.sec5 .keyword_more a::after,
.sec5 .keyword_more button::after {content: "\e93e"; display:inline-block; vertical-align: middle; margin-left:4px; font-family: 'xeicon';}

.icon_new{width:18px;height:18px;border-radius:50%;color:#fff;background:#db1418;font-size:10px;font-weight:500;text-align:center;line-height:18px;display: flex;align-items:center;justify-content:center;}
.sec5 .list .icon_new{position:absolute;right:5px;top:5px;z-index:1}

/*
=====================
section6
=====================
*/
.sec6 .list > li + li {margin-top:12px;}
.sec6 .list a {display:block; position:relative; padding:16px; border:1px solid #D8D8D8; }
.sec6 .list .new {display:inline-flex; align-items: center; justify-content: center; position:absolute; top:12px; right:12px; width:16px; height:16px; background:#DB1418; border-radius: 50%; color:#fff; font-weight:600; font-size:10px;}
.sec6 .list .new::after {content:"N"; padding-top:2px; line-height:1;}
.sec6 .list .tit {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1d1d1d; font-size:16px; font-weight:600; line-height:1.4; letter-spacing: -0.2px;}
.sec6 .list .txt {display:block; margin-bottom:4px; color:#555; font-size:14px; line-height:1.6;}

/*
=====================
section7
=====================
*/
.sec7 .banner a {display:block; max-width:100%; overflow: hidden;}
.sec7 .banner img {width:100%;}

/*
=====================
section8
=====================
*/

/*
=====================
section9
=====================
*/
.sec9 .sec_title img {display:inline-block; vertical-align: middle; position:relative; top:-2px;width:55px}

/*
=====================
section10
=====================
*/
.news_list {position:relative; padding-top:41px;}
.news_list > li:nth-child(2) .tab_btn {left:50%;}
.news_list .tab_btn {position:absolute; top:0; color:#8E8E8E; width:50%; padding:0 0 8px; font-size:18px; font-weight:700; line-height:1.4; letter-spacing: -0.2px; text-align: center;}
.news_list .tab_btn::before {content:""; display:inline-block; position:absolute; bottom:0; left:50%; width:100%; height:2px; background-color:#E4E4E4; transform: translateX(-50%);}
.news_list .tab_btn.active {color:#1D1D1D;}
.news_list .tab_btn.active::before {background:#ED1F23;}
.news_list .tab_btn.active + ol {display:block;}
.news_list ol {display:none; counter-reset:list-number;}
.news_list ol > li {display:flex; align-items: center; position:relative; min-height:68px; border-bottom:1px solid #E4E4E4; counter-increment: list-number;}
.news_list ol > li::before {content:counter(list-number); position:absolute; left:0; top:50%; min-width: 24px; color:#ED1F23; font-size:22px; text-align: center; transform: translateY(-50%);}
.news_list ol > li a {display:block; padding:12px 0 12px 36px; color:#1d1d1d; font-size:16px; font-weight:500; line-height:1.4; letter-spacing: -0.2px;}

/*
=====================
section11
=====================
*/
.sec11 .list > li {border-bottom:1px solid #E4E4E4;}
.sec11 .list a {display:flex; flex-direction: column; justify-content: center; position:relative; min-height:96px; padding:14px 0 14px 92px;}
.sec11 .list .thumb,
.sec11 .list .img {display:block; position:absolute; left:0; top:50%; width:72px; height:72px; border-radius: 50%; transform: translateY(-50%); overflow: hidden;}
.sec11 .list .thumb img,
.sec11 .list .img img {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.sec11 .list .tit {font-size:16px; font-weight:600; line-height:1.4; letter-spacing: -0.2px;}
.sec11 .list .name {margin-top:4px; color:#555; font-size:13px; font-weight:500; line-height:1.5;}

/*
=====================
section12
=====================
*/
.sec12 {padding-bottom:40px;}
.sec12 .list > li {border-bottom:1px solid #E4E4E4;}
.sec12 .list a {display:flex; align-items: center; gap:12px; padding:16px 0;}
.sec12 .list .tit {display:-webkit-box;overflow:hidden;text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#1d1d1d; font-size:16px; font-weight:600; line-height: 1.4; letter-spacing: -0.2px;}
.sec12 .list .date {display:inline-block; min-width:80px;color:#555; font-size:13px; line-height:1.5;}

/*
=====================
section13
=====================
*/
.sec13 {padding-bottom:40px; background:#F3F3F6;}
.sec13 .list {padding-top:4px;}
.sec13 .list > li + li {margin-top:24px;}
.sec13 .list a {display:block;}
.sec13 .list .thumb {display:block; position:relative; width:100%; height:0; margin-bottom:12px; padding-bottom:30%;background-size:150px auto}
.sec13 .list .thumb img {position:absolute; top:50%; left:50%; min-width:100%; transform: translate(-50%,-50%); transition: all .3s;}
.sec13 .list a:hover .thumb img,
.sec13 .list a:focus .thumb img {transform: translate(-50%,-50%) scale(1.05);}
.sec13 .list .tit {color:#2d2d2d; font-size:15px; font-weight:600; line-height:1.4; letter-spacing: -0.02em;}
.sec13 .list .date {display:block; margin-top:4px; color:#717171; font-size:12px; line-height:1.5;}
.sec13 .list .date .dday {padding-right:6px; color:#D41115; font-weight: 600;}

/* ========== Add 2022120 ========== */
.section_banner {position: relative; margin-bottom: 15px; padding: 0 16px;}
.section_banner .container {position: relative; max-width: 1024px;  margin: 0 auto; line-height: 0; display: flex;}
.section_banner .container a {border-radius: 10px; overflow: hidden; margin: 0 auto; display: inline-block;}

/* ========== Add 20240830 ========== */
.section_banner .slider {margin: 0 -16px;}
.section_banner .slider .slick-slide {padding: 0 16px; display: flex; justify-content: center;}
.section_banner .slider a {border-radius: 10px; overflow: hidden; margin: 0 auto; display: inline-block;}
.section_banner .slider .slick-dots {position: relative; display: flex; justify-content: center;}
.section_banner .slider .slick-dots li button {position: relative; width: 20px; height: 32px; background: none; opacity: 1; border-radius: 2px; font-size: 0;}
.section_banner .slider .slick-dots li button:before {content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #cbcbcb; width: 10px; height: 10px; box-sizing: border-box; font-size: 0; line-height: 0; border-radius: 10px; transition: all 0.3s; opacity: 1;}
.section_banner .slider .slick-dots li.slick-active button:before {background-color: #ed1f23; width: 20px;}

/* ========== banner ========== */
.fixed_banner {position: relative; background:rgba(0, 0, 0, .5); position:fixed; bottom:0; z-index:11; text-align:center; width:100%;}
.fixed_banner .box {display: flex;}
.fixed_banner img {max-width: 100%; max-height: 200px; display: inline-block;}
.fixed_banner .slider .slick-dots {text-align: center; line-height: 0; font-size: 0; position: absolute; bottom: 3px; margin: 0; width: 100%;}
.fixed_banner .slider .slick-dots li {display: inline-block; margin: 0 5px; height: 12px;}
.fixed_banner .slider .slick-dots li button {background-color: #c2c6c8; width: 8px; height: 8px; border-radius: 50%; text-indent: -9999px; color: transparent;}
.fixed_banner .slider .slick-dots li.slick-active button {background-color: #ffd74d;}
.fixed_banner .slick-slide {padding:31px 16px 16px 16px;}
.fixed_banner .close {position: absolute; top:5px; right: 8px; color:#fff; font-size:10px; background-color:#000; border-radius: 50%; width:20px; height:20px;}
.fixed_banner .close_today {position: absolute; right: 40px; top: 3px;}
.fixed_banner .close_today i {text-shadow:1px 1px 2px #070707;}
.fixed_banner .close_today input[type='checkbox'] {display:none;}
.fixed_banner .close_today input[type='checkbox'] + label {display:inline-block; cursor:pointer; position:relative; padding-left:23px; font-size:14px; color:#fff; font-weight: 400; line-height: 1; letter-spacing: -0.05em;}
.fixed_banner .close_today input[type='checkbox'] + label:before {content:'\ea0e'; font-family: 'xeicon'; font-size: 23px; position:absolute; left:0; top:49%; transform: translateY(-50%); color: #070707; z-index: 2;}
.fixed_banner .close_today input[type='checkbox'] + label:after {content: ''; width: 15px; height: 15px; display: inline-block; position:absolute; left:4px; top:50%; transform: translateY(-53%); background-color:#fff; z-index: 1;}
.fixed_banner .close_today input[type='checkbox']:checked + label:before {content:'\e92d';}

.layer_popup_special {position: fixed; left: 0; top: 0; bottom: 0; width: 100%;  background-color: rgba(0, 0, 0, 0.57); z-index: 1000;}
.layer_popup_special .popup {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1001; width: 92%;}
.layer_popup_special .popup .box {font-size: 0; line-height: 0; display: flex; justify-content: center;}
.layer_popup_special .popup .box img {max-height: 85vh;}
.layer_popup_special .popup .close {position: absolute; top: -40px; left: 50%; transform: translateX(-50%); width: 539px; display: flex; justify-content: flex-end;}
.layer_popup_special .popup .close button {position: relative; font-size: 10px; color: transparent; width: 34px; height: 34px;}
.layer_popup_special .popup .close button:before {font-family: 'xeicon'; content:'\e9af';  display: inline-block; font-size: 35px; color: #fff; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); transition:all 0.3s;}
.layer_popup_special .close_today {position: absolute; left: 0; top: -28px;}
.layer_popup_special .close_today i { text-shadow:1px 1px 2px #070707;}
.layer_popup_special .close_today input[type='checkbox'] {display:none;}
.layer_popup_special .close_today input[type='checkbox'] + label {display:inline-block; cursor:pointer; position:relative; padding-left:23px; font-size:14px; color:#fff; font-weight: 400; line-height: 1; letter-spacing: -0.05em;}
.layer_popup_special .close_today input[type='checkbox'] + label:before {content:'\ea0e'; font-family: 'xeicon'; font-size: 23px; position:absolute; left:0; top:49%; transform: translateY(-50%); color: #070707; z-index: 2;}
.layer_popup_special .close_today input[type='checkbox'] + label:after {content: ''; width: 15px; height: 15px; display: inline-block; position:absolute; left:4px; top:50%; transform: translateY(-53%); background-color:#fff; z-index: 1;}
.layer_popup_special .close_today input[type='checkbox']:checked + label:before {content:'\e92d';}

@media screen and (max-width:589px){
	.layer_popup_special .popup .close {width: 100%;}
}