/**************** font ****************/
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/*********************setting.css*********************/
body, html{font-family:'Montserrat', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo',  Roboto, 'Noto Sans KR', 'Segoe UI', 'Malgun Gothic', "Helvetica Neue",Helvetica,Arial,sans-serif !important;}

p{transition:0.3s;}
a, button { outline: none !important; -webkit-tap-highlight-color: transparent !important; }
main#container{background:#020202;padding:0;}
main#container.sub-container{background:#020202;}


body .color{color:#EA5404 !important;}
body .backcolor{background-color:#EA5404;}
body .btn-set{background: #EA5404;border-color:#EA5404;color:#fff;}
body .btn-set:hover{background:#027d02;}
body .btn-outline-set{background:transparent;color:#EA5404;border:1px solid #EA5404;}
body .btn-outline-set:hover{background: #e7f9eb;color: #EA5404;}
body .form-control:focus{border-color:#EA5404;box-shadow:none;}

.main_sec{padding:120px 0;transition: all .4s ease;}
.sub-sec{padding:120px 0 200px;transition: all .4s ease;width:100%;overflow: hidden;}
.contents{width:100%;max-width:1250px;padding:0 40px;margin:0 auto;}
.contents.wide{max-width:1840px;}


.submit_btn{width:100%;height:56px;background:#EA5404;color:#fff;font-size:1.1rem;display:flex;align-items:center;justify-content:center;}
.submit_btn:hover{background:#027d02;color:#fff;}


input[type='checkbox'],input[type='radio']{cursor: pointer;appearance: none;position: relative;background: #fff;outline:none;border:1px solid #dde2e6;}
input[type='checkbox']:checked,input[type='radio']:checked {appearance: none;position: relative;background:#EA5404;}
input[type='checkbox']:checked:after,input[type='radio']:checked:after {content: '\e929';font-family: 'xeicon';position: absolute;top: 50%;left: 50%;border-radius: 100%;transform: translate(-50%, -50%);font-size: 1.7rem;color:#EA5404;}

section {width: 100%;max-width: 1920px;margin: 0 auto;}

@media (min-width: 1920px) {
    section {width: 100%;max-width: none;}
}


@media(max-width:991px) {
    .main_sec{padding:100px 0;}
    .sub-sec{padding:100px 0 200px;}

    .contents{padding:0 20px;}
}

/* tab */

.sub_tab_wrap{display:flex;}
.sub_tab{width:calc(20% + 1px); margin:-1px 0 0 -1px; border:1px solid #ccc; background-color:#f3f3f3; font-size:17px; font-weight:300; color:#999; padding:10px 20px; text-align:center; cursor:pointer; word-break:keep-all; transition:0.4s; display:flex; align-items:center; justify-content:center;}
.sub_tab.on{background-color:#000; border-color:#000; color:#fff;}

.sub_tabcon{ display:none; overflow:hidden; }
.sub_tabcon.on{ display:block; }
.sub_tab:hover{color:#000;}

@media(max-width:900px){
    .sub_tab_wrap{ display:none; }
}

.cate_wrap{}

.cate_list {display:grid;grid-template-columns: repeat(11, 1fr);gap:10px;justify-content:center;overflow-x: auto;}
.cate_list .cate_item {flex-shrink: 0;color:#495057;align-items: center;justify-content: center;border: 1px solid #f9fafb;background-color:#f2f4f6;cursor: pointer;overflow: hidden;transition: 0.3s;}
.cate_list .cate_item button{width:100%;padding:0 8px;height:40px;font-size:1rem;}
.cate_list .cate_item.active button{background-color:#EA5404;color:#fff;}

/*.cate_sub_list{display:none;}*/
.cate_sub_list{margin:20px 0 70px;padding-bottom:12px;display:flex;justify-content:center;gap:20px;border-bottom:1px solid #dde2e6;}
.cate_sub_list .cate_sub_item{font-size:0.925rem;}
.cate_sub_list button{}
.cate_sub_list .cate_sub_item.active button{color:#EA5404;position: relative;}
.cate_sub_list .cate_sub_item.active button::after {content: "";position: absolute;left: 0;right: 100%;top:33px;width: 100%;height: 2px !important;opacity: 1;background-color: #EA5404;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

@media(max-width:1080px) {
    .cate_list{grid-template-columns: repeat(6, 1fr);gap:8px;}

    .cate_sub_list{margin:30px 0 60px;}
}
@media(max-width:790px) {
    .cate_list{grid-template-columns: repeat(4, 1fr);gap:8px;}

    .cate_sub_list{display:grid;grid-template-columns: repeat(4, 1fr);gap:10px;justify-content:center;overflow-x: auto;border-bottom:none;}
    .cate_sub_list .cate_sub_item.active button::after{display:none;}
}

@media(max-width:390px) {
    .cate_list{grid-template-columns: repeat(3, 1fr);}

    .cate_sub_list{grid-template-columns: repeat(3, 1fr);gap:8px;}
}

/**************** header ****************/

#hd{position:fixed;z-index:1000;top:0;left:0;width:100%;transition-duration:.3s;background:transparent;display: flex;}

.header_wrap{/*max-width:1840px;*/opacity:1; z-index: 200;height: 100%;margin: 0 auto;zoom: 1;padding: 0 40px;text-align: center;display: flex;justify-content: space-between;position: relative;width: 100%;}

.header_logo_wrap {max-height: 96px;align-items: center;display: flex;justify-content: center;background:transparent;}


.header_logo_wrap:after,.header_logo_wrap:before{content:'';display:table;clear:both;}
.header_logo_wrap img{width:100px;}

header#hd.fixed{background:rgba(0,0,0,0.6);box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%);}
header#hd.fixed .gnb_1dul li.gnb_1dli:after{background:#333;}
header#hd.fixed .header_wrap {backdrop-filter: blur(2px);-webkit-backdrop-filter:blur(2px);} /* 배경 blur 처리 */



@media(max-width:991px) {
    .header_wrap{padding:0 20px;}
}

@media(max-width:790px) {   /* 모바일 스크롤 내리면 윗 영역 숨기기 */
    header#hd.fixed.compact { top: 0; }
    header#hd.fixed.compact .header_wrap:first-child { display: none; }
}

a.hd_icon_btn.btn01{width: 22px;height: 22px;background-image: url("../img/gen/com_img.png");  display: block;}
a.hd_icon_btn.btn02{width: 22px;height: 22px;background-image: url("../img/gen/com_img.png");  display: block; background-position: -35px 0;}
a.hd_icon_btn.btn03{width: 22px;height: 18px;display:block;position:relative;opacity: 1; outline: none; -webkit-tap-highlight-color: transparent;}

a.hd_icon_btn.btn03 #nav_icon .menu_bar{position:absolute;width:22px;height:2px;background:#9c9c9c;z-index: 9999;transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;left:0;}
a.hd_icon_btn.btn03 #nav_icon .menu_bar:nth-child(1){top:0;width:22px;}
a.hd_icon_btn.btn03 #nav_icon .menu_bar:nth-child(2){top:8px;width:22px;}
a.hd_icon_btn.btn03 #nav_icon .menu_bar:nth-child(3){bottom:0;width:22px;}
a.hd_icon_btn.btn01:hover{background-position: -220px 0;}
a.hd_icon_btn.btn02:hover{background-position: -255px 0;}
a.hd_icon_btn.btn03:hover #nav_icon .menu_bar{background:#000;}
a.hd_icon_btn.btn03:hover #nav_icon .menu_bar:nth-child(1){width:22px;left: 0;}
a.hd_icon_btn.btn03:hover #nav_icon .menu_bar:nth-child(2){width: 22px;left: 0;}
a.hd_icon_btn.btn03:hover #nav_icon .menu_bar:nth-child(3){width:22px;left: 0;}
a.hd_icon_btn.btn03.close {z-index: 999;margin-top:10px;width: 28px;}
a.hd_icon_btn.btn03.close #nav_icon .menu_bar:nth-child(1){transform:rotate(45deg);top:6px;width:28px;background:#333;right: 0;}
a.hd_icon_btn.btn03.close #nav_icon .menu_bar:nth-child(2){width: 0%; opacity: 0;}
a.hd_icon_btn.btn03.close #nav_icon .menu_bar:nth-child(3){transform:rotate(-45deg);top:6px;width:28px;background:#333;right: 0;}

a.hd_icon_btn.btn03.close:hover #nav_icon .menu_bar:nth-child(1){transform:rotate(45deg);top:6px;width:28px;background:#333;}
a.hd_icon_btn.btn03.close:hover #nav_icon .menu_bar:nth-child(2){width: 0%; opacity: 0;}
a.hd_icon_btn.btn03.close:hover #nav_icon .menu_bar:nth-child(3){transform:rotate(-45deg);top:6px;width:28px;background:#333;}

header#hd.fixed a.hd_icon_btn.btn01{background-position: -110px 0;}
header#hd.fixed a.hd_icon_btn.btn02{background-position: -145px 0;}
header#hd.fixed a.hd_icon_btn.btn03 #nav_icon .menu_bar{background:#9c9c9c;}

header#hd.fixed a.hd_icon_btn.btn01:hover{background-position: -220px 0;}
header#hd.fixed a.hd_icon_btn.btn02:hover{background-position: -255px 0;}
header#hd.fixed a.hd_icon_btn.btn03:hover #nav_icon .menu_bar{background:#000;}

header#hd.hd_zindex a.hd_icon_btn.btn01{background-position: -110px 0;}
header#hd.hd_zindex a.hd_icon_btn.btn02{background-position: -145px 0;}
header#hd.hd_zindex a.hd_icon_btn.btn03 #nav_icon .menu_bar{background:#9c9c9c;}

header#hd.hd_zindex a.hd_icon_btn.btn01:hover{background-position: -220px 0;}
header#hd.hd_zindex a.hd_icon_btn.btn02:hover{background-position: -255px 0;}
header#hd.hd_zindex a.hd_icon_btn.btn03:hover #nav_icon .menu_bar{background:#000;}

header#hd.fixed a.hd_icon_btn.btn03.close #nav_icon .menu_bar{background:#9c9c9c;}
header#hd.fixed a.hd_icon_btn.btn03.close #nav_icon:hover .menu_bar{background:#000;}


/* 메뉴 */

#gnb{position:relative; text-align:center;height:100%;}

#gnb_1dul{z-index:101;height:100%;}
#gnb_1dul .gnb_1dli{float:left;position:relative;height:100%;}
#gnb .gnb_1dli{position:relative;display:inline-block;zoom:1;line-height:96px;font-size:18px;letter-spacing:.05em;}
#gnb_1dul .gnb_1dli:before{content:"";position:absolute;left:0;right:100%;top:96px;height:2px !important;opacity:0;background-color:#EA5404;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; z-index: 1000;}
#gnb_1dul .gnb_1dli.add_menu:before{display:none;}
#gnb_1dul .gnb_1dli:hover:before{left:25px;right:25px;opacity:1;}
#gnb_1dul .gnb_1dli1{padding:0;}
#gnb_1dul .gnb_1da{padding: 12px 60px;display:inline-block;line-height:72px;font-size:17px;color:#fff;letter-spacing:-.02em;text-align:center; font-weight:500;transition: all ease .3s;}

#gnb_1dul .gnb_1dli_on .gnb_1da{color:#EA5404 !important;}

/* 현재메뉴 active */
#gnb_1dul .gnb_1dli_active .gnb_1da{color:#EA5404 !important;}
/*#gnb_1dul .gnb_1dli_active:before{content:"";position:absolute;left:25px;right:25px;top:96px;height:2px !important;opacity:1;background-color:#EA5404;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}*/

#hd.fixed #gnb .gnb_1dli:after{background:#333;}
#gnb .gnb_1dli:last-child:after{display:none;}
#hd.hd_zindex #gnb .gnb_1dli:after{background:#333;}
.gnb_wrap {height: 100%;width: 100%;display: flex;}
#hd.hd_zindex .gnb_wrap{align-items: inherit;}
#gnb_1dul {z-index: 101;height: 100%;}
#gnb_1dul #gnb_empty{text-align:center;color:#fff;}

/* 중메뉴 */
.gnb_2dli { display:none;}
.gnb_2dli{display:none}.gnb_2dul{display:none;position:absolute;top:0;left:0;}
.gnb_2da{display:block;text-align:center;text-transform:capitalize;text-decoration:none;position:relative;}
.gnb_2dli a.gnb_2da{font-size:14px;color:#fff;line-height:1.5;padding:4px 0;letter-spacing:-0.02em;transition:.3s all;}
.gnb_2dli a.gnb_2da:hover{color:#ea5404;}
#hd.hd_zindex #gnb-dep1{padding:15px 8px;}
.gnb_2da{-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;}

/* 대메뉴 오버시 */
#gnb .gnb_1dli:not(.gnb_mnal) { display:block; float:left; text-align:left;}
#gnb .gnb_1dli:last-child { margin:0; }
header#hd.hd_zindex { background-color:rgba(0,0,0,0.8) !important; }
#hd.hd_zindex,
#hd.hd_zindex .gnb_1da { display:block; }
#gnb .gnb_2dul { position: relative; min-width: 100%; background: transparent; display:none; padding:10px 0; z-index: 999; }
.gnb_2dli { display:block; }


/* 언어 */
.add-menu{max-height: 96px;display:flex;align-items:center;}

.language{position:relative;z-index:500;}
.language button {color:#D9D9D9;padding:0 10px;line-height: 40px;border: 0;font-weight: 600;transition: .3s;background-color: transparent;outline: 0;font-size: 16px;height: 38px;display: inline-block;}
.language button span {transition: .3s;display: inline-block;width:8px;height:8px;margin-left: 5px;background: url('../img/gen/lang_arr.svg') center center no-repeat;background-size:8px;margin-bottom:2px;}
.language button.on span{transform: rotate(180deg);}
.language ul {display: none;z-index:999;position: absolute;left: 0;top:40px;width: 100%;}
.language ul li {width: 100%;position: relative; z-index: 999;height: 36px;background-color:#212121;text-align: center;padding-left: 0;}
.language ul li a {font-size: 16px;color:#D9D9D9;line-height: 36px;display: block;}
.language ul li a:hover{color:#EA5404;}

/* 검색 */
.search-btn button{width:38px;height:38px;background: url('../img/icon/search-ico.svg') center center no-repeat;}

.search_wrap{text-align: center;}
.search_wrap .search-input{position:relative;width:100%;max-width:500px;height:50px;display:inline-flex;background-image: linear-gradient(#000, #000), linear-gradient(90deg, #ea5404, #fdffe5, #ff5900);background-clip: content-box, border-box;background-origin: border-box;border:1px solid transparent;border-radius: 350px;text-decoration: none;color: #fff;transition: 0.5s ease-in-out;}
.search_wrap .search-input input {color:#fff;width:90%;height:100%;position: absolute;top: 0;left: 0;background: transparent;border: none;padding: 0 1rem;}
.search_wrap .search-input input::placeholder{color:#767676;}
.search_wrap .search-input button.btn_clear {width: 55px;height: 100%;background: transparent;color: #767676;display: flex;align-items: center;justify-content: center;position: absolute;right: 40px;top: 50%;transform: translateY(-50%);padding-right: 1rem;z-index: 2;}
.search_wrap .search-input button.btn_clear img{width:24px;}
.search_wrap .search-input button.btn_search {width: 55px;height: 100%;background: transparent;color: #767676;display: flex;align-items: center;justify-content: center;position: absolute;right: 0;top: 50%;transform: translateY(-50%);padding-right: 1rem;z-index: 2;}
.search_wrap .search-input button i{font-size:1.4rem;transition: 0.3s;}
.search_wrap .search-input button:hover i{color:#EA5404;}
.search_wrap .search-input + small{width: 100%;max-width: 500px;margin:5px auto 0;color:#767676;display:block;text-align: left;padding-left: 18px;}


.select-form{margin:0 -10px;}
.select-form .field{width:25%;padding:0 10px;position: relative;display:flex;align-content:center;flex-flow: column;z-index:999;}
.select-form .field .sel-ico{width:24px;height:24px;position: absolute;top:15px;left:10px;}
.select-form .field .sel-ico span{color:#767676;}

.select-form .field .field-select{width:100%;font-size:1rem;border-bottom: 2px solid #d2d6da;border-top: none;border-right: none;border-left: none;background: transparent;color: #aaa;padding:1rem 0 1rem 30px;line-height: 1.5;transition: 0.3s;cursor: pointer;}
.select-form .field ul {padding:10px;display:none;position: relative;flex-flow: column;}
.select-form .field ul li{display: block;}

.select-form .field ul li p{font-size:16px;color:#B8B8B8;padding:12px 0;cursor:pointer;}
.select-form .field ul li p:hover{color:#EA5404;font-weight:bold;}

.select-form .field .field-select .tit {display: flex;justify-content: space-between;align-items: center;}
.select-form .field .field-select .tit p{color:#bbb;font-size:16px;}
.select-form .field .field-select .tit button{transform: rotate(0deg);}
.select-form .field .field-select .tit_selected p{color:#fff;}
.select-form .field .field-select .arr-btn{width:24px;height:24px;}

.select-form.active .field ul{display: block;position:absolute;left:0px;top:58px;width:100%;z-index:998;}
.select-form.active .field .field-select .tit button{transform: rotate(180deg);}

.select-form .field .field-select ul.active::after{position: fixed;top: -120%;left: 0;z-index: 9997;height: 100vh;width: 100%;background: rgba(0, 0, 0, 0.7);overflow: hidden;align-items: center;padding: 120px 15px;transition-duration: .4s;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.performances-sch{overflow:visible;}
.performances-sch ul.mobile {padding:0px 10px 20px;position: fixed;bottom: 0;left: 0;width: 100%;background: #262626;border-radius: 20px 20px 0 0;z-index: 500;z-index:9999;}
.performances-sch ul.mobile li{border-bottom:1px solid #444;text-align: center;padding: 12.6px 0;color: #B8B8B8;font-size: 16px;}
.performances-sch ul.mobile li:last-child{margin-bottom:30px;}
.performances-sch ul.mobile li p{color: #B8B8B8;}

.performances-sch ul.mobile li.top_bar{text-align:center;}
.performances-sch ul.mobile li.top_bar img{width:40px;}

.performances-sch ul.mobile.active{bottom:0;transition-duration: .4s;}
.performances-sch ul.mobile{bottom:-100%;transition-duration: .4s;}
.performances-sch ul.mobile .top_bar{height:36px;margin-bottom:12px;border-bottom:0px;}

.performances-sch .mobile_bg.active{bottom:0;}
.performances-sch .mobile_bg{background:rgba(0,0,0,0.5);position:fixed;left:0px;width:100%;height:100%;z-index:9998;bottom:-100%;}

.select-form .ul_back{display:none;background:rgba(0,0,0,0.7);width:100%;height:426px;position:absolute;left:0px;top:304px;z-index:997;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.select-form .ul_back img{position:absolute;width:50px;top:100%;cursor:pointer;transform: translateY(-50%);}
.select-form.active .ul_back{display:block;}

.no_result{text-align:center;color:#fff;width:100%;font-size:24px;}

@media(max-width:991px) {
    .select-form .field{width:100%;}
    .select-form{margin:0 -5px;}
    .select-form .field{padding:0 5px;}
}
@media(max-width:510px) {


}




/* 모바일 */
#m_gnb{display:none;}


header#hd.active {min-height: 82px;}


@media(max-width:1250px) {
    .header_top{display:none;}
    li.add_menu.log_btn_wrap a { font-size: 13px; }
    .add_menu_wrap {min-height:50px;max-height:50px;}
    .header_wrap {min-height:40px;align-items: center;height: auto;width:100%;}
    .header_wrap:first-child {padding-top: 10px;}
    #gnb{display:none;}
    #gnb_btn{display:none;}
    #m_gnb{display:block; background:transparent;}
    #m_gnb .gnb_wrap{min-height:43px;overflow:visible; align-items: flex-start !important;}
    #m_gnb nav{position: relative;white-space: normal;overflow:visible; width:100%;}
    #hd{flex-flow: column;}
    #m_gnb .gnb_1dul{margin:0; width:100%; display:flex; justify-content:space-between; align-items: flex-start !important;}
    #m_gnb .gnb_1dli{flex:1; text-align:center; position:static;}
    #m_gnb .gnb_1da {padding: 5px 0; line-height: 36px; font-size: 1rem; width:100%; box-sizing:border-box; color: #fff; display: block !important;}
    #m_gnb .gnb_1dli:hover:before{display:none;}
    
    #m_gnb .gnb_2dul { position: absolute; left: 50%; top: 100%; width: 100vw; transform: translateX(-50%); background: rgba(0,0,0,0.8); z-index: 999; padding:0; display:none; }
    #m_gnb .gnb_2dli { display:block; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.1); }
    #m_gnb .gnb_2dli:last-child { border-bottom: none; }
    #m_gnb .gnb_2da { padding: 12px 0; color: #fff; font-size: 14px; display:block; }
    
    header#hd.hd_zindex { background-color: rgba(0,0,0,0.8) !important; box-shadow: none !important; border-bottom: none !important; }
    header#hd.hd_zindex .header_wrap { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
}
@media(max-width:480px) {
    #m_gnb .gnb_1da{font-size:0.875rem; line-height:46px; letter-spacing:-0.5px; padding: 5px 2px;}
    #m_gnb{height:56px; padding:0;}
}


/**************** hd-search ****************/

#hd-search{position: fixed;top:-120%;left: 0;z-index:9997;height: 100vh;width: 100%;background:rgba(0,0,0,0.7);overflow: hidden;align-items: center;padding:120px 20px;transition-duration: .4s;backdrop-filter: blur(10px);-webkit-backdrop-filter:blur(10px);} /* 배경 blur 처리 */
#hd-search.active{top: 0;}

#hd-search .search_wrap{width:100%;max-width:1920px;margin:0 auto;position: relative;}

#hd-search-close{position:absolute;top:0;right:20px;z-index:9998;width:50px;height:50px;border-radius:100px;background:#151515;display:flex;align-items:center;justify-content:center;transition-duration: .3s;}
#hd-search-close:hover{background: #EA5404;}
#hd-search-close img{width:24px;}

.search-terms{max-width:500px;text-align: left;padding-left: 18px;margin:30px auto;}
.search-terms ul{}
.search-terms h4{color:#fff;font-size:20px;margin-bottom:18px;}
.search-terms li{}
.search-terms a{color:#bbb;font-size:1rem;padding:14px 0;display: block;}
.search-terms a:hover{color:#EA5404;}

#hd-search .btn.submit-btn{display:none;width:100%;,ax-width:100%;}

@media(max-width:991px) {
    #hd-search{padding:44px }
    #hd-search-close{top:0;right:0;}
    #hd-search .search_wrap{height:100%;}
    #hd-search .search_wrap .search-input{height:50px;max-width:100%;margin-top:70px;}

    #hd-search .btn.submit-btn{display:block;}
    .search-terms{margin-bottom:24px;}

}


/**************** footer ****************/

footer{padding:50px 0 164px;background:#272727; position: relative;box-shadow: 0 -15px 40px rgba(0, 0, 0, 0.1);}

.ft-wrap{display:flex;justify-content: space-between;}
.ft-wrap h5{font-size:0.875rem;color:#949494;word-break:keep-all;text-transform: uppercase;margin-bottom: 10px;}
.ft-wrap p{font-size:0.875rem;color:#949494;}

.ft-logo{width:15%;}
.ft-info{width:70%;padding-left: 63px;}
.ft-info a{color:#9C9C9C;text-decoration:underline;}
.ft-info a:hover{color:#EA5404;}
.ft-wrap .sns-btn{width:15%;}

.ft-wrap .sns-btn{text-align: right;padding-left:20px;}
.ft-wrap .sns-btn a{width:50px;height:50px;display:inline-flex;background:#010101;align-items:center;justify-content: center;border-radius:100px;transition: 0.3s;margin-right:6px;}
.ft-wrap .sns-btn a i{color:#9C9C9C;font-size:1.5rem;transition: 0.3s;}
.ft-wrap .sns-btn a:hover{background:#EA5404;}
.ft-wrap .sns-btn a:hover i{color:#fff;}
.ft-wrap .sns-btn a:last-child{margin-right:0;}

@media(max-width:991px) {
    footer{padding:30px 0 104px;}
    .ft-logo{width:100%;margin-bottom: 45px;padding-right: 130px;}
    .ft-info{width:100%;padding-left:0;}
    .ft-wrap .sns-btn{width:100%;}

    .ft-wrap {display: flex;justify-content: flex-start;flex-flow: column;}

    #footer{position: relative;}
    .ft-wrap .sns-btn {width:auto;position: absolute;top: 0;right:15px;padding-left: 0;}
}




/* top button */
#top_Button {width: 60px;height: 60px;background:transparent;border:1px solid #252525;border-radius: 100px;position: fixed;bottom: 40px;right: 40px;z-index:10;transition:all .4s ease;opacity: 0;}
#top_Button.show{opacity:1;}
#top_Button .top_box {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
#top_Button p{color:#252525;font-size:12px;font-weight:600;display: flex;align-items: center;transition-duration:0.4s;}
#top_Button p > span{font-size:14px;margin-left:6px;}
#top_Button:hover{background:#fff;box-shadow: 0 2px 15px rgb(203 209 220 / 60%);}
#top_Button:hover p{color:#000; }

#top_Button:hover{background:#252525;}
#top_Button:hover p{color:#fff;}

@media(max-width:1200px) {
    #top_Button{right:20px;bottom:20px;}
}
@media(max-width:560px) {
    #top_Button{display:none!important; ;}
}

/**************** quick menu ****************/


.qm_wrap{position:fixed;z-index:999;right:0;top:50%; transform: translateY(-50%);}
.qm_wrap.on{display:none;}

.icon-button{text-align:center;margin-bottom:5px;position:relative;z-index:2;}
.icon-button>button{width:45px;height:45px;background:#fff; background-repeat:no-repeat;background-position:center;transition: all .3s ease; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.icon-button>button > i{font-size:20px;color:#b3b3b3; position: relative;z-index: 2;}
.icon-button>button.qm_btn {font-size:16px;font-weight:500;position:relative;background:#fff;background-image:none;color: #fff;transition: none;transform: rotate( 0 );}
.icon-button>button.qm_btn span{font-size:15px;position:absolute;top:0;left:-88px;white-space:nowrap;z-index:3;line-height:45px;opacity:0;visibility:hidden;-webkit-transition:.2s;transition:.2s;transition-delay:0s;}
.icon-button>button.qm_btn:hover span{opacity:1;visibility:visible;transition-delay:.2s;}
.icon-button>button.qm_btn:before{content: '';width: 65px;height: 100%;position: absolute;top: 0;right: 0;-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.icon-button>button.qm_btn:hover:before {box-shadow: 0 0 12px 5px rgb(0 0 0 / 6%); width: 155px;background:#000;}
.icon-button>button.qm_btn:hover i {color:#fff;}

@media(max-width:910px){
    .qm_wrap{display:none;}
}



/***************** sub top *****************/

#subtop {background:#eee;overflow: hidden;min-height:348px;display: flex;flex-wrap: wrap;align-items: center;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;width: 100%;position: relative;}

/*cont_deco*/
.cont_bgdeco{ position: absolute; z-index: 1; opacity: 0.15; }
.cont_bgdeco1{top: 0;left: 0;transform: translate(-36%,-22%);animation-name: cont_bgdeco1; animation-duration:9s; animation-iteration-count:infinite;animation-direction:alternate-reverse;animation-fill-mode: forwards;animation-timing-function: ease-in-out;}
.cont_bgdeco2{ top: 0; left: 0; transform: translate(-34%,-40%); animation-name: cont_bgdeco2; animation-duration:6s; animation-iteration-count:infinite; animation-direction:alternate-reverse; animation-fill-mode: forwards; animation-timing-function: ease-in-out;}
.cont_bgdeco3{ bottom: 0; right: 0; transform: translate(30%, 41%); animation-name: cont_bgdeco3; animation-duration:8s; animation-iteration-count:infinite; animation-direction:alternate-reverse; animation-fill-mode: forwards; animation-timing-function: ease-in-out;}
.cont_bgdeco4{ top: 0; right: 0; transform: translate(48%, 22%); animation-name: cont_bgdeco4; animation-duration:5s; animation-iteration-count:infinite; animation-direction:alternate-reverse; animation-fill-mode: forwards; animation-timing-function: ease-in-out;}

@-webkit-keyframes cont_bgdeco1 { 0% { transform: translate(-36%,-22%); } 50% { transform: translate(-36%,-24%); } 100% { transform: translate(-33%,-24%); } }  @-webkit-keyframes cont_bgdeco2 { 0% { transform: translate(-34%,-40%); } 50% { transform: translate(-37%,-40%); } 100% { transform: translate(-37%,-38%); } }  @-webkit-keyframes cont_bgdeco3 { 0% { transform: translate(30%, 41%); } 50% { transform: translate(34%, 41%); } 100% { transform: translate(34%, 44%); } }  @-webkit-keyframes cont_bgdeco4 { 0% { transform: translate(48%, 22%); } 50% { transform: translate(48%, 26%); } 100% { transform: translate(42%, 26%); } }

.subtop_txt{width:100%;max-width:1440px;padding:70px 20px;text-align:Center;margin:0 auto;z-index:5;}
.subtop_title{color:#333;font-size:4rem;margin-bottom:20px;font-weight:700;line-height:1em;text-align:center;position: relative;display: inline-block;padding-bottom:10px;letter-spacing: -0.015em;}

.subtop_location_wrap {width: 100%;}

.subtop_box {width:100%;max-width:1230px;position: relative;display: flex;align-items: center;justify-content:center;margin:0 auto;}
.subtop_box .subtopmenu{position:relative;display:flex;justify-content: center;align-items: center;}
.subtop_box .subtopmenu.menu_00 a{display:flex;width:100%;height: 100%;justify-content:center;align-items:center;font-size:20px;font-weight:600;color:#999;}
.subtopmenu span {width: 100%;display: block;font-weight: 600;}
.subtopmenu.menu_02 a.loc_btn.open:after{display:none;}

.subtop_box a.loc_btn{width:100%;font-size:16px;cursor:pointer;color:#999;display: inline-flex;align-items: center;position: relative;}
.subtop_box .subtopmenu:last-child a.loc_btn{color:#666;}
.subtop_box a.loc_btn i{font-size:16px; color:#fff;margin-left:12px;display: table;}
.subtopmenu.menu_02 a.loc_btn:after{content: '';position: absolute;}


.subtop_box ul.depth1{position:absolute;z-index:9999;top:100%;left:0;min-width:100%;display:none;background-color:#000;transition:0.3s all;}
.subtop_box ul.depth1 a:hover{background-color:#000;}
.subtop_box ul.depth1 a{display:block;padding:14px 15px;font-size:15px;color:#fff;transition:0.3s;border-bottom: 1px solid rgba(255,255,255,0.4);}
.subtop_box ul.depth1 li:last-child a{border-bottom:none;}

.subtop_box .dot {display: inline-block;width: 4px;height: 4px;margin: 0 17px;vertical-align: middle;border-radius: 100%;background:#999;content: '';}


@media (max-width: 1023px){
    #subtop{width: 100%;}
}
@media (max-width: 767px){
    #subtop {height: calc(458px/2);padding-left: 15px;padding-right: 15px;border-top-left-radius: 0;border-bottom-left-radius: 0;background-position: center;}
    .subtop_title{font-size:3rem;}
}



/***************** 좌우드래그 *****************/

.stockTbl-scrollbar-cover{display: none;}
.stockTbl-scrollbar-cover.off{display: none;}

@media(max-width:930px){
    .stockTbl-scrollbar-cover {display: block;position: absolute;  top: 0px;  left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.5); }
    .stockTbl-scrollbar-cover .scroll-cover-txt {position: absolute; top: 50%; left: 0; width: 100%;text-align: center; color: #fff; font-size: 15px;}
    .stockTbl-scrollbar-cover .scroll-cover-txt i {font-size: 30px; display: block; margin-bottom: 20px; }
}

/* Mobile Side Drawer */
.hamburger-btn { display: none; margin-left: 15px; align-items: center; outline: none; -webkit-tap-highlight-color: transparent; }
@media(max-width: 1250px) {
    .hamburger-btn { display: flex !important; }
}

#side-drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.6);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}
#side-drawer-overlay.active {
    opacity: 1;
    visibility: visible;
}

#side-menu-drawer {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 10001;
    transition: right 0.4s ease;
    display: flex;
    flex-direction: column;
    box-shadow: -5px 0 15px rgba(0,0,0,0.1);
}
#side-menu-drawer.active {
    right: 0;
}

.drawer-header {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 20px;
    border-bottom: none;
}

.drawer-body {
    flex: 1;
    overflow-y: auto;
    padding: 10px 0;
}

.drawer-gnb {
    list-style: none;
    margin: 0;
    padding: 0;
}
.drawer-item {
    border-bottom: none;
}
.drawer-item > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 20px;
    font-size: 1.15rem;
    font-weight: 700;
    color: #111;
    text-decoration: none;
    position: relative;
    transition: 0.3s;
}
.drawer-item > a.open {
    color: #ea5404;
}
.drawer-item.has-sub > a::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #111;
    border-bottom: 2px solid #111;
    transform: rotate(45deg);
    transition: all 0.3s ease;
    margin-right: 5px;
}
.drawer-item.has-sub > a.open::after {
    transform: rotate(-135deg);
    border-color: #ea5404;
    margin-top: 4px;
}
.drawer-sub {
    display: none;
    background: #fafafa;
    padding: 10px 0;
}
.drawer-sub li a {
    display: block;
    padding: 12px 20px 12px 30px;
    font-size: 1rem;
    color: #555;
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s;
}
.drawer-sub li a:hover {
    color: #ea5404;
    font-weight: 700;
}