@charset "utf-8";


/************************************************************************
* COMMON *
************************************************************************/
.container{width:100%;position:relative;overflow:hidden;}
.contents{position:relative;}
.contents div[id*='sec-']{padding:100px 0;}
.contents.sub .detail{padding-top:120px;padding-bottom:120px;}
.contents.sub .detail.pt0{padding-top:0 !important;}

@media screen and (max-width:1280px) {
.contents div[id*='sec-']{padding:80px 0;}
.contents.sub .detail{padding-top:100px;padding-bottom:100px;}
}
@media screen and (max-width:960px) {
.contents div[id*='sec-']{padding:65px 0;}
.contents.sub .detail{padding-top:90px;padding-bottom:90px;}
}
@media screen and (max-width:767px) {
.contents div[id*='sec-']{padding:50px 0;}
.contents.sub .detail{padding-top:80px;padding-bottom:80px;}
}
@media screen and (max-width:640px) {
.contents div[class*='sec-']{padding:40px 0;}
.contents.sub .detail{padding-top:65px;padding-bottom:65px;}
}
@media screen and (max-width:560px) {
.contents div[class*='sec-']{padding:30px 0;}
.contents.sub .detail{padding-top:50px;padding-bottom:50px;}
}

.contentsBg{background:#f1f1f1;}






/************************************************************************
* ul *
************************************************************************/
.list li{width:100%;line-height:140%;font-weight:400;position:relative;word-wrap:break-word;display:block;word-break:keep-all;}
.list li:last-child{padding-bottom:0 !important;}

.list.type1>li{padding-left:16px;padding-bottom:6px;font-size:18px;text-align:left !important;font-family:'Pretendard-Light';}
.list.type1>li:after{width:6px;height:1px;display:block;content:"";position:absolute;top:12px;left:0;background:#000;}

.list.type2>li{padding-left:16px;padding-bottom:5px;font-size:20px;text-align:left !important;}
.list.type2>li:after{width:5px;height:5px;display:block;content:"";position:absolute;top:11px;left:0;background:#ff6000;border-radius:50%;}

.list.type3>li{padding-left:16px;padding-bottom:5px;font-size:18px;text-align:left !important;font-family:'Pretendard-Regular';}
.list.type3>li:after{width:6px;height:1px;display:block;content:"";position:absolute;top:12px;left:0;background:#000;}

.list.type4>li{padding-left:13px;padding-bottom:5px;font-size:17px;text-align:left !important;font-family:'Pretendard-ExtraLight';}
.list.type4>li:after{width:3px;height:3px;border-radius:50%;display:block;content:"";position:absolute;top:11px;left:0;background:#555;}

@media screen and (max-width:1500px){
.list.type1>li{padding-left:15px;font-size:17px;}
.list.type1>li:after{top:11px;}

.list.type2>li{padding-left:15px;font-size:17px;}
.list.type2>li:after{top:9px;}

.list.type3>li{padding-left:15px;font-size:17px;}
.list.type3>li:after{top:11px;}

.list.type4>li{font-size:16px;}
.list.type4>li:after{top:9px;}
}
@media screen and (max-width:1280px){
.list.type1>li{padding-left:14px;padding-bottom:5px;font-size:16px;}

.list.type2>li{padding-left:14px;font-size:16px;}
.list.type2>li:after{width:4px;height:4px;top:8px;}

.list.type3>li{padding-left:14px;font-size:16px;}
.list.type3>li:after{width:6px;height:1px;}

.list.type4>li{padding-left:12px;padding-bottom:4px;font-size:15px;}
.list.type4>li:after{top:8px;}
}
@media screen and (max-width:800px){
.list.type1>li{padding-left:13px;padding-bottom:4px;font-size:15px;}
.list.type1>li:after{top:9px;}

.list.type2>li{padding-left:12px;padding-bottom:4px;font-size:15px;}
.list.type2>li:after{top:7px;}

.list.type3>li{padding-left:13px;padding-bottom:4px;font-size:15px;}
.list.type3>li:after{top:9px;}

.list.type4>li{padding-left:10px;padding-bottom:3px;font-size:14px;}
.list.type4>li:after{top:7px;}
}
@media screen and (max-width:640px){
.list.type1>li{padding-left:12px;padding-bottom:3px;font-size:14px;}

.list.type2>li{padding-left:11px;padding-bottom:3px;font-size:14px;}

.list.type3>li{padding-left:12px;padding-bottom:3px;font-size:14px;}

.list.type4>li{padding-left:9px;padding-bottom:2px;font-size:13px;}
}



/************************************************************************
* table *
************************************************************************/
.table{width:100%;border-top:solid 2px #000;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;}
.table tr th,
.table tr td{padding:14px 12px;color:#292929;line-height:150%;font-size:16px;text-align:center;vertical-align:middle;border-bottom:solid 1px #eaeaea;border-right:solid 1px #eaeaea;word-wrap:break-word;display:table-cell;word-break:keep-all;}
.table tr th:last-child,
.table tr td:last-child{border-right:none;}
.table tr th{background:#f9f9f9;}
.table tr .blr{border-right:solid 1px #eaeaea !important;}
.mThide{display:none;}

.table input[type=text]{border:solid 1px #ddd;font-size:16px;padding:5px;}

@media screen and (max-width:1500px){
.table tr th,
.table tr td{padding:12px 10px;font-size:15px;}

.table input[type=text]{font-size:15px;}
}
@media screen and (max-width:1280px){
.table tr th,
.table tr td{padding:10px 8px;font-size:14px;}

.table input[type=text]{font-size:14px;}
}
@media screen and (max-width:800px){
.mThide{display:block;}
.mobileHide{width:100%;overflow-x:auto;}
.mobileHide .table{min-width:800px;}
}
@media screen and (max-width:640px){
.table tr th,
.table tr td{padding:8px 6px;}

.table.responsiveT,
.table.responsiveT thead,
.table.responsiveT tbody,
.table.responsiveT tr,
.table.responsiveT th,
.table.responsiveT td{display:block !important;}
.table.responsiveT .hide{display:none !important;}
}





/************************************************************************
* button *
************************************************************************/
.button{font-size:18px;color:#000;text-align:left;position:relative;}
.button i{width:6px;height:6px;margin-left:10px;margin-top:9px;display:inline-block;position:relative;transition:all 0.2s ease;}
.button i:after{width:5px;height:5px;border:solid rgba(0,0,0,0.8);border-width:1px 1px 0 0;position:absolute;top:calc(50% - 4px);right:0;display:block;content:"";transform:rotate(45deg);}
.button:hover i{margin-left:20px;transition:all 0.2s ease;}
.button b{font-family:'Pretendard-SemiBold';transition:all 0.2s ease;}

.button.type1{width:200px;margin:0 auto;padding:16px 0;color:#fff;text-align:center;font-family:'Pretendard-Light';background:#0072cd;border-radius:30px;}
.button.type1 a{color:#fff;transition:all 0.2s ease;}
.button.type1:hover a{letter-spacing:0.2em;transition:all 0.2s ease;}
.button.type1:hover b{letter-spacing:0.2em;transition:all 0.2s ease;}


@media screen and (max-width:960px){
.button{font-size:16px;}
.button i{width:15px;}

.button.type1{width:180px;padding:15px 0;}
}
@media screen and (max-width:640px){
.button{font-size:14px;}
.button i:after{width:4px;height:4px;top:calc(50% - 3px);}

.button.type1{width:160px;padding:14px 0;}
}
@media screen and (max-width:420px){
.button i{width:13px;margin-top:8px;}

.button.type1{width:140px;padding:13px 0;}
}


.btWrap{}
.btWrap a.bt{padding:15px 40px;margin:0 auto;text-align:center;font-weight:bold;font-size:20px;line-height:120%;border-radius:10px;display:table;transition:all 0.2s ease;}
.btWrap a.bt:hover{letter-spacing:0.2em;transition:all 0.2s ease;}
.btWrap a.bt.blue{border:solid 1px #1b439a;background:#1b439a;color:#fff;}
.btWrap a.bt.gray{border:solid 1px #ddd;background:#f1f1f1;}

@media screen and (max-width:1100px){
.btWrap a.bt{padding:13px 30px;font-size:18px;}
}
@media screen and (max-width:640px){
.btWrap a.bt{padding:11px 10px;font-size:16px;border-radius:5px;}
}
@media screen and (max-width:400px){
.btWrap a.bt{width:100%;padding:12px 0;font-size:14px;}
}




/************************************************************************
* MAIN_CONTENTS *
************************************************************************/
.marquees{--marquee-width:100vw;--offset:100vw;--move-initial:calc(-50% + var(--offset));--move-final:calc(-100% + var(--offset));width:var(--marquee-width);overflow:hidden;pointer-events:none;mix-blend-mode:color-burn;}
.marquees__inner{width:fit-content;display:flex;position:relative;transform:translate3d(var(--move-initial), 0, 0);animation:marquee 30s linear infinite;animation-play-state:running;opacity:1;transition-duration:0.4s;}
.marquees__inner .text{white-space:nowrap;padding:0 1vw;font-size:120px;line-height:120%;color:rgba(0,0,0,0.08);letter-spacing:-0.05em;font-weight:900;font-family:'GmarketSansBold';}

@keyframes marquee {
    0%{transform:translate3d(var(--move-initial), 0, 0);}
    100% {transform:translate3d(var(--move-final), 0, 0);}
}

@media screen and (max-width:1500px) {
.marquees__inner .text{font-size:100px;}
}
@media screen and (max-width:1280px) {
.marquees__inner .text{font-size:80px;}
}
@media screen and (max-width:1100px) {
.marquees__inner .text{font-size:70px;}
}
@media screen and (max-width:960px) {
.marquees__inner .text{font-size:60px;}
}
@media screen and (max-width:860px) {
.marquees__inner .text{font-size:50px;}
}
@media screen and (max-width:767px) {
.marquees__inner .text{font-size:40px;}
}
@media screen and (max-width:640px) {
.marquees__inner .text{font-size:30px;}
}
@media screen and (max-width:560px) {
.marquees__inner .text{font-size:20px;}
}



/******************************* sec-1 *******************************/
.main #sec-1{}

@media screen and (max-width:430px) {
.main #sec-1 font br{display:none;}
}




/******************************* sec-2 *******************************/
.main #sec-2{margin-top:-45px;}
.main #sec-2 .pc{display:block;}
.main #sec-2 .mobile{display:none;}

.businessBox.slide_wrap .slide_view{width:1000px;height:570px;margin:0 auto;position:relative;}
.businessBox .slide_view ul li{width:110px;height:570px;border-radius:15px;overflow:hidden;position:absolute;left:100%;top:0;}
.businessBox .slide_view ul li div{height:100%;position:relative;}
.businessBox .slide_view ul li>div{padding-top:45px;}
.businessBox .slide_view ul li .left{width:110px;height:100%;position:absolute;left:0;top:0;cursor:pointer;z-index:9;}
.businessBox .slide_view ul li .left span{width:100%;height:100%;background:#f48c06;border-radius:15px;border-top-right-radius:0 !important;overflow:hidden;}
.businessBox .slide_view ul li .left font{margin-left:50%;padding-top:30px;writing-mode:horizontal-tb;writing-mode:vertical-lr;color:#fff;transform:translateX(-50%);}

.businessBox .slide_view ul li .full{width:1000px;z-index:8;}
.businessBox .slide_view ul li .full a{width:90px;height:90px;border-radius:50%;background:#0072cd;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:50px;z-index:9;}
.businessBox .slide_view ul li .full a i{width:30px;height:3px;background:#fff;display:block;position:relative;}
.businessBox .slide_view ul li .full a i:after{width:14px;height:14px;border:solid #fff;border-width:3px 3px 0 0;position:absolute;top:calc(50% - 8px);right:0;display:block;content:"";transform:rotate(45deg);}

.businessBox .slide_view ul li .full .fcon{width:100%;padding:50px;border-radius:15px;border:solid 5px #e5e5e5;background:#fff;}
.businessBox .slide_view ul li .full .tit{font-weight:100;}
.businessBox .slide_view ul li .full .tit b{padding-left:10px;display:inline-block;}
.businessBox .slide_view ul li .full dl{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;}
.businessBox .slide_view ul li .full dt,
.businessBox .slide_view ul li .full dd{font-size:18px;margin-bottom:10px;}
.businessBox .slide_view ul li .full dt{width:86px;padding:5px 0;color:#fff;background:#1a1b1b;text-align:center;}
.businessBox .slide_view ul li .full dd{width:calc(100% - 86px);padding-top:4px;padding-left:20px;}

.businessBox .slide_direction{width:300px;padding-top:40px;margin:0 auto;position:relative;}

.businessBox .slide_control{width:100%;display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%);}
.businessBox .slide_control a{width:30px;height:30px;display:block;position:absolute;top:0;font-size:0;}
.businessBox .slide_control a:after{width:8px;height:8px;border:solid #555;border-width:2px 2px 0 0;position:absolute;top:50%;left:calc(50% - 4px);display:block;content:"";transform:rotate(45deg);}

.businessBox .slide_control a.prev_btn{left:0;}
.businessBox .slide_control a.prev_btn:after{border-width:0 0 2px 2px;}
.businessBox .slide_control a.next_btn{right:0;}

.businessBox .slide_pager{width:100%;margin:0 auto;text-align:center;display:flex;align-items:center;justify-content:center;}
.businessBox .slide_pager ul{overflow:hidden;clear:both;}
.businessBox .slide_pager li{width:14px;height:14px;margin:0 10px;float:left;}
.businessBox .slide_pager li a{width:100%;height:100%;border-radius:50%;display:block;background:#ddd;}
.businessBox .slide_pager li.on a{background:#f48c06;}

@media screen and (max-width:1280px) {
.main #sec-2 .pc{display:none;}
.main #sec-2 .mobile{display:block;}

.faq_page .faq_list li{padding:30px 20px;margin:2px 0;background:#f48c06;border-radius:10px;cursor:pointer;flex-wrap:wrap;position:relative;}
.faq_page .faq_list li.on{background:#fff;border-radius:0;}
.faq_page .faq_list li.on:itemB-1-child{border-top:solid 2px #f48c06;}
.faq_page .faq_list li .que{display:flex;align-items:center;position:relative;}
.faq_page .faq_list li .text_box{width:100%;flex:1;color:#fff;}
.faq_page .faq_list li.on .text_box{color:#000;}
.faq_page .faq_list li .text_box b{padding-left:15px;}
.faq_page .faq_list li .answer{padding-top:20px;display:none;}

.faq_page .faq_list li .answer a{width:80px;height:80px;border-radius:50%;background:#0072cd;display:flex;align-items:center;justify-content:center;position:absolute;top:40px;right:50px;z-index:9;}
.faq_page .faq_list li .answer a i{width:25px;height:3px;background:#fff;display:block;position:relative;}
.faq_page .faq_list li .answer a i:after{width:10px;height:10px;border:solid #fff;border-width:3px 3px 0 0;position:absolute;top:calc(50% - 6px);right:0;display:block;content:"";transform:rotate(45deg);}

.faq_page .faq_list li .answer .fcon{width:100%;padding:40px;border-radius:15px;border:solid 5px #e5e5e5;background:#fff;}
.faq_page .faq_list li .answer dl{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;}
.faq_page .faq_list li .answer dt,
.faq_page .faq_list li .answer dd{font-size:16px;margin-bottom:10px;}
.faq_page .faq_list li .answer dt{width:70px;padding:3px 0;color:#fff;background:#1a1b1b;text-align:center;}
.faq_page .faq_list li .answer dd{width:calc(100% - 70px);padding-top:3px;padding-left:15px;}
}
@media screen and (max-width:960px) {
.faq_page .faq_list li{padding:20px 15px;}
.faq_page .faq_list li .text_box b{padding-left:10px;}
.faq_page .faq_list li .answer{padding-top:15px;}

.faq_page .faq_list li .answer a{width:60px;height:60px;top:35px;right:30px;}
.faq_page .faq_list li .answer a i{width:20px;height:2px;}
.faq_page .faq_list li .answer a i:after{width:8px;height:8px;border-width:2px 2px 0 0;top:calc(50% - 5px);}

.faq_page .faq_list li .answer .fcon{padding:25px;border-width:4px;}
.faq_page .faq_list li .answer dt,
.faq_page .faq_list li .answer dd{font-size:15px;margin-bottom:8px;}
.faq_page .faq_list li .answer dd{width:100%;padding-top:0;padding-left:0;margin-bottom:12px;}
}
@media screen and (max-width:767px) {
.faq_page .faq_list li{padding:15px 10px;}

.faq_page .faq_list li .answer a{width:50px;height:50px;right:20px;}
.faq_page .faq_list li .answer a i{width:17px;}
.faq_page .faq_list li .answer a i:after{width:8px;height:8px;top:calc(50% - 5px);}

.faq_page .faq_list li .answer .fcon{padding:20px;border-width:3px;}
.faq_page .faq_list li .answer dt,
.faq_page .faq_list li .answer dd{font-size:14px;}
}
@media screen and (max-width:640px) {
.faq_page .faq_list li .answer a{width:40px;height:40px;right:15px;}
.faq_page .faq_list li .answer a i{width:15px;}
}






/******************************* sec-3 *******************************/
.main #sec-3{overflow:hidden;padding-top:0 !important;}
.main #sec-3 .titsyBox h1{font-size:100px;-webkit-text-stroke:1px #000;color:transparent;}

.product_slide{padding-left:20.5%;position:relative;}
.product_slide .swiper-wrapper{height:auto;}

.product_slide .item_cont{width:100%;padding-top:33px;display:flex;justify-content:space-around;flex-direction:column;position:relative;}
.product_slide .item_cont figure{width:100%;padding-top:70%;display:block;overflow:hidden;position:relative;border-radius:20px;}
.product_slide .item_cont figure img{height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;transition:all 0.2s ease;}
.product_slide .item_cont:hover figure{border-radius:5px;transition:all 0.2s ease;}

@media screen and (max-width:640px) {
.product_slide .item_cont figure{border-radius:10px;}
}




.product_slide .swiper-scrollbar{width:250px;height:4px;position:absolute;top:-50px;right:calc(20% + 135px);border-radius:30px !important;background:#dedede;overflow:hidden;}
.product_slide .swiper-scrollbar .swiper-scrollbar-drag{height:4px;background:#0072cd;border-radius:30px;position:relative;top:0;opacity:1;}

.product_slide .swiper-button-prev,
.product_slide .swiper-button-next{width:52px !important;height:52px !important;top:-50px !important;left:auto;z-index:10;cursor:pointer;border:solid 1px #312d2e;border-radius:50%;background-image:none !important;}
.product_slide .swiper-button-prev{right:calc(20% + 60px) !important;}
.product_slide .swiper-button-next{right:20% !important;}

.product_slide .swiper-button-prev:after,
.product_slide .swiper-button-next:after{width:14px;height:14px;border:solid #312d2e;position:absolute;top:calc(50% - 7px);display:block;content:"";transform:rotate(45deg);}
.product_slide .swiper-button-prev:after{border-width:0 0 2px 2px;left:calc(50% - 4px);}
.product_slide .swiper-button-next:after{border-width:2px 2px 0 0;right:calc(50% - 4px);}

.product_slide .swiper-button-prev:hover,
.product_slide .swiper-button-next:hover{background:#0072cd;border-color:#0072cd;}
.product_slide .swiper-button-prev:hover:after,
.product_slide .swiper-button-next:hover:after{border-color:#fff;}

@media screen and (max-width:2500px) {
.product_slide{padding-left:19.5%;}
.product_slide .swiper-scrollbar{right:calc(19% + 135px);}
.product_slide .swiper-button-prev{right:calc(19% + 60px) !important;}
.product_slide .swiper-button-next{right:19% !important;}
}
@media screen and (max-width:2400px) {
.product_slide{padding-left:17.5%;}
.product_slide .swiper-scrollbar{right:calc(17% + 135px);}
.product_slide .swiper-button-prev{right:calc(17% + 60px) !important;}
.product_slide .swiper-button-next{right:17% !important;}
}
@media screen and (max-width:2300px) {
.product_slide{padding-left:16.5%;}
.product_slide .swiper-scrollbar{right:calc(16% + 135px);}
.product_slide .swiper-button-prev{right:calc(16% + 60px) !important;}
.product_slide .swiper-button-next{right:16% !important;}
}
@media screen and (max-width:2200px) {
.product_slide{padding-left:14.5%;}
.product_slide .swiper-scrollbar{right:calc(14% + 135px);}
.product_slide .swiper-button-prev{right:calc(14% + 60px) !important;}
.product_slide .swiper-button-next{right:14% !important;}
}
@media screen and (max-width:2100px) {
.product_slide{padding-left:12.5%;}
.product_slide .swiper-scrollbar{right:calc(12% + 135px);}
.product_slide .swiper-button-prev{right:calc(12% + 60px) !important;}
.product_slide .swiper-button-next{right:12% !important;}
}
@media screen and (max-width:2000px) {
.product_slide{padding-left:10.5%;}
.product_slide .swiper-scrollbar{right:calc(10% + 135px);}
.product_slide .swiper-button-prev{right:calc(10% + 60px) !important;}
.product_slide .swiper-button-next{right:10% !important;}
}
@media screen and (max-width:1900px) {
.product_slide{padding-left:8.5%;}
.product_slide .swiper-scrollbar{right:calc(8% + 135px);}
.product_slide .swiper-button-prev{right:calc(8% + 60px) !important;}
.product_slide .swiper-button-next{right:8% !important;}
}
@media screen and (max-width:1800px) {
.product_slide{padding-left:6.5%;}
.product_slide .swiper-scrollbar{right:calc(6% + 135px);}
.product_slide .swiper-button-prev{right:calc(6% + 60px) !important;}
.product_slide .swiper-button-next{right:6% !important;}
}
@media screen and (max-width:1700px) {
.product_slide{padding-left:4.5%;}
.product_slide .swiper-scrollbar{right:calc(4% + 135px);}
.product_slide .swiper-button-prev{right:calc(4% + 60px) !important;}
.product_slide .swiper-button-next{right:4% !important;}
}
@media screen and (max-width:1600px) {
.product_slide{padding-left:2.5%;}
.product_slide .swiper-scrollbar{right:calc(2% + 135px);}
.product_slide .swiper-button-prev{right:calc(2% + 60px) !important;}
.product_slide .swiper-button-next{right:2% !important;}
}
@media screen and (max-width:1100px) {
.product_slide .swiper-scrollbar{width:250px;}


.product_slide .swiper-scrollbar{top:-30px;}

.product_slide .swiper-button-prev,
.product_slide .swiper-button-next{top:-30px !important;}
}
@media screen and (max-width:960px) {
.product_slide .swiper-scrollbar{width:200px;height:4px;right:calc(2% + 120px);}
.product_slide .swiper-scrollbar .swiper-scrollbar-drag{height:4px;}

.product_slide .swiper-button-prev{width:45px !important;height:45px !important;right:calc(2% + 50px) !important;}
.product_slide .swiper-button-prev:after{width:12px;height:12px;top:calc(50% - 6px);}

.product_slide .swiper-button-next{width:45px !important;height:45px !important;}
.product_slide .swiper-button-next:after{width:12px;height:12px;top:calc(50% - 6px);}
}
@media screen and (max-width:767px) {
.product_slide{padding-top:30px;}

.product_slide .swiper-scrollbar{width:150px;top:0;right:calc(2% + 105px);}

.product_slide .swiper-button-prev,
.product_slide .swiper-button-next{top:0 !important;}

.product_slide .swiper-button-prev{width:38px !important;height:38px !important;right:calc(2% + 45px) !important;}
.product_slide .swiper-button-prev:after{width:8px;height:8px;top:calc(50% - 4px);left:calc(50% - 4px);}

.product_slide .swiper-button-next{width:38px !important;height:38px !important;}
.product_slide .swiper-button-next:after{width:8px;height:8px;top:calc(50% - 4px);right:calc(50% - 4px);}
}
@media screen and (max-width:640px) {
.product_slide .swiper-scrollbar{top:20px;}

.product_slide .swiper-button-prev,
.product_slide .swiper-button-next{top:20px !important;}
}
@media screen and (max-width:360px) {
.product_slide .swiper-scrollbar{width:110px;right:calc(2% + 98px);}
}





/******************************* sec-4 *******************************/
.main #sec-4{padding-bottom:0 !important;}

.notibBox{width:100%;height:100%;position:relative;}
.notibBox .swiper{height:720px;}

.notibBox .bg{width:100%;height:100%;position:absolute;left:0;top:0;}
.notibBox .bg .swiper-slide{opacity:0;position:absolute;transition:opacity 0.7s linear;}
.notibBox .bg .swiper-slide.active{opacity:1;}

.notibBox .bg .imgs{position:absolute;width:100%;height:100%;background-size:cover;background-position:50% 50%;z-index:11;transform:scale(1);transition:transform 10s linear;}
.notibBox .bg .active .imgs{transform:scale(1);}

.notibBox .bg .text1{width:100%;max-width:1500px;position:absolute;left:50%;top:50%;transform:translate(-50%, -60%);z-index:22;}
.notibBox .bg .text1 > div{overflow:hidden;}
.notibBox .bg .text1 > div *{opacity:0;position:relative;display:block;}

.notibBox .bg .text1 h2{color:#0072cd;text-align:left;}
.notibBox .bg .text1 p{color:#0072cd;word-break:keep-all;}
.notibBox .bg .text1 a{width:147px;padding:12px 0;border-radius:30px;text-align:center;background:#0072cd;color:#fff;word-break:keep-all;}

.notibBox .bg .sl2 .text1 *{color:#000;}
.notibBox .bg .sl2 .text1 a{background:#000;color:#fff;}
.notibBox .bg .sl5 .text1 *{color:#fff;}
.notibBox .bg .sl5 .text1 a{background:#fff;color:#0072cd;}

.notibBox .bg .active .text1 h2{animation:introTextUp 1s;animation-fill-mode:forwards;}
.notibBox .bg .active .text1 p{animation:introTextUp 1s 0.3s;animation-fill-mode:forwards;}
.notibBox .bg .active .text1 a{animation:introTextUp 1s 0.6s;animation-fill-mode:forwards;}

.notibBox .swiper-pagination{bottom:50px;left:50%;transform:translateX(-50%);}
.notibBox .swiper-pagination > div{width:1130px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;box-sizing:border-box;}
.notibBox .swiper-pagination > div > div{width:100%;display:flex;}

.notibBox .swiper-pagination .go__title{width:calc(100%/5 - 4px);margin:0 2px;margin-top:-54px;text-align:center;position:relative;font-size:20px;line-height:54px;color:rgba(0,0,0,0.5);transition:color 0.5s ease;cursor:pointer;}
.notibBox .swiper-pagination .go__title.active{color:#000;}
.notibBox .swiper-pagination .go__title br{display:none;}

.notibBox .swiper-pagination-bullet{width:calc(100%/5 - 4px);height:54px;margin:0 2px !important;border-radius:0;position:relative;overflow:hidden;background:rgba(255, 255, 255, 0.4);opacity:1;}
.notibBox .swiper-pagination-bullet::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;}

.notibBox .swiper-pagination-bullet-active{background:rgba(255, 255, 255, 0.4);}
.notibBox .swiper-pagination-bullet-active::before{background-color:#fff;animation:slide-progress 5s linear forwards;}

@keyframes slide-progress {
	0%{transform:translateX(-100%);}
	100%{transform:translateX(0);}
}
@keyframes introTextUp {
	0%{
		opacity: 0;
		top:30px;
	}
	60%{
		opacity: 0;
		top:25px;
	}
	100%{
		opacity: 1;
		top:0;
	}
}

@media screen and (max-width:1520px) {
.notibBox .swiper{height:650px;}

.notibBox .bg .text1{max-width:100%;padding:0 30px;}

.notibBox .swiper-pagination{bottom:30px;}
}
@media screen and (max-width:1280px) {
.notibBox .swiper{height:600px;}

.notibBox .bg .text1 a{width:130px;}

.notibBox .swiper-pagination{width:98%;}
.notibBox .swiper-pagination > div{width:100%;}

.notibBox .swiper-pagination .go__title{width:calc(100%/5 - 2px);margin:0 1px;margin-top:-50px;font-size:18px;line-height:50px;}

.notibBox .swiper-pagination-bullet{width:calc(100%/5 - 2px);margin:0 1px !important;height:50px;}
}
@media screen and (max-width:1100px) {
.notibBox .swiper{height:550px;}
}
@media screen and (max-width:890px) {
.notibBox .swiper{height:500px;}

.notibBox .swiper-pagination{bottom:20px;}

.notibBox .swiper-pagination .go__title{margin-top:-47px;font-size:16px;line-height:47px;}

.notibBox .swiper-pagination-bullet{height:47px;}
}
@media screen and (max-width:767px) {
.notibBox .swiper{height:450px;}

.notibBox .swiper-pagination .go__title{margin-top:-45px;font-size:15px;line-height:45px;}

.notibBox .swiper-pagination-bullet{height:45px;}
}
@media screen and (max-width:640px) {
.notibBox .swiper{height:400px;}

.notibBox .bg .text1{padding:0 20px;}
.notibBox .bg .text1 a{width:120px;padding:10px 0;}

.notibBox .swiper-pagination .go__title{margin-top:-40px;font-size:14px;line-height:40px;}

.notibBox .swiper-pagination-bullet{height:40px;}
}
@media screen and (max-width:560px) {
.notibBox .swiper{height:350px;}

.notibBox .bg .text1 h2{font-size:30px !important;}
.notibBox .bg .text1 a{width:110px;padding:8px 0;}

.notibBox .swiper-pagination{bottom:10px;}

.notibBox .swiper-pagination .go__title{margin-top:-38px;font-size:12px;line-height:38px;}

.notibBox .swiper-pagination-bullet{height:38px;}
}
@media screen and (max-width:500px) {
.notibBox .swiper{height:300px;margin-bottom:55px;}

.notibBox .bg .text1{padding:0 10px;transform:translate(-50%, -50%);}
.notibBox .bg .text1 h2{font-size:28px !important;}
.notibBox .bg .text1 a{width:100px;padding:6px 0;}

.notibBox .swiper-pagination{width:100%;bottom:-55px;}
.notibBox .swiper-pagination .go__title{margin-top:0;padding:10px 0;font-size:14px;line-height:120%;}
.notibBox .swiper-pagination .go__title br{display:block;}

.notibBox .swiper-pagination-bullet{height:3px;background:rgba(0,0,0,0.4);}
.notibBox .swiper-pagination-bullet-active::before{background-color:#000;}
}
@media screen and (max-width:430px) {
.notibBox .swiper{height:250px;margin-bottom:51px;}

.notibBox .swiper-pagination{bottom:-51px;}
.notibBox .swiper-pagination .go__title{padding:8px 0;font-size:13px;}
}
@media screen and (max-width:360px) {
.notibBox .swiper{height:210px;}

.notibBox .bg .text1 h2{font-size:26px !important;}
}
@media screen and (max-width:300px) {
.notibBox .swiper{height:190px;}
}





/******************************* sec-5 *******************************/
.main #sec-5 .titsyBox{width:300px;}
.main #sec-5 .titsyBox a.btn{width:30px;height:30px;margin-top:50px;display:flex;align-items:center;justify-content:center;z-index:9;}
.main #sec-5 .titsyBox a.btn i{width:30px;height:4px;background:#000;display:block;position:relative;}
.main #sec-5 .titsyBox a.btn i:after{width:14px;height:14px;border:solid #000;border-width:4px 4px 0 0;position:absolute;top:calc(50% - 9px);right:0;display:block;content:"";transform:rotate(45deg);}

.noti-boardBox{width:calc(100% - 300px);border-top:solid 1px #000;}
.noti-boardBox a{width:100%;padding:20px;display:flex;flex-wrap:wrap;border-bottom:solid 1px #d4d4d4;transition:all 0.2s ease;}
.noti-boardBox a font{font-family:'Pretendard-SemiBold';}
.noti-boardBox a font.date{width:150px;color:#747474;}
.noti-boardBox a font.tit{width:calc(100% - 150px);color:#000;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.noti-boardBox a:hover{padding-left:30px;padding-right:30px;background:#fafafa;transition:all 0.2s ease;}

@media screen and (max-width:1280px) {
.main #sec-5 .titsyBox{width:250px;}
.main #sec-5 .titsyBox a.btn{width:25px;height:25px;margin-top:40px;}
.main #sec-5 .titsyBox a.btn i{width:25px;height:3px;}
.main #sec-5 .titsyBox a.btn i:after{width:10px;height:10px;border-width:3px 3px 0 0;top:calc(50% - 6px);}

.noti-boardBox{width:calc(100% - 250px);}
.noti-boardBox a{padding:20px !important;}
.noti-boardBox a font.date{width:140px;}
.noti-boardBox a font.tit{width:calc(100% - 140px);}
}
@media screen and (max-width:1100px) {
.main #sec-5 .titsyBox{width:200px;}

.noti-boardBox{width:calc(100% - 200px);}
.noti-boardBox a font.date{width:130px;}
.noti-boardBox a font.tit{width:calc(100% - 130px);}
}
@media screen and (max-width:960px) {
.main #sec-5 .titsyBox{width:100%;display:flex;justify-content:space-between;align-items:center;}
.main #sec-5 .titsyBox a.btn{width:35px;height:35px;margin-top:0;background:#000;display:flex;align-items:center;justify-content:center;}
.main #sec-5 .titsyBox a.btn i{width:15px;height:2px;background:#fff;}
.main #sec-5 .titsyBox a.btn i:after{width:8px;height:8px;border-width:2px 2px 0 0;border-color:#fff;top:calc(50% - 5px);}

.noti-boardBox{width:100%;margin-top:20px;}
.noti-boardBox a{padding:15px !important;}
.noti-boardBox a font.date{width:130px;}
.noti-boardBox a font.tit{width:calc(100% - 130px);}
}
@media screen and (max-width:767px) {
.main #sec-5 .titsyBox a.btn{width:30px;height:30px;}
.main #sec-5 .titsyBox a.btn i{width:12px;}
.main #sec-5 .titsyBox a.btn i:after{width:6px;height:6px;top:calc(50% - 4px);}

.noti-boardBox a font.date{width:120px;}
.noti-boardBox a font.tit{width:calc(100% - 120px);}
}
@media screen and (max-width:640px) {
.noti-boardBox a{padding:15px 10px !important;}
.noti-boardBox a font.date{width:100%;}
.noti-boardBox a font.tit{width:100%;}
}





/************************************************************************
* SUB_CONTENTS *
************************************************************************/

/*********** 기관소개 > 인사말 ***********/
.grimgBox{position:relative;}
.grimgBox img{width:50%;max-width:670px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:99;}

@media screen and (max-width:767px){
.grimgBox{padding:50px 0;}
.grimgBox img{width:70%;}
}
@media screen and (max-width:640px){
.grimgBox{padding:40px 0;}
}
@media screen and (max-width:500px){
.grimgBox{padding:30px 0;}
}
@media screen and (max-width:420px){
.grimgBox{padding:20px 0;}
}
@media screen and (max-width:400px){
.grimgBox{padding:0;}
}




/*********** 기관소개 > CI ***********/
.ciPage figure{width:500px;padding:60px;border:solid 5px rgba(0,0,0,0.1);border-radius:20px;}
.ciPage figure img{width:100%;max-width:350px;margin:0 auto;display:block;}
.ciPage .itmBox{width:calc(100% - 500px);padding-left:180px;position:relative;}
.ciPage .itmBox:after{width:100px;height:1px;background:#000;position:absolute;top:35px;left:0;display:block;content:"";}
.ciPage .itmBox:before{width:12px;height:12px;background:#000;border-radius:50%;position:absolute;top:30px;left:100px;display:block;content:"";}
.ciPage .itmBox>.disF{width:100%;padding:50px 20px;border-bottom:solid 1px rgba(0,0,0,0.1);}
.ciPage .itmBox>.disF:itemB-1-child{padding-top:20px !important;}
.ciPage .itmBox>.disF .titBox{width:100px;}
.ciPage .itmBox>.disF .conBox{width:calc(100% - 100px);}
.ciPage .itmBox>.disF .conBox .colorBox{}
.ciPage .itmBox>.disF .conBox .colorBox span{padding-right:15px;display:flex;align-items:center;}
.ciPage .itmBox>.disF .conBox .colorBox span:last-child{padding-right:0 !important;}
.ciPage .itmBox>.disF .conBox .colorBox i.color{width:16px;height:16px;margin-right:5px;border-radius:5px;display:block;}
.ciPage .itmBox>.disF .conBox .colorBox i.color.c-1{background:#984807;}
.ciPage .itmBox>.disF .conBox .colorBox i.color.c-2{background:#c00000;}
.ciPage .itmBox>.disF .conBox .colorBox i.color.c-3{background:#376092;}
.ciPage .itmBox>.disF .conBox .colorBox i.color.c-4{background:#ecbf1c;}
.ciPage .itmBox>.disF .conBox .colorBox i.color:last-child{margin-right:0 !important;}
.ciPage .itmBox>.disF .conBox .coMent{}

@media screen and (max-width:1500px){
.ciPage figure{width:400px;padding:50px;}
.ciPage .itmBox{width:calc(100% - 400px);padding-left:160px;}
.ciPage .itmBox>.disF{width:100%;padding:40px 15px;}
.ciPage .itmBox>.disF .titBox{width:90px;}
.ciPage .itmBox>.disF .conBox{width:calc(100% - 90px);}
}
@media screen and (max-width:1280px){
.ciPage figure{width:350px;padding:35px;}
.ciPage .itmBox{width:calc(100% - 350px);padding-left:140px;}
}
@media screen and (max-width:1100px){
.ciPage figure{width:300px;padding:30px;border-width:4px;}
.ciPage .itmBox{width:calc(100% - 300px);padding-left:90px;}
.ciPage .itmBox:after{width:50px;}
.ciPage .itmBox:before{width:12px;height:12px;left:50px;}
.ciPage .itmBox>.disF{padding:30px 10px;}
.ciPage .itmBox>.disF .conBox .colorBox i.color{width:14px;height:14px;border-radius:3px;}
}
@media screen and (max-width:960px){
.ciPage figure{width:100%;padding:80px;}
.ciPage .itmBox{width:100%;padding-left:0;margin-top:40px;}
.ciPage .itmBox:after,
.ciPage .itmBox:before{display:none;}
.ciPage .itmBox>.disF .conBox .colorBox span{padding-right:10px;}
.ciPage .itmBox>.disF .conBox .colorBox i.color{width:12px;height:12px;border-radius:2px;}
}
@media screen and (max-width:560px){
.ciPage figure{padding:50px;}
.ciPage .itmBox{margin-top:20px;}
.ciPage .itmBox>.disF{padding:20px 5px;}
.ciPage .itmBox>.disF .titBox{width:100%;}
.ciPage .itmBox>.disF .conBox{width:100%;padding-top:5px;}
}
@media screen and (max-width:460px){
.ciPage figure{padding:30px;}
.ciPage .itmBox{margin-top:10px;}
.ciPage .itmBox>.disF{padding:15px 5px;}
.ciPage .itmBox>.disF .conBox .disF{margin-bottom:10px;}
.ciPage .itmBox>.disF .conBox .disF:last-child{margin-bottom:0 !important;}
.ciPage .itmBox>.disF .conBox .colorBox{margin-bottom:0 !important;}
.ciPage .itmBox>.disF .conBox .colorBox,
.ciPage .itmBox>.disF .conBox .coMent{width:100%;}
}



/*********** 기관소개 > 조직도 ***********/
.org{width:100%;position:relative;}
.org:after{width:1px;height:500px;background:#ddd;position:absolute;top:0;left:50%;display:block;content:"";z-index:-1;}
.org span{width:360px;margin:0 auto 50px auto;padding:30px 0;border-radius:20px;border-top-right-radius:0 !important;position:relative;text-align:center;}
.org span:after{width:1px;height:40px;background:#ddd;position:absolute;bottom:-40px;left:50%;display:block;content:"";z-index:-1;}
.org span:before{width:calc(100% - 20px);height:calc(100% - 20px);border:solid 1px rgba(255,255,255,0.5);position:absolute;top:10px;left:10px;display:block;content:"";border-radius:15px;border-top-right-radius:0 !important;}
.org span font{font-family:'Pretendard-SemiBold';color:#fff;}

.org .itemB-1{background:#376092;}

.org .itemB-2{width:auto !important;padding:0;}
.org .itemB-2:after{width:20%;height:1px;bottom:50%;transform:translateX(-50%);}
.org .itemB-2:before{display:none;}
.org .itemB-2 font{width:360px;padding:30px 0;background:#984807;font-weight:bold;color:#fff;border-radius:20px;border-top-right-radius:0 !important;position:relative;}
.org .itemB-2 font:before{width:calc(100% - 20px);height:calc(100% - 20px);border:solid 1px rgba(255,255,255,0.5);position:absolute;top:10px;left:10px;display:block;content:"";border-radius:15px;border-top-right-radius:0 !important;}
.org .itemB-2 font:first-child{margin-right:10%;}
.org .itemB-2 font:last-child{margin-left:10%;}

.org .itemB-3{background:#ecbf1c;}

.org div.itemB-4{width:100%;position:relative;}
.org div.itemB-4:after{width:calc(100% - ((100%/4) - 1px));height:1px;background:#ddd;position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;content:"";z-index:-1;}
.org div.itemB-4 span{width:calc(100%/4 - 40px);margin:20px;margin-top:40px;background:rgba(0,0,0,0.1);}
.org div.itemB-4 span:after{bottom:auto;top:-40px;}
.org div.itemB-4 span:before{display:none;}
.org div.itemB-4 span font{color:#000;}

@media screen and (max-width:1500px) {
.org:after{height:485px;}
}
@media screen and (max-width:1280px) {
.org:after{height:300px;}

.org span{width:300px;margin:0 auto 30px auto;padding:25px 0;}
.org span:after{height:30px;bottom:-30px;}
.org span:before{width:calc(100% - 12px);height:calc(100% - 12px);top:5px;left:5px;}

.org .itemB-2 font{width:300px;padding:25px 0;}
.org .itemB-2 font:before{width:calc(100% - 12px);height:calc(100% - 12px);top:5px;left:5px;}

.org div.itemB-4 span{width:calc(100%/4 - 40px);margin:20px;margin-top:30px;}
.org div.itemB-4 span:after{top:-30px;}
}
@media screen and (max-width:960px) {
.org span{width:260px;margin:0 auto 20px auto;}
.org span:after{height:20px;bottom:-20px;}

.org .itemB-2 font{width:260px;}

.org div.itemB-4 span{width:calc(100%/4 - 20px);margin:10px;margin-top:20px;}
.org div.itemB-4 span:after{top:-20px;}
}
@media screen and (max-width:767px) {
.org span{width:200px;}

.org .itemB-2 font{width:200px;}

.org div.itemB-4 span{width:calc(100%/4 - 10px);margin:5px;margin-top:20px;}
}
@media screen and (max-width:560px) {
.org span{width:170px;}

.org .itemB-2 font{width:170px;}

.org div.itemB-4:after{display:none;}
.org div.itemB-4 span{width:100%;margin:5px 0;}
.org div.itemB-4 span:first-child{margin-top:0 !important;}
.org div.itemB-4 span:after{display:none;}
.org div.itemB-4 span font br{display:none !important;}
}
@media screen and (max-width:460px) {
.org span{width:80%;}

.org .itemB-2 font{width:45%;}
.org .itemB-2 font:first-child{margin-right:5%;}
.org .itemB-2 font:last-child{margin-left:5%;}
}




/*********** 기관소개 > 연혁 ***********/
.his{position:relative;}
.his:after{width:1px;background:#000;position:absolute;top:0;bottom:0;left:50%;display:block;content:"";z-index:1;}

.his>div{margin-bottom:4%;}
.his>div .item{width:50%;position:relative;}
.his>div .item:after{width:16px;height:16px;background:#000;position:absolute;top:10px;left:-8px;display:block;content:"";border-radius:50%;z-index:22;}
.his>div .item .listBox{margin-top:10px;display:flex;align-items:flex-start;}
.his>div .item .listBox .month{width:120px;}
.his>div .item .listBox ul{width:calc(100% - 120px);}
.his>div .item .listBox ul .name{color:#888;font-size:15px;line-height:120% !important;}

.his>div .item .imgBox{display:flex;}
.his>div .item .imgBox img{border:solid 1px #ddd;}

.his>div.right .item{margin-left:50%;padding-left:4%;text-align:left;}
.his>div.right .item .listBox ul li{padding-left:18px;}
.his>div.right .item .listBox ul li:after{left:4px;}
.his>div.right .item .imgBox img{margin-right:10px;}

.his>div.left .item{margin-right:50%;padding-right:4%;text-align:right !important;}
.his>div.left .item:after{left:auto;right:-8px;}
.his>div.left .item .listBox{justify-content:flex-end;}
.his>div.left .item .listBox ul{order:-1;}
.his>div.left .item .listBox ul li{text-align:right !important;padding-left:0;padding-right:18px;}
.his>div.left .item .listBox ul li:after{left:auto;right:4px;}
.his>div.left .item .imgBox{justify-content:flex-end;}
.his>div.left .item .imgBox img{margin-left:10px;}

@media all and (max-width:1100px){
.his>div .item:after{width:12px;height:12px;top:9px;left:-6px;}

.his>div .item .listBox{margin-top:8px;}
.his>div .item .listBox .month{width:50px;}
.his>div .item .listBox ul{width:calc(100% - 50px);margin-top:4px;}

.his>div.left .item:after{right:-6px;}
}
@media all and (max-width:860px){
.his>div .item:after{top:8px;}

.his>div .item .listBox .month{width:45px;}
.his>div .item .listBox ul{width:calc(100% - 45px);margin-top:2px;}

.his>div.right .item{padding-left:3%;}
.his>div.left .item{padding-right:3%;}
}
@media all and (max-width:767px){
.his:after{left:10px;}
.his>div{margin-bottom:40px;display:block;}
.his>div .item{width:100%;}
.his>div .item:after{width:10px;height:10px;top:6px;left:5px;}
.his>div .item .listBox ul{margin-top:2px;}

.his>div.right .item{margin-left:0;padding-left:30px;}
.his>div.right .item .listBox ul li{padding-left:16px;}
.his>div.right .item .listBox ul li:after{left:0;top:10px;}

.his>div.left .item{margin-right:0;padding-right:0;padding-left:30px;text-align:left !important;}
.his>div.left .item:after{left:5px;right:auto;}
.his>div.left .item .listBox ul{order:0;}
.his>div.left .item .listBox ul li{text-align:left !important;padding-left:16px;padding-right:0;}
.his>div.left .item .listBox ul li:after{left:0;right:auto;}
.his>div.left .item .imgBox{justify-content:flex-start;}
}
@media all and (max-width:420px){
.his>div{margin-bottom:30px;}

.his>div .item .listBox{flex-wrap:wrap;margin-top:6px;}
.his>div .item .listBox .month{width:100%;}
.his>div .item .listBox ul{width:100%;margin-top:2px;margin-left:2px;}
.his>div .item .imgBox img{width:calc(50% - 10px);}

.his>div.right .item .listBox ul li{padding-left:13px;}
.his>div.left .item .listBox ul li{padding-left:13px;}
}





/*********** 기관소개 > 오시는길 ***********/
.mappage{display:flex;flex-wrap:wrap;}
.mappage li{margin-right:80px;text-align:left;}
.mappage li>div{font-size:18px;color:#59534a;font-weight:300;line-height:34px;font-weight:normal;}
.mappage li>div>h1{padding-left:35px;font-size:22px;color:#000;font-weight:bold;}
.mappage .location{background:url(/sub1/img/icon1.png) no-repeat 0 6px;}
.mappage .tel{background:url(/sub1/img/icon2.png) no-repeat 0 6px;}
.mappage .fax{background:url(/sub1/img/icon4.png) no-repeat 0 5px;}
.mappage .email{background:url(/sub1/img/icon3.png) no-repeat 0 5px;}

@media all and (max-width:1100px) {
.mappage li{margin-right:50px;}
.mappage li>div{font-size:17px;line-height:30px;background-size:20px auto !important;}
.mappage li>div>h1{padding-left:30px;font-size:21px;}
}
@media all and (max-width:960px) {
.mappage li{width:100%;margin-bottom:20px;margin-right:0;}
.mappage li>div{font-size:16px;line-height:24px;font-weight:400;background-position:0 0 !important;}
.mappage li>div>h1{padding-left:35px;font-size:20px;}
}
@media all and (max-width:380px) {
.mappage li>div{font-size:15px;}
.mappage li>div>h1{font-size:19px;}
}




/*********** 사업안내 ***********/
.box-line{border:solid 1px #ddd;padding:50px;margin-bottom:50px;}

.box-line dl{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;}
.box-line dt,
.box-line dd{font-size:18px;margin-bottom:10px;}
.box-line dt{width:86px;padding:5px 0;color:#fff;background:#1a1b1b;text-align:center;}
.box-line dd{width:calc(100% - 86px);padding-top:4px;padding-left:20px;word-wrap:break-word;display:block;word-break:keep-all;}

.box-line .serviceType{}
.box-line .serviceType div{width:calc(50% - 30px);margin-right:60px;border:solid 2px #ddd;position:relative;}
.box-line .serviceType div:first-child{border-color:#376092;}
.box-line .serviceType div:last-child{border-color:#984807;margin-right:0 !important;}
.box-line .serviceType div:after{width:40px;height:40px;background:#555;color:#fff;font-size:22px;line-height:36px;font-weight:bold;border-radius:50%;position:absolute;top:calc(50% - 20px);right:-52px;display:flex;justify-content:center;content:"+";}
.box-line .serviceType div:last-child:after{display:none;}
.box-line .serviceType div font{padding:20px;display:block;}
.box-line .serviceType div font.tit{color:#fff;}
.box-line .serviceType div:first-child font.tit{background:#376092;}
.box-line .serviceType div:last-child font.tit{background:#984807;}

.box-line .procedure span{width:calc((100%/6 - 20px) + (10px/6));margin:0 10px;background:#ddd;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;}
.box-line .procedure span:first-child{margin-left:0;}
.box-line .procedure span:after{width:6px;height:6px;border:solid #555;border-width:2px 2px 0 0;position:absolute;top:calc(50% - 5px);right:-13px;display:block;content:"";transform:rotate(45deg);}
.box-line .procedure span:last-child:after{display:none;}
.box-line .procedure font{width:100%;padding:20px 10px;text-align:center;line-height:120% !important;}

.box-line ol{margin-left:20px;}
.box-line ol li{font-size:18px;line-height:130%;padding-bottom:6px;list-style:decimal;list-style-position:inside;text-indent:-20px;word-wrap:break-word;word-break:keep-all;}

@media screen and (max-width:1500px){
.box-line .serviceType div{width:calc(50% - 20px);margin-right:40px;}
.box-line .serviceType div:after{width:35px;height:35px;font-size:20px;line-height:32px;top:calc(50% - 17px);right:-40px;}

.box-line ol{margin-left:20px;}
.box-line ol li{font-size:17px;text-indent:-20px;}
}
@media screen and (max-width:1280px) {
.box-line{padding:40px;margin-bottom:40px;}

.box-line dl{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;}
.box-line dt,
.box-line dd{font-size:16px;margin-bottom:10px;}
.box-line dt{width:70px;padding:3px 0;color:#fff;background:#1a1b1b;text-align:center;}
.box-line dd{width:calc(100% - 70px);padding-top:3px;padding-left:15px;}

.box-line .serviceType div:after{width:30px;height:30px;font-size:18px;line-height:28px;top:calc(50% - 15px);right:-37px;}
.box-line .serviceType div font{padding:15px;}

.box-line ol{margin-left:18px;}
.box-line ol li{font-size:16px;text-indent:-18px;}
}
@media screen and (max-width:960px) {
.box-line{padding:35px;margin-bottom:35px;}

.box-line dt,
.box-line dd{font-size:15px;margin-bottom:8px;}
.box-line dd{width:100%;padding-top:0;padding-left:0;margin-bottom:12px;}
}
@media screen and (max-width:800px){
.box-line .procedure span{width:calc((100%/3 - 20px) + (10px/3));margin:0 10px 10px 10px;border-radius:5px;}
.box-line .procedure span:nth-child(4){margin-left:0;}

.box-line ol{margin-left:16px;}
.box-line ol li{font-size:15px;text-indent:-16px;}
}
@media screen and (max-width:767px) {
.box-line{padding:30px;margin-bottom:30px;}

.box-line dt,
.box-line dd{font-size:14px;}
}
@media screen and (max-width:640px) {
.box-line{padding:20px;margin-bottom:20px;}

.box-line .serviceType div{width:100%;margin-right:0;margin-bottom:40px;}
.box-line .serviceType div:after{width:30px;height:30px;font-size:16px;line-height:28px;top:auto;bottom:-37px;right:calc(50% - 15px);}
.box-line .serviceType div font{padding:10px;}

.box-line ol{margin-left:14px;}
.box-line ol li{font-size:14px;text-indent:-14px;}
}
@media screen and (max-width:400px) {
.box-line{padding:15px;margin-bottom:15px;}

.box-line .procedure span{width:calc((100%/2 - 20px) + (10px/2));margin:0 10px 5px 10px;}
.box-line .procedure span:nth-child(4){margin-left:10px;}
.box-line .procedure span:nth-child(3),
.box-line .procedure span:nth-child(5){margin-left:0;}
}






/*********** 후원·봉사 ***********/

@media screen and (max-width:1500px){
.sponsorshipPage .box-line.w50{width:60% !important;}
}
@media screen and (max-width:1100px) {
.sponsorshipPage .box-line.w50{width:70% !important;}
}
@media screen and (max-width:960px) {
.sponsorshipPage .box-line.w50{width:80% !important;}
.sponsorshipPage .box-line.w50 dt{margin:0 auto;display:block;}
.sponsorshipPage .box-line.w50 dd{text-align:center;padding-top:10px;}
}
@media screen and (max-width:560px) {
.sponsorshipPage img.w60{width:75% !important;}
.sponsorshipPage .box-line.w50{width:90% !important;}
}
@media screen and (max-width:400px) {
.sponsorshipPage img.w60{width:100% !important;}
.sponsorshipPage .box-line.w50{width:100% !important;}
}




/*********** 알림마당 > 직장내 성희롱예방 ***********/
.sbPage .serBox br{display:none;}
.sbPage .serBox .telico{width:20px;margin-top:-2px;transform:rotate(8deg);}

@media screen and (max-width:960px){
.sbPage .serBox .telico{width:18px;}
}
@media screen and (max-width:767px){
.sbPage .serBox .telico{width:16px;}
}
@media screen and (max-width:400px){
.sbPage .serBox br{display:block;}
.sbPage .serBox .telico{width:14px;}
}


.sbPage .blCon .conBox .procedure span{padding:20px 10px;flex-direction:column;background:#eee;display:block;}
.sbPage .blCon .conBox .procedure span figure{width:110px;height:110px;border-radius:50%;background:#ddd;margin:0 auto;display:flex;align-items:center;justify-content:center;}
.sbPage .blCon .conBox .procedure span figure img{width:50%;margin:0 auto;display:block;}
.sbPage .blCon .conBox .procedure span font{padding-bottom:0 !important;}
.sbPage .blCon .conBox .procedure span font.type15{width:70% !important;padding-top:5px !important;padding-bottom:5px !important;margin:0 auto;margin-top:10px;background:#555;color:#fff;border-radius:30px;}

.sbPage .blCon .conBox .procedure.uli4 span{width:calc((100%/4 - 20px) + (10px/4));}
.sbPage .blCon .conBox .procedure.uli6 span{width:calc((100%/3 - 20px) + (10px/3));margin-bottom:10px;}
.sbPage .blCon .conBox .procedure.uli6 span:nth-child(4){margin-left:0 !important;}
.sbPage .blCon .conBox .procedure.uli6 span:nth-child(6){padding-left:20px;}

@media screen and (max-width:1500px){
.sbPage .blCon .conBox .procedure span font.type15{width:80% !important;}
}
@media screen and (max-width:1280px){
.sbPage .blCon .conBox .procedure span figure{width:100px;height:100px;}
.sbPage .blCon .conBox .procedure span font.type15{width:100% !important;}
}
@media screen and (max-width:1100px){
.sbPage .blCon .conBox .procedure span figure{width:90px;height:90px;}
}
@media screen and (max-width:820px){
.sbPage .blCon .conBox .procedure.uli4 span{width:calc((100%/2 - 20px) + (10px/2));margin-bottom:10px;}
.sbPage .blCon .conBox .procedure.uli4 span:nth-child(3){margin-left:0 !important;}
.sbPage .blCon .conBox .procedure.uli6 span{width:calc((100%/2 - 20px) + (10px/2));margin-bottom:10px;}
.sbPage .blCon .conBox .procedure.uli6 span:nth-child(3),
.sbPage .blCon .conBox .procedure.uli6 span:nth-child(5){margin-left:0 !important;}
.sbPage .blCon .conBox .procedure.uli6 span:nth-child(4){margin-left:10px !important;}
}
@media screen and (max-width:800px){
.sbPage .blCon .conBox .procedure.uli4 span:nth-child(4){margin-left:10px !important;}
.sbPage .blCon .conBox .procedure.uli6 span:nth-child(6){padding-left:15px;}
}
@media screen and (max-width:420px){
.sbPage .blCon .conBox .procedure span{width:100% !important;margin:0 0 20px 0 !important;}
.sbPage .blCon .conBox .procedure span:after{bottom:-12px;top:auto;left:calc(50% - 5px);border-width:0 2px 2px 0;}
.sbPage .blCon .conBox .procedure.uli4 span:nth-child(4){margin-left:0 !important;}
.sbPage .blCon .conBox .procedure.uli6 span:nth-child(4){margin-left:0 !important;}
}
@media screen and (max-width:1540px){
}



.sbPage .box-line-2 ol{margin-top:6px;}
.sbPage .box-line-2 ol li{font-size:18px;line-height:130%;padding-bottom:6px;list-style-position:inside;word-wrap:break-word;word-break:keep-all;font-family:'Noto Sans KR';}
.sbPage .box-line-2 ol li em{padding-right:5px;font-size:18px;line-height:130%;font-family:'Noto Sans KR';display:inline-block;}

.sbPage .box-line-2 ol.type1>li{padding-left:25px;text-indent:-11px;}
.sbPage .box-line-2 ol.type2>li{padding-left:20px;text-indent:-10px;}
.sbPage .box-line-2 ol.type3>li{padding-left:25px;text-indent:-13px;}

@media screen and (max-width:1500px){
.sbPage .box-line-2 ol{margin-top:5px;}
.sbPage .box-line-2 ol li{font-size:17px;padding-bottom:5px;}
.sbPage .box-line-2 ol li em{font-size:17px;}
}
@media screen and (max-width:1280px) {
.sbPage .box-line-2 ol{margin-top:4px;}
.sbPage .box-line-2 ol li{font-size:16px;padding-bottom:4px;}
.sbPage .box-line-2 ol li em{font-size:16px;}
}
@media screen and (max-width:800px){
.sbPage .box-line-2 ol{margin-top:3px;}
.sbPage .box-line-2 ol li{font-size:15px;padding-bottom:3px;}
.sbPage .box-line-2 ol li em{padding-right:3px;font-size:15px;}

.sbPage .box-line-2 ol.type1>li{padding-left:0;text-indent:-8px;}
.sbPage .box-line-2 ol.type2>li{padding-left:5px;text-indent:-7px;}
.sbPage .box-line-2 ol.type3>li{padding-left:10px;text-indent:-10px;}
}
@media screen and (max-width:640px) {
.sbPage .box-line-2 ol{margin-top:2px;}
.sbPage .box-line-2 ol li{font-size:14px;padding-bottom:2px;}
.sbPage .box-line-2 ol li em{font-size:14px;}

.sbPage .box-line-2 ol.type1>li{padding-left:5px;}
.sbPage .box-line-2 ol.type2>li{padding-left:10px;}
.sbPage .box-line-2 ol.type3>li{padding-left:15px;}
}




/*********** 알림마당 > 직장내 괴롭힘예방 ***********/
.pbcimg{}
.pbImgbox span{width:calc(100%/2 - 20px);padding:10px;border:solid 1px #ddd;border-radius:20px;}
.pbImgbox span img{border-radius:15px;}

@media screen and (max-width:1280px) {
.pbImgbox span{width:calc(100%/2 - 10px);}
}
@media screen and (max-width:960px) {
.pbcimg{width:50% !important;}

.pbImgbox span{width:calc(100%/2 - 5px);padding:8px;border-radius:10px;}
.pbImgbox span img{border-radius:5px;}
}
@media screen and (max-width:640px) {
.pbcimg{width:70% !important;}
}
@media screen and (max-width:500px) {
.pbImgbox span{width:100%;padding:5px;margin-bottom:10px;border-radius:7px;}
.pbImgbox span:last-child{margin-bottom:0 !important;}
}







/*********** 알림마당 > 이용자 권익옹호 ***********/
.advocacyPage{}
.advocacyPage .box-line ol li{padding-bottom:10px;font-family:'Pretendard-ExtraLight';}

.box-line-2{border:solid 1px #ddd;padding:0 !important;margin-bottom:50px;}
.box-line-2 .titBox{background:#eee;padding:22px 0;text-align:center;border-bottom:solid 1px #ddd;}
.box-line-2 .blCon{padding:50px;}
.box-line-2 .blCon .blCon-arr{position:relative;}
.box-line-2 .blCon .blCon-arr:after{width:50px;height:50px;background:#338ed7;border-radius:50%;position:absolute;bottom:-25px;left:calc(50% - 25px);display:block;content:"";}
.box-line-2 .blCon .blCon-arr:before{width:10px;height:10px;border:solid #fff;border-width:0 3px 3px 0;position:absolute;bottom:-5px;left:calc(50% - 6px);display:block;content:"";transform:rotate(45deg);z-index:99;}
.box-line-2 .blCon .blCon-arr:last-child:after,
.box-line-2 .blCon .blCon-arr:last-child:before{display:none;}
.box-line-2 .blCon .box-line{padding:0 !important;}
.box-line-2 .blCon .blCon-arr:last-child .box-line{margin-bottom:0 !important;}
.box-line-2 .blCon .titbBox{width:200px;}
.box-line-2 .blCon .titbBox *{text-align:center;}
.box-line-2 .blCon .conBox{width:calc(100% - 200px);padding:50px;border-left:solid 1px #ddd;}
.box-line-2 .blCon .conBox .list>li:last-child{padding-bottom:5px !important;}

@media screen and (max-width:1280px) {
.box-line-2{margin-bottom:40px;}
.box-line-2 .blCon,
.box-line-2 .blCon .conBox{padding:40px;}
.box-line-2 .blCon .conBox .list:last-child{padding-bottom:4px !important;}
}
@media screen and (max-width:1100px) {
.box-line-2 .blCon .titbBox{width:100%;background:rgba(51,142,215,0.1);padding:20px 0;}
.box-line-2 .blCon .conBox{width:100%;border-left:none;}
}
@media screen and (max-width:960px) {
.box-line-2{margin-bottom:35px;}
.box-line-2 .blCon,
.box-line-2 .blCon .conBox{padding:35px;}

.box-line-2 .blCon .blCon-arr:after{width:40px;height:40px;bottom:-20px;left:calc(50% - 20px);}
.box-line-2 .blCon .blCon-arr:before{width:6px;height:6px;bottom:-4px;left:calc(50% - 4px);}
.box-line-2 .blCon .titbBox{padding:16px 0;}
}
@media screen and (max-width:800px){
.box-line-2 .blCon .conBox .list:last-child{padding-bottom:3px !important;}
}
@media screen and (max-width:767px) {
.box-line-2{margin-bottom:30px;}
.box-line-2 .blCon,
.box-line-2 .blCon .conBox{padding:30px;}
}
@media screen and (max-width:640px) {
.box-line-2{margin-bottom:20px;}
.box-line-2 .blCon,
.box-line-2 .blCon .conBox{padding:20px;}

.box-line-2 .blCon .blCon-arr:after{width:30px;height:30px;bottom:-15px;left:calc(50% - 15px);}
.box-line-2 .blCon .blCon-arr:before{width:4px;height:4px;bottom:-2px;left:calc(50% - 3px);border-width:0 2px 2px 0;}
.box-line-2 .blCon .titbBox{padding:14px 0;}

.box-line-2 .blCon .conBox .list:last-child{padding-bottom:2px !important;}
}
@media screen and (max-width:400px) {
.box-line-2{margin-bottom:15px;}
.box-line-2 .blCon,
.box-line-2 .blCon .conBox{padding:15px;}
}




/*********** 알림마당 > 권익옹호 신청서 ***********/
.appBox i.star{width:5px;height:5px;margin:7px;border-radius:50%;background:#e12d34;display:inline-block;}

.appBox .appBox-D{border-top:solid 1px #000;margin-top:14px;}

.appBox .appBox-D div.disF{padding:15px 25px;border-bottom:solid 1px #f3f3f3;}
.appBox .appBox-D div.disF .ttit{width:220px;padding-top:8px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 220px);display:flex;flex-wrap:wrap;}
.appBox .appBox-D div.disF .ccon span{margin-top:8px;display:flex;flex-wrap:wrap;}
.appBox .appBox-D div.disF .ccon span:first-child{margin-top:0;}
.appBox .appBox-D div.disF .ccon a.add{width:28px;height:28px;margin:20px 0 0 20px;padding-bottom:2px;border:solid 1px #e5e5e5;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;}
.appBox .appBox-D div.disF .ccon font{line-height:280%;margin-right:10px;}
.appBox .appBox-D div.disF .ccon.address input[type=text]{width:calc(100%/2 - 150px);}
.appBox .appBox-D div.disF .ccon.address input[type=text].post{width:200px;}

.appBox .appBox-D .agrBox{padding:20px 25px;border-bottom:solid 1px #f3f3f3;}
.appBox .appBox-D .agrBox span{padding:10px 0;} 
.appBox .appBox-D .agrBox span u{color:#808080;cursor:pointer;}

@media screen and (max-width:1500px) {
.appBox .appBox-D div.disF{padding:15px 20px;}
.appBox .appBox-D div.disF .ttit{width:200px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 200px);}
}
@media screen and (max-width:1280px) {
.appBox .appBox-D div.disF{padding:10px 15px;}
.appBox .appBox-D div.disF .ttit{width:180px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 180px);}
.appBox .appBox-D div.disF .ccon font{margin-right:5px;}
}
@media screen and (max-width:1100px) {
.appBox .appBox-D div.disF{padding:10px 10px;}
.appBox .appBox-D div.disF .ttit{width:160px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 160px);}
}
@media screen and (max-width:960px) {
.appBox .appBox-D div.disF .ttit{width:140px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 140px);}
}
@media screen and (max-width:860px) {
.appBox .appBox-D div.disF{padding:10px 5px;}
.appBox .appBox-D div.disF .ttit{width:100%;padding-top:0;padding-bottom:5px;}
.appBox .appBox-D div.disF .ccon{width:100%;}
}
@media screen and (max-width:767px) {
.appBox .appBox-D div.disF .ccon.three input,
.appBox .appBox-D div.disF .ccon.three select{width:29% !important;}

.appBox .appBox-D div.disF .ccon.address input[type=text]{width:100% !important;margin-top:5px;margin-right:0 !important;}
.appBox .appBox-D div.disF .ccon.address input[type=text].post{margin-top:0;}
}
@media screen and (max-width:640px) {
.appBox .appBox-D .agrBox{padding:10px 15px;}
}
@media screen and (max-width:360px) {
.appBox .appBox-D .agrBox{padding:10px 5px;}
}



.appBox input[type=text]{padding:12px 20px;margin-right:10px;border:solid 1px #ccc;border-radius:10px;font-size:16px;}
.appBox input[type=text]:last-child{margin-right:0;}
.appBox input[type=text]::-webkit-input-placeholder{color:#999 !important;}
.appBox input[type=text]::-moz-input-placeholder{color:#999 !important;}
.appBox input[type=text]::-ms-input-placeholder{color:#999 !important;}

.appBox select{padding:12px 80px 12px 20px;margin-right:10px;border:solid 1px #ccc;border-radius:10px;font-size:16px;background:url(/img/select_arrow.png) no-repeat right 20px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.appBox select:last-child{margin-right:0;}
.appBox select::-ms-expand{display:none;}

.appBox input[type=checkbox]{display:inline-block;}
.appBox input[type=checkbox] + label{padding-left:10px;display:inline-block;position:relative;}

.appBox textarea{width:100%;min-height:150px;padding:12px 20px;border:solid 1px #ccc;border-radius:10px;font-size:16px;}

@media screen and (max-width:1500px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:12px 17px;font-size:15px;margin-right:8px;border-radius:5px;}
.appBox select{padding-right:55px;}
}
@media screen and (max-width:1280px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:11px 15px;font-size:14px;background-position:right 15px center;background-size:12px;margin-right:6px;}
.appBox select{padding-right:50px;}
}
@media screen and (max-width:640px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{max-width:100% !important;border-radius:2px;}
}
@media screen and (max-width:400px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:10px 12px;font-size:13px;background-position:right 10px center;background-size:10px;margin-right:4px;}
.appBox select{padding-right:30px;}
}


.btnBox{width:300px;margin:0 auto;padding:20px 0;background:#376092;}
.btnBox a{color:#fff;text-align:center;display:block;font-weight:bold;transition:all 0.2s ease;}
.btnBox a:hover{letter-spacing:0.4em;transition:all 0.2s ease;}

@media screen and (max-width:1280px) {
.btnBox{width:280px;}
}
@media screen and (max-width:1100px) {
.btnBox{width:260px;padding:18px 0;}
}
@media screen and (max-width:960px) {
.btnBox{width:240px;}
}
@media screen and (max-width:767px) {
.btnBox{width:220px;padding:16px 0;}
}
@media screen and (max-width:640px) {
.btnBox{width:200px;}
}
@media screen and (max-width:420px) {
.btnBox{width:180px;}
}






/*********** 알림마당 > 안전실천 행동강령 ***********/
.cofc div{width:calc(100%/2 - 20px);margin:10px;padding:40px;border:solid 1px #ddd;display:flex;align-items:center;flex-wrap:wrap;}
.cofc div figure{width:80px;}
.cofc div figure img{width:100%;display:block;}
.cofc div span{width:calc(100% - 80px);padding-left:30px;}

.boardDePage .cclogo{width:50%;max-width:350px;display:block;}

@media screen and (max-width:1100px) {
.cofc div{width:calc(100%/2 - 10px);margin:5px;padding:35px;}
}
@media screen and (max-width:960px) {
.cofc div{padding:25px;}
}
@media screen and (max-width:767px) {
.cofc div{width:100%;margin:0 0 5px 0;padding:20px;}
.cofc div figure{width:70px;}
.cofc div span{width:calc(100% - 70px);padding-left:20px;}
}
@media screen and (max-width:560px) {
.cofc div figure{width:60px;}
.cofc div span{width:calc(100% - 60px);}

.boardDePage .cclogo{width:60%;}
}
@media screen and (max-width:400px) {
.cofc div figure{width:50px;}
.cofc div span{width:calc(100% - 50px);}

.boardDePage .cclogo{width:70%;}
}
@media screen and (max-width:300px) {
.boardDePage .cclogo{width:80%;}
}