/* 공통 */
/* video::-webkit-media-controls-volume-slider, video::-webkit-media-controls-play-button, video::-webkit-media-controls-timeline, video::-webkit-media-controls-current-time-display{display: none !important;}  */

.gray{color: #686868;}



/* ********************************************* *
    swiper
* ********************************************* */

.swiper-container {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column;

  }


  /*  */
/* ********************************************* *
    header
* ********************************************* */
/* header Style */
header{width: 100%; font-size: 14px; position: relative; z-index: 200;}
header .header_inner{position: relative;}
header .header_inner .header_top {height: 60px; margin: 0 auto;  border-bottom: 1px solid #ddd;width: 100%; background-color: #fff; line-height: 1; top: 0; left: 0; z-index: 200; display: flex; align-items: center; justify-content: center;}
header .header_inner .header_top > div{ display: flex; justify-content: space-between; align-items: center;}
header .header_inner .header_top h1{width: 106px;}
header .header_inner .header_top h1 a svg{width: 106px;  height: 40px;}
header .header_inner .header_top > div .right_info{display: flex; align-items: center; position: relative;}
header .header_inner .header_top > div .right_info .userinfo{display: flex; align-items: center; margin-right: 15px; position: relative; cursor: pointer;}
header .header_inner .header_top > div .right_info .userinfo .thumb.sm{width: 22px; padding-bottom: 22px; margin-right: 8px;}
header .header_inner .header_top > div .right_info .userinfo .thumb.big{width: 70px; padding-bottom: 70px;}
header .header_inner .header_top > div .right_info .userinfo .thumb{position: relative; border-radius: 50%; background-color: #ccc; outline: 1px solid #ddd; overflow: hidden; }
header .header_inner .header_top > div .right_info .userinfo .thumb img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
header .header_inner .header_top > div .right_info .notif{position: relative; cursor: pointer;}
header .header_inner .header_top > div .right_info .notif .count{position: absolute; width: 16px; height: 16px; background-color: #F40C0C; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 8px; line-height: 1; right: 0; top: -3px;}

header .header_inner .header_bottom{display: flex; justify-content: space-between; align-items: center; position:relative; width: 100%; top: 0; height: 85px; border-bottom: 1px solid #ddd; background-color: #fff;}
header .header_inner .header_bottom .gnb_box{  display: flex; align-items: center; justify-content: space-between;}
header .header_inner .header_bottom .gnb{display: flex; align-items: center; }
header .header_inner .header_bottom .gnb{width: 100%; background-color: #fff; }
header .header_inner .header_bottom .gnb > li > a{font-size: 19px; font-weight: 500; padding: 16px 0; margin-right: 48px; transition: all .2s; font-size: 14px;}
header .header_inner .header_bottom .gnb li a:hover{color: #F5821E; text-shadow: 0 0 0.15px #F5821E; }
header .header_inner .header_bottom .gnb > li > a::after{content: ''; display: inline-block; position: relative; width: 8px; height: 8px; border-top: 2px solid #333; border-right: 2px solid #333; margin-left: 10px; transform: rotate(-45deg); transition: all .2s;}
header .header_inner .header_bottom .gnb > li:nth-child(2) > a::after{display: none;}
header .header_inner .header_bottom .gnb li a:hover::after{transform: rotate(135deg); border-color: #F5821E;}

header .header_inner .header_bottom .gnb li:last-child a{margin-right: 0;}
header .header_inner .header_bottom .gnb_box .shortcuts{display: flex; align-items: center; }
header .header_inner .header_bottom .gnb_box .shortcuts button{font-family: "Titan One", sans-serif; font-size: 13px; color: #fff; border-radius: 50px; padding: 8px 21px 10px;}
header .header_inner .header_bottom .gnb_box .shortcuts button:first-child{background-color: #FB4646;}
header .header_inner .header_bottom .gnb_box .shortcuts button:last-child{background-color: #71BF44; margin-left: 10px;}

header.active .header_bottom{position: fixed; top: 0;}
header.active{margin-bottom: 85px;}

/* header > sub */
header .header_inner .header_bottom .gnb {position: relative;}
header .header_inner .header_bottom .gnb > li > .sub{ background-color: #F5821E; position: absolute; z-index: 200; top: 36px;  border: 1px solid #fff; display: none; border-radius: 5px; width: auto; padding: 15px; width: auto;}
header .header_inner .header_bottom .gnb > li > .sub > li{width: 100%;}
header .header_inner .header_bottom .gnb > li > .sub > li:last-child a{padding-bottom: 0;}
header .header_inner .header_bottom .gnb > li > .sub > li a{padding-bottom: 5px;  font-size: 14px; color: #fff;font-size: 16px; font-weight: 500; display: inline-block; width: 100%; opacity: .85; font-weight: 400;}
header .header_inner .header_bottom .gnb > li > .sub > li a:hover{opacity: 1; text-shadow: 0 0 0 0.15px #fff;}

/* header info hover */
.notif_detail, .userinfo_detail{position: absolute; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; z-index: 5;}
.notif_detail::after, .userinfo_detail::after{border-color: #fff transparent; border-style: solid; border-width: 0 6px 11px 6.5px; content: ''; display: block; right: 35px; position: absolute; top: -9px; width: 0; z-index: 1;}
.notif_detail::before, .userinfo_detail::before{border-color: #ddd transparent; border-style: solid ; border-width: 0 6px 11px 6.5px; content: ''; display: block; right: 35px; position: absolute; top: -11px; width: 0; z-index: 0;}

.notif_detail{box-shadow: 4px 4px 10px rgba(0,0,0,.1); width: 287px; height: auto; display: none; right: -26px; top: 48px;}
.notif_detail .tit{display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; border-bottom: 1px solid #ddd;}
.notif_detail .tit p, .notif_detail .tit p span{font-weight: 700;}
.notif_detail .tit a{font-size: 13px;}
.notif_detail ul{padding: 16px 0;}
.notif_detail ul a{display: block;}
.notif_detail ul a + a{margin-top: 15px;}
.notif_detail ul a li{ padding: 0 16px; padding-left: 50px; }
.notif_detail ul a li .newstit{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; padding-bottom: 8px;}
.notif_detail ul a li .date{font-size: 10px;}
.notif_detail ul a li{background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168056360117681.png) no-repeat 14px center; background-size: 26px;}
.notif_detail ul a:nth-child(2) li{background-image: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168056359847977.png);}
.notif_detail ul a:nth-child(3) li{background-image: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168056359541485.png);}
.notif_detail ul a:nth-child(4) li{background-image: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168056359284243.png);}
.notif_detail ul a:nth-child(5) li{background-image: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168056358928408.png);}

.userinfo_detail{padding: 26px; width: 242px; top: 44px; right: 68px; display: none;}
.userinfo_detail .thumb.big{margin: 0 auto ; margin-bottom: 10px;}
.userinfo_detail .detail_name{font-weight: 700; text-align: center; margin-bottom: 5px;}
.userinfo_detail .detail_mail{font-size: 12px; opacity: .5;text-align: center;}
.userinfo_detail ul{margin: 16px 0; border-top: 1px solid #ddd; border-bottom: 1px solid 
  #ddd;}
.userinfo_detail ul li{padding: 12px 0; font-size: 12px; background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168062094330906.png) no-repeat right 8px center; background-size: 7px; }
/* .userinfo_detail ul li a::after{display: block; position: absolute; width: 8px; height: 8px; transform: rotate(45deg); border-top: 2px solid #333; border-right: 2px solid #333;} */
.userinfo_detail ul li:first-child{border-bottom: 1px solid #ddd; }
.userinfo_detail .logout_btn button{color: #333; border: 1px solid #111; padding: 10px 38px; border-radius: 100px; background-color: #fff; line-height: 1; display: flex; align-items: center; margin: 0 auto;}
.userinfo_detail .logout_btn button i img{width: 12px; margin-right: 3px; padding-top: 2px;}

header .username{font-weight: 500;}

.header .h_login_but {margin-right: 10px;}
.header .h_login_but button{color: #fff; /* border: 1px solid #111; */ padding: 8px 25px; border-radius: 100px; background-color: #F5821E; line-height: 1; display: flex; align-items: center; margin: 0 auto;}
.header .h_login_but button i img{width: 12px; margin-right: 3px; padding-top: 2px; filter: invert(100%);}

/* 헤더 이벤트  */
.h_event{background-color: rgba(255, 255, 255, 0.9)!important;}
/* .h_event2{color: #333!important; border: 2px solid #e1e1e1!important;} */
.h_event2::after{   border-top: 4px solid #333!important;}
.h_event3{color: #333!important;  text-shadow: inherit !important;}
.h_event4{background: url(../img/logo-c2.png) no-repeat!important; background-position: center!important; background-size: contain!important;}
.h_event5{color: #333!important; font-weight: 600!important; border: 1px solid #ddd!important;}
.h_event6{border-top:2px solid #333!important;}
.h_event7{background-color: #0cbdd0 !important;}

.pricary_con{background-color: #f5f5f5; padding: 120px 0;width: 100%; border-bottom: 1px solid rgba(255,255,255,0.1);}
.pricary_con h2{text-align: center; font-size: 2.125rem; margin-bottom: 80px;}
.pricary_con .privacy_text{text-align: left; width: 1200px; max-width: 100%; margin: 0 auto;}


.header .language{position: absolute; right:200px; top:50%; transform: translateY(-50%); font-weight: 400; }

.header .language ul{transition-duration: 0.2s;display: flex; align-items: center; justify-content: center; }
.header .language ul li{cursor: pointer; padding:4px 12px; position: relative;  font-weight: 600;
    color: #fff; text-align: center; font-size: 15px; text-shadow: 1px 1px 10px rgba(0,0,0,0.6);
    opacity: 0.7;
}
.header .language ul li.lang_on{opacity: 1;}

 /* 모바일헤더 */
.mobile_ver{width: 100%;}
.mo_btn{position: absolute;width: 55px; height: 55px;right: 0;top: 50%; 
  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);
  z-index: 9999;
}
.mo_i_btn1{cursor: pointer;position: absolute; left:50%; top:50%;
    -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); 
    width:33px; height: 18px;} 

/* .mo_i_btn1 span{display: block; width: 100%; height: 3px; margin-bottom:7px; background-color: white;} */
.mo_i_btn1 span{position: absolute; width: 100%; height:2px; background-color:#333 ;z-index: 300;}
.mo_i_btn1 span:nth-child(1){top: 0;}
.mo_i_btn1 span:nth-child(2){top:50%;}
.mo_i_btn1 span:nth-child(3){top: 100%;}
.mo_i_btn1 span:last-child{margin-bottom: 0;}

/* new 햄버거 메뉴 */
.menu {
    cursor: pointer;
    margin: 16px auto;
    padding-left: 1.25em;
    position: relative;
    width: 26px;
    height: 24px;
  }
  .menu-global {
    backface-visibility: hidden;
    position: absolute;
    left: 0;
    border-top: 2px solid #000;
    width: 100%;
    transition: 0.2s;
  }
  .menu-top {
    top: 0;
  }
  .menu-middle {
    top: 8px;
  }
  .menu-bottom {
    top: 17px;
  }
  .menu-top-click {
    backface-visibility: hidden;
    top: 10px;
    transform: rotate(50deg);
    transition: 0.3s 0.3s;
    border-top: 2px solid #333;
  }
  .menu-middle-click {
    opacity: 0;
  }
  .menu-bottom-click {
    backface-visibility: hidden;
    top: 10px;
    transform: rotate(-410deg);
    transition: 0.55s 0.5s;
    border-top: 2px solid #333;
  }


/* 개인정보처리방침 */
 
.privacy{}
.privacy h2{padding:30px 0; font-weight:700; font-size:40px; color:#333; text-align:center; margin-bottom: 32px;}
.privacy h3{margin-bottom:4px; font-weight:700; font-size:17px; color:#333;}
.privacy ul li,
.privacy p{line-height:1.6; font-weight:400; font-size:15px; color:#777;}
.privacy p{line-height:1.6; font-size:14px;}
.privacy ul li{margin-bottom:8px;}
.privacy ul li:last-child{margin:0;}
.privacy ul li ul{margin-top:5px; margin-bottom:20px;}
.privacy ul li ul li{margin-bottom:2px; font-size:15px;}
.privacy .privacy-sec{padding:40px 0 ; border-bottom:1px solid #ddd;}
.privacy .privacy-sec:nth-child(1){padding-top: 0;}
.privacy .privacy-sec:last-child{border:none;}

.agree_privacy .d-block input[type="checkbox"] + label span{top:-2px;}
.agree_privacy .all_gree .d-block input[type="checkbox"] + label span{top:-4px; font-size: 18px;}
.agree_privacy .btn_wrap{text-align: center;}
.agree_privacy .btn_wrap button{display: block; width: 150px; padding: 12px 16px; margin: 60px auto 0 auto; background-color: #0cbdd0; color: #fff; font-size: 17px;} 

.privacy .con{padding: 32px;}
.privacy .con>div + div{margin-top: 24px; padding-top:32px; border-top: 1px dashed #ddd;}


/* 페이지네이션 */
.pagination{text-align: center; margin: 0 auto; padding: 48px 0 0 0;}
.pagination .navi{width: 35px; height: 35px; border: 1px solid #ddd; cursor: pointer;}
.pagination>.page{overflow: hidden; text-align: center; margin: 0 auto; }
.pagination>.page ul{margin-left:-4px; margin-right: -4px;}
.pagination>.page ul li{display: inline-block; width: auto; border: 0; vertical-align: middle; padding: 4px; margin-right: -5px;color: #333; text-align: center;  cursor: pointer;}
.pagination>.page ul li>p{width: 35px; height: 35px; line-height: 35px; font-size: 15px; margin-top: -4px; }
.pagination>.page ul li> .page_on{color: #0cbdd0; }
.pagination>.page ul li> .page_on::after{content: ""; display: block; width: 60%; height: 2px; background-color: #0cbdd0; margin: -1px auto 0 auto;}
.pagination>.page ul li:first-child{padding-top:4px;}



/* 탑버튼 */
.top_btn{z-index: 2; width: 70px; height: 70px; position: fixed; bottom: 0; right: 0; background-color: #fff; cursor: pointer;}
.top_btn a{display: flex; align-items: center; justify-content: center; height: 100%;}
.top_btn a img{width: 15px;}




/* ********************************************* *
  sub-page 공통
* ********************************************* */

.sub-banner{width: 100%; position: relative; overflow: hidden;}
.sub-banner::after{content: "";width: 100%;height: 109px;
  background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/16531498877837.png)no-repeat center center /cover;position: absolute;
  left: 50%;bottom: 0;transform: translateX(-50%);z-index: 3;
}
.sub-banner .img_wrap{width: 100%;  overflow: hidden;}
.sub-banner .img_wrap .img_in{width: 100%; padding-bottom: 31%; overflow: hidden; background: #f5f5f5;}
.sub-banner .img_wrap .img_in .img{width: 100%; height: 100%;  animation: img_zoom 3s ease forwards ;}
.sub-banner .img_wrap.certi-bg .img_in{background:#f5f5f5 url() no-repeat center center /cover;}




.sub-banner .video_wrap{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sub-banner .video_wrap iframe{width: 100%; height: 100%;}
@keyframes img_zoom{
    from{ transform:scale(1.08);}
    to{transform: scale(1);}
}


.sub-banner .video_wrap video{width: 100%;object-fit: fill;}
.sub-banner .video_wrap video source{width: 100%;}



.sub-banner .txt_wrap{text-align: left;width: 1440px; max-width: 100%; margin: 0 auto 32px auto;

}
.sub-banner .txt_wrap p{font-size: 23px;}
.sub-banner .txt_wrap h2{font-size: 65px; display: none;}
:lang(en) .sub-banner .txt_wrap h2{font-size: 49px;}

.sub-banner .sub-tab{width: 100%; position: absolute; bottom: 36%; left: 50%; transform: translateX(-50%);}
.sub-banner .sub-tab .inner{width: 100%;}
.sub-banner .sub-tab .navi{display: none; justify-content: center;  width: 100%;margin: 0 auto;  width: 1440px; max-width: 100%; text-align: center;}
.sub-banner .sub-tab .navi p{color: #222; margin-right: 16px; font-weight: 500;}
.sub-banner .sub-tab .navi p.h-btn{width: 20px; height: 20px;}
.sub-banner .sub-tab .navi p.now_page{color: #222; font-weight: 600; position: relative; padding-left: 8px;}
.sub-banner .sub-tab .navi p.now_page::after{content: ""; width: 3px; height: 3px; background-color: #222; left: -5px; top: 9px; border-radius: 50%; position: absolute;}
.sub-banner .sub-tab .navi p span{display: none;}
.sub-banner .sub-tab .navi p span.view_on{display: block;}



.sub-tab{margin-bottom: 120px; margin-top: -120px; position: relative; z-index: 4; }
.sub-tab ul li.on a{ background-color: #0cbdd0;  color: #fff;}
.sub-tab ul li{ border-radius: 55px;}
.sub-tab ul li a{padding: 18px 30px;  background-color: #fff; border-radius: 55px; font-size: 18px; font-weight: 600; color: #999;}
.sub-tab ul{ display: flex; align-items: center; justify-content: center;}

.sub-tab02 ul li.on span{color: #0cbdd0; pointer-events: none;}
.sub-tab02 ul li span{cursor: pointer;  position: relative; font-size: 23px; font-weight: 600; color: #999; padding-top: 16px;} 
.sub-tab02 ul li span a{display: block; font-weight: 600;}
.sub-tab02 ul li.on span::before{content: ""; width: 5px; height: 5px; background-color: #0cbdd0; border-radius: 50%;
  left: 50%; top: 0; position: absolute; z-index: 3;
} 
.sub-tab02 ul{display: flex; align-items: center; justify-content: center; width: 100%;}
.sub-tab02 {margin-bottom: 80px;}

.sub-tab-notop{margin-top: 200px; margin-bottom:60px;}
.sub-tab.sub-tab-notop ul li.w-50{width: 50%;}
.sub-tab.sub-tab-notop ul li a{ display: block; border-radius: 0; text-align: center; background-color: transparent; color: #bbb; }
.sub-tab.sub-tab-notop ul li{border-bottom: 1px solid #0cbdd0; border-radius: 0;  border-top-left-radius: 10px; border-top-right-radius: 10px;
  border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; margin-left: -1px;
}
.sub-tab.sub-tab-notop ul li.on a{color: #0cbdd0;}
.sub-tab.sub-tab-notop ul li.on{border-bottom: 0; border-left: 1px solid #0cbdd0; border-top: 1px solid #0cbdd0; border-right: 1px solid #0cbdd0;
  background-color: #ffff; position: relative; z-index: 1;
}

/* ********************************************* *
    footer
* ********************************************* */
footer {font-size: 14px;}
footer .footer_top, footer .footer_copyright{border-top: 1px solid #ddd;}
footer .footer_top{padding: 14px 0;}
/* footer .footer_top .ft_inner{display: flex; align-items: center; justify-content: space-between;} */
.f_left{position: relative; top: -6px;}
.f_left h2{margin-bottom: 14px;}
.f_left h2 a svg{width: 106px; height: 37px;}
.f_left p {line-height: 2;}
.f_left p span{font-weight: 700; padding-right: 16px;}
.f_left > div{display: flex ;}
.f_left > div p:first-child{padding-right: 30px;}
.f_right .box{background-color: #f8f8f8; padding: 34px 60px 27px;}
.f_right p{font-size: 16px; font-weight: 700; line-height: 1;}
.f_right b.big{font-size: 28px; font-weight: 900;}
.f_right table{margin-top: 6px; border-collapse: separate; border-spacing: 0 4px;}
.f_right table tr{}
.f_right table tr:last-child{margin-bottom: 0;}
.f_right table th{width: 100px; color: #686868;}
.footer_copyright .cp_inner{text-align: center; padding: 12px;}
.main .footer_copyright .cp_inner{padding: 12px 0 100px;}
.footer_copyright .cp_inner p{line-height: 1;}

footer .fot_bot01{display: flex;padding:40px 0;} 
footer .fot_bot_right{width: 33.3%;}
footer .fot_bot_left{display: flex; flex-direction: column; justify-content: space-between;}
footer .fot_bot_left{width: 70%;}
footer .fot_bot_center{width: 30%;}
footer .fot_wrap_left{display: flex; justify-content: space-between;width: 100%; gap: 20px;}
footer .fot_bot .info div+div{margin-top: 2px;}
footer .fot_bot div > p {color: #666;}
footer .fot_bot div > p > span{color: #000;margin-left: 6px;display: inline-block;}
footer .fot_bot02{margin-bottom:40px;}
footer .fot_bot02 ul{display: flex;justify-content: space-between;} 
footer .fot_bot02 li:last-child{display: flex;} 
footer .fot_bot02 li p{margin-bottom: 6px;}
footer .fot_bot02 .announcement_but{display: flex;background: #71bf44;color: #fff;;border-radius: 40px;padding:2px 16px;align-items: center;}
footer .fot_bot02 .announcement_but img{transform: rotate(180deg);width: 8px;margin-left: 4px;} 
footer .fot_bot02 li:last-child button{background: #666;border-radius:60px;width: 50px;height: 50px;padding:4px;;}
footer .fot_bot02 button+button{margin-left: 12px;;}

footer .fot_bot_left .info a svg{width: 106px; height: 37px;}
footer .fot_bot_left .contents_txt:hover .contents_div{display: block;}
footer .fot_bot_left .contents_txt{display: flex;align-items: center;margin-top: 20px;color: #767676;position: relative;}
footer .fot_bot_left .contents_txt button{background: #ddd;color: #666;padding:4px 12px;border-radius: 30px;font-size: 0.75rem;margin-left: 16px;}
footer .fot_bot_center li+li{margin-top: 20px;}
footer .fot_bot_left .contents_div{position: absolute;background: #fff;border:1px solid #ddd;border-radius: 20px;left: 220px; bottom: 40px; padding: 20px; color: #000;    width: max-content;display: none;}
footer .fot_bot_left .contents_div > p{font-size: 1.125rem;color: #000;margin-bottom: 10px;border-bottom:1px solid #ddd;padding-bottom: 10px;}
footer .fot_bot_left .contents_div li+li{margin-top: 4px;}
footer .fot_bot_left .contents_div li{position: relative;padding-left: 10px;}
footer .fot_bot_left .contents_div li::before{content:'· ';display:block;position: absolute;left:0;top:0px;}
footer .fot_bot_left img{width: 106px;}

footer .fot_bot_center li:last-child{display: flex;}
footer .fot_bot_center li button{margin-top: 20px;display: flex;    align-items: center;border:1px solid #ddd;padding:6px 20px;border-radius: 40px;background: #fff;}
footer .fot_bot_center li button + button{margin-left: 12px;}
footer .fot_bot_center li button img{width: 30px;height: 30px;margin-right: 6px;;}

footer .fot_bot_right em{margin-bottom: 16px;display: flex; justify-content: space-between;position: relative;padding-right: 4px;}
footer .fot_bot_right em button{color: #888;}
footer .fot_bot_right em:before{content:'';display: block;width: 6px;height: 6px;border-top:1px solid #888;border-right:1px solid #888;position: absolute;right:0px;top:45%;transform: translateY(-50%) rotate(45deg);}

footer .fot_bot_right ul{border-top:1px solid #000;}
footer .fot_bot_right ul li{display: flex;padding:12px 0; border-bottom:1px solid #bbb;align-items: center;      justify-content: space-between;}
footer .fot_bot_right ul li .tit{width: calc(100% - 60px);color: #666;}
footer .fot_bot_right ul li .day{width: 60px;color: #888;font-size: 0.8rem;}

footer .font_125rem{font-size: 17px;}
footer .bold{font-weight: bold;}


/* ********************************************* *
    top 버튼
* ********************************************* */
.topbtn{position: fixed; bottom: 90px; right: 3%; z-index: 100;}
.topbtn a{display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; border: 1px solid #ddd; border-radius: 100px; background-color: #fff; font-size: 16px; font-weight: 700;}



/* 메인팝업 */
.main_popup{position: fixed; z-index: 500; width: 100%; height: 100%; display: flex; align-items: flex-start;  }
.main_popup .inner{width: auto; max-width: 100%; padding: 95px 16px 0 0;}
.main_popup .inner .img_wrap{height: 70vh;   background-color: #f5f5f5; overflow: hidden;}
.main_popup .inner .img_wrap img{width:auto !important; max-width: auto !important; height: 100% !important; margin: 0 auto;}
.main_popup .inner .txt_wrap{background-color: #f5f5f5; padding: 8px; display: flex; justify-content: space-between; font-size: 15px; font-weight: 600;}
.main_popup .inner .txt_wrap p{cursor: pointer; opacity: 0.7;}






/* ********************************************* *
 * 1720px
 * ********************************************* */
 @media screen and (max-width: 1720px){

 }
/* ********************************************* *
 * 1660px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   

    
}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (min-width: 1399px){
  

 
}
@media screen and (max-width: 1400px){


}



/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1401px){

}
/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (min-width: 1201px){
  /* 헤더 */

}

@media screen and (max-width: 1200px){


}

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){
  
}


/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (min-width: 959px){


 

}
@media screen and (max-width: 960px){




}


/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (min-width: 769px){
 

 
}
@media screen and (max-width: 768px){


}


/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){




}

/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){
}

/* ********************************************* *
* 480px
* ********************************************* */
@media screen and (max-width: 480px){
}

/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){

}