@charset "UTF-8";
@import url("/font/webfonts_Score.css");
/*-------------------------------------------------
title       :main
Author      :yeonachoi
Create date :2022-03
-------------------------------------------------*/

.sch_wrap{padding:6rem 0 5rem;}
.sch_wrap:after{content:'';display:table;clear: both;}
.sch_wrap > .textimg > span{display:block;}
.sch_wrap > .textimg > span + span{padding-top:1.5rem;}
.sch_wrap > *{float:left;width:50%;}
/*
.sch_wrap .textimg > span{transform:scaleX(0);opacity: 0;transition:all .3s;}
body.start .textimg > span{opacity: 1;transform:scaleX(1);}
body.start .sch_wrap > .search{opacity: 1;transform:translateY(0);}
*/
.sch_wrap > .search{padding-left:7.2rem;/* opacity: 0;transition: all .4s;transform:translateY(-20px); */}
.sch_wrap > .search .schbox{border:3px solid #000000;border-radius:100px 100px 100px 0;height:5.2rem;position:relative;overflow:hidden;}
.selectBox2 {position: relative;z-index: 1;width: 10rem;height: 4.6rem;cursor: pointer;color:#000000;font-weight:500;display:inline-block;float:left;}
.selectBox2:before {content: '\e936';font-family: 'xeicon';position: absolute;top: 50%;transform: translateY(-50%); right: 5px; z-index: -1;}
.selectBox2.active:before{content:'\e930';}
.selectBox.active:before{content:'\e930';}
.selectBox2:after {content: '';display: block; width: 2px;height: 100%; position: absolute; top: 0; right: 35px;}
.selectBox2 .label {display: flex;align-items: center;width: inherit;height: inherit;border: 0 none;outline: 0 none;padding-left: 3rem;cursor: pointer;padding-top:3px;}
.selectBox2 .label:focus{border:1px solid #000;border-radius: 15px 0 0 0;}
.selectBox2 .optionList {padding:1.6rem;position: absolute; top: 100%;margin-top:1rem;left: -3px;width: 100%;overflow: hidden;transition: .3s ease-in;border:1px solid #F8F8F8;background:#fff;border-radius: 25px;transition: .1s;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);text-align: center;opacity: 0;visibility: hidden;overflow: hidden;}
.selectBox2.active .optionList{opacity: 1;visibility: visible;overflow: visible;}
.selectBox2 .optionList::-webkit-scrollbar {width: 6px;}
.selectBox2 .optionList::-webkit-scrollbar-track {background: transparent; }
.selectBox2 .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.selectBox2 .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}
.selectBox2.active {z-index: 8;}
.selectBox2 .optionItem{color:#767676;}
.selectBox2 .optionItem > a{display:block;}
.selectBox2 .optionItem + .optionItem{margin-top:1rem;}
.sch_wrap > .search .schbox .txtbox{display: inline-block;float:left;width:calc(100% - 6rem);}
.sch_wrap > .search .schbox .txtbox input{border:0;height:4.6rem;}
.sch_wrap > .search .schbox .sbtn{float: right;width:6rem;height:4.7rem;text-align: center;font-size:2.35rem;line-height:4.7rem;}
.sch_wrap > .search .schbox .sbtn > i{font-weight:500;}
.search .toplist{margin-top:1.7rem;}
.search .toplist > strong{background-color:#000000;border-radius:100px;color:#fff;text-align: center;width:5rem;height:2.5rem;line-height:2.5rem;display:inline-block;float: left;}
.search .toplist > ul{overflow: hidden;float: left;line-height:2.5rem;padding-left:1.2rem;height:2.5rem;width: calc(100% - 5rem);}
.search .toplist > ul > li{position:relative;float:left;color:#767676;font-size:1.5rem;letter-spacing: -0.45px;}
.search .toplist > ul > li > a:hover,
.search .toplist > ul > li > a:focus{text-decoration: underline;color:#000;}
.search .toplist > ul > li + li{padding-left:2rem;}
.search .toplist > ul > li + li::before{content:'';background:#D1D1D1;width:1px;height:1rem;position:absolute;top:.7rem;left:1rem;}

.selectBox {position: relative;z-index: 1;cursor: pointer;color:#000000;font-weight:500;float: right;padding-top:2px;}
.selectBox:before {content: '\e936';font-family: 'xeicon';position: absolute;top: 50%;transform: translateY(-50%); right: 0; z-index: -1;color:#AE1C28;}
.selectBox:after {content: '';display: block; width: 2px;height: 100%; position: absolute; top: 0; right: 35px;}
.selectBox .label {display: flex;align-items: center;width: inherit;height: inherit;border: 0 none;outline: 0 none;cursor: pointer;padding-right:1.8rem;color:#AE1C28;font-size:1.5rem;font-weight:bold;letter-spacing: -.5px;}
.selectBox .optionList {padding:1.6rem;position: absolute; top: 100%;margin-top:1rem;left:50%;width: 17.8rem;overflow: hidden;transition: .3s ease-in;border:1px solid #F8F8F8;background:#fff;border-radius: 25px;transition: .1s;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);text-align: center;opacity: 0;visibility: hidden;overflow: hidden;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.selectBox.active .optionList{opacity: 1;visibility: visible;overflow: visible;}
.selectBox .optionList::-webkit-scrollbar {width: 6px;}
.selectBox .optionList::-webkit-scrollbar-track {background: transparent; }
.selectBox .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.selectBox .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}
.selectBox.active {z-index: 10;}
.selectBox .optionItem{color:#555555;text-align:left;}
.selectBox .optionItem.active > a > *{color:#AE1C28;font-weight:bold;}
.selectBox .optionItem + .optionItem{margin-top:1rem;}
.selectBox .optionItem a{display: block;overflow:hidden;}
.selectBox .optionItem em{float:left;width:1.5rem;font-size:1.3rem;}
.selectBox .optionItem span{float:left;width:calc(100% - 1.5rem);padding-left:.8rem;font-size:1.5rem;letter-spacing: -0.45px;    word-break: break-word;}
.selectBox .more{padding-top:1rem;}
.selectBox2 * { box-sizing: border-box; }

.visu_wrap {background:linear-gradient(128deg, #fbf4fb 0%, #ebf4ff 100%); padding:6rem 0 8.5rem}
.visu_wrap:after{content:'';display:table;clear: both;}
.visu_wrap > article {float:left;width:calc(50% - 1rem); height:44rem;}
.visu_wrap > article li[class*="bg"]{position:relative;height:44rem;background-repeat:no-repeat;background-size:cover;width:78.2rem !important;border-radius: 100px 0 0 0;float:right;/* opacity:0;visibility: hidden;transition:all .7s; */}
body.start .visu_wrap > article li[class*="bg"]{opacity:1;visibility: visible;}
/*body.start #visual .list .cont{right:0; opacity: 1; transition-delay: .1s; }*/

#visual {margin-right:2rem}
#visual .list .cont{right:0;}
#visual .list .cont{top:20rem; width: 64rem; position:absolute; max-width: 90%; text-align:left; /* right:100%; opacity: 0;transition:all .5s; */}
#visual .list .cont > em{color:#fff;font-size:2.2rem;font-weight:900;display:block;position:relative;padding-bottom:2.5rem;letter-spacing: -0.66px;}
#visual .list .cont > em::before{content:'';width:2.2rem;height:2px;background:#fff;position:absolute;bottom:0;left:0;}
#visual .list .cont > p{color:#fff;font-weight:500;font-size:2.5rem;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.36);letter-spacing: -0.75px;padding-top:2.3rem;}
#visual .list .cont > p > strong{display:block;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.36);}
#visual .list{position:relative;height: 100%;text-align:right; z-index: 1; }
#visual .list .visu_slide,
#visual .list .slick-track,
#visual .list .slick-slide > div{height:100%;}
#visual .arrow button.start{display: none;}
#visual .arrow_wrap{position:absolute;right:4rem;bottom:3rem;color:#fff;}
#visual .arrow_wrap button{padding:0;color:#fff;font-size:2rem;}

#visual .slick-counter{position:absolute;right:12rem;bottom:3rem;font-size:1.8rem;z-index: 0;font-weight:bold;color:#fff;}
#visual .slick-counter .current{padding-right:7rem;color:#fff;}
#visual .slick-dots{position:absolute;right:14rem;bottom:4.2rem;width:5rem;height:2px;display:table;table-layout: fixed;z-index:1;}
#visual .slick-dots>li{display:table-cell;vertical-align:middle;height:2px;width:100%}
#visual .slick-dots>li.slick-active button:before{background-color:#CB1C2A;}
#visual .slick-dots>li>button{height:2px;position:relative;float:left;font-size:0;font-size:1px;width:100%;font-size:0;}
#visual .slick-dots>li>button::before{content:'';height:2px;width:100%;position:absolute;top:0;left:0;background-color:rgba(255,255,255,0.6);}

#news {position:relative}
#news .title {position:absolute; left:0; top:0; background-color:#AE1C28; border-radius:0 0 25px 0; box-shadow:0 6px 10px rgba(152,152,152,0.5); color:#fff; display:flex; align-items:center; justify-content:flex-start; font-size:1.6rem; padding:0 2rem; font-weight:500; width:13rem; height:4rem; z-index:1;}
#news li[class*="bg"] {background-color:#000; border-radius:0 0 100px 0; float:left; overflow:hidden}
#news a {display:block; width:100%; height:100%; position:relative}
#news .cont {/* transform:translateY(100%);opacity:0; transition:all .3s */background-color:rgba(0,0,0,0.45); width:100%; height:12.5rem; color:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column; font-size:2.2rem; font-weight:600; text-align:center; position:absolute; left:0; bottom:0;}
#news .cont .date {display:block; font-size:1.6rem; font-weight:normal; margin-top:0.5rem; opacity:0.8}
#news .arrow_wrap {position:absolute; top:50%; transform:translateY(-50%); color:#fff; width:100%; max-width:78.2rem}
#news .slick-arrow {color:#fff; font-size:5.4rem; position:absolute; top:50%; transform:translateY(-50%); text-shadow:0 0 3px rgba(0,0,0,0.2)}
#news .slick-arrow.prev {left:2.5rem}
#news .slick-arrow.next {right:2.5rem}

/* body.start #news .cont {transform:translateY(0);opacity: 1;transition-delay: .3s;} */
#news li > a:hover .cont strong,
#news li > a:focus .cont strong {text-decoration: underline;}
#news h3.title {cursor: pointer; user-select:none;}

#news .btn {position:absolute; left:9rem; top:0.67rem; z-index:1; color:#fff;}
#news .btn button {color:#fff; font-size:2rem;}




.quick-wrap {width:100%; margin-top:-5rem;/*  opacity: 0;transition:all .5s;transform:translateY(100%); */}
.quick-wrap #quick {background-color:#fff; box-shadow:0 2px 1.6rem rgba(0,0,0,0.16); padding:0 5rem; position:relative; display:flex; align-items:center; justify-content:space-between; text-align:center; width:100%; max-width:128rem; height:10rem; margin:0 auto}
body.start .quick-wrap {transform:translateY(0);opacity: 1;transition-delay: .3s;}

#quick .title {color:#AE1C28; font-size:2rem; font-weight:700}
#quick ul {display:flex; gap:4rem}
#quick li > a{color:#000;display:flex; align-items:center; font-size:2rem;font-weight:bold;position: relative;}
#quick li > a > span{position:relative; margin-right:1rem}
#quick li > a > span::before{display:block; content:'';background-repeat:no-repeat;background-size:cover;background-position:center; transform:scale(0.8); transition:all .1s;}
#quick li.q1 > a > span::before{background-image:url(/main/img/main/icon1.png);width:2.9rem;height:3rem;}
#quick li.q2 > a > span::before{background-image: url(/main/img/main/icon3.png);width:4.1rem;height:3rem;}
#quick li.q3 > a > span::before{background-image: url(/main/img/main/icon2.png);width:2.8rem;height:2.7rem;}
#quick li.q4 > a > span::before{background-image: url(/main/img/main/icon6.png);width:2.9rem;height:3.2rem;}
#quick li.q5 > a > span::before{background-image: url(/main/img/main/icon4.png);width:2.95rem;height:3rem;}
#quick li.q6 > a > span::before{background-image: url(/main/img/main/icon5.png);width:3.5rem;height:3rem;}
#quick li > a:hover,
#quick li > a:focus{text-decoration: underline;}

.arrow .start{display:none;}

.group_wrap{overflow:hidden;width:calc(100% + 3rem);}
#section1{padding:6rem 0 6.6rem;position:relative;}
#section1:after{background:#333;width:100%;height:6px;bottom:0;content:'';position:absolute;left:0;}

#section1 .group_wrap div[class*="group"]{float:left;width:33.3333%;padding-right:3rem;position:relative;}
/* #section1 .group_wrap div[class*="group"]{float:left;width:50%;padding-right:3rem;position:relative;} */
section .title{display:inline-block;font-weight:bold;font-size:2.5rem;color:#000;margin-bottom:1.7rem;}
section .more{font-size:1.6rem;font-weight:bold;color: #000000;}
section .more > i{color:#000;font-size:1.3rem;font-weight:bold;vertical-align: middle;margin-left:6.5px;}
#section1 .group_wrap div[class*="group"] .more{position:absolute;right:3rem;top:.5rem;}
#section1 .group_wrap .item{position:relative;height:25.8rem;text-align:center;}
#section1 .group_wrap .item .arrow{position:absolute;top:-4.6rem;left:48%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
/* #section1 .group_wrap .item .arrow{position:absolute;top:-4.6rem;left:33%;-webkit-transform:translateX(-50%);transform:translateX(-50%);} */
.item .arrow > button{padding:0;font-size:2rem;}
#section1 .group_wrap .group1 .item:before{background:url(/main/img/main/bg-1.png);height:100%;border-radius:20px 0 0 0;content:'';position:absolute;top:0;left:0;width:100%;z-index: -1;background-size:cover;background-position:center;background-repeat: no-repeat;}
#section1 .group_wrap .group2 .item:before{background:url(/main/img/main/bg.png);height:100%;border-radius:20px 0 0 0;content:'';position:absolute;top:0;left:0;width:100%;z-index: -1;background-size:cover;background-position:center;background-repeat: no-repeat;}
#section1 .group_wrap .group2 .item{transition-delay: .2s;}
/* #section1 .group_wrap .group3 .item{transition-delay: .4s;} */
.item > .slide .slick-dots > li{float:left;height:.8rem;}
#section1 .group_wrap div[class*="group"] .slick-dots{overflow:hidden;position:absolute;top:-4rem;left:13rem;}


#section1 .group_wrap .slide li.lst{width:15.2rem !important;height:22.1rem;}
#section1 .group_wrap .slide li.lst a{display: block;height:100%;}
#section1 .group_wrap .slide li.lst img{width: 100%;height: 100%;}

#section1 .group1 .slick-slider,
#section1 .group2 .slick-slider{padding-top:1.8rem;}
.item > .slide .slick-dots > li > button{padding:0;width:.8rem;height:.8rem;border:1px solid #aaa;font-size:0;vertical-align: top;}
.item > .slide .slick-dots > li + li{padding-left:1rem;}
.item > .slide .slick-dots > li.slick-active > button{background:#AE1C28;border:1px solid #AE1C28;}
#section1 .group3 .slide,
#section1 .group3 .slide .slick-slide,
#section1 .group3 .slide .slick-slide li > img,
#section1 .group3 .slide .slick-slide > div,
#section1 .group3 .slide .slick-slide > div > li,
#section1 .group3 .slide .slick-track,
#section1 .group3 .slide .slick-list{height:100%;}
#section1 .group3 .slide .slick-slide > div > li{border-radius:20px 0 0 0;}
#section1 .group3 .slide .slick-slide > div > li a{display:block;height: 100%;border-radius:20px 0 0 0;overflow:hidden;}
#section1 .group3 .slide .slick-slide > div > li a img{border-radius:20px 0 0 0;}
#section1 .group3 .slide .slick-slide > div > li a:focus{border:1px solid #000;}
#section1 .group3 .slide .slick-slide > div > li a img{height:100%;}
section .more i {-webkit-transition:all .3s;transition:all .3s;}
section .more:hover i,
section .more:focus i{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
#section2{padding:5.7rem 0 8rem;}
#section2 .cont_wrap{overflow:hidden;width:calc(100% + 5.6rem);padding-bottom:1rem;}
#section2 .cont_wrap > article{float:left;width:33.3333%;padding-right:5.6rem;position:relative;height:85rem;}
#section2 .cont_wrap > .arti1{transition-delay:.3s;}
#section2 .cont_wrap > .arti2{transition-delay:.5s;}
#section2 .cont_wrap > .arti3{transition-delay:.7s;}
#section2 .cont_wrap > article .more{position:absolute;right:5.6rem;top:.4rem;}
#section2 .cont_wrap > .arti1 .noti_wrap{margin-top:4.5rem;}
#section2 .cont_wrap > .arti2 .noti_wrap{margin-top:4rem;}
.cont_wrap .arti1 .inner .thumb{display:block;border-radius: 0px 15px 15px 0;border: 1px solid #DDDDDD;width:13.2rem;height:18rem;float:left;overflow:hidden;}
.cont_wrap .arti1 .inner{display:block;overflow:hidden;}
.cont_wrap .arti1 .inner:hover .txt > span,
.cont_wrap .arti1 .inner:focus .txt > span{text-decoration:underline;}
.cont_wrap .arti1 .inner .thumb img{width:100%;height:100%;}
.cont_wrap .arti1 .inner .txt{float:left;width:calc(100% - 13.2rem);padding-left:2rem;padding-top:1rem;}
.cont_wrap .arti1 .inner .txt > em{color:#AE1C28;font-size:1.5rem;display:block;letter-spacing: -0.45px;font-weight:bold;padding-bottom:1.3rem;}
.cont_wrap .arti1 .inner .txt > strong{height:4.8rem;font-weight:600;display:block;color:#000;color: #000000;overflow:hidden;font-size:1.8rem;line-height: 1.3;margin-bottom:1rem;}
.cont_wrap .arti1 .inner .txt > span{white-space: inherit;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;height:6.5rem;}
.cont_wrap .arti1 .list_wrap > li + li{margin-top:4rem;}
.cont_wrap > article + article::before{content:'';background:#F1ECE8;width:1px;height:100%;position:absolute;left:-2.6rem;top:0;}
.arti2 .evt_list{margin-top:2rem;}
.arti2 .evt_list > li > a{overflow: hidden;display:block;height:15rem;}
.arti2 .evt_list > li > a:hover .day{color:#AE1C28;}
.arti2 .evt_list > li > a .day{font-weight:bold;font-size:1.8rem;letter-spacing: -0.54px;float:left;width:5.4rem;color:#000;letter-spacing: -0.6px;font-family: 'Play', sans-serif;}
.arti2 .evt_list > li > a .day>strong{display: block;font-size:2rem;;}
.arti2 .evt_list .txt{float:left;width: calc(100% - 5.4rem);padding-left:1.4rem;}
.arti2 .evt_list .txt .tit{white-space: inherit;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-weight:600;font-size:1.8rem;letter-spacing: -0.54px;color:#000;margin-bottom:2rem;height:4.6rem;}
.arti2 .evt_list .txt li{color:#323B47;font-size:1.5rem;letter-spacing: -0.45px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.arti2 .evt_list .txt li + li{padding-top:.3rem;}
.arti2 .evt_list > li + li{padding-top:4.4rem;}
.arti2 .evt_list > li{border-bottom:1px solid #E9E9E9;}
.arti2 .evt_list > li > a:hover .tit,
.arti2 .evt_list > li > a:focus .tit{text-decoration:underline;}
.arti2 .mailbox{margin-top:4.5rem;height:20.5rem;border:1px solid #ddd;border-radius:5px;padding:2.2rem;position:relative;}
.arti2 .mailbox .img{position:absolute;right:0;top:2.8rem;}
.arti2 .mailbox .tt{width:calc(100% - 12.2rem);font-size:2.5rem;color:#000;padding-top:4px;}
.arti2 .mailbox .tt > span{display:block;color:#767676;font-size:1.5rem;letter-spacing: -0.45px;font-weight:400;padding-top:1.1rem;}
.arti2 .mailbox > ul{overflow: hidden;padding-top:5.2rem;}
.arti2 .mailbox li{width:calc(50% - 2px);float:left;color:#fff;margin-right:2px;}
.arti2 .mailbox li>a{display: block;font-size:1.5rem;padding:1rem 1rem 1rem 0;text-align:center;}
.arti2 .mailbox li>a img{margin-right:10px;vertical-align: top;}
.arti2 .mailbox li:nth-child(1){background-color:#252968;}
.arti2 .mailbox li:nth-child(2){background-color:#000000;}
.arti2 .mailbox li>a:hover,
.arti2 .mailbox li>a:focus{text-decoration: underline;}

.arti3 > .item{padding-top:2.7rem;position:relative;margin-bottom: 2rem;}
.arti3 > .item > .slide{height:21.5rem;}
.arti3 > .item > .slide .slick-list{height: 100%;}
.arti3 > .item > .slide .slick-track,
.arti3 > .item > .slide .slick-track *{height:100%;width:100%;}
.arti3 > .item > .slide .slick-track a{display: block;}
.arti3 > .item .arrow{position:absolute;right:0;top:-0.2rem;}
.arti3 > .item .slick-dots{position:absolute;right:2.8rem;top:-2.2rem;}
.arti3 > .item > .slide .slick-track a:focus{border:1px solid #000;}

.noti_wrap{position:relative;margin-top: 2.3rem;}
#section2 .cont_wrap > .arti3 .noti_wrap .more{right:0;}
.notilst > li{position:relative;padding-left:.8rem;}
.notilst > li + li{margin-top:.8rem;}
.notilst > li:before{width:3px;height:3px;border-radius:50%;background:#5A5A5A;content:'';position:absolute;top:8px;left:0;}
.notilst > li > a{display:block;overflow: hidden;}
.notilst > li > a > .tt{display:block;width:calc(100% - 8rem);float: left;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;display: block;color:#767676;letter-spacing: -0.48px;font-weight:400;}
.notilst > li > a > .day{float:right;color:#000;font-size:1.4rem;font-family:'Play', sans-serif}
.notilst > li > a:hover .tt,
.notilst > li > a:focus .tt{color:#333;text-decoration:underline;}

.notilst:has(.cate) > li {display:flex; flex-direction:row; gap:0.5rem;}
.notilst:has(.cate) .cate {flex:none; background:#AE1C28; display:inline-flex; align-items:center; justify-content:center; font-size:1.2rem; padding:2px 5px; color:#fff; border-radius:4px; line-height:1;}
.notilst:has(.cate) .cate.law {background:#1F2A6C;}
.notilst:has(.cate) > li > a {flex:1;}

.arti3 .etc{overflow: hidden;padding-top: 3.25rem;margin-top: 3.05rem;border-top:1px solid #E9E9E9;}
.arti3 .etc .sns{overflow: hidden;padding:0 2.7rem;border-left: 1px solid #E9E9E9;}
.arti3 .etc .sns > li{float:left;width:50%;}
.arti3 .etc .sns > li > a{display: block;}
.arti3 .etc .sns > li:nth-child(2n){text-align: right;}
.arti3 .etc .sns > li:nth-child(n+3){padding-top:1rem;}
.arti3 .etc .etcmenu{width:25.3rem;float:left;padding-right:4rem;}
.arti3 .etc .etcmenu li{font-weight:500;letter-spacing: -0.48px;color: #000000;position:relative;padding-left:1.7rem;}
.arti3 .etc .etcmenu li::before{content:'';background:#EBE8E8;width:.7rem;height:.7rem;border-radius:50%;position: absolute;top:6px;left:0;}
.arti3 .etc .etcmenu li > a{display:block;position:relative;font-weight:500;letter-spacing: -0.48px;color:#000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-right:1.7rem;}
.arti3 .etc .etcmenu li > a:hover{text-decoration:underline;}
.arti3 .etc .etcmenu li > a:before{position:absolute;right:0;top:0;content:'\e90b';font-family:'xeicon';font-size:1.7rem;color:#000;line-height:1.7rem;}
.arti3 .etc .etcmenu li + li{margin-top:1.2rem;}
#section2 .cont_wrap .noti_wrap .more{right:0;}

/* 이미지레이어 */
.mw {position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000;}
.mw .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000 url('../ecms_resource/img/bg.png') repeat;opacity:.5;filter:alpha(opacity=50);z-index:10000;}
.mw .fg{position:absolute;top:50%;left:50%;width:360px;height:80px;padding:15px;z-index:11000;}
.mw .fg .loading {display:block; text-align:center;padding:10px}


/* 클린신고센터 */
.clean_banner a {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:0.5rem; padding:2.4rem; background:#EBF4FF url("/main/img/main/clean_banner.png") no-repeat 90% center; border-radius: 5px; color:#252968; font-family:"Score"; transition:0.4s;}
.clean_banner a strong {font-size:2.5rem; font-family:"Score";}
.clean_banner a span {font-size:1.3rem; font-weight:400;}
@media screen and (min-width:1024px){
	.clean_banner a:hover {box-shadow:3px 3px rgb(37, 41, 104, 0.5), inset 4px 4px 10px #f3f9ff; background-position:90% 45%;}
}


@media screen and (max-width:1570px){
	.visu_wrap > article li[class*="bg"]{width:100% !important;}
}

@media screen and (max-width:1280px){
	.sch_wrap > .search .schbox .txtbox input{height:4.4rem;}
	.topbar .size a > i{vertical-align: middle;}
	.selectBox .optionList{left:inherit;transform:none;right:0;}
	.quick-wrap #quick {padding:0 4rem}
	#quick li > a {font-size:1.8rem}
	#quick li > a > span {margin-right:0.5rem}

}
@media screen and (max-width:1200px){
	#section1 .group_wrap .item .arrow{left:18.5rem;transform:none;}
	.arti3 .etc{padding-top:2rem;margin-top:2.5rem;}
	.arti3 .noti_wrap{margin-top:2rem;}
	.arti3 .etc .etcmenu{width:100%;padding-right:0;float:none;}
	.arti3 .etc .sns{border-left:0;padding:3rem 1rem 0;text-align:center;}
	.arti3 .etc .sns > li{float:none;width:auto;display:inline-block;vertical-align: middle;}
	.arti3 .etc .sns > li + li{padding-left:1rem;}
	.arti3 .etc .sns > li:nth-child(2n){text-align:left;}
	.arti3 .etc .sns > li:nth-child(n+3){padding-top:0;}
	.notilst > li + li{margin-top:1rem;}
	.arti3 .etc .etcmenu li + li{margin-top:1rem;}
	#section2 .cont_wrap{width:calc(100% + 3.5rem);padding-bottom:8rem;}
	#section2 .cont_wrap > article{padding-right:3.5rem;}
	.cont_wrap > article + article::before{left:-2.2rem;}

}


@media screen and (max-width:1024px){
	.sch_wrap > *{float:none;width:100%;}
	.sch_wrap > .search{padding-left:0;padding-top:3rem;}
	.sch_wrap{padding:4rem 1.5rem 3rem;}
	.sch_wrap .textimg{text-align:center;}
	.visu_wrap > article,
	.visu_wrap > article li[class*="bg"]{height:36rem;}
	#visual .list .cont{top:12rem;}
	#quick .title {display:none}
	#quick ul {gap:3rem; justify-content:space-between; width:100%}
	#quick li > a {flex-direction:column}
	#quick li > a > span {margin-right:0;}
	#quick li > a > span::before {height:4rem !important; background-size:contain}
	#section2 .cont_wrap > article{float:none;width:100%;height:auto;padding-right:0;padding-bottom:4rem;}
	#section2 .cont_wrap > .arti3{padding-bottom:0;}
	#section2 .cont_wrap{width:100%;padding-bottom:3rem;}
	.cont_wrap .arti1 .list_wrap > li:nth-child(n+3){display:none;}
	#section2 .cont_wrap > article .more{right:0;}
	#section2{padding:4rem 0;}
	#section1{padding:4rem 0 5.6rem;}
	.arti2 .evt_list > li:nth-child(n+3){display: none;}
	.arti2 .evt_list .txt .tit{height:auto;max-height: 4.5rem;}
	.arti3 > .item > .slide img{margin:auto;}
	.arti2 .evt_list > li > a,
	.arti2 .evt_list > li:first-child > a{height:auto;padding:0 0 2.5rem 0;}
	.arti3 > .item > .slide{height:auto; aspect-ratio:5/3;}

	.clean_banner a { background-position:right 2.4rem center;}
}

@media screen and (max-width:900px){
	#section1 .group_wrap div[class*="group"]{float:none;width:100%;padding-right:0;}
	#section1 .group_wrap > * + *{margin-top:2.8rem;}
	.group_wrap{width:100%;}
	#section1 .group_wrap .group1 .item:before,
	#section1 .group_wrap .group2 .item:before{background-size:contain;}
	#section1 .group3 .slide .slick-slide > div > li a img{margin:auto;}
	#section1 .group_wrap div[class*="group"] .more{right:0;}
	#section1 .group3 .slide .slick-slide > div > li a{width:40rem;margin:auto;}
}
@media screen and (max-width:768px){
	.visu_wrap > article{width:94%;float:none; margin:0 auto}
	#visual {margin:0 auto}
	#visual .list .cont{-webkit-transform: translateX(-50%);transform: translateX(-50%);right:inherit;left:50%;}
	#news .slick-arrow.prev {left:0}
	#news .slick-arrow.next {right:0}
	.quick-wrap {width:94%; margin:-5rem auto 0}
	.quick-wrap #quick {height:auto; padding:3rem}
	#quick ul {flex-wrap:wrap}
	#quick li {width:25%}
}

@media screen and (max-width:530px){
	#visual .arrow_wrap{right:2rem;bottom:2rem;}
	#visual .slick-counter{bottom:2rem;}
	#visual .slick-dots{bottom:3.1rem;}
	#section1 .group_wrap div[class*="group"] .more{top:.7rem;}
	.arti3 .etc .etcmenu li > a{font-size:1.8rem;}
	#section2{padding-bottom:0;}
  .arti3 .etc{padding-bottom:2rem;border-bottom:1px solid #ddd;}
	#section2 .cont_wrap{padding-bottom:0;}
	.company:before{display:none;}
	.company{border-bottom:1px solid #ddd;margin-bottom:10rem;}
}


@media screen and (max-width:400px){
	#section1 .group3 .slide .slick-slide > div > li a{width:100%;}
}


@media screen and (max-width:375px){
	#section1 .group_wrap .group1 .item:before, #section1 .group_wrap .group2 .item:before{background-size:cover;}
	.arti2 .mailbox{height:auto;padding:1.5rem;}
	.cont_wrap .arti1 .inner .txt > strong{height:auto;}
	.cont_wrap .arti1 .inner .txt > span{height:4.5rem;-webkit-line-clamp:2;}
}



@media print {
	#header,#snb,#allmenu,.location,.tab,#footer,.sub_title,.util{display:none}
	html, body { page-break-after: auto; overflow:auto; }
	tr, img { page-break-inside: avoid }
	#container, .container { width: 100% !important}
	.content_body .figure { background: none }
	/* @page { size: a3 } css validator에 걸려서 주석처리 */
	html, body{width: 210mm;height: 297mm;overflow:inherit}
	.container {width:100% !important;}

	 #contbox {padding:10mm 0;width:100% !important;}

}