@charset "UTF-8";

/*본문바로가기*/
.skip a { position:absolute; background:rgba(0,0,0,1); 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; left:0; opacity:0; }
.inner { width:1216px; margin:0 auto; }

/*header*/
.header { width:100%; color:#000; position:relative; background:rgba(255,255,255,1); z-index:20; transform:translateY(0%); border-bottom:1px solid #ebebeb; }
.header::after { content:''; display:block; width:100%; height:1px; background:#ededed; position:absolute; bottom:50px; left:0; }
.header .inner { display:flex; height:100%; align-items:center; position:relative; justify-content:space-between; padding-top:100px;}
.header h1 { display:flex; width:387px; position:absolute; top:20px; left:50%; transform:translateX(-50%);}
.header h1 a { display:flex; width:100%; }
.header ul li a { position:relative; }
.header ul li a::before { content:''; width:0; height:2px; background:#ca2015; display:inline-block; transition:all 0.3s; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); }
.header ul li a:hover::before { width:100%; }

.header .gnb_open { position:absolute; top:40px; left:0; }
.header .top { position:absolute; top:40px; right:0; display:flex; }
.header .top li { margin-left:15px; }
.header .top li a { font-size:1em; position:relative; font-weight:600; }
.header .top li:first-child { margin-left:0; }
.header .depth1 { position:relative; }
.header .top > li > a { padding-bottom:10px; }
.header .top > li > a::before { height:3px; bottom:8px; background:#ca2015; }
.header .top .depth1 > a::after { content:''; transition:all 0.3s; display:inline-block; background:url(/images/user/arrow_bottom.svg) 50% 50% no-repeat; margin-left:5px; width:7px; height:7px; background-size:7px 7px; }
.header .top li ul { opacity:0; pointer-events:none; position:absolute; top:40px; left:-15px; background:rgba(0,0,0,0.8); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); transition:all 0.3s; border-radius:10px; z-index:999; padding:5px 0; box-shadow:5px 5px 15px 0 rgba(0,0,0,0.2); }
.header .top li ul li { text-align:left; width:100%; margin:10px 0; padding:0 15px; }
.header .top li ul li a { color:#fff; display:inline-block; white-space:nowrap; position:relative; font-size:0.9em; }
.header .top li ul li a::before { bottom:3px; }
.header .top li ul li.active a { color:#ca2015; }
.header .top li ul li.active a::before { width:100%; }
.header .top .depth1.on > a::before { width:100%; }
.header .top .depth1.on ul, .header .depth1:hover ul { opacity:1; pointer-events:auto; display:block; top:30px; }
.header .top .depth1.on > a::after { transform:rotate(180deg); }

.header li a, #gnb_wrap .gnb li button { color:#333; font-size:1.1em; }
.header li button { width:25px; height:25px; padding:0; text-align:center; }

.header_content { width:100%; height:50px; }
.header_content .right { display:flex; position:absolute; right:0; right:0; bottom:12px; }
.header_content .right li { margin-left:20px; }
.header_content .right li:first-child { margin:0; }
.header_content .right li a { font-weight:600; font-size:0.9em; }
.header_content .right li a.get { color:#ca2015 !important; }
.header_content .right li a.get::before { background:#ca2015 !important; }

#gnb_wrap { text-align:center; display:flex; flex-direction:column; align-items:center; position:relative;  }
#gnb_wrap .gnb { display:flex;flex-wrap:wrap;}
#gnb_wrap .gnb li { margin-right:30px;}
#gnb_wrap .gnb li:last-child { margin-right:0!important; }
#gnb_wrap .gnb li a { position:relative; font-weight:600; font-size:1.16em; }
#gnb_wrap .gnb > li > a { line-height:50px; height:50px; display:inline-block; }
#gnb_wrap .gnb li.parent > a::after { content:''; transition:all 0.3s; display:inline-block; background:url(/images/user/arrow_bottom.svg) 50% 50% no-repeat; margin-left:5px; width:10px; height:10px; background-size:10px 10px; }
#gnb_wrap .gnb li a::before { height:3px;pointer-events:none; }
#gnb_wrap .gnb li.active a::before { width:100%; }
#gnb_wrap .gnb li.on.parent > a::after { transform:rotate(180deg); }
#gnb_wrap .gnb li button { height:50px; }
#gnb_wrap .gnb .submenu { opacity:0; display:block; position:absolute; width:100%; top:50px; left:0; z-index:999; pointer-events:none; }
#gnb_wrap .gnb .submenu .inner { padding:0; }
#gnb_wrap .gnb li .depth2 { display:flex; }
#gnb_wrap .gnb li .depth2 li { text-align:left; margin:0; padding:0; }
#gnb_wrap .gnb li .depth2 li::after { display:inline-block; margin:0 15px; content:''; }
#gnb_wrap .gnb li .depth2 li:last-child { }
#gnb_wrap .gnb li .depth2 li a { color:#333; display:inline-block; white-space:nowrap; position:relative; font-size:1em; padding:0; height:55px; line-height:55px; }
#gnb_wrap .gnb li .depth2 li a::before { bottom:15px; }
#gnb_wrap .gnb .parent.on .submenu { opacity:1; pointer-events:auto; display:block; }
#gnb_wrap .gnb .parent.on > a::before { width:100%; }

.bg_submenu { position:absolute; top:151px; left:0; width:100%; height:55px; background:rgba(255,255,255,0.9); backdrop-filter:blur(5px); -webkit-backdrop-filter: blur(5px); border-bottom:1px solid #ccc; box-shadow:0 5px 5px 0 rgba(0,0,0,0.1); z-index:20; opacity:0; pointer-events:none; }
.bg_submenu.on { opacity:1; pointer-events:auto; }

.sitemap { position:fixed; left:-100%; top:0; width:100%; height:100%; overflow-y:auto; z-index:999; pointer-events:none; background:#111; transition:all 0.3s; padding:5em; overflow-y:auto; visibility:hidden;}
.sitemap.open {left:0;pointer-events:auto;visibility:visible;}
.sitemap .wrap { width:100%; height:100%; position:relative; display:flex; justify-content:center; }
.sitemap .wrap .head { display:flex; justify-content:space-between; width:100%; position:absolute; top:0; left:0; }
.sitemap .logo img { height:30px; }
.sitemap_header { position:absolute; bottom:0; right:0; }
.sitemap_header ul { display:flex; }
.sitemap_header ul li { margin-right:20px; }
.sitemap_header ul li a { color:#fff; text-transform:uppercase; transition:all 0.3s; white-space:nowrap; }
.sitemap_header ul li a:hover { color:var(--link) !important; }
.sitemap_header ul li p { color:#999; }
.sitemap_header ul li p::before { content:''; display:inline-block; width:1px; height:13px; background:#999; margin-right:15px; }

.sitemap_nav { width:100%; display:flex; align-items:center; justify-content:center; }
.sitemap_nav > ul { width:100%; display:flex; justify-content:space-evenly; }
.sitemap_nav .parent > a { position:relative; }
.sitemap_nav .parent > a::after { content:''; width:15px; height:15px; display:inline-block; font-size:8px; position:absolute; top:21px; margin-left:20px; background:url(/images/user/arrow_bottom_fff.svg) 50% 50% no-repeat; background-size:contain; transition:all 0.3s; }
.sitemap_nav .parent.active > a::after { transform:rotate(-180deg); }
.sitemap_nav > ul > li:last-child::after { display:none; }
.sitemap_nav ul li a { color:#fff; font-size:1.5em; font-weight:900; transition:all 0.3s; }
.sitemap_nav ul li a:hover { color:var(--link); }
.sitemap_nav ul li ul { margin-top:25px !important; }
.sitemap_nav ul li ul li { margin-bottom:10px; }
.sitemap_nav ul li ul li a { font-size:1.2em; font-weight:400; }
.sitemap_nav ul li ul li:last-child { margin-bottom:0; }

.sitemap_close { background:transparent; border:none; color:#999; font-size:1.5em; transform:rotate(0deg); margin:-10px -10px 0 0; transition:all 0.3s; }
.sitemap_close:hover { transform:rotate(90deg); color:#fff; }

/*scoll event*/
.header.scroll *{ transition:all 0.2s; }
.header.scroll::after { display:none; }
.header.scroll .header_content { display:flex; justify-content:space-between; align-items:center; padding-left:50px; }
.header.scroll .header_content .right { position:static; }
.header.scroll { position:fixed; top:0; left:0; height:65px; }
.header.scroll h1 { left:50px; transform:translateY(-50%); display:none; }
.header.scroll h1 a { height:18px; }
.header.scroll .inner { align-items:center; padding-top:0; }
.header.scroll .gnb_open { top:23px; }
.header.scroll .top { position:static; align-items:center; }
.header.scroll .top::before { content:''; display:inline-block; width:1px; height:15px; background:#ccc; margin:0 13px;  }
.header.scroll .sub_gnb { display:flex; }
.main_content.scroll, .sub_container.scroll { margin-top:169px; }
.header.scroll #gnb_wrap .gnb li { margin-right:20px; }
.header.scroll #gnb_wrap .gnb li a { font-size:1em; }
.header.scroll #gnb_wrap .gnb li button { height:64px; }
.header.scroll #gnb_wrap .gnb > li > a { line-height:64px; }
.header.scroll #gnb_wrap .gnb .submenu { top:64px; }
.header.scroll .bg_submenu { top:65px; }
.header.scroll .top li a { font-size:0.9em; }

/*main top slide*/
.main_slide { width:100%; height:calc(100vh - 115px); 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; padding-top:14em; }
.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:13em; 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_slide .swiper-slide.pastiss { justify-content:center; align-items:center; }
.main_slide .swiper-slide.pastiss .text { text-align:center; }
.main_slide .swiper-slide.pastiss .showmore { margin-top:25px; padding:8px 40px; background:#fff; color:#000; }
.main_slide .swiper-slide.pastiss .showmore:hover { background:#ca2015; color:#fff; border-color:#ca2015; }
.main_slide .swiper-slide.pastiss .bg_box { background-size:cover !important; }

/*main content*/
.main_cover { padding:190px 0 60px; position:relative; }
.main_cover .inner { display:flex; justify-content: space-between; }
.main_cover .text { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.main_cover .text img { width:400px; } 
.main_cover .text p { background:#fff; display:flex; margin-top:50px; padding:15px 25px; border-radius:50px; font-weight:600; }
.main_cover .text p span { line-height:1em; font-size:1.3em; display:flex; align-items: center; }
.main_cover .text p span:first-child::after { margin:0 20px; content:''; display:inline-block; width:1px; height:15px; background:#222; }
.main_cover .cover { display:flex; flex-direction:column; align-items:center; justify-content:center; }
.main_cover .cover > img { width:250px; box-shadow:0px 15px 50px 0 rgb(0 0 0 / 60%); }
.main_cover .cover p { position:absolute;transform:translate(125px, -190px); }
.main_cover .cover p img { animation:rotate 10s both infinite linear; }
.main_cover .cover .cover_img { width:250px; height:330px; background-size:cover; box-shadow:0px 15px 50px 0 rgb(0 0 0 / 60%); }
.main_cover .cover button { font-weight:600; padding:10px 30px; border-radius:50px; background:#fff; color:#333; margin-top:40px; transition:all 0.3s;}
.main_cover .cover button span { margin-left:10px; }
.main_cover .cover button:hover { background:#fff; color:#222; }
.cover_bg { width:100%;height:100%;position:absolute; top:0; left:0; background-size:cover; background:url(/images/user/bg_main.jpg) 50% 50% no-repeat; }
.cover_bg::after { content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.2); /* backdrop-filter: blur(150px); -webkit-backdrop-filter: blur(150px); */ }
/*main article*/
.main_content { position:relative; }
.article_list_wrap .article_list { padding:100px 0; position:relative; }
.article_list_wrap .article_list:last-child { border-bottom:none; }

/*main_content*/
.main_content { padding:30px 0 0; }
.main_content .title_wrap { display:flex; align-items:center; margin-bottom:15px;border-top:3px solid #333; }
.main_content .title_wrap h2 { font-size:1.5em; font-weight:900; line-height:1.6em; padding-top:4px; letter-spacing:-1px; }
.main_content .title_wrap h2 span { font-size:0.7em; margin-left:10px; }
.main_content .title_wrap .showmore { border:2px solid #000; background:none; color:#000; padding:3px 8px; transition:all 0.3s; margin-left:15px; margin-top:10px; font-weight:600; border-radius:50px; }
.main_content .title_wrap .showmore:hover { background:#000; color:#fff; }
.main_content .title_wrap .showmore span { margin-left:5px; }

.list_top { display:flex; margin-bottom:25px; justify-content:space-between; }
.main_banner { position:relative; width:calc(100% - 305px); }
.main_slide {  height:360px; background:#000; position:relative; }
.main_slide::after { content:''; display:block; width:100%; height:40%; position:absolute; bottom:0; left:0; z-index:1; pointer-events:none;
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 25%) 50%, rgb(0 0 0 / 60%) 100%);
background: -webkit-linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 25%) 50%, rgb(0 0 0 / 60%) 100%);
background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 25%) 50%, rgb(0 0 0 / 60%) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }

.main_slide .swiper-slide { color:#fff; display:flex; line-height:3.5em; flex-direction:column; align-items:flex-start; background:url(/images/user/logo.svg) 50% 50% no-repeat #fff; background-size:25%; padding:3em; position:relative; }
.main_slide .swiper-slide::after { content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:#000; opacity:0.5; pointer-events:none; z-index:2; }
.main_slide .swiper-slide .bg_box { display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-size:contain !important; z-index:1;}
.main_slide .swiper-slide .bg { display:none; }
.main_slide .swiper-slide .text { position:relative; z-index:3; }
.main_slide .swiper-slide h2 { font-size:2em; line-height:1.3em;  font-weight:900; }
.main_slide .swiper-slide p { font-size:1em; line-height:1.7em; font-weight:400; margin:10px 0; /*opacity:0;*/ }
.main_slide .swiper-slide .showmore { color:#fff; font-weight:900; border:2px solid #fff; background:none; border-radius:50px; position:relative; padding:5px 15px; z-index:2; transition:all 0.2s; }
.main_slide .swiper-slide .showmore:hover { background:#fff; color:#333; }
.main_slide .swiper-slide a.showmore { line-height:35px; }
.main_slide .swiper-slide-active h2 { animation:textDown 1s both ease-in-out; }
.main_slide .swiper-slide-active p { animation:textDown 0.8s both ease-in-out; animation-delay:0.1s; }
.main_slide .swiper-slide-active .showmore { animation:textDown 0.8s both ease-in-out; animation-delay:0.2s; }

.main-slide-control {width:100%; z-index:2; display:flex; justify-content:center; align-items:center; position:absolute; bottom:10px; left:auto; right:0; transform:none; }
.main-slide-control .swiper-button-next, .main-slide-control .swiper-button-prev { position:static; height:45px;width:45px; border-radius:50px; margin:0; }
.main-slide-control .swiper-button-prev {  }
.main-slide-control .swiper-button-next { }
.main-slide-control .swiper-button-next:before, .main-slide-control .swiper-button-prev:before { font-size:14px; font-weight:900; color:#fff; }
.main-slide-control .swiper-pagination { width:auto; display:flex; align-items:center; position:static; }
.main-slide-control .swiper-pagination span { background:#fff; position:relative; margin:0 6px !important; display:inline-block; }
.main-slide-control .swiper-pagination-bullet-active::after { border:1px solid #fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:15px; height:15px; display:inline-block; border-radius:50px; content:''; animation:fadeIndot 0.5s both cubic-bezier(0.550, 0.085, 0.680, 0.530); }

/*article*/
.article_list { display:flex; justify-content: space-between; }
.article_box { width:calc(25% - 20px); min-height:295px; }
.article_list .article_box:last-child { margin-right:0; }
.article_box .img_box { width:100%; height:0; padding-bottom:53%; background:url(/images/user/logo.svg) 50% 50% no-repeat #fff; border:1px solid #ededed; background-size:30%; transition:all 0.5s; overflow:hidden; margin-bottom:20px; position:relative; }
.article_box .img_box::after { content:''; sdisplay:block; width:100%; height:100%; position:absolute; top:0; left:0; background:#000; opacity:0.05; transition:all 0.5s; pointer-events:none; }
.article_box .bg_box { width:100%; height:100%; display:block; transition:box-shadow 0.5s, transform 0.5s; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-size:contain; }
.article_box .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_box .img_box:hover .bg_box { transform:translate(-50%,-50%) scale(1.1); transition:transform .5s;}
.article_box .img_box:hover::after { opacity:0; }
.article_box .title { width:100%; display:block; font-size:1.1em; line-height:1.3em; font-weight:900; margin-bottom:10px; transition:all 0.3s; }
.article_box .title:hover { color:var(--link); }
.article_box .text { color:#777; line-height:1.7em; font-size:0.8em;}
.article_box .by { color:#777; font-size:0.8em; display:flex; align-items:center; }
.article_box .by a { color:#ca2015; transition:all 0.3s; }
.article_box .by a::after { margin:0 10px; content:''; display:inline-block; width:1px; height:9px; background:#777; }
.article_box .by a:hover { color:var(--link); }
.article_box .date { font-size:0.8em; color:#727272; display:block; }
.article_box .author { margin:5px 0; font-size:.8em; line-height:1.5em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.article_list.article1 { flex-direction: column; }
.article_list.article1 .article_box { width:100%; }
.article_list.article3 .article_box { width:calc(33.333% - 20px); }
.list_bottom { position:relative; }
.list_bottom .article_list .article_box { position:relative; }
.list_bottom .article_list .article_box .by { position:absolute; bottom:0px; left:0; }
.article-slide-control { position:static; }
.article_cntr.swiper-button-prev, .article_cntr.swiper-button-next { display:inline-block; width:40px; height:40px; top:135px; background:#fff; border-radius:40px; border:1px solid #ccc; display:flex; opacity:0.7; pointer-events:auto !important; cursor:pointer; }
.article_cntr.swiper-button-prev::before, .article_cntr.swiper-button-next::before { color:#000; font-size:20px; }
.article_cntr.swiper-button-prev { left:-20px; }
.article_cntr.swiper-button-next { right:-20px; }
.article_cntr.swiper-pagination { position:absolute; top:13px; bottom:auto; left:auto; right:0; }
.article_cntr.swiper-pagination .swiper-pagination-bullet { background:#333; margin-left:5px; }
.article_cntr.swiper-pagination .swiper-pagination-bullet-active {  }

/* .list_top { display:flex; margin-bottom:25px; justify-content:space-between; }
.list_top .main_banner { width:calc(75% - 8px); height:360px; position:relative; }
.list_top .main_banner .img_box { width:100%; height:100%; background:url(/images/user/logo.svg) 50% 50% no-repeat #f4f4f4; background-size:30%; transition:all 0.5s; overflow:hidden; margin-bottom:30px; position:relative; }
.list_top .main_banner .bg_box { width:100%; height:100%; display:block; transition:box-shadow 0.5s, transform 0.5s; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.list_top .main_banner .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); }
.list_top .main_banner:hover .img_box .bg_box { transform:translate(-50%,-50%) scale(1.1); transition:transform .5s; }
.list_top .main_banner .text_box { position:absolute; bottom:0; left:0; padding:0 40px 40px; color:#fff; z-index:2; }
.list_top .main_banner .text_box a { color:#fff; }
.list_top .main_banner .text_box strong { display:block; font-size:1.8em; line-height:1.3em; font-weight:900; margin:10px 0 20px; }
.list_top .main_banner .text_box .by { color:#fff; font-size:0.8em; display:flex; align-items:center; }
.list_top .main_banner .text_box .by a { color:#fff; }
.list_top .main_banner .text_box .by a::after { margin:0 10px; content:''; display:inline-block; width:1px; height:9px; background:#ddd; }
.list_top .main_banner .text_box p { color:#fff; line-height:1.3em; }
.list_top .main_banner::after { content:''; display:block; width:100%; height:70%; position:absolute; bottom:0; left:0; z-index:1; pointer-events:none;
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 25%) 50%, rgb(0 0 0 / 60%) 100%);
background: -webkit-linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 25%) 50%, rgb(0 0 0 / 60%) 100%);
background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 25%) 50%, rgb(0 0 0 / 60%) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }
 */
.list_top .cover { width:280px; position:relative; border:1px solid #ededed; padding:30px 0 0; background:#f4f4f4; align-items:flex-start; }
/* .list_top .cover::after { content:''; display:block; width:100%; height:100%; background:rgba(255,255,255,0,.3); -webkit-backdrop-filter:blur(100px); backdrop-filter:blur(100px); position:absolute; top:0; left:0; z-index:1;}*/
.list_top .cover .cover_img { width:100%; height:calc(100% - 100px); position:relative; display:inline-block; background-size:contain; z-index:2; }
.list_top .cover img { width:auto; height:100%; position:absolute; left:50%; transform:translateX(-50%); box-shadow: rgba(0, 0, 0, 0.25) 0px -20px 25px -15px; }
.list_top .cover .text { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); width:100%; padding:0 20px; z-index:2; }
.list_top .cover .text p { font-weight:600; margin-bottom:5px; color:#222; }
.list_top .cover ul { display:flex; justify-content:space-between; align-items:center; }
.list_top .cover li { width:calc(50% - 3px); }
.list_top .cover li a { border:1px solid #222; background:#fff; display:inline-block; padding:5px 10px; width:100%; text-align:center; transition:all 0.3s; }
.list_top .cover li:nth-child(2) a { background:#222; color:#fff; }
.list_top .cover li a:hover { background:#ca2015; border-color:#ca2015; color:#fff; }

.section2 { width:100%; position:relative; margin-top:100px;}
.section2::after { width:100%; height:100px; background:/* url(/images/user/bg_bar.jpg) 50% 50% no-repeat  */#f3f3f3; background-size:cover; display:block; position:absolute; top:-50px; left:0; content:''; z-index:1; }
.section2 .inner { display:flex; justify-content:space-between; position:relative; z-index:2; position:relative; background:#fff; padding:50px 50px 0; width:1316px; }
.section2 .inner::after { width:100%; height:100px; position:absolute; top:0; left:0; content:''; display:block; box-shadow: rgba(0, 0, 0, 0.25) 0px -20px 25px -15px; pointer-events:none;}
.article_left { width:75%; position:relative; }
.article_left .article_wrap { width:100%; }
.article_left .article_bottom { width:100%; background:#29303c; height:200px; color:#fff; position:relative; margin-top:20px; }
.article_left .article_bottom a { color:#fff; }
.article_left .article_bottom strong { display:block; font-size:1.3em; line-height:1.3em; font-weight:900; margin:10px 0 10px; }
.article_left .article_bottom .by { color:#fff; font-size:0.8em; display:flex; align-items:center; }
.article_left .article_bottom .by a { color:#fff; }
.article_left .article_bottom .by a::after { margin:0 10px; content:''; display:inline-block; width:1px; height:9px; background:#fff; }
.article_left .article_bottom .author { font-weight:600; }
.article_left .article_bottom .img_box { position:absolute; top:0; left:0; width:100%; height:100%; background:#2a2842; background-size:30%; transition:all 0.5s; overflow:hidden; }
.article_left .article_bottom .img_box .bg_box { width:100%; height:100%; display:block; position:absolute; transition:transform .5s; top:50%; left:50%; transform:translate(-50%,-50%); }
.article_left .article_bottom:hover .img_box .bg_box { transform:translate(-50%,-50%) scale(1.1);  }
.article_left .article_bottom .text_box { position:absolute; top:0; left:0; padding:25px; z-index:2; }
.article_left .article_bottom .img_box::after { content:''; display:block; width:100%; height:70%; position:absolute; top:0; left:0; z-index:1; pointer-events:none;
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 25%) 50%, rgb(0 0 0 / 60%) 100%);
background: -webkit-linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 25%) 50%, rgb(0 0 0 / 60%) 100%);
background: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 25%) 50%, rgb(0 0 0 / 60%) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }

.article_right { width:calc(25% - 30px); border-left:1px solid #ddd; padding-left:30px;}
.article_right .title_wrap h2 { }

.article_wrap { display:flex; justify-content:space-between; }
.article_wrap .left { width:calc(66.666% - 12px); }
.article_wrap .left ul { display:flex; justify-content:space-between; }
.article_wrap .left ul li { width:calc(50% - 10px); }
.article_wrap .right { width:calc(33.333% - 12px); }
.article_wrap .right .article_box .img_box { padding-bottom:80%; }

.cm_list { display:flex; flex-wrap:wrap; }
.cm_list li { width:33.333%; text-align:center; margin:15px 0; filter: grayscale(1); transition:all 0.5s;}
.cm_list li img { width:80%; }
.cm_list li:hover { filter: grayscale(0); transform:scale(1.1); }

.section1 .title_wrap { position:relative; margin-bottom:20px; }
.section1 .title_wrap em { display:inline-block; }
.section1 .title_wrap em::after { content:''; display:inline-block; width:1px; height:15px; background:#333; margin:0 10px; }
.main_content .title_wrap.top_title { border-bottom:1px solid #333; padding:5px 0; }
.main_content .title_wrap.top_title h2 { padding-top:0; }
/* .section1 .title_wrap::after, .section1 .title_wrap::before { display:block; content:''; height:3px; background:#333; position:absolute; top:0; }
.section1 .title_wrap::after { left:0; width:calc(75% - 8px); }
.section1 .title_wrap::before { right:0; width:calc(25% - 25px); } */

/* news */
.section3 { width:100%; margin-top:30px; padding:30px 0; background:#f3f3f3; color:#000; }
.section3 .title_wrap { margin-bottom:20px; border-top:none; }
.section3 .title_wrap a { border-color:#000; color:#000; }
.section3 .title_wrap a:hover { color:#000 !important; }
.section3 .title_wrap a::after { background:#000; }
.section3 .swiper-wrapper { padding-top:10px;}
.section3 .box { transition:all 0.3s; text-align:center; display:flex; flex-direction:column; align-items:center;}
.section3 .box .img_box { height:200px; position:relative; display:inline-block; margin:0 0 30px; transition:all 0.3s; }
.section3 .box img { height:100%; width:auto; transition:transform .5s; box-shadow:0px 5px 20px 0 rgba(0,0,0,0.4); }
.section3 .box .img_box:hover { transform:scale(1.1); }
.section3 .box a { display:block; text-align:center; }
.section3 .box a:not(.img_box) { display:inline-block; border:1px solid #000; color:#000; transition:all 0.3s; padding:3px 8px; border-radius:50px; text-align:center; font-weight:600; font-size:0.9em;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.section3 .box a:not(.img_box):hover { background:#fff; color:#333; }
.section3 .swiper-button-prev, .news_slide .swiper-button-next { position:static; margin-top:0; }
.section3 .swiper-button-prev {  }
.section3 .swiper-button-prev::before, 
.section3 .swiper-button-next::before { color:#000; font-size:20px; }
.section3 .wrap { display:flex; align-items:center; justify-content:space-between; width:100%; position:static; margin-top:15px; }
.section3 .wrap .swiper-button-prev, .section3 .wrap .swiper-button-next { position:static; margin:0; }
.section3 .swiper-pagination-progressbar { width:calc(100% - 130px); height:2px; background:#ccc; position:static; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#333; }

.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); }

.section4 .inner { padding: 30px 15px 30px; }
.section4 .title_wrap { border-top: none; }
.abst_list { display:flex; flex-wrap:wrap; }
.abst_list li { width:14.28%; text-align:center; font-size:0.9em; margin:15px 0; filter: grayscale(1); transition:all 0.5s; line-height:1.3;}
.abst_list li img { width:80%; }
.abst_list li:hover { filter: grayscale(0); transform:scale(1.1); }

@media all and (max-width: 800px) {
  .abst_list li { width:25%; text-align:center; margin:15px 0; filter: grayscale(1); transition:all 0.5s; line-height:1.3;}
}

/* footer */
.footer { width:100%; padding:40px 50px; background:#fff; border-top:1px solid #ededed; position:relative; }
.footer p { color:#747474; font-size:0.8em; line-height:1.5em; }
.footer p:nth-child(1) { }
.footer p:nth-child(2) { margin-top:5px; }
.footer .inner { display:flex; justify-content:space-between; align-items:center; }
.footer .contact { display:flex; align-items:center; font-weight:600; color:#333;}
.footer .contact span em { margin-right:5px; text-transform:uppercase; }
.footer strong { margin-bottom:5px; display:block; }
.footer_text .logo { margin-bottom:20px; }
.footer_text .logo img { width:160px; opacity:0.7; }
.footer_text .contact { margin:12px 0; }
.familysite { display:flex; margin-top:25px;}
.familysite li { margin-right:20px; }
.familysite img { height:20px; }
.familysite li:nth-child(2) img { height:16px; }

.issn { min-width:110px; }
.issn img { width:75px; border:1px solid #333; padding:5px; }
.issn p { font-size:10px; }
.footer .text_wrap { display:flex; }

/*mail*/
.subscribe { display: flex; flex-direction: column; align-items:flex-start; }
.subscribe .title_wrap { flex-direction:column;  }
.subscribe .title_wrap strong { font-size:1.2em; }
.subscribe .title_wrap p { color:#727272; }
.mail_form { width:400px; border:1px solid #222; border-radius:50px; margin-top:20px; display:flex; justify-content: space-between; transition:all 0.3s;}
.mail_form:hover { box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 25px 50px -10px, rgba(0, 0, 0, 0.3) 0px 15px 30px -15px; }
.mail_form input { border-radius:50px; height:45px; border:none; width:calc(100% - 100px); background:transparent; padding-left:20px; font-weight:600; }
.mail_form input::placeholder { color:#222; }
.mail_form button { border-radius:50px; border:none; background:#222; color:#fff; /* width:100px; */ padding:0 20px; height:45px; }

/* skip top */
.skip_top { width:50px; height:50px; border:1px solid #333; border-radius:0; background:#fff; opacity:0; position:fixed; bottom:30px; right:30px; overflow:hidden;z-index:9;box-shadow: 0 0 20px 0 rgb(0,0,0,0.1); transform: translateY(50%); transition:all 0.3s; }
.skip_top span { font-size:1.5em; position:absolute; display:inline-block; left:50%; transform: translate(-50%, -50%); pointer-events:none; }
.skip_top .arrow1 { top:50%; }
.skip_top .arrow2 { top:150%; }
.skip_top:hover { box-shadow: 0 0 20px 0 rgb(0,0,0,0.3); border:1px solid #222; background:#222; color:#fff; }
.skip_top:hover .arrow1 { top:-150%;transition:top 0.5s; }
.skip_top:hover .arrow2 { top:50%;transition:top 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; 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);}
.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 { display:flex; }
.share.alignR { justify-content:flex-end; }
.share button { min-width:35px; height:35px; border:1px solid #ddd; background:#fff; color:#222; border-radius:50px; transition:all 0.3s; margin-left:10px; font-size:1em; display:flex; align-items:center;justify-content: center; }
.share button:hover { border-color:#222; background:#222; color:#fff; }
.share.alignC { justify-content:center; }

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

.sub_container { margin:0 0 100px; background:rgba(255,255,255,1); min-height:500px; }
.sub_title_top { display:flex; justify-content: space-between; margin-bottom: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:#000;line-height: 1.4em; }
.breadcrumb li img { width:8px; height:8px; }
.breadcrumb li.next { color:#666; margin:0 10px; opacity:0.6; font-size:0.6em; margin-top:2px; }
.breadcrumb li:last-child strong { color:#000; font-weight:900; max-width:150px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.breadcrumb .btn_prev { display:none; border:none; }
.breadcrumb li .link:hover { color:#000 !important; }
.breadcrumb li .link:hover::after { background:#000; }

/* sub_title */
.sub_title { text-align:center; position:relative; background:#fff; color:#000; padding:15px 0 30px; }
.sub_title .title { }
.sub_title em { color:#000; font-size:1em; font-weight:900; text-transform:capitalize; white-space:nowrap;}
.sub_title h2 { color:#000; font-size:2.4em; line-height:1.3em; font-weight:900; text-transform:capitalize; }
.sub_title .title p { color:#727272; display:none; white-space:nowrap; font-size:1.1em; margin-top:10px; } 

/*bg img type sub title*/
.sub_title.visual_type {  margin:0 0 70px; padding:180px 0 50px; position:relative; background-size:200% !important; background-position:0% 0%;}
.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.1); backdrop-filter: blur(150px); -webkit-backdrop-filter: blur(150px); position:absolute; top:0; left:0;}
.subtitle_bg { background-size:200% !important; background-position:50% 50%; width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:0; }

/*article list*/
.article_list.row_list { display:flex; border-top:2px solid #222; }
.article_list ul {   }
.article_list.row_list ul li { border-bottom:1px solid #ddd; padding:20px 0; display:flex; justify-content: space-between; }
.article_list.row_list ul li .img_box { width:300px; height:185px; border:1px solid #ededed; background:url(/images/user/logo_bk.svg) 50% 50% no-repeat #f4f4f4; background-size:30%; transition:all 0.5s; overflow:hidden; position:relative; }
.article_list ul li .bg_box { width:100%; height:100%; display:block; transition:box-shadow 0.5s, transform 0.5s; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-size: contain;}
.article_list.row_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.row_list ul li .img_box:hover .bg_box { transform:translate(-50%,-50%) scale(1.1); transition:transform .5s;}
.article_list.row_list ul li .text_box { width:calc(100% - 350px); }
.article_list.row_list ul li .title { width:100%; display:block; font-size:1.5em; line-height:1.3em; font-weight:900; transition:all 0.3s; }
.article_list.row_list ul li .by { font-size:0.8em; font-weight:600; margin-bottom:15px; line-height:1em; display:flex; }
.article_list.row_list ul li .by a { transition:all 0.3s; }
.article_list.row_list ul li .text { margin:10px 0; font-size:0.9em; line-height:1.5em; text-align:justify; }
.article_list.row_list ul li .category { color:var(--red); text-transform:capitalize; font-size:0.9em; line-height:1em; display:inline-block; transition:all 0.3s;}
.article_list.row_list ul li .categ { margin-bottom:10px; display:flex; flex-wrap:wrap; }
.article_list.row_list ul li .categ a::after { margin:0 10px; content:''; display:inline-block; width:1px; height:9px; background:#777; }
.article_list.row_list ul li .categ span { font-size:0.9em; line-height:1em; }
.article_list.row_list ul li .title:hover, .article_list.row_list ul li .writer:hover, .article_list.row_list ul li .category:hover { color:var(--link); }

/*게시판 하단*/
.bottom_wrap { padding-top:50px; position:relative; }
.bottom_wrap .btn_wrap { display:flex; flex-wrap:wrap; width:100%; }
.bottom_wrap .btn_wrap.center, .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.same button { width:180px; padding:0; }
.bottom_wrap .btn_wrap > div { display:flex; }
.bottom_wrap button { margin:2px; }

/*article detail view*/
.article_header { text-align:center; margin-top:70px; }
.sub_title .article_header.title strong{ font-size:1.3em; display:block; border:none; padding:0; border-radius:0; font-weight:400; }
.article_header strong a { color:#ca2015; text-transform:capitalize; font-size:0.9em; font-weight:600;  }
.article_header h2 { font-size:2.4em; font-weight:400; margin:10px 0 30px; font-family: Georgia,Palatino,serif; text-transform:none; }
.article_header .by strong { margin-bottom:20px; display:block; font-size:1.2em !important; }
.article_header .by p { font-weight:400; line-height:1em; display:flex; font-size:1em; justify-content:center; color:#727272; }
.article_header .by p a { color:#727272; }

.fr-view table { border-collapse: separate !important; }
.fr-view table td, .fr-view table th { font-family:notoSans; font-size:0.85em; }
.sortation span { display:flex; align-items:center; }
.sortation span::after { content:''; margin:0 10px; display:inline-block; width:1px; height:13px; background:#ccc;}
.sortation span:last-child::after { display:none; }
.fr-view h2 { font-weight:400; }
.fr-view h4 { font-weight:600; }

/*기사컨텐츠*/
.article_view { position:relative; border-top:1px solid #ddd; padding:50px 0; font-family:Georgia,Palatino,serif; }
.article_view .article_content { width:960px; margin:0 auto; }
/* .article_view:first-child { padding-top:0; } */
.article_view h2 { line-height:1.3em; }
.article_view .btn_wrap { border-top:1px solid #ccc; }
.article_view .btn_wrap .btn_icon { padding:0 25px; }
.article_view .btn_wrap .btn_icon span { font-size:1.1em; }
.article_view_wrap .bottom_wrap { border-top:1px solid #ddd; width:960px; margin:0 auto; }
.article_view p {  text-align:justify; }

/*작가정보*/
.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:#727272; font-weight:500; margin-top:10px; }
.writer_info button { margin-top:20px; /* width:100%; */ border-radius:50px;}
.writer_info button span { margin-left:10px; font-size:0.8em; }

/*기사내용*/
.article_content { width:100%; font-size:1.3em; color:#333; margin-bottom:50px; line-height:2em; transition:all 0.5s; transition-delay:0.2s; }
.article_content figcaption { font-size:0.8em; line-height:1.6em; }

.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:center;}
.article_view .writer_info strong { display:flex; align-items:center; }
.article_view .writer_info strong span { display:flex; align-items:center; justify-content:center; font-size:0.7em; background:#ddd; color:#333; width:24px; height:24px; border-radius:50px; margin-right:10px; }
.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(-700px); }
.article_view.active .writer_info.float.fix { position:absolute; bottom:50px; top:auto; left:0; transform:translateX(0); transition:bottom 0.5s}

/*.article_wrap { padding:40px 0; display:inline-block; }
.article_wrap:last-child { padding-bottom:0; }
.article_list .article_wrap ul { margin:0px 0; }
.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; position:relative; z-index:1; display:inline-block;animation:fadeOut 1s both;}
.article_wrap .title_wrap .category { font-size:2em; font-weight:900; display:inline-block; color:#0032c3; padding-bottom:2px;}
.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 {}*/

/*sub article*/
.sub_container { position:relative; }
.sub_container .inner { position:relative;}
.sub_container > .bg_box { position:absolute; bottom:0; background-size:contain; width:100%; height:50%; z-index:-1; }
.sub_container .title_wrap { display: flex; align-items: center; margin-bottom:25px; }
.sub_container .title_wrap h2 {font-size:1.8em; text-transform:capitalize; font-weight:900; line-height:1.6em; letter-spacing:-1px; }
.sub_container .title_wrap .showmore { color:#222; font-weight:900; border:2px solid #222; border-radius:50px; line-height:1em; height:33px; padding:0 10px; margin-left:20px; font-size:1.1em; background:#fff; transition:all 0.3s;}
.sub_container .title_wrap .showmore:hover { background:#222; color:#fff; }
.article_container .article_wrap { margin-bottom:100px; }
.article_container .article_wrap:last-child { margin-bottom:0; }

.move_wrap { border-bottom:1px solid #ededed; margin-bottom:50px; position:relative; }
.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:#0072FB; }
.move .swiper-slide a { font-weight:900; font-size:1.1em; transition:all 0.3s; white-space:nowrap; }
.move .swiper-slide a:hover { color:var(--red); 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_wrap.noswiper .inner { width:1216px; padding:0; }
.move_wrap.noswiper .swiper-button-prev, .move_wrap.noswiper .swiper-button-next { display:none; }

.move_wrap.fix { width:100%; border-bottom:1px solid #222; position:fixed; top:0; left:0; background:#000; transition:top 0.5s; -webkit-backdrop-filter: saturate(180%) blur(15px); backdrop-filter: saturate(180%) blur(15px); box-shadow:0 5px 5px 0 rgba(0,0,0,0.1); z-index:999; margin-bottom:0; transition:background 0.3s; }
.move_wrap.fix .move .swiper-pagination-progressbar::after, .move_wrap.fix .move .swiper-pagination-progressbar::before { width:70px; background: rgba(0,0,0,1); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); }
.move_wrap.fix .move .swiper-wrapper {  }
.move_wrap.fix .move .swiper-slide a { color:#999; }
.move_wrap.fix .move .swiper-slide.on a { color:#fff; }
.move_wrap.fix .move .swiper-slide.on a::after { background:#fff; }
.move_wrap.fix .move .swiper-slide a:hover { color:#fff; }
.move_wrap.fix .move .swiper-slide a::after { background:#fff; }
.move_wrap.fix .move .dot li::after, .move_wrap.fix .move .dot > div::after { background:#666; }

.move_wrap.fix.scroll.on { top:0; transition:top 0.5s; }
.move_wrap.fix.scroll { top:0; transition:top 0.5s; border-top:1px solid #333; }

.move .swiper-pagination-progressbar { background:rgba(255,255,255,0); }
.move .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#1a88d9; }
.move_wrap.fix .move .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#00ffd0; }

.move_wrap.fix .move .swiper-button-prev, .move_wrap.fix .move .swiper-button-next { background:#000; border:1px solid #999; }
.move_wrap.fix .move .swiper-button-prev::before, .move_wrap.fix .move .swiper-button-next::before { color:#fff; }
.move_wrap.fix .move .swiper-button-prev:hover, .move_wrap.fix .move .swiper-button-next:hover { border-color:#fff; box-shadow:0 0 5px 0 rgba(0,0,0,0.3); }

.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 20px; }
.dot li:last-child::after, .dot > div:last-child::after { display:none; }*/

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

/*tab*/
.wrap-tab-container { width:100%; }
.wrap-tab-list { display:flex; justify-content:center; align-items:center; margin-bottom:50px; }
.wrap-tab-list li { }
.wrap-tab-list li::after { width:3px; height:3px; border-radius:3px; display:inline-block; content:''; background:#666; margin:0 15px 5px; }
.wrap-tab-list li:last-child::after { display:none; }
.wrap-tab-list button { border:none; background:none; padding:0; font-size:1.2em; font-weight:600; border-radius:0; transition:0.3s; position:relative;display:inline-block; }
.wrap-tab-list button::after { width:0; height:1px; background:#333; content:''; display:inline-block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all 0.3s; }
.wrap-tab-list li.active button::after { width:100%; }
.wrap-tab-list button:hover::after { width:100% }

/*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:#0032c3; color:#fff; } 

.wrap-tab-list.tab2 { width:300px; }
.wrap-tab-list.tab2 li { width:100%; }
.wrap-tab-contents { width:100%; }

/*toggle*/
.toggle { border-top:2px solid #333; }
.toggle > li { border-bottom:1px solid #ededed; }
.toggle_tit a { padding:35px 25px; display:block; font-size:1.5em; font-weight:900; position:relative; transition:all 0.5s;}
.toggle_tit a:hover { background:#e5e5e5; }
.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_tit.active a::before { transform:translateY(-50%) rotate(0deg); }
.toggle_tit.active a { background:#f4f4f4; font-size:2.2em; padding:35px 25px 0 30px; }
.toggle_box { display:none; background:#f4f4f4; padding:30px; }

/*about*/
.about_container { width:100%; margin-top:20px; }
.about_container .tabs_rail { overflow-x:auto; width:100%; display:flex; justify-content:center; border-bottom:1px solid #ddd; }
.about_container .tabs { display:flex; justify-content:center; white-space:nowrap; padding:0 20px; }
.about_container .tabs li { position:relative; }
.about_container .tabs li:first-child::before { display:none; }
.about_container .tabs li::before { content:''; margin:0 0 -2px; display:inline-block; background:#ccc; width:1px; height:14px;}
.about_container .tabs li a { font-size:1.2em; text-transform: capitalize; font-weight: 900; display: inline-block; padding:10px 15px; bottom:0; position:relative; z-index:2; transition:all 0.2s; }
.about_container .tabs li a br { display:none; }
.about_container .tabs li::after { height:0; bottom:0px; width:100%; content:''; display:block; position:absolute; z-index:0; background:#ca2015; transition:all 0.2s;}
.about_container .tabs li:hover::after { height:45px; }
.about_container .tabs li:hover a { color:#fff !important; }
.about_container .tabs li a::after { display:none; }
.about_container .tabs li.active a { color:#ca2015; }
.about_container .tabs li.active::after { height:3px; }
.about_container .tabs li.active:hover a { color:#000 !important; }
.about_container .tabs li.active:hover::after { height:45px; }
.about_container .tabs li.active:hover a { color:#fff !important; }
.about_container .tab_content { padding-top:70px; }

.greeting_wrap { margin-top:-70px; }
.greeting_wrap .title { background:#f4f4f4; }
.greeting_wrap .title strong { font-size:2em; font-weight:900; line-height:1.6em; }
.greeting_wrap .title p { margin-top:10px; color:#727272; }
.greeting_wrap .title .inner { display:flex; align-items:center; padding-left:400px; height:250px; position:relative;}
.greeting_wrap .title .img { position:absolute; top:50px; left:0; display:flex; flex-direction: column; align-items: center; }
.greeting_wrap .title .img .by { display:flex; flex-direction: column; align-items: center; margin-top:20px; }
.greeting_wrap .title .img .by strong { font-size:1.2em; }
.greeting_wrap .title .img .by span { font-size:0.9em; margin-top:7px; color:#727272; }
.greeting_wrap .title img { margin-bottom:20px; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.greeting_wrap .text { margin-top:60px; }
.greeting_wrap .text_wrap {  padding-left:400px; }
.greeting_wrap .text_wrap .by { display:flex; flex-direction:column; margin-top:50px; }
.greeting_wrap .text_wrap .by strong { font-weight:900; font-size:1.2em; margin-bottom:10px; }
.greeting_wrap .text_wrap .by span { color:#727272; font-size:0.9em; }
.greeting_wrap .text p { margin-bottom:30px; font-size:1.2em; line-height:1.8em; word-wrap:normal; text-align:justify; }

.about_text h3 { font-size:2em; line-height:0.3em; font-weight:900; margin-bottom:50px; display:inline-block; box-shadow:0 10px 0 0 #ffb6b6; }
.about_text p { font-size:1.1em; line-height:1.8em; text-align:justify; }
.about_text .flex_between { align-items:flex-start; }

.hb_wrap h3 { }
.hb_wrap { }
.hb_wrap figure { display:inline-block; width:340px; position:relative; }
.hb_wrap figure figcaption { font-size:12px; line-height:1.5em; text-align:center; margin-top:10px; position:absolute; bottom:-45px; width:100%; }
.hb_wrap img { width:100%; box-shadow: rgba(50, 50, 93, 0.25) 0px 25px 50px -20px, rgba(0, 0, 0, 0.3) 0px 15px 30px -15px;}
.hb_wrap .text { padding-left:50px; width:calc(100% - 340px); }
.hb_wrap strong { font-size:1.4em; margin:40px 0 20px; display:block; }
.hb_wrap p { font-size:1.2em; line-height:2em; text-align:justify; }

.ac_wrap h3 { }
.ac_wrap { }
.ac_content .title { font-size:1.4em; margin-bottom:25px; display:block; font-weight:900; }
.ac_content { margin-bottom:50px; }
.ac_content:last-child { margin-bottom:0; }
.ac_wrap ul { border-top:2px solid #333; }
.ac_wrap ul li {border-bottom:1px solid #ddd; padding:20px 0 20px 250px; position:relative; }
.ac_wrap ul li:last-child { }
.ac_wrap ul li strong { font-size:1.2em; position:absolute; top:20px; left:0; font-family: notoSerif; font-size:1.2em; text-transform:capitalize; font-weight:900; display:inline-block; padding:5px 15px; border-radius:50px; border:1px solid #333; margin-bottom:20px; box-shadow:3px 4px 0 0 #ccc; }
.ac_wrap ul li p { }

/*연혁*/
.history { background:rgba(255,255,255,1); margin-bottom:80px; }
.history h3 {  }
.history_content { position:relative; z-index:1; }
.history ul { position:relative; padding:20px 0 !important; }
.history ul::after { width:3px; height:100%; content:''; display:inline-block; background:#cbcbcb; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1; }
.history ul li { width:100%; position:relative; padding:0 calc(50% + 30px) 0 0; text-align:right; margin:30px 0; z-index:3; }
.history ul li:nth-child(2n) { padding:0 0 0 calc(50% + 30px); text-align:left; }
.history ul li .history_wrap { text-align:right; display:inline-block; position:relative; }
.history ul li:nth-child(2n) .history_wrap::after { right:auto; left:-50px; }
.history ul li .history_wrap .date { color:#333; font-weight:900; letter-spacing:-1px; font-size:1.2em; padding:3px 10px; display:inline-block; margin-bottom:10px; border-radius:50px; border:2px solid #333; }
.history ul li .history_wrap p { font-size:1em; color:#525252; }
.history ul li::after { width:10px; height:10px; content:''; display:inline-block; border:3px solid #ca2015; border-radius:50px; background:#fff; position:absolute; top:-43px; left:50%; transform: translate(-50%, 50px);}
.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:nth-child(2n) .history_wrap { text-align:left; }
.history ul li:nth-child(2n) .history_wrap::before { transform:scaleX(-1); left:-15px; right:auto; }
.history ul li .img { display:flex; justify-content:flex-end; align-items:center; margin-top:20px; }
.history ul li .img img { margin-left:15px; height:15px; }
.history ul li .img img:first-child { margin-left:0; height:24px; }
.history ul li p.line { padding-left:15px; position:relative; margin-bottom:7px; }
.history ul li p.line::before { width:5px; height:5px; background:#333; content:''; display:inline-block; position:absolute; top:11px; left:0; }

.pastChiefs ul { margin:0; display:flex; justify-content:space-between; flex-wrap: wrap; border-top:2px solid #333 !important; }
.pastChiefs ul li { position:relative; }
.pastChiefs ul li:nth-child(2n-1)::after { position:absolute; bottom:0; left:0; display:block; width:200%; height:1px; background:#ccc; content:''; }
.pastChiefs ul li { width:50%; margin:0; border:none; padding:25px 0; display:flex; justify-content:flex-start; align-items:center; }
.pastChiefs ul li:nth-child(2n-1)::after { display:block; }
.pastChiefs ul li strong.title { font-size:0.9em; font-weight:900; color:#d42015; line-height:.6em; margin-bottom:15px; display:block; text-transform:uppercase; }
.pastChiefs ul li strong.title span { margin-left:5px; }
.pastChiefs ul li .name strong { font-size:1.2em; }
.pastChiefs ul li p { margin-top:10px; color:#666; font-size:13px; line-height:18px; }
.pastChiefs ul li .img { width:110px; height:110px; overflow:hidden; border-radius:150px; box-shadow:5px 5px 10px 0 rgba(0,0,0,0.2); margin-right:25px; }
.pastChiefs ul li .img img { width:100%; }

.ebm_wrap.first { border-top:2px solid #333; padding-top:30px; }
.ebm_wrap.last { margin-bottom:70px; }
.ebm_wrap > strong { font-family: notoSerif; font-size:1.2em; text-transform: capitalize; font-weight:900; display:inline-block; padding:5px 15px; border-radius:50px; border:1px solid #333; margin-bottom:20px; box-shadow:3px 4px 0 0 #ccc;}
.ebm_wrap::after { content:''; display:block; width:100%; height:1px; margin:20px 0 30px; background:#ddd; }
.ebm_wrap:last-child::after { margin-bottom:0; }
.ebm_wrap ul { display:flex; flex-wrap:wrap; }
.ebm_wrap ul li { display:flex; align-items:center; margin-bottom:5px; width:50%; }
.ebm_wrap ul li p::before { width:3px; height:3px; content:''; display:inline-block; background:#ca2015; margin-right:10px; }
.ebm_wrap ul li p { font-weight:600; margin-right:10px; display:flex; align-items:center; }
.ebm_wrap ul li span { color:#727272; }
.editor_wrap { margin-bottom:30px; }
.ebm_list h3 { margin-bottom:30px; }
.editor_wrap strong { font-size:1.2em; font-weight:900; margin-bottom:15px; display:block; }

.gray_box { width:100%; padding:5em; background:#f4f4f4; display:flex; flex-direction:column; align-items:center; }
.gray_box p { font-size:1.2em; line-height:2em; text-align:center; }
.gray_box .mail_form { margin-top:50px; background:#fff; }
.gray_box .inputText { font-size:1.2em; line-height:2em; width:500px; padding-left:15px; margin-right:2px; }
.mark { margin:0 auto; font-size:2em; width:60px; height:60px; border:3px solid #222; border-radius:60px; display:flex; align-items: center; justify-content: center; margin-bottom:30px;}
.mark.green { color:#008b09; border-color:#008b09; }

.pastissues_title { display:flex; justify-content:center; align-items:center;}
.pastissues_title span { border:2px solid #000; border-radius:50px; padding:8px 12px; margin-left:20px; margin-top:2px; font-size:0.6em; line-height:1em; }
.pastissues_view { width:700px; margin:0 auto; }
.pastissues_view .inner { width:700px; }
.pastissues_view .article_wrap { margin-bottom:30px; border:1px solid #aaa; flex-direction:column; }
.pastissues_view .article_wrap:last-child { margin-bottom:0; }
.pastissues_view .title_wrap { padding:15px 25px; margin:-1px -1px 0; border:1px solid #39126a; margin-bottom:0; background:url(/images/user/mail/title_bg.jpg) 50% 50% no-repeat #5d3c83; background-size:cover; color:#fff; font-size:1.5em; }
.pastissues_view .article_wrap ul { padding:30px; }
.pastissues_view .article_wrap ul li { display:flex; justify-content:flex-start; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #e1e1e1; }
.pastissues_view .article_wrap ul li:last-child{ border-bottom:none;padding-bottom:0; margin-bottom:0; }
.pastissues_view .text_wrap .title { font-size:1.3em; font-weight:600; margin-bottom:15px;transition:all 0.3s;}
.pastissues_view .text_wrap .title:hover { color:var(--link); }
.pastissues_view .text_wrap { width: calc(100% - 200px); }
.pastissues_view .text_wrap p { font-size:0.9em; }
.pastissues_view .text_wrap .by { font-size:0.8em; color:#666666; text-decoration:none; margin:8px 0; line-height:1.4em; }
.pastissues_view .text_wrap .btn_more { border:1px solid #333; padding:0px 8px; display:inline-block; border-radius:50px; font-size:0.8em; white-space:nowrap; text-decoration:none; color:#333; transition:all 0.3s; }
.pastissues_view .text_wrap .btn_more:hover { background:var(--link); border-color:var(--link); color:#fff; }
.pastissues_view .text_wrap .text { line-height:1.6em; width:calc(100% - 95px); }
.pastissues_view .img_box { width:180px; height:111px; background:url(/images/user/logo_bk.svg) 50% 50% no-repeat #f4f4f4; background-size:30%; transition:all 0.5s; overflow:hidden; position:relative; margin-right:30px; }
.pastissues_view .img_box img { height:100%; width:auto; }
.pastissues_view .img_box .bg_box { width:100%; height:100%; position:absolute; top:50%; left:50%; background-size:contain; transform:translate(-50%,-50%); }
.pastissues_view .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); */ }
.pastissues_view .img_box:hover .bg_box { transform:translate(-50%,-50%) scale(1.1); transition:transform .5s;}
.pastissues_view .btn_wrap.center { display:flex; }
.pastissues_view .btn_wrap.center button { border-radius:50px; } 
.pastissues_view .nothing { margin-top:50px; }

/*로그인*/
.login_wrap { width: 100%; height: 100vh; background:url(/images/user/bg_login.jpg) 50% 50% no-repeat; background-size:cover; padding-left:700px; display:flex; align-items:center; justify-content:center; color:#fff; letter-spacing:6px; position:relative;}
.login_wrap::after { content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; }
.login_wrap > p { position:relative; z-index:2; }
.login_content { width:700px; height:100%; position:absolute; top:0; left:0; z-index:2; background:rgba(0,0,0,0.9); display:flex; justify-content:center; flex-direction:column; align-items:center;}
.login_wrap .logo { margin-bottom:30px; position:absolute; top:5em; left:5em; }
.login_wrap .logo img { height:24px; }
.login_wrap h1 { color:#fff; margin-bottom:70px; font-size:4em; text-transform:capitalize; font-weight:900; font-family:notoserif; }
.login { width:100%;  padding:50px 10em; text-align:left; }
.login li { width:100%; margin-bottom:30px; color:#fff; }
.login li:nth-child(2) {  }
.login li p { margin-bottom:10px; display:block; text-transform:capitalize; font-weight:600; letter-spacing:0; }
.login li .inputText { width:calc(100% - 50px); border:none; background:none; color:#fff; font-weight:600; border-radius:0 5px 5px 0; }
.login li .inputText:hover { border:none; box-shadow:none; }
.login li:last-child { margin-bottom:0px; }
.login li ul { display:flex; justify-content:flex-start; align-items:center; }
.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 button { text-transform:uppercase; border:none; color:#143b84; transition:all 0.3s; }
.login button:hover { background:#143b84; color:#fff; }
.login_input { display:flex; align-items:center; border:1px solid #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:#1eb8ff; }
.login_input label { width:50px; height:45px; display:flex; justify-content:center; align-items:center;transition:all 0.3s; }
.login_input:hover label { color:#1eb8ff; }

/*에러페이지*/
.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; background-size:30%; 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:2px solid #000; 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% - 495px); 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:20px; 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:20px; color:#333; font-weight:600; }
.is_list_wrap .title .btn_s { padding:6px 10px; line-height:1em; height:auto; font-size:0.9em; margin-left:10px; border:#333; background:#333; border-radius:50px; color:#fff; transition:all 0.3s; }
.is_list_wrap .title .btn_s:hover { background:var(--red); box-shadow:none; }
.is_list_wrap ul { border-top:2px solid #333; }
.is_list_wrap ul li { padding:20px 0; border-bottom:1px dashed #ccc; }
.is_list_wrap ul li:last-child { margin-bottom:0; }
.is_list_wrap ul li b { color:var(--red); }
.is_list_wrap ul li strong { font-size:1.1em; display:block; }
.is_list_wrap ul li strong a { transition:all 0.3s; }
.is_list_wrap ul li strong:hover a { color:var(--link); }
.is_list_wrap ul li p { margin:10px 0 15px; text-align:justify; }
.is_list_wrap ul li a { text-align:justify; }
.is_list_wrap ul li > a { padding:8px 12px; line-height:1em; border-radius:50px; display:inline-block; border:1px solid #333; background:#fff; font-size:0.9em; transition:all 0.3s; text-align:justify; }
.is_list_wrap ul li > a:hover { background:#333; color:#fff; border-color:#333; }
.fr-view img { height:auto; }
.fr-view img.fr-dii { vertical-align:middle !important; height:revert-layer;}

@-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(-10%); opacity:1; } 
	}
	
@keyframes fadeupInforLoginText {
	0% { transform:translateY(50%); opacity:0; }
	100% {transform:translateY(0%); opacity:0.6; }
	}

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

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

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

@keyframes fadeup {
	0% { transform:translateY(50%); opacity:0; }
	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; }
	}

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

@-webkit-keyframes rotate {
	0% { transform:rotate(0); }
	100% { transform:rotate(360deg); }
	}

@-webkit-keyframes gnbOff {
	0% { left:0; }
	100% { left:-100%; }
	}
	
@keyframes pong {
	0% { transform:translateY(0%); }
	50% { transform:translateY(-50%) }
	100% { transform:translateY(0); }
	}
@keyframes fadeIndot {
	0% { opacity:0; width:0; height:0; }
	100% { opacity:1; width:17px; height:17px; }
	}