@charset "UTF-8";

/*본문바로가기*/
.skip a { position:absolute; background:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000); width:100%; height:40px; text-align:center; font-size:0.9em; color:#fff; z-index:100; line-height:40px; top:-40px; opacity:0; }
.inner { width:1400px; margin:0 auto; }
.inner_view { width:960px; margin:0 auto; }

/*header*/
.header {  width:100%; height:195px; z-index:99; color:#333; position:relative; background:rgba(255,255,255,0.8); border-bottom:1px solid #ededed; box-shadow:0 0 15px 0 rgba(0,0,0,0.08);  }
.header .inner { position:relative; }
.header h1 { display:flex; justify-content:center; text-transform:uppercase; font-weight:900; margin:20px 0 0; }
.header h1 a { display:flex; }
.header h1 a img { height:35px; width:100%;}
.header ul { display:flex; }

.header .header_top { width:100%; height:40px; padding-top:15px; display:flex; align-items:center; }
.header .header_top .list_wrap { width:100%; display:flex; justify-content:space-between; }
.header .header_top ul li { display:flex; align-items:center; }
.header .header_top ul li a,
.header .header_top ul li p { line-height:1em; color:#333; font-weight:500; font-size:1em; position:relative; transition:all 0.3s; display:flex; align-items:center; text-transform:capitalize; }
.header .header_top ul > li a span { font-size:.8em; margin: 0 0 -3px 4px;}
.header .header_top ul li a:hover,
.header .header_top ul li p:hover { color:#333; }
.header .header_top li a::before { content:''; width:0; height:1px; background:#333; display:inline-block; transition:all 0.3s; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); }
.header .header_top li a:hover::before { width:100%; }
.header .header_top ul li::after { content:''; width:2px; height:2px; background:#ccc; display:inline-block; margin:0 10px; }
.header .header_top ul li:last-child::after { display:none; }
.header .header_top .this { display:none; }
.header .header_top .incSessionTime { display:flex; align-items:center; margin-right:10px;}
.header .header_top .incSessionTime::after { display:none; }
.header .header_top .incSessionTime .time_info { border:1px solid #ededed; background:#eee; display:flex; border-radius:50px; align-items:center; margin-left:5px; padding:2px 2px 2px 10px; }
.header .header_top .incSessionTime .time_info span { font-size:0.9em; line-height:1em; margin-right:10px; }
.header .header_top .incSessionTime .time_info button { border:none; background:#003660; color:#fff; height:20px; border-radius:50px; font-size:0.8em; transition:all 0.3s; }
.header .header_top .incSessionTime .time_info button:hover { background:#001e36; }
.header .header_top .apctp { display:none; }
.header .header_top .apctp a { text-indent:0; display:flex; align-items:center;}
.header .header_top .apctp img { height:14px; }

.header .header_bottom { width:100%; height:calc(100% - 40px); position:relative; display:flex; flex-direction:column; justify-content:space-between;}
.header .header_bottom .inner { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.header .header_bottom .left { display:flex; align-items:center; justify-content:flex-start; }
.header .header_bottom .right { display:flex; align-items:center; justify-content:flex-end;  }
.header .header_bottom ul { display:flex; }
.header .header_bottom .info { border:2px solid #333; font-weight:600; background:#fff; padding:0 15px; display:flex; align-items:center; height:32px; border-radius:100px; font-size:0.9em; color:#333; transition:all 0.3s;}
.header .header_bottom button { margin-left:5px; border:none; background:#fff; width:32px; height:32px; border-radius:50px !important; font-size:1.1em; transition:all 0.3s; }
.gnb_open, .gnb_close { display:none; border-radius:0 !important; }
.header .header_bottom .info:hover,
.header .header_bottom button:hover { background:#333; color:#fff; }
.header .header_bottom .sns { margin-top:0; }
.header .header_bottom .sns li { width:24px; height:24px; background-size: 144px 48px !important; }
.header .header_bottom .apctp li { margin-left:13px; filter: grayscale(1); transition:all 0.5s;}
.header .header_bottom .apctp li:hover { filter: grayscale(0); transform:scale(1.1); }
.header .header_bottom .apctp li a { text-indent:0; display:flex; align-items:center;}
.header .header_bottom .apctp li img { height:14px; }

.gnb { position:absolute; bottom:0; left:50%; transform:translatex(-50%);}
.gnb ul { display:flex; justify-content:center; }
.gnb li a { font-weight:600; font-size:1.3em; line-height:32px; }
.gnb li::after { margin:0 18px; content:''; }
.gnb li:last-child::after { display:none; }
.gnb li button { margin-left:0 !important; }

.webznIssueNo { /* position:absolute; top:50%; left:0; transform:translateY(-50%); */ margin-top:-2px; }

/*main top slide*/
.main_slide { width:100%; height:calc(100vh - 195px); opacity:1; }
.main_slide .slick-list { width:100%; height:100%; color:#fff;}
.main_slide .slick-track { height:100%; }
.slick-slide, .slick-slide > div { width:100%; height:100%; }
.main_slide .slide { width:100%; height:100%; color:#fff; position:relative; }
.main_slide .slide .inner { position:relative; z-index:1;height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.main_slide .slide .bg_box { position:absolute; top:0; left:0; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; z-index:0; }
.main_slide .slide::after { width:100%; height:100%; background:rgba(0,0,0,0.4); content:''; display:block; position:absolute; top:0; left:0; pointer-events:none; }
.main_slide .slide em { display:inline-block; font-size:1.3em; text-transform: capitalize; font-weight:900; white-space:nowrap; text-shadow:5px 5px 5px rgba(0,0,0,0.6);}
.main_slide .slide strong {display:block; text-align:center; margin:40px 0; font-size:2.3em; text-shadow:5px 5px 5px rgba(0,0,0,0.6); }
.main_slide .slide p {display:block; text-align:center; font-size:1.3em; line-height:1.8em; margin-bottom:40px;text-shadow:5px 5px 5px rgba(0,0,0,0.6); overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.main_slide .slide button { display:inline-block; padding:13px 40px; border-radius:50px; font-weight:600;transition:background 0.3s !important; white-space:nowrap; border-color:#ccc; }
.main_slide .slide button:hover { background:#1a88d9; border-color:#1a88d9; color:#fff; }
.main_slide .slick-current em { animation:textshow 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; }
.main_slide .slick-current strong {animation:textDown 0.5s ease-in-out both; animation-delay: .2s;}
.main_slide .slick-current p {animation:textDown 0.5s ease-in-out both;animation-delay: .4s;}
.main_slide .slick-current button { animation:textDown 0.5s ease-in-out both; animation-delay: .6s; }
.main_slide .slick-prev, .main_slide .slick-next { color:#fff; }
.main_slide .slick-dots { bottom:4em; animation: textDown 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; animation-delay:1s; text-align:center; width:100%; }
.main_slide .slick-dots li { margin:0 3px; }
.main_slide .slick-dots li a { background:#fff; opacity:0.5; border:1px solid #333; width:10px; height:10px; margin:0; transition:all 0.3s; }
.main_slide .slick-dots li a:hover { transform:scale(1.2); opacity:1; }
.main_slide .slick-dots li.slick-active a { width:80px; border-radius:50px; opacity:1;}
.main_slide .slick-dots li.slick-active a:hover { transform:none; }
.main_container .slick-dotted.slick-slider { margin-bottom:0; }

/*main content*/
.main_content { position:relative; z-index:9; padding:50px 0 65px; }
.main_content .inner { position:relative; z-index:9; }
.main_content > .bg_box { position:absolute; bottom:0; background-size:cover; width:100%; height:25%; z-index:-1; background-position:50% 0%; }
.main_content h2 { font-size:2em; text-transform:capitalize; font-weight:900; line-height:1.6em; letter-spacing:-1px; }
.main_wrap { }
.main_content .title_wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom:20px; }
.main_content .title_wrap .showmore { color:#1a88d9; font-weight:900; border:none; padding:0; font-size:1.1em; display: flex; align-items: center; background:none; opacity:0; white-space:nowrap; animation:fadeOut 0.5s both;}
.main_content .title_wrap .showmore span { margin-left:5px; margin-top:5px; font-size:0.7em; display:inline-block; transition:all 0.3s;}
.main_content .title_wrap .showmore:hover span { transform:translateX(10px); }

.title_wrap h2 { animation:fadeOut .5s both;}
.title_wrap.active h2 { animation:zoomIn 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; }
.title_wrap.active .showmore { animation:zoomIn 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; animation-delay:0.2s; }

/*article*/
.rearticle {  }
.article_list ul { width:calc(100% + 40px); display: flex; flex-wrap:wrap; margin:0px -20px 0; }
.article_list ul li { width:calc(33.333% - 40px); margin:20px; }
.article_list ul li .img_box { width:100%; height:0; padding-bottom:61.808%; border:1px solid #ededed; background:url(/images/user/logo.svg) 50% 50% no-repeat #f4f4f4; background-size:30%; transition:all 0.5s; border-radius:10px; overflow:hidden; margin-bottom:25px; position:relative; }
.article_list ul li .bg_box { width:100%; height:100%; display:block; border-radius:0; transition:box-shadow 0.5s, transform 0.5s; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.article_list ul li .img_box:hover { box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;/*  transform:scale(1.01); */ }
.article_list ul li .img_box:hover .bg_box { transform:translate(-50%,-50%) scale(1.1); transition:transform .5s;}
.article_list ul li .text_box {font-size:13px;position:relative;}
.article_list ul li .category { color:#1a88d9; font-weight:900; line-height:1.2em; margin:0 0 13px; display:inline-block; font-size:0.9em; position:relative; }
.article_list ul li .category::after { content:''; width:0; height:1px; background:#1a88d9; display:inline-block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all 0.3s; }
.article_list ul li .category:hover::after { width:100%; }
.article_list ul li .title { width:100%; display:block; font-size:1.5em; font-weight:600; margin-bottom:15px; line-height:1.5em;transition:all .3s; }
.article_list ul li .title:hover { color:#1a88d9; }
.article_list ul li .by { color:#888; font-size:0.9em; line-height:1.4em; display:flex; margin-bottom:13px; align-items:center; }
.article_list ul li .text { margin-top:6px; }
.article_list ul li .text a { -webkit-line-clamp:2; line-height:1.7em; }
.article_list ul li.on { opacity:0.3 ;}
.article_list ul li .time { color:#888; background:url(/images/user/icon_time.svg) 0% 50% no-repeat; background-size:15px 15px; padding-left:20px; }
.wzno { padding:2px 10px; background:#fff; color:#222; border:1px solid #222; border-radius:50px; display:inline-block; margin-top:12px; font-size:0.9em; transition:all 0.3s;}
.wzno:hover { background:#333; color:#fff; border-color:#333; }
a.writer { color:#000; font-weight:600; position:relative; line-height:1em; display:flex; align-items:center; margin-right:5px; transition:all 0.3s; position:relative; }
a.writer::after { content:''; width:0; height:1px; background:#0c47b3; display:inline-block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all 0.3s; }
a.writer:hover::after { width:100%; }
/* a.writer::after { content:''; width:1px; height:13px; background:#ccc; display:inline-block; margin:0 10px;} */
a.writer:hover { color:#0c47b3; }
.article_list ul li .text_box .resp { position:absolute; top:0; right:0; }
.article_content .resp .like { cursor: pointer; }
.resp .like { display:flex; align-items:center; }
.resp .like span { width:20px; height:20px; margin-right:3px; }
.resp .like span::before { display:inline-block; background:url(/images/user/icon_like.svg); background-position:50% 0%; background-repeat:no-repeat; width:100%; height:100%; background-size:20px 40px; content:''; }
.resp .like.active span::before { background-position:50% 100%; }
.resp.float { position:absolute; bottom:-1px; right:-1px; border-radius:10px 0 0 0; background:#fff; padding:5px 10px; cursor: pointer; }
.article_content .resp .left { display:flex; }
.article_content .resp .left .say { margin-left:25px; }

.nothing_wrap { width:100% !important; }

.thumb_video { position:relative; }
.thumb_video::after { content:''; pointer-events:none; width:80px; height:80px; display:block; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); border-radius:100px; background:rgb(255,255,255,0.3); /* background: linear-gradient(335deg, rgba(33,44,251,1) 0%, rgba(0,247,171,1) 100%); */ box-shadow:0 0 25px 0 rgba(0,0,0,0.6); backdrop-filter: saturate(180%) blur(15px); -webkit-backdrop-filter: saturate(180%) blur(15px); transition:all 1s; }
.thumb_video::before { content:''; pointer-events:none; width:30px; height:30px; background:url(/images/user/icon_video.svg) 50% 50% no-repeat; background-size:contain; filter: drop-shadow(8px 8px 16px rgba(0,0,0,.9)); position:absolute; top:50%; left:50%; transform: translate(-40%,-50%); z-index:2; transition:all 0.3s;  }
.thumb_video .shadow { pointer-events:none; width:100%; height:100%; display:block; background:rgba(20,0,0,0.5); position:absolute; top:0; left:0; }
.article_list ul li .img_box:hover::after { transform:translate(-50%,-50%) rotate(90deg); }

.main_wrap ul li { animation:fadeOut .5s both; }
.main_wrap.active li { animation:zoomIn 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; }
/* .main_wrap.active li:nth-child(1) { animation-delay:0.1s; }
.main_wrap.active li:nth-child(2) { animation-delay:0.2s; }
.main_wrap.active li:nth-child(3) { animation-delay:0.3s; } */

/* banner */
.banner_wrap.main_wrap { margin-top:10px; }
.banner_wrap { display: flex; justify-content: space-between; }
.banner_wrap .banner { width:calc(50% - 30px); }
.banner_wrap .banner .box { width:100%; color:#fff; font-size:1.8em; background:#e9f4f9 !important; border:1px solid #daedf5; line-height:1.4em; font-weight:600; display:block; border-radius:10px; position:relative; animation:fadeOut .5s both; transition:all 0.3s;}
.banner_wrap .banner .box > a { display:block; width:100%; color:#002139; padding:1.3em; height:170px; border-radius:10px; overflow:visible; line-height:1.6em; position:relative; z-index:1; }
.banner_wrap .banner .box:hover { box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; }
.banner_wrap .banner .box img { position:absolute; pointer-events:none; animation:fadeOut .5s both; }
.banner_wrap .banner:nth-child(1) img { bottom:-1em; right:-1.2em; z-index:3; }
.banner_wrap .banner:nth-child(2) img { bottom:-1.2em; right:-2.8em; z-index:1; }
.banner_wrap .banner:nth-child(2) .title_wrap.active h2 { animation-delay:0.2s; }
.banner_wrap.active .banner .box { animation:zoomIn 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; }
.banner_wrap.active .banner:nth-child(2) a { animation-delay:0.1s; }
.banner_wrap.active .banner img { animation:zoomIn 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; animation-delay:0.3s; }
/* .banner_wrap .banner .box::after { content:''; width:100%; height:100%; display:block; border-radius:10px; position:absolute; top:0; left:0; }
.banner_wrap .banner.choice .box::after { background:rgba(233,244,249,0.5); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); } */
/* hot click */
.hotClick { z-index:9; }
.hotClick .box { padding:26px 25px 22px; height:170px; border-radius:15px; transition:all 0.3s; position:relative; background-color:#fff; }
/* .hotClick .box::after { background:rgba(0,0,0,0.25);backdrop-filter:blur(20px); -webkit-backdrop-filter: blur(20px); } */
.hotClick ol { display:flex; width:calc(100% - 3px); max-height:100%; overflow:hidden; flex-wrap:wrap; position:relative; z-index:2; overflow:hidden;}
.hotClick ol li { margin:0 5px 5px 0px; width:auto; display:flex; transition:all 0.5s; animation:none; max-width: calc(50% - 5px); }
.hotClick ol li a { padding:0px 16px; font-weight:600; font-size:15px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-radius:50px; color:#fff; background:#53a1c6; transition:all 0.3s; display:inline-block; }
.hotClick ol li em { display:none; }
.hotClick ol li a:hover { background:#212a60; color:#fff; border-color:#002139; }
.hotClick ol li a::before { content:'#'; }

/* news */
.notice.main_wrap { margin:130px 0 50px; }
.news_slide { width:100%; margin-top:-30px; padding-bottom:50px; animation:fadeOut .5s both; }
.news_slide .slick-slide { padding:30px 15px; }
.news_slide .slick-slide.slick-current .news { border-color:#333; }
.news_slide .swiper-wrapper { padding:30px 0 50px; }
.news_slide .news { transition:all 0.3s; border:1px solid #e7e7e7; background:#fff; box-shadow:5px 5px 8px 0 rgba(0,0,0,0.03); border-radius:15px;}
.news_slide .news a { display:inline-block; padding:25px; min-height:160px; }
.news_slide .news:hover { transform:translateY(-20px); border:1px solid #333; box-shadow:5px 5px 8px 0 rgba(0,0,0,0.1); }
.news_slide .news a strong { width:100%; display:block; font-weight:600; font-size:1.2em; color:#333; line-height:1.6em; margin-bottom:30px; }
.news_slide .news em { color:#888; }
.news_slide .swiper-button-prev, .news_slide .swiper-button-next { position:static; margin-top:0; }
.news_slide .swiper-button-prev {  }
.news_slide .swiper-button-prev::before,
.news_slide .swiper-button-next::before { color:#333; font-size:20px; }
.news_slide .wrap { display:flex; align-items:center; justify-content:space-between; width:1400px; }

.notice .swiper-pagination-progressbar { animation:fadeOut .5s both; width:1250px; height:2px; background:#ededed; position:static; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#333; }
.notice.active .swiper-pagination-progressbar { animation:fadeLeft 1.5s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; }
.notice.active .news_slide { animation:fadeLeft 1.5s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; }
.notice.active .slick-dots { animation:fadeLeft 1.5s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; bottom:0; }

.bg_wave { opacity:0; pointer-events:none; z-index:0; display:none; }

/* footer */
.footer { width:100%; padding:50px 0; background:#fafafa; position:relative; }
.footer_content { display:flex; justify-content:space-between; }
.footer_left { width:calc(100% - 250px); }
.footer_logo ul { display: flex; align-items: center; border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:20px; }
.footer_logo a { text-transform:uppercase; font-weight:900; }
.footer_logo a img { height:15px; }
.footer_logo ul li:last-child::before { width:1px; height:17px; background:#ccc; content:''; display:inline-block; margin:0 13px; }
.footer_logo ul li:first-child img { transform:translateY(-1px) }
.footer_logo ul li:last-child img { height:18px; margin-top:2px; }
.footer_text { color:#888; font-size:0.9em; line-height:1.7em; }
.footer_text strong { margin-bottom:5px; display: block; color:#333; }
.footer_text br { display:none; }

/* skip top */
.skip_top { width:50px; height:50px; border-radius:100px; border:1px solid #ededed; box-shadow:rgb(255 255 255 / 10%) 0px 1px 1px 0px inset, rgb(50 50 93 / 25%) 0px 10px 20px -5px, rgb(0 0 0 / 30%) 0px 10px 20px -10px; opacity:0; position:fixed; bottom:30px; right:30px; overflow:hidden;z-index:9; transform: translateY(50%); transition:all 0.3s; }
.skip_top::before, .skip_top::after { content:''; width:14px; height:15px; background:url(/images/user/skip_top_bk.svg) 50% 50% no-repeat; background-size:contain;position:absolute; display:inline-block; left:50%; transform: translate(-50%, -50%); pointer-events: none; }
.skip_top::before { top:50%; }
.skip_top::after { top:150%; }
.skip_top:hover { box-shadow:rgb(255 255 255 / 10%) 0px 1px 1px 0px inset, rgb(50 50 93 / 40%) 0px 10px 20px -5px, rgb(0 0 0 / 50%) 0px 10px 20px -10px; border-color:#333; }
.skip_top:hover::before { top:-150%;transition:all 0.5s; }
.skip_top:hover::after { top:50%;transition:all 0.5s; }
.skip_top.float { position:fixed; transform: translateY(0%); opacity:1; }
.skip_top.fix { position:absolute; bottom:auto; top:-25px; }

/* sns */
.sns { margin-top:28px; }
.sns ul { display:flex; }
.sns li { width:30px; height:30px; overflow:hidden; margin-left:15px; transform: perspective(1px) translateZ(0); backface-visibility: hidden; transition:transform 0.3s; background-image:url(/images/user/sns_logo.svg); background-size:180px 60px !important; background-repeat:no-repeat;}
.sns li:hover { transform:scale(1.1) perspective(1px) translateZ(0);}
.sns li a { width:100%; height:100%; text-indent:-5000px; display: inline-block; }
.sns .insta { background-position: 0 100%; }
.sns .facebook { background-position:20% 100%;  }
.sns .naver { background-position:40% 100%; }
.sns .youtube { background-position:60% 100%; }
.sns .rss { background-position:80% 100%;  }
.sns .insta:hover { background-position:0 0%; }
.sns .facebook:hover { background-position:20% 0%;  }
.sns .naver:hover { background-position:40% 0%;  }
.sns .youtube:hover { background-position:60% 0%; }
.sns .rss:hover { background-position:80% 0%;  }

.share button { width:30px; height:30px; border:none; transition:transform 0.3s; margin-left:10px; }
.share button:hover { transform:scale(1.1);}
.share .btn_print { background-image:url(/images/user/icon_print.svg); background-position:50% 100%; background-repeat:no-repeat; background-size:60px 60px; }
.share .btn_print:hover { background-position:50% 0%; }
.share .twitter, .share .facebook, .share .twitter, .share .insta { background-image:url(/images/user/sns_logo.svg); background-size:180px 60px !important; background-repeat:no-repeat; }
.share .twitter { background-position:100% 100%;  }
.share .twitter:hover { background-position:100% 0%; }
.share .facebook { background-position:20% 100%; }
.share .facebook:hover { background-position:20% 0%; }
.share .insta { background-position:0% 100%; }
.share .insta:hover { background-position:0% 0%; }

.article_content .share button { margin-left:0; margin-right:10px; }

/*******************************************************************************************************************************************/
/***************************************************************   subpage   ***************************************************************/
/*******************************************************************************************************************************************/

.sub_container { margin-bottom:50px; background:rgba(255,255,255,1); min-height:500px; }

.sub_title_top { display:flex; justify-content: space-between; padding:5px 0 20px; }

/* breadcrumb */
.breadcrumb { }
.breadcrumb ul { display:flex; justify-content:flex-start; }
.breadcrumb li { display:flex; align-items:center; font-size:0.9em; }
.breadcrumb li a { color:#777;line-height: 1.4em; }
.breadcrumb li img { width:8px; height:8px; }
.breadcrumb li.next { margin:0 10px; opacity:0.6; font-size:0.6em; margin-top:2px; }
.breadcrumb li:last-child strong { color:#333; font-weight:900; max-width:150px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.breadcrumb .btn_prev { display:none; border:none; padding:0; }

/* sub_title */
.sub_title { text-align:center; margin:20px 0 65px; }
.sub_title .title .btn_prev { border:1px solid #fff; color:#fff; border-radius:50px; width:25px; height:25px; background:none; margin:-3px 15px 0 0; }
.sub_title em { color:#888; font-size:1em; font-weight:900; text-transform:capitalize; white-space:nowrap; margin-top:20px; }
.sub_title h2 { font-size:2.4em; line-height:1.3em; font-weight:900; font-family:godo; position:relative; display:flex; letter-spacing:-0.5px; align-items:center; justify-content:center; }
.sub_title .title strong { padding:5px 15px; border:1px solid #333; border-radius:50px; display:inline-block; white-space:nowrap; font-weight:900; font-size:1.2em; margin-top:10px; }

/*bg img type sub title*/
.sub_title.visual_type { padding:20px 0 85px; margin:0 0 40px; position:relative; }
.sub_title.visual_type .title { margin-top:20px;}
.sub_title.visual_type em { color:#ccc; }
.sub_title.visual_type em img { display:inline-block; margin:20px 0 80px; height:12px; } /*ablout 로고 이미지*/
.sub_title.visual_type h2 { color:#fff; }
.sub_title.visual_type .breadcrumb li:last-child strong, .sub_title.visual_type .breadcrumb li a, .sub_title.visual_type .breadcrumb li.next { color:#fff; }
.sub_title.visual_type .breadcrumb li { opacity:0.6; }
.sub_title.visual_type .breadcrumb li:last-child { opacity:1; }
.sub_title.visual_type .breadcrumb li a:hover { color:#fff !important; }
.sub_title.visual_type .breadcrumb li a::after { background:#fff; }
.sub_title.visual_type .inner { position:relative; z-index:1; }
.sub_title.visual_type::after { content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(15px); position:absolute; top:0; left:0;}
.webznbg { background-size:cover; background-repeat:no-repeat; background-position:50% 50%; background:url(/images/user/bg_login1.jpg) 50% 50% no-repeat; }
.subtitle_bg { background-size:cover; background-position:50% 50%; width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:0; }

.sub_title.visual_type.about_type .bg_box { background-size:cover; background-position:50% 70%; width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:0; }

.sub_menu { display:flex; justify-content: center;}
.sub_menu li a { height:60px; line-height:60px; display:inline-block; font-weight:900; font-size:1.3em; transition:all 0.3s; white-space:nowrap;}
.sub_menu li a::after { height:2px !important; }
.sub_menu li a:hover { color:#1a88d9; }
.sub_menu li.active a { color:#1a88d9; }
.sub_menu li.active a::after { width:100%; }

/*작가정보 type*/
.sub_title.gray_type { background:#f4f4f4; margin:0 0 70px; padding-bottom:70px; }
.sub_title.gray_type h2 { margin-top:30px; display:flex; align-items:center; }
.sub_title.gray_type .title { display:flex; justify-content:center; margin-top:0; flex-direction:column; align-items: center; }
.sub_title.gray_type .writer_info { flex-direction:row; width:auto; }
.sub_title.gray_type .writer_info .writer_pic { margin-bottom:0; }
.sub_title.gray_type .writer_info .writer_text {  }
.sub_title.gray_type .writer_info .writer_text strong { display:inline-block; }
.sub_title.gray_type .writer_info .writer_text em { display:block; }

/*게시판 하단*/
.bottom_wrap { padding-top:30px; position:relative; min-height:104px;}
.bottom_wrap .btn_wrap { display:flex; flex-wrap:wrap; width:100%; }
.bottom_wrap .btn_wrap.center { justify-content: center; }
.bottom_wrap .btn_wrap.between { justify-content:space-between; }
.bottom_wrap .btn_wrap.left { justify-content:flex-start; }
.bottom_wrap .btn_wrap.right { justify-content:flex-end; }
.bottom_wrap .btn_wrap > div { display:flex; }
.bottom_wrap button { margin:2px; }

/*article detail view*/
.article_header { text-align:center; margin-top:40px; }
.sub_title .article_header.title strong{ font-size:1.1em; display:block; border:none; padding:0; border-radius:0; }
.article_header strong a { color:#1a88d9; text-transform:capitalize; font-weight:900; }
.article_header h2 { font-size:2.4em; font-weight:900; margin:20px 0; }
.article_header .subtitle { font-size:1.2em; margin-bottom:10px; display:block; }
.article_header em { font-weight:400; display:block; text-align:center; font-size: 0.9em; line-height: 1.3em;}
.article_header .header_img { width:100%; margin-top:50px; }
.article_header .header_img img { width:100%; }
.sub_title h2.webznView { font-size:1.8em; }

/*기사컨텐츠*/
.article_view { position:relative; display:flex; flex-direction:row-reverse; justify-content:space-between; padding:50px 0; align-items: flex-start; border-top:1px solid #333; }
.writer_info { width:200px; display:flex; flex-direction:column; align-items:center;}
.writer_info .writer_pic { width:130px; height:130px; border-radius:130px; margin-bottom:30px; overflow:hidden; box-shadow:5px 5px 15px 0 rgba(0,0,0,0.5); }
.writer_info strong { font-size:1.5em; }
.writer_info em { color:#888; font-weight:500; margin-top:13px; font-size:0.9em; line-height:1.4em; text-align:center; margin-bottom: 15px;}
.writer_info em:last-child{ margin:0px;}
.writer_info button { /* margin-top:20px;  width:100%; */ border-color:#333; border-radius:50px;}
.writer_info button span { margin-left:10px; font-size:0.8em; }

/*기사내용*/
.article_content { width:calc(100% - 280px); /* border-left:1px solid #ededed; padding-left:100px; */ font-size:1.2em; line-height:2em; transition:all 0.5s; transition-delay:0.2s; }
.article_content .share { margin-top:50px; }
.article_content figcaption { font-size:0.8em; line-height:1.6em; }
.article_content .resp { margin:50px 0 20px; padding:15px 15px 15px 20px; border-radius:5px; border:1px solid #ccc; box-shadow: rgba(50, 50, 93, 0.1) 0px 10px 20px -10px, rgba(0, 0, 0, 0.20) 0px 15px 30px -15px; background:#fff; display:flex; align-items:center; justify-content:space-between;}
.article_content .resp .share { margin-top:0;display:flex; align-items:center; }
.article_content .resp .like span { width:25px; height:25px; }
.article_content .resp .like span::before { background-size:25px 50px; }
.article_view .writer_info { transition:margin-top 0.5s, opacity 0.5s, top 0.5s, bottom 0.5s; /* padding:40px 20px; border-radius:15px; background:#333; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; */}
.article_view .writer_info .writer_text { display:flex; flex-direction:column; align-items:flex-start;}
.article_view .writer_info .writer { display:flex; align-items:center; }
.article_view .writer_info .writer span { display:flex; align-items:center; justify-content:center; font-size:1em; background:#ddd; color:#333; width:24px; height:24px; border-radius:50px; margin-right:10px; }
.article_view .writer_info .writer strong { width:calc(100% - 30px); }
.article_view.active .article_content { opacity:1; margin-top:0; }
.article_view.active .writer_info { opacity:1; margin-top:0; }
.article_view.active .writer_info.float { position:fixed; top:50px; left:50%; transform:translateX(-480px); }
.article_view.active .writer_info.float.fix { position:absolute; bottom:50px; top:auto; left:0; transform:translateX(0); transition:bottom 0.5s}

.related { background:#f4f4f4; margin:60px 0 -50px; padding:80px 0; position:relative; text-align:center; opacity:0; }
.related h2 { color:#333; margin-bottom:25px; font-size:2em; font-weight:900; text-align:left; transform: translateY(100px); opacity:0; transition:all 0.5s; }
.related .listshow { width:calc(100% + 40px); display:flex; flex-wrap:wrap; margin:0 -20px; text-align:left; }
.related .listshow .swiper-slide { width:25%; transition:all 0.5s; padding:20px; opacity:0; transform:translateY(10%); }
.related .listshow .swiper-slide .bg_box { width:100%; height:0; padding-bottom:60%; margin-bottom:30px; border-radius:15px; display:block; transition:box-shadow 0.5s;}
.related .listshow .swiper-slide .bg_box:hover { box-shadow: rgba(50, 50, 93, 0.25) 0px 15px 30px -12px, rgba(0, 0, 0, 0.3) 0px 9px 18px -9px; }
.related .listshow .swiper-slide .category { color:#1a88d9; font-weight:900; margin:0 0 10px; display: block; }
.related .listshow .swiper-slide .title { width:100%; display:block; color:#333; font-size:1.2em; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.related .listshow .swiper-slide.on { opacity:0.3 ;}
.related .swiper-wrapper p { opacity:0; transform:translateY(20px); transition-delay:0.2s; opacity:0; display:block; margin-left:20px;}
.related .btn_list { position:absolute; top:40px; left:50%; transform:translateX(-50%); text-transform:uppercase; width:80px; height:80px; border:1px solid #333; border-radius:100px; box-shadow:rgb(50 50 93 / 60%) 0px 25px 60px -12px, rgb(0 0 0 / 68%) 0px 15px 36px -18px; transition:all 0.5s; font-weight:900;opacity:0; }
.related .btn_list:hover { background:#001e36; color:#fff; border:1px solid #001e36; }
.related .listshow .swiper-pagination_wrap { display:flex; width:100%; justify-content:flex-end; }
.related .listshow .swiper-pagination { position:static; margin:0 20px 0;}
.related .listshow .swiper-pagination-bullet { margin-right:10px; }
.related .listshow .swiper-pagination-bullet-active { background:#212a60; }
.related p { color:#999; }

.related.active { opacity:1; }
.related.active h2 { opacity:1;transform:translateY(0); }
.related.active .btn_list { opacity:1; top:-40px; }
.related.active .listshow .swiper-slide { opacity:1;transform:translateY(0); }
.related.active .listshow .swiper-slide .bg_box { background-color:#fff; }
.related.active .listshow .swiper-slide:nth-child(1) { transition-delay:0.2s; }
.related.active .listshow .swiper-slide:nth-child(2) { transition-delay:0.3s; }
.related.active .listshow .swiper-slide:nth-child(3) { transition-delay:0.4s; }
.related.active .listshow .swiper-slide:nth-child(4) { transition-delay:0.5s; }
.related.active .swiper-wrapper p { opacity:1; transform:translateY(0%); transition:all 0.3s; transition-delay:0.2s; color:#999;}
.article_wrap { padding:30px 0 0px; width:100%; display:inline-block; border-top:1px dashed #fff;}
.article_wrap:first-child { padding-top:30px; border-top:none;}
.article_wrap:last-child { padding-bottom:100px; }
.article_list .article_wrap ul {  }
.article_wrap .title_wrap { position:relative; margin-bottom:0; display:block; }
.article_wrap .title_wrap li { animation:fadeOut 1s both; }
.article_wrap .title_wrap .title { padding-right:20px; background:#fff;z-index:1; display:inline-block;animation:fadeOut 1s both; position:relative;}
/* .article_wrap .title_wrap .title::after { content:''; display:inline-block; background:#fcff5a; width:95%; height:60%; position:absolute; top:10px; left:-5px; z-index:0;} */
.article_wrap .title_wrap .category { font-size:2em; font-weight:900; display:inline-block; letter-spacing:-0.5px; color:#000; transition:all 0.3s; padding-bottom:2px; position:relative; z-index:1;}
.article_wrap .title_wrap .category:hover { color:#1a88d9; }
.article_wrap .title_wrap .category::after { background:#666; }
.article_wrap .title_wrap .category.link:hover { color:#1a88d9 !important; }
.article_wrap .title_wrap .category.link::after { background:#1a88d9; }

/*.article_wrap .title_wrap::after { width:100%; height:1px; background:#ddd; content:''; display:block; position:absolute; top:13px; left:0; z-index:0; }*/
.article_wrap li { animation:fadeOut .5s both; }
.article_wrap.active .title_wrap .title { animation:zoomIn 1.5s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; }
.article_wrap.active li { animation:zoomIn 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; }
.article_wrap.active { border-color:#ededed; }

.move_wrap { border-bottom:1px solid #ededed; margin-bottom:50px; position:relative; padding:0 70px; background:#fff; }
.move_wrap .inner { width:100%; }
.move { width:100%; display:flex; align-items:center; justify-content:center; }
.move .swiper-wrapper { display:flex; }
.move .swiper-slide { width:auto; height:60px; display:flex; align-items:center; }
/* .move .swiper-slide:first-child { margin-left:45px; }
.move .swiper-slide:last-child { margin-right:45px; } */
.move .swiper-slide.on a { color:#1a88d9; }
.move .swiper-slide a { font-weight:900; font-size:1.3em; height:60px; line-height:60px; transition:all 0.3s; white-space:nowrap; }
.move .swiper-slide a:hover { color:#1a88d9; text-decoration:underline; }

.move .swiper-button-prev, .move .swiper-button-next { opacity:1; width:30px; height:30px; background:#fff; border:1px solid #ededed; border-radius:5px; bottom:15px; top:auto; z-index:11;}
.move .swiper-button-prev::before, .move .swiper-button-next::before { font-size:13px; color:#333; width:13px; height:13px; text-align:center; line-height:1em;}
.move .swiper-button-prev:hover, .move .swiper-button-next:hover { border-color:#666; box-shadow:0 0 5px 0 rgba(0,0,0,0.3); }
.move .swiper-button-prev { left:15px; }
.move .swiper-button-next { right:15px; }
.move .swiper-pagination-progressbar { width:100%; height:2px; bottom:0; left:0; }

.move .swiper-pagination-progressbar::before, .move .swiper-pagination-progressbar::after { content:''; display:inline-block; z-index:9; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); position:absolute; bottom:2px; width:70px; height:55px; pointer-events:none; z-index:0; }
.move .swiper-pagination-progressbar::before { left:0; }
.move .swiper-pagination-progressbar::after { right:0; transform:rotate(180deg); }

.move_wrap.noswiper .inner { width:1400px; padding:0; }
.move_wrap.noswiper .swiper-button-prev, .move_wrap.noswiper .swiper-button-next { display:none; }
.move_wrap.noswiper .move .swiper-wrapper { justify-content:center; }

.move_wrap.fix { width:100%;  position:fixed; top:0; left:0; z-index:9; margin-bottom:0; transition:background 0.3s; }
.move .swiper-pagination-progressbar { background:rgba(255,255,255,0); }
.move .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#1a88d9; }

.fixed-menu {  }
.fixed-menu.fix .article_list { padding-top:110px; }

/*add dot*/
.dot li::after, .dot > div::after { width:1px; height:15px; display:inline-block; content:''; background:#ccc; margin:0 25px; }
.dot li:last-child::after, .dot > div:last-child::after { display:none; }

/*tab*/
/*웹진 탭뷰*/
.webznTabs .article_wrap li,
.webznTabs .article_wrap .title_wrap .title { animation:none; }

.webznTabs_wrap .article_wrap { border:none; padding:20px 0 40px; }
.webznTabs .tab a { position:relative; }
.webznTabs .tab a::after { content:''; width:0; height:1px; background:#1a88d9; display:inline-block; transition:width 0.2s; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
.webznTabs .tab:hover a::after { width:100%; }
.webznTabs .tab a::after { height:2px;bottom:0px;}
.webznTabs .tab:hover a { color:#333 !important; text-decoration: none;}
.webznTabs .tab:hover a::after { }
.webznTabs .tab.active a { color:#1a88d9 !important; }
.webznTabs .tab.active:hover a::after { background:#1a88d9; }
.webznTabs .tab.active a::after { width:100%;background:#1a88d9; }

/*tab 내용이 두개일 경우*/
.round_tab { display:flex; justify-content:center; align-items:center; }
.round_tab .wrap-tab-list { padding:5px; border-radius:50px; border:1px solid #dbdbdb;box-shadow:rgb(50 50 93 / 25%) 0px 10px 10px -12px, rgb(0 0 0 / 30%) 0px 10px 20px -18px;}
.round_tab .wrap-tab-list li::after, .round_tab .wrap-tab-list button::after { display:none; }
.round_tab .wrap-tab-list li { display:inline-block; }
.round_tab .wrap-tab-list li button { height:40px; border-radius:50px; width:100%; }
.round_tab .wrap-tab-list li:last-child button {  }
.round_tab .wrap-tab-list li.active button { background:#1a88d9; color:#fff; }

/*toggle*/
.toggle { border-top:1px solid #333; }
.toggle > li { border-bottom:1px solid #ededed; }
.toggle > li.active {  }
.toggle_tit a { padding:30px 0; display:block; font-size:2.3em; font-weight:900; position:relative; transition:all 0.3s;}
.toggle_tit a:hover { }
.toggle_tit a::after, .toggle_tit a::before { content:''; display:block; width:15px; height:2px; background:#333; position:absolute; right:25px; top:50%; transform:translateY(-50%) rotate(0deg); transition:all 0.3s; }
.toggle_tit a::before { transform:translateY(-50%) rotate(90deg); }
.toggle > li.active .toggle_tit a::before { transform:translateY(-50%) rotate(0deg); }
.toggle > li.active .toggle_tit a {  }
.toggle_box { display:none; padding:30px; }

/*Archive*/
/*archive tab*/
.archive_tab { position:relative; border-top:1px solid #333; border-bottom:1px solid #333; display:flex; justify-content:space-between; }
.archive_tab::before { content:''; width:1px; height:100%; background:#333; display:inline-block; position:absolute; top:0; left:300px; }
.archive_tab .tab_list { width:300px; padding:50px 0; flex-direction: column;}
.archive_tab .tab_list strong { font-size:1.8em; margin-bottom:50px; display:block; line-height:1.5em; }
.archive_tab .tab_list::after { display:none; }
.archive_tab .tab_list li { width:301px; display:inline-block; text-align:left; position:relative; }
.archive_tab .tab_list li::after { display:none; }
.archive_tab .tab_list li a { position:relative; color:#888; font-size:1.2em; padding:20px 0; font-weight:900; border:none; width:100%; padding-right:20px; display:flex; justify-content:space-between; align-items:center;}
.archive_tab .tab_list li a span { font-size:12px; }
.archive_tab .tab_list li.active { border-right:1px solid #fff; }
.archive_tab .tab_list li.active::after, .archive_tab .tab_list li.active::before { width:301px; height:1px; content:''; display:block; background:#333; position:absolute; left:0; margin:0; }
.archive_tab .tab_list li.active::before { top:0; }
.archive_tab .tab_list li.active::after { bottom:0; }
.archive_tab .tab_list li.active a { color:#333; }

.archive_tab .tab-container { width:calc(100% - 300px); max-height:700px; overflow-y:auto; padding:50px; }
.archive_tab .tab_wrap .archive_list { width:100%; }
.archive_tab .toggle { border-top:none; }
.archive_tab .toggle > li { border-bottom:1px solid #ededed; }
.archive_tab .toggle > li .toggle_tit a { font-size:2.3em; padding:30px 30px 30px 0; }
.archive_tab .toggle > li .toggle_tit a:hover { background:#001e36; color:#fff; padding:30px; }
.archive_tab .toggle > li.active .toggle_tit a { background:#001e36; color:#fff; padding:30px; }
.archive_tab .toggle > li:hover .toggle_tit a::after, .archive_tab .toggle > li:hover .toggle_tit a::before,
.archive_tab .toggle > li.active .toggle_tit a::after, .archive_tab .toggle > li.active .toggle_tit a::before { background:#fff; }

/*년도별*/
.list_year ul { display:flex; flex-wrap:wrap; }
.list_year li { width:16.666%; margin:20px 0; text-align:center; }
.list_year li:last-child { border-bottom:none;}
.list_year li a { width:100%; display:flex; flex-direction:column; align-items:center; position:relative; }
.list_year li .cover { width:100px; height:100px; border-radius:33px; overflow:hidden; transition:all 0.5s; border:1px solid #ededed;  background:url(/images/user/logo.svg) 50% 50% no-repeat #f4f4f4; background-size:80%; }
.list_year li .cover .bg_box { width:100%; height:100%; border-radius:0; z-index:1; }
.list_year li .text { margin-top:15px; }
.list_year li strong { display:block; font-size:1.1em; font-weight:600; }
.list_year li p { display:inline-block; font-size:0.9em; font-weight:400; line-height:1em; white-space:nowrap; padding:4px 8px; margin-top:7px; border-radius:50px; background:#fff; color:#333; border:1px solid #ededed; }
.list_year li em { display:block; font-size:0.8em; color:#888; letter-spacing:1px; }
.list_year li:hover .cover { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; transform: scale(1.05); }

/*주제별*/
.list_topic { width:100%; }
.list_topic ul { display:flex; flex-wrap:wrap; }
.list_topic li { width:100%; border-bottom:1px solid #ededed; }
.list_topic li:last-child { border-bottom:none; }
.list_topic li a { font-size:2.3em; padding:30px 40px 30px 0; font-weight:900; transition:all 0.3s; display:flex; white-space:nowrap; justify-content:space-between; align-items:center; }
.list_topic li a:hover { background:#001e36; color:#fff; padding:30px; }
.list_topic li a span { opacity:0; font-size:15px;  }
.list_topic li a:hover span { opacity:1; }

/*about*/
.about_container { width:100%; font-size:15px; padding-bottom:20px; }
.tab_list { width:100%; border-bottom:1px solid #ddd; }
.about_container .tabs { display:flex; justify-content:center; }
.about_container .tabs li:last-child::after { display:none; }
.about_container .tabs li::after { content:''; margin:0 30px; display:inline-block; background:#ccc; width:1px; height:13px; }
.about_container .tabs li a {font-size:1.2em; text-transform: capitalize; font-weight:900; display: inline-block; height:60px; line-height:60px; position:relative; }
.about_container .tabs li a::after { content:''; width:0; height:1px; background:#000; display:inline-block; transition:width 0.2s; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
.about_container .tabs li:hover a::after { width:100%; }
.about_container .tabs li a br { display:none; }
.about_container .tabs li a::after { height:2px;bottom:-1px;}
.about_container .tabs li:hover a { color:#333 !important; }
.about_container .tabs li:hover a::after { background:#333; }
.about_container .tabs li.active a { color:#1a88d9 !important; }
.about_container .tabs li.active:hover a::after { background:#1a88d9; }
.about_container .tabs li.active a::after { width:100%;background:#1a88d9; }

.content_wrap { padding-top:70px; }
.content_wrap h3 { font-size:2em; font-weight:900; margin-bottom:40px; text-transform:capitalize; transform:translateY(100%);transition:all 0.5s; }
.content_wrap.visible h3 { opacity:1; transform: translateY(0); }
.about_text { padding-top:20px; font-size:1.3em; line-height:2.1em; display:flex; justify-content:space-between; align-items:flex-start; }
.about_text .logo { width:40%; height:0; padding-bottom:40%; position:relative; background:#f4f4f4; animation:fadeup 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; }
.about_text img { width:80%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.about_text .text { width:calc(60% - 70px); text-align: justify; margin-top:-10px;}
.about_text .text p { display:block; margin-bottom:30px; animation:fadeup 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; text-align:justify; letter-spacing:-1px; }
.about_text .text p:nth-child(1) { animation-delay:0.3s; }
.about_text .text p:nth-child(2) { animation-delay:0.4s; }
.about_text .text p:nth-child(3) { animation-delay:0.5s; }
.about_text .text p:nth-child(4) { animation-delay:0.6s; margin-bottom:0; }

/* .greeting { width:100%; position:relative; padding-top:300px; display:flex; justify-content:flex-start; }
.greeting img { position:absolute; top:0; right:0; }
.greeting .text { position:relative; z-index:1; width:60%; background:#fff; padding:50px; background:#fff; box-shadow:10px 10px 50px 0 rgb(0 0 0 / 10%); border:1px solid #eee;}
.greeting .text p { margin-bottom:20px; font-size:1.3em; line-height:2.1em; text-align:justify; } */

.greeting { width:100%; position:relative; display:flex; justify-content:space-between; align-items:flex-start; }
.greeting img { width:40%; animation:fadeup 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; /* box-shadow:10px 10px 50px 0 rgba(0,0,0,0.3); */ }
.greeting .text { position:relative; z-index:1; width:60%; padding-left:70px; margin-top:-10px; }
.greeting .text p { margin-bottom:30px; font-size:1.3em; line-height:2.1em; text-align:justify; animation:fadeup 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; }
.greeting .text p:nth-child(1) { animation-delay:0.3s; }
.greeting .text p:nth-child(2) { animation-delay:0.4s; }
.greeting .text p:nth-child(3) { animation-delay:0.5s; }
.greeting .text .master_sign { display:flex; align-items:center; justify-content: flex-end; }
.greeting .text .master_sign p { margin-bottom:0 !important; font-size:1em; }
.greeting .text .master_sign p span { font-weight:600; }
.greeting .text .master_sign img { width:auto; height:35px; margin-left:10px; animation:fadeup 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; animation-delay:0.6s;}

/*연혁*/
.history { position:relative; background:rgba(255,255,255,1); }
.history_content { position:relative; z-index:1; }
.history ul { position:relative; padding:10px 0 20px; }
.history ul::after { width:3px; height:0%; content:''; display:inline-block; background:#cbcbcb; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1;transition:all 1s cubic-bezier(0.5, 0.7, 0.4, 1.000); }
.history ul li { width:100%; position:relative; padding:0 calc(50% + 50px) 0 0; text-align:right; margin:30px 0; z-index:3; }
.history ul li:nth-child(2n) { padding:0 0 0 calc(50% + 50px); text-align:left; }
.history ul li .history_wrap { text-align:left; padding:30px; background:#e9f4f9; display: inline-block; border:1px solid #cee7f3; border-radius:15px; transform:translate(-50%, -10px); opacity:0; transition:transform 1s, box-shadow 0.3s, border 0.3s; box-shadow: rgba(62, 62, 165, 0.3) 0px 10px 20px -10px, rgba(128,125,167, 0.4) 0px 15px 30px -15px; position:relative; }
/* .history ul li .history_wrap::after { width:50px; height:1px; background:#fff; content:''; display:inline-block; position:absolute; top:20px; right:-50px; } */
.history ul li:nth-child(2n) .history_wrap::after { right:auto; left:-50px; }
.history ul li .history_wrap .date { color:#212a60; font-weight:900; letter-spacing:-1px; font-size:1.3em; display:block; margin-bottom:10px; }
.history ul li .history_wrap p { font-size:1.2em; color:#525252; }
.history ul li:nth-child(2n) .history_wrap { transform:translate(50%, -10px); }
.history ul li::after { width:10px; height:10px; content:''; display:inline-block; border:3px solid #448db7; border-radius:50px; background:#fff; position:absolute; top:0; left:50%; transform: translate(-50%, 50px); opacity:0; transition:all 0.5s; }
.history.visible ul::after { height:100%; }
.history.visible ul li::after { transform: translate(-50%, 0); opacity:1; }
.history.visible ul li .history_wrap { opacity:1; transform:translate(0, -10px); }
.history.visible ul li .history_wrap:hover { border:1px solid #b6cbd5; box-shadow: rgba(62, 62, 165, 0.3) 0px 50px 100px -20px, rgba(128,125,167, 0.6) 0px 30px 60px -30px; transition-delay:0s;}
.history_bg { position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; background:#f4f4f4; display:block; }
.bg_text { position:absolute; top:100px; left:0; z-index:0; width:100%; font-size:20em; text-align:center; font-weight:900; color:rgba(116,181,228,0); }
.history ul li .history_wrap::before { width:15px; height:15px; content:''; display:inline-block; background:url(/images/user/triangle.svg) 50% 50% no-repeat; position:absolute; right:-15px; top:15px;}
.history ul li:nth-child(2n) .history_wrap::before { transform:scaleX(-1); left:-15px; right:auto; }

/*기사소개*/
.article_info { border-top:2px solid #333; transform:translateY(50%); opacity:0; transition:all 1s cubic-bezier(0.5, 0.7, 0.4, 1.000); }
.visible .article_info { opacity:1; transform: translateY(0); }
.article_info > li { border-bottom:1px solid #ddd; display:flex; justify-content:space-between; align-items:flex-start; align-items:center;}
.article_info li strong { font-size:1.5em; padding:8px 16px; font-weight:900; border:1px solid #333; border-radius:50px; }
.article_info li ul { width:calc(100% - 280px); }
.article_info li ul li { border-bottom:1px dashed #ddd; }
.article_info li ul li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; }
.article_info li ul li .row { display:flex; width:100%; padding:25px 0; }
.article_info li ul li .row div { }
.article_info li ul li .row .corner { width:20%; font-size:1.2em; }
.article_info li .text { width:80%; display:block; font-size:1.1em; font-weight:500; }
.article_info li a { font-size:1.2em; color:#222; font-weight:600; transition:all 0.3s; }
.article_info li a:hover { }
.article_info li a span { margin-left:10px;display:inline-block; }

/*편집인*/
.editor_info { background:#fff; }
.editor_info ul { display:flex; flex-wrap:wrap; }
.editor_info ul li { width:100%; display:flex; justify-content:space-between; border-bottom:1px solid #ddd; transform:translateY(50%); opacity:0; transition:all 1s cubic-bezier(0.5, 0.7, 0.4, 1.000);}
.editor_info ul li:first-child { border-top:2px solid #333; }
.visible .editor_info ul li { opacity:1; transform: translateY(0); }
.editor_mem { width:50%; display:flex; justify-content:space-between; align-items:center; padding:30px 30px 40px; position:relative; }
.editor_info ul li strong { font-size:1.5em; font-weight:900; display:block; margin-bottom:15px; }
.editor_info ul li p { display:flex; flex-direction:column; font-size:1em; line-height:1.8em; }
.editor_info ul li p em::before { content:''; display:inline-block; width:4px; height:4px; background:#333; border-radius:4px; margin:0 10px 4px 0; }
.editor_info ul li p em span { font-size:10px; transform:translateY(-4px); display:inline-block; }
.editor_info ul li p em span.m { font-size:1em; transform:none; display:inline-block; }
.editor_pic { width:130px; height:130px; border-radius:200px; margin-right:30px; }
.editor_text { width:calc(100% - 160px); }
.member_wrap { margin-top:70px; }


/*지도*/
/* .about_map { background:#f4f4f4; margin-bottom:-100px; padding:100px; } */
.about_map { margin-bottom:100px; }
.about_map .inner { padding:0; }
.office_box { position:relative; padding-bottom:60px;}
.office { width:100%; justify-content:space-between;  transform:translateY(50%); opacity:0; transition:all 1s cubic-bezier(0.5, 0.7, 0.4, 1.000); }
.visible .office_box { padding:0; }
.visible .office_box .office { opacity:1; transform: translateY(0); }
.visible .office_box .office:last-child { transition-delay:0.15s; }
.office_map { width:100%; height:600px; background:#fff; transition:box-shadow 0.3s; border: 1px solid #333333;/*  box-shadow: rgb(50 50 93 / 25%) 0px 20px 50px -20px, rgb(0 0 0 / 30%) 0px 20px 40px -20px; */ }
.office_map .map { width:100%; height:100%; }
.office_text { background:#fff; position:absolute; bottom:-50px; right:-50px; z-index:9; padding:30px; border: 1px solid #333333; box-shadow: rgb(50 50 93 / 13%) 0px 20px 50px -20px, rgb(0 0 0 / 7%) 0px 20px 40px -20px;}
.office_text img { height:25px;display:inline-block; margin-bottom:20px; }
.office_text p { font-size:1.1em; }
.office_text dl { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:15px; }
.office_text dl dt { width:50px; font-weight:600; padding:3px 0; }
.office_text dl dd { width:calc(100% - 50px); padding:3px 0; }

#mapP { background:url(/images/user/map1.jpg) 50% 50% no-repeat; }
#mapS { background:url(/images/user/map2.jpg) 50% 50% no-repeat; }

/*로그인*/
.login_wrap { width:100%; height:100vh; display:flex; justify-content:center; flex-direction:column; align-items:center; }
.login_wrap::after { content:''; display:block; width:100%; height:100%; position:fixed; top:0; left:0; z-index:1; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); background:rgba(0,0,0,0.5); animation:fadeInforLogin .7s ease-in-out both; animation-delay:0.3s; }
.login_content { width:430px; position:relative; z-index:2; }

.login { width:100%; background:rgba(255,255,255,1); text-align:center; padding:40px 25px 30px; opacity:0; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); animation:fadeupInforLogin 1s both; transition:0.5s; }
.login li { width:100%; margin-top:10px; }

.login_input { display:flex; align-items:center; border:1px solid #ccc; background:#fff; justify-content:space-between; border-radius:5px; transition:all 0.3s;}
.login_input:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.2); border-color:#999; }
.login li .login_input label { width:50px; height:45px; display:flex; justify-content:center; align-items:center; }
.login li .login_input input { height:45px; }
.login li:nth-child(1) .login_input label { background:url(/images/user/icon_login1.svg) 50% 50% no-repeat; background-size:25px 25px; }
.login li:nth-child(2) .login_input label { background:url(/images/user/icon_login2.svg) 50% 50% no-repeat; background-size:20px 20px; }
.login li .inputText { width:calc(100% - 50px); border:none; border-radius:0; border-radius:0 5px 5px 0; }
.login li .inputText:hover { border:none; box-shadow:none; }
.login li:last-child { margin-top:20px; }
.login li ul { display:flex; justify-content:center; align-items:center; margin:20px 0; }
.login li ul li { width:auto; margin-top:0; display:flex; align-items:center; }
.login li ul li::after { content:''; display:inline-block; width:1px; height:14px; background:#ccc; margin:0 15px; }
.login li ul li:last-child { margin-top:0; }
.login li ul li:last-child::after { display:none; }
.login li .check { margin:0 3px 0 0; }
.login li .check label { display:flex; align-items:center; }

.login_wrap .logo { margin-bottom:30px; }
.login_wrap .logo img { height:22px; }

.login_wrap .bottom_content { position:fixed; bottom:0; left:0; width:100%; padding:50px 0; text-align:center; z-index:2; }
.login_wrap .bottom_content ul { display:flex; justify-content:center; align-items:center; margin-bottom:10px; }
.login_wrap .bottom_content ul li, .login_wrap .bottom_content .text strong, .login_wrap .bottom_content .text p { animation:fadeupInforLogin 0.7s ease-in-out both; }
.login_wrap .bottom_content ul li { animation-delay:0.2s; }
.login_wrap .bottom_content ul li:last-child { animation-delay:0.3s; }
.login_wrap .bottom_content ul li:last-child::before { width:1px; height:15px; background:#fff; opacity:0.3; content:''; display:inline-block; margin:0px 20px 2px; }
.login_wrap .bottom_content ul li:last-child img { height:18px; }
.login_wrap .bottom_content a { text-transform:uppercase; font-weight:900; }
.login_wrap .bottom_content a img { height:15px; }
.login_wrap .bottom_content .text { color:rgba(255,255,255,0.6); font-size:0.9em; }
.login_wrap .bottom_content .text strong { display:block; animation-delay:0.4s; font-weight:400; font-size:1.1em; color:#fff; }
.login_wrap .bottom_content .text p { animation-delay:0.5s; line-height:1.6em; }
.login_wrap .bottom_content .text p:last-child { animation-delay:0.6s; }

.loginbg { width:100%; height:100vh; position:fixed; top:0; left:0; z-index:0; }
.slick {  }
.loginbg .bg_box { width:100%; height:100vh; }

/*아이디,비밀번호찾기*/
.loginForm ul { border-top:3px solid #000; margin-top:10px; }
.loginForm li { display:flex; flex-direction:column; align-items:flex-start; border-bottom:1px solid #ededed; padding:10px 0; }
.loginForm li label { font-size:11px; }
.loginForm li .inputText { height:30px; border:none; width:100%; padding-left:0; }
.loginForm li .inputText:hover { box-shadow:none; }
.loginForm .userid { margin-top:15px; color:#777; }
.loginForm .userid b { color:#000; margin:0 5px; }
.loginForm button { margin-top:30px; }
.wrap-layer-popup.search_login .layer-popup-contents { padding:2em 5em 5em; }

/* .benefit { width:100%; margin-top:40px; text-align:left; }
.benefit > p { margin-bottom:20px; }
.benefit ul { display:flex; justify-content:center; flex-direction:column; border-top:2px solid #666;}
.benefit li { display:flex; align-items:flex-start; width:100%; border-bottom:1px solid #e1e1e1; padding:25px 0; }
.benefit li:last-child { margin-bottom:0; }
.benefit li .img { width:110px; text-align:center; margin-right: 10px; }
.benefit li img { height:40px; }
.benefit li .text { text-align:left; }
.benefit li .text strong { display:block; font-size:1.2em; font-weight:600; color:#333; margin-bottom:7px; }
.benefit li .text p { font-size:0.9em; } */

/*에러페이지*/
.error { width:100%; height:100vh; background:#f4f4f4; display:flex; justify-content:center; align-items:center;}
.error_box { width:1000px; background:url(/images/user/bg_error.jpg) 15% 50% no-repeat #fff; transition:all 0.3s; background-size:280px; display:flex; justify-content:flex-end; box-shadow: rgba(50, 50, 93, 0.15) 0px 50px 100px -20px, rgba(0, 0, 0, 0.2) 0px 30px 60px -30px;}
.error_box .text_wrap { width:50%; padding:10em 0; }
.error_box .title { width:100%; font-weight:900; }
.error_box .title strong { font-size:6em; line-height:1em; }
.error_box .title p { font-size:2em; margin:30px 0; font-weight:900; letter-spacing:-1px; }
.error_box .text { width:100%; margin-top:20px; }
.error_box .text button { padding:10px 30px; font-weight:600; font-size:1em; border-radius:50px; border:2px solid #000;  transition:all 0.3s; margin-top:30px; }
.error_box .text button:hover { background:#000; color:#fff; }
.error_box .text button span { font-size:0.8em; margin-right:10px; }
.error_box .title strong.small { font-size:3.5em; line-height:1em; }

/*통합검색*/
.is_search_box { padding:20px; /* border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; background:#f9f9f9; */ border:1px solid #666; margin-bottom:30px; display:block; text-align:center; box-shadow: rgb(255 255 255 / 2%) 0px 1px 1px 0px inset, rgb(50 50 93 / 2%) 0px 25px 50px -10px, rgb(0 0 0 / 10%) 0px 15px 30px -15px; }
.is_search_box .inputText, .is_search_box .selectText { background-color:#f4f4f4; border:1px solid #ebebeb; }
.is_search_box .inputText:hover, .is_search_box .selectText:hover { border:1px solid #666; }

.period_wrap { display:flex; align-items:center; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #e3e3e3; }
.period_wrap .form_wrap { margin:0 5px; }
.key_wrap { display:flex; align-items:center; width:100%; justify-content:center; flex-wrap:wrap;}
.key_wrap select { margin-right:3px; }
.key_wrap .inputText { width:calc(100% - 480px); margin-right:3px; }
.date_pick { display:flex; align-items:center; }
.is .move_wrap { margin-bottom:0; }
.is_result { background:#f4f4f4; margin-bottom:-100px; padding:50px 0;}
.is_list_wrap { width:100%; border:1px solid #ededed; margin-bottom:30px; padding:50px; background:#fff; }
.is_list_wrap:last-child { margin-bottom:0; }
.is_list_wrap .title { margin-bottom:40px; display:flex; flex-direction:column; }
.is_list_wrap .title a { font-size:1.8em; font-weight:900; letter-spacing:-0.8px; margin-right:10px; }
.is_list_wrap .title .title_text { margin-top:15px; color:#888; }
.is_list_wrap .title .btn_s { padding:0 6px; height:27px; font-size:0.9em; margin-left:10px; border:1px solid #1a88d9; color:#1a88d9;  }
.is_list_wrap ul li { margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ccc; }
.is_list_wrap ul li:last-child { border:none; padding-bottom:0; margin-bottom:0; }
.is_list_wrap ul li b { color:#1a88d9; }
.is_list_wrap ul li strong { font-size:1.1em; display:block; }
.is_list_wrap ul li p { margin:10px 0 8px; text-align:justify; }
.is_list_wrap ul li p a { text-align:justify; }
.is_list_wrap ul li > a { padding:5px 15px; border-radius:50px; display:inline-block; border:1px solid #ddd; background:#fff; font-size:0.9em; transition:all 0.3s; }
.is_list_wrap ul li > a:hover { background:#333; color:#fff; border-color:#333; }

.join { width:600px; margin:100px auto; }
.join_list { border-top:2px solid #333; padding-top:20px; }
.join_list li { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ededed; }
.join_list li .title { margin-bottom:10px; display:block; }
.join_list li .exp { font-size:0.9em; color:#888; margin-top:10px; }
.join_list li .exp em { display:block; }
.join .bottom_wrap { padding-top:20px; }
.join_list li button { width:138px; padding:0; }

.join li .check { margin:0 20px 0 0; }
.join li .check input { height:18px; }
.join li .check label { display:flex; align-items:center; }

.remote { width:160px; border:1px solid #ddd; background:#fff; position:fixed; right:50px; box-shadow:5px 5px 15px 0 rgba(0,0,0,0.1); z-index:2; border-radius:10px; transition:all 0.3s; }
.remote strong { font-size:0.9em; text-align:center; display:block; width:100%; padding:10px 0; border-bottom:1px solid #ededed; }
.remote_control { padding:10px 15px 15px; }
.remote ul { display:flex; justify-content:space-around; align-items:center; margin-bottom:13px; }
.remote ul li { margin:0 2px; }
.remote ul li button { border:none; opacity:0.7; }
.remote ul li button:hover { opacity:1; }
.remote .inputWrap { display:flex; justify-content:center; align-items:center; color:#999; }
.remote .inputWrap .inputText { width:45px; height:32px; margin-right:5px; }
.remote .inputWrap button { height:32px; }
.remote .inputWrap p { margin:0 5px; color:#333; }

.outreach .article_list { margin-top:60px; padding:30px 45px; border-radius:30px; background-color:#f5f5f5; }
.outreach .article_list ul li { box-shadow:0 5px 10px 0px rgba(0,0,0,0.1); border-radius:15px; }
.outreach .article_list ul li .img_box { border-radius:10px 10px 0 0; margin-bottom:0; }
.outreach .article_list ul li .img_box:hover { box-shadow:none; }
.outreach .article_list ul li p { padding:60px 0; font-weight:600; text-align:center; background:#fff; border-radius:0 0 10px 10px; border:1px solid #ededed; border-top:none; font-size:1.1em; }


/*20230104 Activities menu*/
.activit_list .active a {color:#1a88d9 !important;}
.activit_list .active a:hover { color:#3c3c3c !important; text-decoration:none; }
.activit_list .active a.link::after { width:100%; height:2px; }
.activit_list .swiper-slide.active a::after { height:2px;bottom:0px;}
.activit_list .swiper-slide:hover a { color:#333 !important; text-decoration: none;}
.activit_list .swiper-slide a::after { height:2px; }
.activit_list .swiper-slide.active a { color:#1a88d9 !important; }
.activit_list .swiper-slide.active:hover a::after { background:#1a88d9; }
.activit_list .swiper-slide.active a::after { width:100%;background:#1a88d9; }

/*20230125 페이지 설명 text*/
.pageinfo { margin-bottom:35px; border-bottom:1px solid #ededed; padding-bottom:30px; margin-top:-15px; }
.pageinfo h3 { font-size:1.4em; margin-bottom:20px; font-weight:600; }
.pageinfo p { line-height:1.7em; font-size:1.1em; color:#686868; }
.actv_view { margin-top:50px; }

@-webkit-keyframes textDown {
	0% { opacity:0; transform:translateY(-50%); }
	100% { opacity:1; transform:translateY(0%); }
	}

@keyframes textshow {
	0% { letter-spacing:1em; opacity:0; }
	40% { opacity:0.6; }
	100% { letter-spacing:0; opacity:1; }
	}

@keyframes skip { from { opacity:0; transform: translate(-50%, -50%); }
	20% { opacity:0; transform: translate(-50%, 250%); }
	50% { opacity:1; transform: translate(-50%, -50%); }
	to { transform: translate(-50%, -50%); }
	}

@keyframes fadeupInforLogin {
	0% { transform:translateY(10%); opacity:0; }
	100% {transform:translateY(0%); opacity:1; }
	}

@keyframes fadeupInforLoginText {
	0% { transform:translateY(50%); opacity:0; }
	100% {transform:translateY(0%); opacity:0.6; }
	}

@keyframes zoomIn {
	0% { transform:scale(.9); opacity:0; }
	50% { transform:scale(1.01); }
	100% {transform:scale(1); opacity:1; }
	}

@keyframes zoomUp {
	0% { transform:translateY(50%) scale(.9); opacity:0; }
	50% { transform:translateY(-10%) scale(1.01); }
	100% {transform:translateY(0) scale(1); opacity:1; }
	}

@keyframes fadeOut {
	0% { opacity:1; }
	100% { opacity:0; }
	}

@keyframes fadeup {
	0% { transform:translateY(50%); opacity:0; }
	50% { transform:translateY(-5%); }
	100% { transform:translateY(0); opacity:1; }
	}

@keyframes fadeLeft {
	0% { transform:translateX(50%); opacity:0; }
	50% { transform:translateX(-1%) }
	100% { transform:translateX(0); opacity:1; }
	}

@keyframes fadeRight {
	0% { transform:translateX(-50%); opacity:0; }
	50% { transform:translateX(1%) }
	100% { transform:translateX(0); opacity:1; }
	}

@keyframes pong {
	0% { transform:translateY(0%); }
	50% { transform:translateY(-50%) }
	100% { transform:translateY(0); }
	}
@keyframes shadow {
	0% { transform:translateX(-50%) scale(1); opacity:1; }
	50% { transform:translateX(-50%) scale(0.5); opacity:.5; }
	100% { transform:translateX(-50%) scale(1); opacity:1; }
}

@-webkit-keyframes gnbOn {
	0% { left:-100%; }
	100% { left:0; }
	}

@-webkit-keyframes gnbOff {
	0% { left:0; }
	100% { left:-100%; }
	}

@-webkit-keyframes bar {
	0% { width:0; }
	100% { width:100%; }
	}

/*ie에서 작동*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	.header h1 a img { width:255px; }
	.textover { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; width:100%; }
	.main_slide .slide p { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; width:100%; }
	.thumb_video::after { background:rgb(255,255,255,0.8); backdrop-filter: saturate(180%) blur(0); -webkit-backdrop-filter: saturate(180%) blur(0); }
	.header .header_top .list_wrap { display:block; }
	.header_left { float:left; }
	.header_right { float:right; }
	.sub_title h2 { font-family:'notoSans', sans-serif; }
	.footer_logo a img, .login_wrap .bottom_content a img { width:238px; }
	.footer_logo ul li:last-child img, .login_wrap .bottom_content ul li:last-child img { width:62px; }

	.move .swiper-button-prev::before, .move .swiper-button-next::before { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
	.notice .swiper-pagination-progressbar { bottom:13px; }
}