/**************** setting ****************/

.color{color:#ffab00;}
.black{color:#333;}
.bold{font-weight:700;}

.main_sec{overflow: hidden;padding:110px 0;}
.sec_con{ max-width:1710px; width:100%; margin:0 auto;padding:0 15px;  position: relative;overflow: hidden;}

.sub_sec{padding:70px 0;display: block;}
.sub_wrap{max-width:100%; width: 100%;margin: 0 auto; }
.sub_con{ max-width:1230px; width:100%; margin:0 auto;padding:0 15px;}

.sec_title{margin-bottom:70px;text-align:center;font-size:48px; color:#333; font-weight:700; word-break: keep-all;}

.sub_title{margin-bottom:70px; padding:5px 0; text-align:center;}
.sub_title h2{ position:relative;font-size:40px; font-weight:700; color:#272727; }
.sub_title h2:before {content: '';position: absolute;z-index: -1;width: 70px;height: 70px;left:calc(50% - 70px);background-image: url('../img/gen/sub_title.png');background-repeat: no-repeat;background-position: center;top: 50%;transform: translateY(-50%);}
.sub_title h2:after{content: '';position: absolute;z-index: -1;width: 70px;height: 70px;right:calc(50% - 70px);background-image: url('../img/gen/sub_title.png');background-repeat: no-repeat;background-position: center;top: 50%;transform: translateY(-50%);}

.obj_tit{text-align: left;margin-bottom: 20px;padding-left:15px;position: relative;font-size: 24px;font-weight: 500;color: #333;word-break: keep-all;margin-top: 40px;}
.obj_tit:before {content: '';width: 4px;height: 24px;position: absolute;top:1px;left: 0;background: -moz-linear-gradient(90deg, #ffab00 0%, #285287 100%);background: -webkit-gradient(linear, top, bottom, color-stop(0%, ), color-stop(100%, #285287));background: -webkit-linear-gradient(90deg, #ffab00 0%, #285287 100%);background: -o-linear-gradient(90deg, #ffab00 0%, #285287 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffab00', endColorstr='#285287',GradientType=1 );}

.sec_btn {width: 100%;max-width: 132px;background: #111;padding: 5px 15px;border-radius: 50px;display: inline-flex;align-items: center;color: #fff;justify-content: center;height:42px;transition:all 0.4s;}
.sec_btn:hover{color:#fff;background:#ffab00;}

@media (max-width:990px) {
    .main_sec{padding:90px 0;}
    .sec_title{margin-bottom:40px;}
    .sec_title h1{font-size:36px;}

    .sub_title{margin-bottom:50px;}
    .sub_title h2{font-size:36px;}

	.sec_con { padding: 0 30px; }
}

@media (max-width:650px) {
    .main_sec{padding:70px 0;}
    .sub_sec{padding:40px 0;}
    .obj_tit{font-size:20px;}
    .sec_title{font-size:36px;}
    .sec_title h1{display: flex;flex-flow: column;}
}


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

#hd{position:fixed;z-index:1000;top:0;left:0;width:100%;transition-duration:.3s;background:transparent;}
.header_wrap{z-index:200;width:100%;max-width:1710px;padding:0 15px;height:100%;margin:0 auto;zoom:1;text-align:center;display:flex;justify-content:space-between;position: relative;}

.header_logo_wrap{padding:17px 20px 17px 0;}
.header_logo_wrap a{width:100%;height:100%; image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;}
.header_logo_wrap:after,.header_logo_wrap:before{content:'';display:table;clear:both;}
.header_logo_wrap .logo_off{display:block;}
.header_logo_wrap .logo_on{display:none;}

header#hd.fixed{background:#fff;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%);}
header#hd.fixed .logo_on{display:block;transition-duration:.3s;}
header#hd.fixed .logo_off{display:none;transition-duration:.3s;}
header#hd.fixed .gnb_1dul li.gnb_1dli a{color:#333;}
header#hd.fixed .gnb_1dul li.gnb_1dli:after{background:#333;}
header#hd.fixed li.add_menu.log_btn_wrap a{color:#333;}

header#hd.hd_zindex .logo_on{display:block;transition-duration:.3s;}
header#hd.hd_zindex .logo_off{display:none;transition-duration:.3s;}
header#hd.hd_zindex.gnb_1dul li.gnb_1dli a{color:#333;}
header#hd.hd_zindex .gnb_1dul li.gnb_1dli:after{background:#333;}
header#hd.hd_zindex li.add_menu.log_btn_wrap a{color:#333;}
header#hd.hd_zindex li.add_menu.log_btn_wrap a.hd_log_btn.login:after{background:#333;}

.add_menu_wrap{position: relative;}
.add_menu_wrap .add_menu {width: 100%;height: 100%;display: flex;max-height: 85px;align-items: center;}
.add_menu_wrap .add_menu.lang_btn i{font-size:30px;color:#fff;}
.add_menu_wrap .lang_wrap {flex-direction: column;position: absolute;top:80%;padding: 19px 50px;border-radius:5px;background-color: #F9F9F9;left: 50%;transform: translateX(-50%);display:none;}
#langbtn.active .add_menu_wrap .lang_wrap{display:block;}


.add_menu_wrap .lang_wrap li {margin-bottom:15px;}
.add_menu_wrap .lang_wrap li:last-child{margin-bottom:0;}
.add_menu_wrap .lang_wrap a{font-size:16px;font-weight:600;color:#999;}
.add_menu_wrap .lang_wrap a.active{color:#ffab00;font-weight:700;}
header#hd.fixed .add_menu_wrap .add_menu.lang_btn i{color:#333;}
header#hd.hd_zindex .add_menu_wrap .add_menu.lang_btn i{color:#333;}


/* NEW */
.add-menu-wrap {position: relative;}
.add-menu-wrap .lang-box ul {display: flex; height: 85px; align-items: center;}
.add-menu-wrap .lang-box ul > li { position: relative; }
.add-menu-wrap .lang-box ul > li:first-child { padding-right: 15px; }
/* .add-menu-wrap .lang-box ul > li:first-child:after { content: ""; position: absolute; top: 50%; right: 8px; width: 2px; height: 2px; border-radius: 50%; background: #fff; } */
.add-menu-wrap .lang-box a{font-size:16px;font-weight:400;color:#fff;}
.add-menu-wrap .lang-box a.active{color:#fff;font-weight:800;}

header#hd.fixed .add-menu-wrap .lang-box a { color: #333; }
header#hd.fixed .add-menu-wrap .lang-box ul > li:first-child:after { background: #333; }


#m_gnb.open .lang_wrap {position: absolute;left: 20px;top:16px;}
#m_gnb.open .lang_wrap ul{display:flex;}
#m_gnb.open .lang_wrap ul li{margin-right:15px;}
#m_gnb.open .lang_wrap ul li a {font-size:16px;font-weight:400;color:#333;}
#m_gnb.open .lang_wrap ul li a.active{color:#333;font-weight:800;}



/* subpage header */

header#hd.sub_hd{background:#fff;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%);}
header#hd.sub_hd .logo_on{display:block;transition-duration:.3s;}
header#hd.sub_hd .logo_off{display:none;transition-duration:.3s;}
header#hd.sub_hd .gnb_1dul li.gnb_1dli a{color:#333;}
header#hd.sub_hd .gnb_1dul li.gnb_1dli:after{background:#333;}
header#hd.sub_hd li.add_menu.log_btn_wrap a{color:#333;}
header#hd.sub_hd a.hd_icon_btn.btn01{background-position: -110px 0;}
header#hd.sub_hd a.hd_icon_btn.btn02{background-position: -145px 0;}
header#hd.sub_hd a.hd_icon_btn.btn03 #nav_icon .menu_bar{background:#333;}

header#hd.sub_hd a.hd_icon_btn.btn01:hover{background-position: -220px 0;}
header#hd.sub_hd a.hd_icon_btn.btn02:hover{background-position: -255px 0;}
header#hd.sub_hd a.hd_icon_btn.btn03:hover #nav_icon .menu_bar{background:#ffab00;}
header#hd.sub_hd li.add_menu.log_btn_wrap a.hd_log_btn.login:after{background:#333;}

header#hd.sub_hd .gnb_1da{color:#333;}
header#hd.sub_hd #gnb .gnb_1dli:after{background:#333;}

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

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




/* 메뉴 */

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

#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:50px;font-size:18px;letter-spacing:.05em;}
#gnb_1dul .gnb_1dli:before{content:"";position:absolute;left:0;right:100%;top:84px;height:2px !important;z-index:2; opacity:0;background-color:#ffab00;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;height:100%;}
#gnb_1dul .gnb_1dli:hover:before{left:25px;right:25px;opacity:1;}
#gnb_1dul .gnb_1dli1{padding:0;}
#gnb_1dul .gnb_1da{padding: 12px 25px;display:inline-block;line-height:61px;font-size:18px;color:#fff;letter-spacing:-.02em;text-align:center;font-weight:600;transition: all ease .3s;}
#hd.fixed .gnb_1da{color:#333;}

#gnb #gnb_1dul .gnb_1da{min-width: 110px;}
#hd.hd_zindex #gnb_1dul .gnb_1da{padding: 12px 30px;}


#hd.hd_zindex #gnb .gnb_1dli:after{background:#333;}
.gnb_wrap {height: 100%;}
#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:uppercase;text-decoration:none;position:relative;}
.gnb_2dli a.gnb_2da{font-size:16px;color:#777;line-height:1.5;padding:4px 0;letter-spacing:-0.02em;}
.gnb_2dli a.gnb_2da:hover{color:#ffab00;transition:.3s all;font-weight:600;}
#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; }
#gnb .gnb_2dul { top:0; min-width:auto; display:none; padding:15px 5px;}
.gnb_2dul { position:relative; }
.gnb_2dli { display:block; }
#hd.hd_zindex { background-color:#fff; }
#hd.hd_zindex,
#hd.hd_zindex .gnb_1da,
#hd.hd_zindex .gnb_2dul { display:block; }
#hd.hd_zindex .gnb_1da{color:#333; }
header#hd.hd_zindex:after {content: '';width: 100%;height: 1px;background: #ddd;position: absolute;top: 85px;left: 0;right: 0;}



/* 모바일 */

#mo_menu_wrap{display:none;}
ul.mo_gnb{display:none;}

#m_nav_icon {opacity: 1;z-index: 9999;}
#mo_menu_wrap{display:none;}
/* #mo_menu_wrap .m_menu{height: 60px;width: 60px;display:flex;align-items: center;justify-content: center;background: #ffab00;position: relative;} */
#mo_menu_wrap .m_menu{height: 60px;width: 60px;display:flex;align-items: center;justify-content: center;background: #ffab00;position: absolute; top: 0; right: 0;}
#mo_menu_wrap #m_nav_icon .menu_bar{width:30px;height:1px;background:#fff;z-index:888;transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;}
#mo_menu_wrap #m_nav_icon .menu_bar:nth-child(2){margin-top:12px;}

#mo_menu_wrap #m_nav_icon.close .menu_bar:nth-child(1){transform:rotate(45deg);top:6px;width:30px;right: 0;}
#mo_menu_wrap #m_nav_icon.close .menu_bar:nth-child(2){transform:rotate(-45deg);top:6px;width:30px;right: 0;margin-top: 0;}

header#hd.active {min-height:60px;}
body.active header#hd{background: transparent;border-bottom:none;box-shadow:none;}

#m_gnb{position:fixed;overflow-y:auto;z-index:9998;top:0;bottom: 0;right: -320px;width:100%;max-width:320px;padding-top:60px;background-color:#fff;line-height:1.5;transition: right 0.4s;box-shadow: 0 0 3px 5px rgb(0 0 0 / 5%);}

#m_gnb.open{right:0;height:100%;}
#m_gnb.open main#container:before{content:'';background:rgba(0,0,0,.4);width:100%;height:100%;z-index:999;position:absolute;top:0;left:0;}
#m_gnb.open:before {content: '';width: 100%;position: absolute;top: 0;right: 0;background:#ffab00;height: 60px;}

#m_gnb #gnb_1dul .gnb_1da{color:#333;line-height:40px; width: 100%;text-align: left;position: relative;}
#m_gnb #gnb_1dul .gnb_1da:after{content: '';width: 10px;height: 10px;position: absolute;right:25px;top: calc(50% - 4px);border-top: 1px solid #333;border-right: 1px solid #333;transform: rotate(45deg);transition-duration: 0.3s;}
#m_gnb a.gnb_1da.open:after{transform: rotate(135deg)!important;}
#m_gnb #gnb_1dul .gnb_1dli{width:100%;height: auto;text-align: left;}

#m_gnb .gnb_2dul{background: #f4f4f4;padding: 10px 20px;margin: 2px 10px;}
#m_gnb .gnb_2dli a.gnb_2da{color:#999;text-align: left;}
#m_gnb .gnb_2dli a.gnb_2da:hover{color:#333;}
#m_gnb  #gnb_1dul .gnb_1dli:before{display:none;}

#m_gnb .add_menu_wrap {position: absolute;top: 30px;left: 25px;}
#m_gnb li.add_menu.log_btn_wrap{display:block;}
#m_gnb li.add_menu.log_btn_wrap a{color:#333;}
#m_gnb a.hd_log_btn.login:after{background:#333;}
#m_gnb .logo {position: absolute;bottom: 60px;left: 50%;transform: translate(-50%, -0);opacity:0.6;}


body{right:0;transition: right 0.4s;width: 100%;position: relative;}
body.active {position: relative;right: 300px;transition: right 0.4s;}
body.active:before {content: '';position: absolute;z-index: 999;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.5);}
#hd.active .header_logo_wrap{display:none;}


@media(max-width:1130px) {
    .header_wrap {min-height:60px;align-items: center;height: 1px;padding:0;}
    .header_logo_wrap{padding:20px 0 20px 15px;}
    .header_logo_wrap .logo_on{display:block;width:80%;}
    .header_logo_wrap .logo_off{display:none;}

    main#container{padding-top:60px;}
    #gnb{display:none;}
    #mo_menu_wrap {display: flex;}
    li.add_menu{margin:0;}
    ul.gnb_1dul{display:none;}
    li.add_menu.log_btn_wrap{display:none;}
    li.add_menu.add_btn_wrap a.hd_icon_btn.btn01{display:none;}
    li.add_menu.add_btn_wrap a.hd_icon_btn.btn02{display:none;}
    a.hd_icon_btn.btn03.close{margin-top:0;}
    #gnb_btn{display:none;}
    .add_menu_wrap .add_menu{display:none;}
	.add-menu-wrap .lang-box{ display: none; }
}


/* 검색하기 search */
#search_div{width: 100%;background:#ffab00;padding:30px 50px;position:absolute;display:flex;align-items:center;justify-content: center;top:-110px;left:0;transition: all ease .5s;z-index:1;opacity: 0;}
#search_div .search_wrap{margin:0 auto;border-bottom: 2px solid #fff;}
#search_div input{font-size: 18px;width: 100% !important;padding: 0 24px 0 8px;height:35px;border:none;background:transparent !important;color:#fff;}
#search_div input::placeholder{color:#fff;}
#search_div input:focus{background:transparent;color:#fff;}
#search_div button{color:#fff;}
#search_div .close_btn {position: absolute;right: 20px;top: 20px;font-size: 30px;color: #fff;cursor: pointer;}

#search_div.active{top:85px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;opacity:1;}
#search_div .sch_btn{background:transparent;width: auto;height: auto;top:50%;transform: translateY(-50%);}
#search_div .sch_btn:hover{color:#000;}

header#hd.hd_zindex #search_div{display:none;}
header#hd.active #search_div.active{display:none;}

.m_sch_btn{margin-right:20px;}
.m_sch_btn i{font-size:24px;color:#333;}

@media(max-width:920px) {
    #search_div.active{top:60px;}
}
@media(max-width:650px) {
    #search_div{padding:30px 40px 30px 20px;}
    #search_div .close_btn{right: 10px;top: 15px;}
}



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

#footer{width: 100%;position: relative;}
.ft_cont{overflow: hidden;}
.ft_pt_wrap{width:100%;max-width:1710px; margin: 0 auto;padding:0 15px;}

.ft_pt.pt_pl {width:70%; display: flex; flex-direction: column;}
.ft_pt.pt_pr {width:30%;text-align: right;justify-content: flex-end;}

.ft_bottom {padding: 50px 0;background:#24292c;}
.ft_bottom .ft_info {padding-right: 10px;}
.ft_bottom .ft_info .ft_txt_wrap {width:100%;color:#ddd; font-size:16px;font-weight:400;margin:0 auto;}
.ft_bottom .ft_info .ft_txt_wrap i{margin-right:9px;color:#ffab00;}
.ft_bottom .ft_info .ft_txt_info {margin-top:8px;}
.ft_bottom .ft_info .ft_txt_info p {padding-right:25px;}
.ft_bottom .ft_info .ft_txt_info p:last-child{padding-right:0;}

.ft_bottom .pt_pr h4{color:#fff;font-size:15px;word-break: keep-all;font-weight:500;}
.ft_bottom .pt_pr h2{color:#fff;font-size:40px;margin:15px 0; word-break: keep-all;font-weight:700;}
.ft_bottom .pt_pr p{width:100%;color: #777; font-size:16px;font-weight:400;}
.ft_bottom .pt_pr p > span{color: #ababab;}

.ft_copy {padding: 15px;background: #181818;text-align: center;color: #999;font-size: 14px;border-bottom: 1px solid #ffab00;}
.ft_copy .copy_txt{color: #777; font-size:14px; font-weight:400;}

.ft_sns{margin-top:25px;}
.ft_sns > ul{display:flex;}
.ft_sns > ul > li > a {color:#fff;margin-right:10px;font-size: 25px;font-weight: 300;width:40px;height:40px;border-radius: 50%;background:#5a5a5a;transition: all 0.5s;display: flex;align-items: center;justify-content: center;}
.ft_sns > ul > li > a:hover{ background:#ffab00;}
.ft_sns > ul > li > a:hover i{color:#fff;}
.ft_sns > ul > li > a > i{font-size:24px;}
.ft_sns > ul > li:last-child > a{margin-right:0;}
.ft_sns > ul > li:first-child > a::before {content: ""; width: 19px; height: 19px; background: url(../img/gen/xi-twitter.png) no-repeat center / 100%;}
.ft_sns > ul > li:nth-child(3) > a::after {content: ""; width: 22px; height: 22px; background: url(../img/gen/google.png) no-repeat center / 100%;}
.ft_sns > ul > li:last-child > a::after {content: ""; width: 24px; height: 24px; background: url(../img/gen/discord.png) no-repeat center / 100%;}

@media(max-width:990px){
    .ft_bottom .ft_pt.pt_pl{width:100%;justify-content: center;}
    .ft_bottom .ft_pt.pt_pr{width:100%;justify-content: center;order:-1;text-align: center;}
    .ft_bottom .ft_info{margin-top:20px;padding-right:0;}
    .ft_bottom .ft_info .ft_txt_wrap{text-align:center;margin:0 auto;}
    .ft_bottom .ft_info .ft_txt_info{justify-content:center;}
    .ft_bottom .ft_info .ft_txt_info p{padding-bottom:5px;}
    .ft_info p.copy_txt{text-align:center;}
}


/* TOP버튼 */

img#topButtonImg{width:16px;height:auto;display:block;margin:0 auto;}

#top_Button{background-color:#333;width:50px;height:50px;transition:background-color .3s,opacity .5s,visibility .5s;text-align:center;position:absolute;bottom:40px;z-index:99;top:-90px;right:40px;margin-top:10px;}
#top_Button:hover{background-color:#ffab00;}
#footer .top_box{display:flex;align-items:center;justify-content:center;flex-flow:column;height:100%;}
#footer .top_box p{color:#fff; font-size:11px; font-weight: 600; margin-top: 5px;}

@media(max-width:990px){
    #top_Button{right:15px;top: -75px;}
}

@media(max-width:650px){
    #top_Button{display:none !important;}
}


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

#subtop{border-bottom: 1px solid #e6e8ea;padding-top:80px;height:340px;display: flex;flex-wrap: wrap;align-items: center;background-repeat: no-repeat !important;background-size: cover !important;;background-position:center !important;;width:100%;margin: 0 0 0 auto;position: relative;z-index: 1;background: #000;justify-content: center;}

.subtop_txt{width: 100%;max-width:700px;text-align:center;position: relative;z-index:2;}
.subtop_title{color:#fff;font-size:48px;font-weight:600;line-height:1em;letter-spacing: 5px;}
.subtop_subtitle{font-size:18px;font-weight:300;line-height:1.3em;letter-spacing:1px;color:#fff;margin-top:20px;}
.subtop_txt .txt_line{display:none; width:40px;height:1px;margin:20px auto;background:#fff;}

.subtop_location_wrap{width: 100%;margin-top:60px;}
.subtop_box{max-width:1240px;width:100%;margin:-30px auto 0;position:relative;z-index:10;display:flex;justify-content:center;align-items: center;}
.subtop_box .subtopmenu{position:relative;display:flex;justify-content: center;align-items: center;}
.subtop_box .subtopmenu.menu_00 a{display:flex;width:100%;justify-content:center;align-items:center;font-size:20px;font-weight:600;color:#fff;}
.subtopmenu span {width: 100%;display: block;}
.subtopmenu.menu_02 a.loc_btn:after{content:'';position:absolute;width:100%;height:2px;background:#ffab00;bottom:0;left:0;}
.subtopmenu.menu_02 a.loc_btn.open:after{display:none;}

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

.subtop_box a.loc_btn {width: 100%;padding:4px 0;font-size: 16px;cursor: pointer;color:#d9d9d9;display: inline-flex;align-items: center;position: relative;}
.subtop_box a.loc_btn i{font-size:16px; color:#fff;margin-left:8px;}
.subtop_box .subtopmenu:last-child a.loc_btn{color:#fff;}

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

.main_container.intro #subtop{background-image: url("../img/gen/subtop_01.jpg");}
.main_container.ani_prod #subtop{background-image: url("../img/gen/subtop_02.jpg");}
.main_container.fnb_business #subtop{background-image: url("../img/gen/subtop_03.jpg");}
.main_container.toy_business #subtop{background-image: url("../img/gen/subtop_04.jpg");}
.main_container.partners #subtop{background-image: url("../img/gen/subtop_05.jpg");}
.main_container.board #subtop{background-image: url("../img/gen/subtop_06.jpg");}

.main_container.sto #subtop{background-image: url("../img/gen/subtop_08.jpg");}
.main_container.nft #subtop{background-image: url("../img/gen/subtop_09.jpg");}
.main_container.metaverse #subtop{background-image: url("../img/gen/subtop_10.jpg");}


@media (max-width: 1023px){
    #subtop{width: 100%;}
}
@media (max-width:1130px){
    #subtop {padding-top:0;height: calc(458px/2);padding-left: 15px;padding-right: 15px;border-top-left-radius: 0;border-bottom-left-radius: 0;background-position: center;}
    .subtop_txt {max-width: 100%;text-align: center;}
    .subtop_title{font-size:38px;}
    .subtop_box{justify-content: center;}
}
@media (max-width:450px){
    .subtop_box a.loc_btn{font-size:14px;    max-width: 150px;}
    .subtop_box .dot{margin:0 10px;}

}



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

.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; }
}