@charset "utf-8";

html{font-size:10px;}
body{font-size: 1.6rem;}
html, body, button, a{font-family:'Pretendard';color: #000;}

.tab_content01, .tab_content02, .tab_content03, .tab_content04{display:none;}
.tab_content01.on, .tab_content02.on, .tab_content03.on, .tab_content04.on{display:block;}

input[type=text]:focus, input[type=tel]:focus, input[type=password]:focus, input[type=number]:focus, input[type=email]:focus, textarea:focus, select:focus, select:focus-visible{border: 1px solid var(--main-color) !important;outline: none;box-shadow: none;}

.btn_st1{background:var(--main-color);padding:15px 20px;color:#fff;transition:all 0.26s ease;border-radius:5px;}
.btn_st1:hover {/* scale: 1.01; */box-shadow: 0 3px 10px rgb(6 9 58 / 18%);}
.btn_st2{color:var(--main-color);padding:15px 20px;border:1px solid var(--main-color);transition:all 0.26s ease;border-radius:5px;}
.btn_st2:hover {background: #f2f5fd;text-decoration: none !important;}
.btn_st3{background: #ef5e83;color: #fff;}
.btn_st3:hover{/* box-shadow: 0 3px 10px rgb(213 0 80 / 31%); */background: #eb4972;}
.btn_st4{background:var(--main-color);padding:10px 10px;color:#fff;transition:all 0.26s ease;border-radius:5px;}
.btn_st4:hover {box-shadow: 0 3px 10px rgb(0 11 48 / 31%);}

.container{width:100%;float: left;}
.container_wrap{max-width: 1600px;margin:0 auto;}

header {width: 100%;height: 100px;background: #fff;position: sticky;top: 0;z-index: 100;display: flex;justify-content: space-between;align-items: center;}
.hidden_b {/* height: 100vh !important; *//* min-height:100% !important; */overflow:hidden !important;touch-action:none !important;}

.gnb {margin: 0 auto;height: 100px;display: flex;justify-content: center;/* width: 60%; */max-width: calc(100% - 840px);}
.gnb.on{}
.gnb::before{content:'';overflow:hidden;display:block;width:100%;height: 0;background:#fff;position: absolute;left:0;top: 100px;transition: height 0.3s ease;}
.gnb.on::before{content:'';display:block;width:100%;height: 265px;background:#fff;position: absolute;left:0;top: 100px;transition: height 0.3s ease;border-top: 1px solid #ddd;}
.gnb.on::after{content:'';display:block;width:100%;height: calc(100vh - 100px);position:absolute;background: rgb(0 0 0 / 36%);left: 0;top: 100px;z-index: -15;}
.gnb > li > a {font-size: 1.8rem;font-weight: 600;color: #000;word-break: keep-all;text-align: center;width: 100%;height: 100%;display: flex;align-items: center;position: relative;justify-content: center;transition: all 0.3s ease;padding: 0 10px;}
.gnb > li:hover > a{color: var(--sub1-color);}
.gnb > li ~ li {}
.gnb > li {float: left;height: 100%;flex: 1;width: auto;}


/* Shine */
.hover14 figure {position: relative;width: 100%;height: 100%;}
.hover14 figure::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.hover14:hover figure::before { -webkit-animation: shine .75s; animation: shine .75s;}
.gnb > li > a { overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: color .4s; transition: color .4s }
.gnb > li:hover > a { -webkit-animation-name: eff24-move; animation-name: eff24-move; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}



@keyframes eff24-move {
  30% {
    -webkit-transform: translate3d(0, -5px, 0) rotate(5deg);
    transform: translate3d(0, -5px, 0) rotate(5deg)
  }
  50% {
    -webkit-transform: translate3d(0, -3px, 0) rotate(-4deg);
    transform: translate3d(0, -3px, 0) rotate(-4deg)
  }
  80% {
    -webkit-transform: translate3d(0, 0, 0) rotate(-3deg);
    transform: translate3d(0, 0, 0) rotate(-3deg)
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

.snav_close::before{content:'';display:block;width: 25px;height: 25px;background:url('../images/close.png') no-repeat 50%;margin-right: 15px;transition: all 0.3s ease;background-size: contain;}

.bullet{margin-top:60px;word-break: keep-all;margin-bottom: 40px;width: 100%;}
.bullet::before{content:'';display:block;background:url('../images/bullet.png') no-repeat 50%;margin-right: 7px;width: 25px;height: 31px;float: left;}

article h2{display:inline-block;font-family: 'SBAggro';color: #000;font-size: 2.6rem;margin-bottom: 30px;}
article h2 span{}
article h2 span.fw_400{font-family: 'ROKAFSansMedium';margin-left: 10px;font-weight: 400;}


/*========================사이트맵 : 모바일 : 헤더========================*/
#site_nav{position:fixed;opacity:0;z-index:900;background: #ffffff;transition:all 0.5s ease;overflow:hidden;width:90%;right:-100%;left: initial;height:100%;top: 0;}
#site_nav.active{height: 100vh;opacity:1;transition: all 0.5s ease;left: initial;right: 0;width: 100%;}

#site_nav a img{margin-right:7px;}
#site_nav .m_top{background: #343434;display: flex;align-items: flex-start;padding: 20px 30px;flex-direction: column;}

#site_nav .login_menu{margin-top:20px;}
#site_nav .login_menu img{height: 18px;}
#site_nav .login_menu a{color:#fff;text-transform: uppercase;font-size: 1.8rem;display: flex;align-items: center;}

#site_nav .link_button{width:100%;height: 55px;border-bottom:1px solid #ddd;text-align: left;font-size: 2rem;padding: 0 20px;font-weight: 600;position: relative;}
#site_nav .link_button.pluse::after{content:'';display:block;background: url('../images/select_ic.png') 50% no-repeat;width:20px;height: 55px;position: absolute;right: 0;top: 0;opacity: 0.5;}
#site_nav .on .link_button::after{
    transform: rotate(180deg);
}
#site_nav .on .link_button{/* background:var(--sub1-color); *//* color: #fff; */}
#site_nav .m_depth1{border-bottom: 1px solid #ddd;padding: 20px;}
#site_nav .m_depth1 a{font-size: 1.9rem;padding: 10px 0;font-weight: 600;}
#site_nav .m_depth1 a.menu_plus{color: var(--sub1-color);}
#site_nav .m_depth2 a{color:#000;font-weight: 400;}
#site_nav .m_depth1 a::before{content:'•';margin-right:5px;color: var(--sub1-color);}
#site_nav .m_depth2 a::before{content:'•';margin-right:5px;color: #aaa;}
#site_nav .m_depth2{text-indent: 6px;}

/* 아코디언 */
#site_nav .menu_cont{display:none;}
#site_nav .on .menu_cont{display:block;background: #f8f8f8;}

.snav_close{position:absolute;right: 0;top: 20px;font-size: 4rem;color: #4a4a4a;}

.sideMenu .top {position: fixed;right: 40px;bottom: 100px;background: rgb(239 94 131 / 80%);color: #fff;border-radius: 45px;width: 55px;height: 55px;z-index:11;font-size: 2.5rem;box-shadow: 2px 2px 5px rgb(0 0 0 / 22%);transition:all 0.3s ease;}
.sideMenu .top:hover{background: rgb(239 94 131 / 100%);}
.sideMenu .top::before{content:'';display:block;width: 36%;margin-left: 32%;height: 100%;background:url('../images/rounded_up.png') no-repeat 50%;background-size: contain;}

.sideQuick .calendar {position: fixed;right: 40px;bottom: 22px;background: #fff;color: #eb6a72;border-radius: 45px;padding: 13px 40px;z-index:11;font-weight: 500;border: 1px solid #e6e6e6;font-size: 2rem;box-shadow: 2px 2px 5px rgb(0 0 0 / 22%);transition:all 0.3s ease;}
.sideQuick .calendar:hover{border-color: #eb6a72;}
.sideQuick .calendar::before{content:'';display:block;width: 90px;height: 50px;background: url('../images/main/main_icon.png') no-repeat;background-position: 0px -113px;position: absolute;right: -40px;top: -26px;background-size: 900%;}

/* 호버 헤더 */
.depth1 {width: 100%;background: #fff;height: 0px;overflow: hidden;transition: all 0.3s ease;border-left: 1px solid #f4f4f4;margin-top: 1px;border-right: 1px solid #f4f4f4;}
.depth1 > ul{display: flex;flex-wrap: wrap;}
.depth1 > ul > li{float:left;width: 100%;height: auto;}
.depth1 > ul > li li{width:100%;text-align:center;}
.depth1 > ul > li > a{width: 100%;font-weight: 500;padding: 8px 20px;display: flex;font-size: 1.7rem;align-items: center;justify-content: center;text-align: center;transition: all 0.3s ease;word-break: keep-all;}
.depth1 > ul > li > a.menu_plus{color: var(--sub1-color);font-weight: 600 !important;}
.depth1 > ul > li > a:hover{color: var(--sub1-color);font-weight: 600;}
.depth1 > ul > li > a span{border: 1px solid #30374e;color: #30374e;width: 20px;height: 20px;position: relative;margin-right: 10px;overflow: hidden;float: right;}

.depth1 .plus::before{content:'';display:block;background:url('../images/tab_btn.png') no-repeat;top: -1px;left: -1px;position: absolute;width: 20px;height: 40px;}
.depth1 .active  .plus::before{content:'';display:block;background:url('../images/tab_btn.png') no-repeat;top: -21px;left: -0.5px;position: absolute;width: 20px;height: 40px;}

.depth2{}
.depth2 li{}
.depth2 > li > a{font-weight: 400;padding: 4px 20px;transition: all 0.3s ease;font-size: 1.6rem;color: #515151;position: relative;margin-left: -5px;}
.depth2 > li > a::before{content:'-';margin-right: 5px;}
.depth2 span{font-family: 'S-Core';line-height: 2;width: 100%;display: flex;transition: all 0.3s ease;justify-content: space-between;color: #000;font-weight: 500;}
.depth2 a:hover{font-weight: 600;color: var(--sub1-color);}
.depth2 a i{margin-left:5px}

.depth3{}

.gnb.on .depth1{height: 264px;padding-top: 10px;}


/* ————————————— 페이징 ————————————— */
.paging{margin-top: 40px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;float: left;width: 100%;}
.paging ul li{float:left;}
.paging a{}
.paging a.active{background: #3A3D78;color: #fff;}
.paging a.active:hover{
    background: #3A3D78;
}
.paging a {transition:all 0.3s ease;width: 45px;height: 45px;margin:0 3px 3px;float: left;display: flex;align-items: center;line-height: 1;justify-content: center;border-radius: 5px;color: #888888;}
.paging i{font-size: 2rem;}
.paging a:hover{background: #ececec;}


/* 사이트맵 모바일맵 */
.site_map {width: 100px;height: 100px;background: #30374e;margin-left: 20px;}
.site_map::before{content:' ';display:block;width: 100px;height: 100px;background: url('../images/main/site_menu.png') no-repeat 50%;}
.icon_box > li a.mobile_map {width: 80px;height: 80px;margin-left: 20px;display:none;}
.mobile_map::before{content:' ';display:none;width: 80px;height: 80px;background: url('../images/mobile_menu.png') no-repeat 50%;background-size: 38%;position: absolute;right: 0;top: 0;}

.snav_tab.active{display:block;}
.snav_tab {width: calc(100% - 135px);float: left;display:none;}
.snav_tab > li{display: flex;align-items: center;font-weight: 500;color: #000;position: relative;margin-top: -1px;border: 1px solid #ddd;border-left: none;border-right: none;justify-content: space-between;align-content: center;flex-wrap: wrap;}
.snav_tab > li > a{word-break: keep-all;width: 100%;padding: 10px 33px 10px 10px;}
.snav_plus, .snav_minus {border: 1px solid #30374e;color: #30374e;width: 20px;height: 20px;position: relative;margin-right: 10px;overflow: hidden;display:none;}
.snav_plus::before{content:'';display:block;background:url('../images/tab_btn.png') no-repeat;top: -1px;left: -1px;position: absolute;width: 20px;height: 40px;}
.snav_minus::before{content:'';display:block;background:url('../images/tab_btn.png') no-repeat;top: -21px;left: -0.5px;position: absolute;width: 20px;height: 40px;}
.snav_minus.active{display:block;}
.snav_plus.active{display:block;}
.snav_tab li .snav_content{display:none;width: 100%;background: #efefef;color: #525252;font-weight: 400;}
.snav_tab li .snav_content a{padding:5px 0;}
.snav_tab li.on .snav_content{display:block;}

.snav_tab > li > ul > li{display: flex;align-items: center;font-weight: 500;color: #000;padding: 10px;position: relative;margin-top: -1px;border-top: 1px solid #ddd;justify-content: space-between;align-content: center;flex-wrap: wrap;}

.snav_plus2, .snav_minus2 {border: 1px solid #30374e;color: #30374e;width: 20px;height: 20px;position: relative;overflow: hidden;display:none;}
.snav_plus2::before{content:'';display:block;background:url('../images/tab_btn.png') no-repeat;top: -1px;left: -1px;position: absolute;width: 20px;height: 40px;}
.snav_minus2::before{content:'';display:block;background:url('../images/tab_btn.png') no-repeat;top: -21px;left: -0.5px;position: absolute;width: 20px;height: 40px;}
.snav_minus2.active{display:block;}
.snav_plus2.active{display:block;}

.snav_tab li .snav_content2{display:none;width: 100%;padding: 5px 10px 0;color: #525252;font-weight: 400;}
.snav_tab li .snav_content2 a{padding:5px 0;}
.snav_tab li .on .snav_content2{display:block;}

.logo {float: left;margin-left: 20px;}
.logo img{width:100%;}

.icon_box {float: left;color: #000;margin-right: 27px;}
.icon_box li{float:left;}
.icon_box a{font-size: 1.6rem;text-transform: uppercase;}
.icon_box > li a {float: left;display: flex;align-items: center;padding: 3px 8px;border-radius: 10px;height: 40px;font-size: 1.5rem;}
.icon_box .log_btn a{border: 2px solid #9B9B9B;color: #9B9B9B;}
.icon_box .log_btn img{margin-right: 7px;}
.icon_box > li:last-child, .icon_box > li:nth-child(4){margin:0;display:none;}
.icon_box > li {margin-left: 10px;}

.icon_box .search{border-radius: 50%;width: 40px;height: 40px;background:var(--main-color);}

.tsu_home a {background: var(--main-color);color: #fff;}
.icon_box > li .search_icon{padding:3px 10px;height: 40px;}


.search_btn .form {visibility: hidden;overflow: hidden;height: 0;opacity: 0;position: relative;z-index: 0;position: absolute;left: 0;top: 100%;z-index: 10;width: 30rem;padding: 3rem 0;background-color: #ffffff;width: 100%;}
.search_btn .form form {width: 80%;margin: 0 auto;position: relative;max-width: 870px;}
.search_btn .search_wrap {width: 100%;border-radius: 100px;height: 55px;padding: 0 25px 0 10px;border: 0 none;font-size: 18px;color: #000;vertical-align: top;background: #f1f1f1;transition: 0s;border: 2px solid #f1f1f1;display: flex;}
.search_btn select{background-color: #fff0 !important;border:none;height:50px;font-family: 'Pretendard';width: auto;}
.search_btn input{background:none;border:none;height:50px;width: 100%;font-size: 18px !important;font-family: 'Pretendard';}
.search_btn input:focus, .search_btn select:focus{border:none !important;}
.search_btn .form button:not('.detail_open') {overflow: hidden;position: absolute;right: 15px;top: 0;width: 32px;height: 55px;text-align: right;}
#searchForm button:not(.detail_open){width: 24px;height:24px;position: absolute;top: 15px;right: 20px;}
.search_btn .form button::before {display: block;width: 100%;height: 100%;color: #fff;content: '';background: url(../images/web/search-icon_b.png) no-repeat 50%;}
.search_btn .form.on {visibility: visible;overflow: visible;height: auto;opacity: 1;-webkit-transition: all 0.2s;transition: all 0.2s;max-height: calc(100vh - 80px);overflow: auto;}

.overlay {width: 100vw;height: 100%;position: fixed;top: 0;left: 0;z-index: 99;background-color: rgba(0, 0, 0, 0.5);display: none;}
.overlay.on {display: block;}

.detail_src {display:none;position: relative;width: 100%;float: left;}
.detail_src.on{display:block;}
.detail_src > li{width:100%;margin-bottom: 15px;display: flex;align-items: center;flex-wrap: wrap;}
.detail_src li > span{width:120px;float: left;font-weight: 600;}
.detail_src li > div{width:calc(100% - 120px);float: left;}
.detail_src .select_box1 select{width: calc(33.33% - 4px);}
.detail_src li > div select{background-color: #f1f1f1 !important;height: 40px;border-radius: 5px;}
.detail_src .radi_box{height: auto;width:calc(100% - 120px);float: left;}
.detail_src .chk_box input[type="checkbox"] + label {cursor: pointer;float: left;position:relative;border: 1px solid var(--main-color);color: var(--main-color);padding: 5px 10px;border-radius: 100px;margin-right: 7px;background: #fff;}
.detail_src .chk_box input[type="checkbox"] + label:hover{background: #f5f6ff;}
.detail_src .chk_box input[type="checkbox"]:checked + label{background:var(--main-color);color:#fff;}
.detail_src .chk_box input[type="checkbox"] + label:before {display:none;}
.detail_src .radi_box input[type="radio"]:checked + label:before {content:'';background-color: #fff;border-color: var(--main-color);}
.detail_src .radi_box input[type="radio"] + label{margin-top:5px;}

.search_btn .datail_menu {width: 100%;margin: 0 auto;position: relative;max-width: 870px;}
.search_btn .datail_menu .detail_open{display: block;width: auto;border-radius: 3px;font-size: 14px;margin: 20px 0 0 0;color: #000;float: right;border: 1px solid #ddd;padding: 3px 10px;}
.search_btn .datail_menu .detail_open::before{content: '상세검색 펼치기';background: none;width: auto;height: auto;display: inline-block;text-align: center;color: #5c5c5c;}
.search_btn .datail_menu .detail_open.on::before{content: '상세검색 닫기';}
.search_btn .datail_menu .detail_open{margin-bottom:20px;}

/* ================== section 0 ================== */

/* 퀵 메뉴 */
#sc0{position:relative;}

#sc0 .container_wrap{z-index:10;width: 100%;max-width: 1600px;left: 50%;top: 50%;transform: translate(-50%, -50%);}

#sc0 .main_quick{width: 960px;float: right;}
#sc0 .main_quick b{width:100%;display:inline-block;font-size:7rem;color:#000;font-family: 'SBAggro';}
#sc0 .main_quick b span{font-weight:400;font-size: 5.8rem;}
#sc0 .main_quick > span{font-size: 3rem;color:#000;font-weight: 700;opacity: 0.69;margin-top: 17px;line-height: 1.5;}

#sc0 .button_ul{margin-top:40px;}
#sc0 .button_ul li{background: #fff;color: #000;box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);width: auto;padding: 10px;border-radius: 5px;float: left;}
#sc0 .button_ul li span{font-weight: 600;font-size: 1.8rem;margin-bottom: 5px;text-align: left;display: block;padding: 0 4px;}
#sc0 .button_ul li ~ li{margin-left:10px;}
#sc0 .button_ul .btn{width: 110px;height: 110px;border-radius: 8px;font-weight: 600;text-align: center;transition: all 0.3s ease;background: #ebf5f7;font-size: 1.6rem;letter-spacing: -2px;}
#sc0 .button_ul .btn_6{background: var(--main-color);color: #fff;letter-spacing: -2.5px;font-weight: 400;}
#sc0 .button_ul .btn:hover{background: #ddf1f5;}
#sc0 .button_ul .btn_6:hover{background: #414476;}
#sc0 .button_ul .btn ~ .btn{}
#sc0 .button_ul .btn::before{content:'';display:block;width: 100px;height: 65px;background: url('../images/main/main_icon.png') no-repeat;margin: 7px auto 0;background-size: 720%;}
#sc0 .button_ul .btn_1::before{background-position: 17px -0;}
#sc0 .button_ul .btn_2::before{background-position: -112px 0;}
#sc0 .button_ul .btn_3::before{background-position: -251px 0;}
#sc0 .button_ul .btn_4::before{background-position: -381px 0;}
#sc0 .button_ul .btn_5::before{background-position: -515px 0;}
#sc0 .button_ul .btn_6::before{background-position: -648px 0;}
#sc0 .button_ul .btn_7::before{background: url(../images/main/main_icon_etc.png) no-repeat center center;background-size:contain;width: 80px;}

/* 메인배너 */
.main-swiper-container {overflow: hidden;}
.main-swiper-container .swiper-slide{width:100%;height:600px;background-size: cover;background-position: left;background-repeat: no-repeat;}

/* ================== section 2 ================== */
.card_none {width: 100%;background: #f9f9f9;padding: 70px 30px;text-align: center;border-radius: 10px;color: #666;}

#sc2 .card_controll{display:flex;align-items: center;justify-content: space-between;margin-top: 27px;}

#sc2 .card_container {overflow:hidden;margin-top: 60px;padding: 0 0 0 5px;}
#sc2 .card_pagination{width: calc(100% - 260px);height: 6px;background: #EEEFF3;}
#sc2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ED4570;}
#sc2 .card_container .swiper-slide{
}
#sc2 .card_container .swiper-slide a{width: 100%;max-width: 395px;border-radius: 10px;border: 1px solid #ddd;transition: all 0.3s ease;}
#sc2 .card_container .swiper-slide a:hover{box-shadow: 0 6px 10px rgb(0 0 0 / 10%);transform: translate(0px, -10px);}
#sc2 .card_container .swiper-slide a:hover .img_box img{scale: 1.06;}
#sc2 .card_container .swiper-slide a img{width: 100%;height: 100%;transition: all 0.3s ease;}

#sc2 .card_container .img_box{width:100%;height: 280px;border-bottom: 1px solid #ddd;overflow: hidden;border-radius: 10px 10px 0 0;}
#sc2 .card_container .tag{background:#3A3D78;color:#fff;width:97px;height:50px;border-radius: 15px 0 15px 0;display: flex;justify-content: center;align-items: center;font-size: 2rem;z-index: 10;left: -5px;top: -5px;}
#sc2 .card_container .tag::before{content:'';display:block;position: absolute;bottom: -8px;left: 0px;width: 0;height: 0;border-bottom: 4px solid transparent;border-top: 4px solid #3A3D78;border-left: 3px solid transparent;border-right: 3px solid #3A3D78;}
#sc2 .card_container .tag::after{content:'';display:block;position: absolute;top: 0px;right: -7px;width: 0;height: 0;border-bottom: 3px solid #3A3D78;border-top: 3px solid transparent;border-left: 3px solid #3A3D78;border-right: 4px solid transparent;}
#sc2 .card_container .tag.off{background:#8F8F8F;}
#sc2 .card_container .s_title{color:#3A3D78;font-size:2rem;font-weight: 700;}
#sc2 .card_container .title{font-size:2.2rem;color:#000;font-weight:500;line-height: 1.3;margin: 10px 0 30px;height: 54px;}

#sc2 .card_container .txt_box{padding:20px;}
#sc2 .card_container .txt_box i{margin:0 5px;display:inline-block;}
#sc2 .card_container .txt_box b{color:#000;}
#sc2 .card_container .txt_box li{display: flex;align-items: center;height: 19px;flex-direction: row;}
#sc2 .card_container .txt_box .person span{
    overflow: hidden;
    white-space: nowrap;
    height: 19px;
    width: calc(100% - 74px);
}
#sc2 .card_container .txt_box li ~ li{margin-top:10px;}
#sc2 .card_container .count span b{color: var(--sub1-color);}
#sc2 .card_container .count span img{width: 13px;margin-right: 3px;}

#sc2 .button_ul {}
#sc2 .button_ul button{width:60px;height:60px;border: 1px solid #EEEFF3;border-radius: 50%;background: #EEEFF3;display: inline-block;}
#sc2 .button_ul button.more{background:#fff;}
#sc2 .button_ul button ~ button{margin-left:10px;}

#sc2 .tab_ul{}
#sc2 .tab_ul button{padding:10px 20px;border:1px solid #bbb;border-radius:5px;color:#707070;font-size: 1.6rem;transition: all 0.3s ease;margin-bottom: 30px;}
#sc2 .tab_ul button:hover{background: var(--sub1-2-color);border: 1px solid var(--sub1-color);color: var(--sub1-color);}
#sc2 .tab_ul button ~ button{margin-left: 10px;}
#sc2 .tab_ul button.on{border: 2px solid var(--sub1-color);color: var(--sub1-color);background: var(--sub1-2-color);}

#sc2 .c_label{text-indent: 31px;color:#fff;width: 115px;height: 58px;line-height: 45px;font-size: 1.8rem;left: -5px;}
#sc2 .c_label:nth-of-type(1){top: 59px;}
#sc2 .c_label:nth-of-type(2){top: 118px;}
#sc2 .c_label::before{content:'';display:block;width: 115px;height: 58px;position:absolute;z-index: -1;background-size: contain;background-repeat: no-repeat;}
#sc2 .hotL{position:absolute;z-index: 11;}
#sc2 .newL{position:absolute;z-index: 11;}
#sc2 .hotL::before{background-image: url('../images/main/hot_label.png');}
#sc2 .newL::before{width: 115px;height: 58px;background-image: url('../images/main/new_label.png');}

/*------------------ 푸터------------------*/

footer {width:100%;margin:0 auto;background: #515151;clear:both;position:relative;height:auto;padding: 50px 0;margin-top: 130px;float: left;}
footer .logo{margin: 0;height: auto;}
footer > section{display:flex;justify-content: space-between;align-items: center;}
footer #policy, footer #siteLink {width:100%;text-align:center;border: 1px solid #4b4b4b;border-width:1px 0;padding: 0 20px;}
footer #policy ul {overflow:hidden;padding: 10px 0;}
footer #policy ul li {display:inline-block;float:left;margin: 10px 13px;}
footer #policy ul li a {display:block;color: #B2B2B2;font-weight: 300;}
footer #policy ul li strong {color: #ffc107;font-weight: 400;}
footer #footWrapper {}
footer #footWrapper .foot h2 {vertical-align:top;}
footer #footWrapper .foot h2,
footer #footWrapper .foot .address{display:inline-block;height:inherit;overflow:hidden;font-size: 14px;font-weight: 300;margin-right: 20px;color: #959595;}
footer .linkArea {}
footer .linkArea .selectric-wrapper {margin-bottom:5px;width:180px;}
footer .linkArea:after{content:'';clear:both;display:block;}
footer .linkArea select {width: 200px;padding: 10px 10px;color: #fff;background: #515151 url(../images/ft_select_arrow.png) no-repeat 93% 50%;display:block;float:left;font-family: 'Pretendard';border: 1px solid #7E7E7E;}
footer .linkArea select:last-child {margin-left: 16px;}
.foot{position:relative;}

@media (max-width:992px) {
footer #footWrapper .linkArea{top: auto;bottom: 0;}
}
@media (max-width:599px) {
.m_eng_btn{display:block;position: absolute;right: 43px;top: 15px;/* border: 1px solid #a3a3a3; */padding: 0 10px;border-radius: 5px;font-size: 16px;}
body.mobile{background:initial;}
footer #footWrapper{background:initial;}
footer #footWrapper h2 a{width:100%;}
  footer #footWrapper h2 a img{width:100%;}
footer #policy_mobile ul li a, footer #policy_mobile ul li strong{font-size:14px;color:#eee;}
footer #footWrapper .linkArea{position:relative;}
}


#sc2 .card_container{margin-top: 0;padding: 0px 0 0 5px;}

.bullet{margin-bottom: 20px;}
.title_st2{font-size:2.4rem;color:#292C6C;}
.select {display: inline-block;width: 200px;margin-bottom: 20px;}
.select .selected {display: flex;justify-content: space-between;padding:11px 5px 8px;font-family: 'SBAggro';color: #000;font-size: 2.5rem;cursor: pointer;border:1px solid transparent;border-radius: 5px;transition: all 0.3s;}
.select.active .selected,.select .selected:hover{border:1px solid rgba(168, 156, 235, 0.35);}
.select .selected .selected-value {max-width: 180px; }
.select .selected .arrow {width: 24px;background:#fff url('../images/select_ic.png') 93% 50% no-repeat;background-size: 14px;}
.select ul li,.select .selected .selected-value {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.select ul {width: 200px;display: none;position: absolute;background: #fff;border-top: none;margin: 1px 0 0 -1px;cursor: pointer;z-index: 99;max-height: 200px;overflow-y: auto;}
.select.active ul {display: initial;}
.select ul li {padding: 8px 5px;}
.select ul li:hover {background: rgba(168, 156, 235, 0.35)}

.notice_list_wrap{border: 1px solid #ddd;border-radius: 50px;padding: 10px;max-width: 1600px; margin:0 auto;}
.notice_list_wrap span{padding-left:27px;margin:0 10px;font-weight: 700;line-height: 2;font-size: 18px;background: url(../images/web/notice-icon.png) no-repeat left center;background-size: 20px;}
.notice_list{display:inline-block; margin-left:10px; width:calc(100% - 130px); height:30px; vertical-align:middle; font-size:16px; overflow:hidden;}
.notice_list .swiper  {width:100%; height:30px; line-height:30px; overflow:hidden;}
.notice_list .swiper  a {color:#666; text-decoration:none;line-height: 1.6;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.notice_list .swiper  a:hover {text-decoration: underline;}

.img_box .mo{display:none;}

:root{
	
	--main-color: #292c6c;
	--sub1-color: #ef5e83;
	--sub1-2-color: #fff8fa;--sub2-color: #585ece;
	--sub3-color: #f6f6ff;
	--slide-shadow-color: rgb(255 255 255 / 52%);
	--prgress-color-01: #3a3d78;
	--prgress-color-02: #ff7599;
	--calendar-border-color1: #CFCFCF;
	--calendar-border-color2: #F2F2F2;
	--calendar-color: #F5F5F8;
}