html{scroll-behavior: smooth;width:100%;overflow: auto;}
.main_sec2 {scroll-margin-top: 81px;}
.scroll-content{overflow-x: hidden !important;}
.scrollbar-track-x{display:none !important;}
#header{position:relative;z-index:99; padding-top: 20px; padding-bottom: 20px; position: relative; width: 100%; top:0px; left: 0px;}
#header h1{text-align:center;height:100px;overflow:hidden}
#header h1 .ts{display:inline-block;padding:20px 0;fmargin-top:0;}

* {overscroll-behavior: none;}
* {overscroll-behavior-y: none;}

.main_wrap {height:100%;}

#DB_navi50{height:40px;}
#DB_navi50 .inner{position:relative;width:1280px;height:40px;margin:0 auto;}

/*메뉴가 고정될때 .fixed.on*/
#DB_navi50 .fixed.on{position:fixed;top:0;width:100%; padding-top: 20px; padding-bottom: 20px; background:#fff; border-bottom: 1px solid #eee;}


#DB_navi50 .logo-banner{position:absolute;z-index:2;left:50px;top:0px;}/*height,overflow필수*/
#DB_navi50 .logo-banner .ts{margin-top:0px;}
#DB_navi50 .logo-banner .logo{height:40px;padding:0px 0}
#DB_navi50 .logo-banner .logo img{height:40px}
#DB_navi50 .logo-banner .banner{height:40px;line-height:40px}

#DB_navi50 .lnb{position:relative;z-index:1;float:right}
#DB_navi50 .lnb li{float:left}
#DB_navi50 .lnb li > a{display:block;padding:0 20px;line-height:40px;font-size:16px;font-weight:600;color:#fff}
#DB_navi50 .lnb li > a:hover{color:#013DFD !important;}
#DB_navi50 .lnb li .sub{position:absolute;left:0;width:100%;height:25px;display:none; margin-top: -9px;}
#DB_navi50 .fixed.on .lnb li .sub{padding-top: 30px;}
#DB_navi50 .lnb li.on > a{color:#013DFD}
#DB_navi50 .lnb li.on .sub{display:block}
#DB_navi50 .lnb li .s1{padding-left:0px;}
#DB_navi50 .lnb li .s2{padding-left:100px}
#DB_navi50 .lnb li .s3{padding-left:256px}
#DB_navi50 .lnb li .s4{padding-left:90px}
#DB_navi50 .lnb li .s5{padding-left:300px}
#DB_navi50 .lnb dl{}
#DB_navi50 .lnb dd{float:left;}
#DB_navi50 .fixed.on .lnb dd{background-color: #fff;}
#DB_navi50 .lnb dd a{display:block;font-size:14px;line-height:50px;;padding:0 20px; color:#fff;}
#DB_navi50 .lnb dd a:hover{color:#000;}
#DB_navi50 .fixed.on .lnb dd a{color:#999 !important;}
#DB_navi50 .fixed .lnb dd a:hover{color:#013DFD;}
#DB_navi50 .fixed.on .lnb dd a:hover{color:#000;}
#DB_navi50 .fixed.on .lnb li > a{color: #000;}

#DB_navi50 .inner {width: 100%; padding-left: 50px; padding-right: 50px; box-sizing: border-box;}

.main_v {width: 100%; position: relative;}
.inner {width: 1280px; margin: 0 auto;}
.top_center_txt {color:#fff; font-size: 50px; line-height: 130%;}
.top_center_txt_tiny {color:#fff; font-size: 22px; line-height: 130%; display: block; margin-bottom: 15px;}
.top_center {position: absolute; top:50%; transform:translateY(-50%); width: 100%;}
.sc_btn_btn {background-color: transparent; border:0px; color:#fff;}
.sc_btn_div {position: absolute; bottom:50px;width: 100%; text-align: right; padding-right: 50px; box-sizing: border-box;}
.sc_btn_div .inner {text-align: right;}

.main_sec1 {background-color: #fff; padding-top: 100px; padding-bottom: 100px; border-bottom: 1px solid #eee;}
.bg_tits {font-size: 180px; color:#f1f1f1; display: block; text-align: center;}

.bgv {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: -1;}
.bgv video {height: 100%;width: 100%;object-fit: cover;}

.b_box {width: 48%; min-height: 600px;border-radius:15px;
 	/*border: 1px solid #999999;*/ position: relative; overflow: hidden; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1); cursor: pointer;
 	}
.b_box_bl {background-position: center center; background-size: cover; background-repeat: no-repeat; display: block; position: absolute; top:0px; left: 0px; width:100%; height:100%; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);}
.b_box_tx {transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 1; color:#fff; position: absolute; bottom:50px; left: 50px; font-size: 24px; line-height: 140%;}

.b_box_l {float:left;}
.b_box_r {float:right; margin-top: 80px;}
.busi_cont_wrap {width:768px; margin: 0 auto; margin-top: -60px;}
.busi_cont_wrap2 {margin-top: 0px;}

.b_box:hover .b_box_bl {width: 110%; height:110%; left: -5%; top:-5%;}

.main_sec2 {padding-top: 100px; padding-bottom: 100px;}
.sec_tits {color:#000; font-size: 60px; margin-bottom: 50px; display: block;}
.bbs_lists {}
.bbs_lists ul {border-bottom: 1px solid #eee; padding-top: 30px; padding-bottom: 30px;}
.bbs_lists ul li {float:left;}
.bbs_lists ul li:nth-child(1) {width: 80%;}
.bbs_lists ul li:nth-child(2) {width: 20%; text-align: right; color:#888;}
.bbs_lists ul li a {font-size: 18px;}
.bbs_lists ul li a:hover {color:#013DFD;}
.bbs_lists ul li {font-size: 18px;}


.main_sec4 {padding-top: 100px; padding-bottom: 100px; text-align: center;}
.main_sec4_tit {font-size: 28px;}
.main_sec4_btn {margin-top: 50px;}
.main_more_btn {background-color: #013DFD; color:#fff; font-size: 18px; padding-left: 40px; padding-right: 40px; height:65px; border:0px; border-radius: 65px;}
.main_more_btn:hover {background-color: #000;}

.tail_wrap {border-top:1px solid #eee; padding-top: 100px; padding-bottom: 100px; background-color: #fff; position: relative;}
.tail_info_btn {font-size: 15px; background-color: transparent; height:50px; border:0px; padding: 0px; width: 140px; /*background-image: url('../image/btn-up.svg'); background-position: center right; background-repeat: no-repeat;*/}
/*.tail_info_btn.open {background-image: url('../image/btn-down.svg');}*/
.tail_info_btn span {float:left;}
.tail_info_btn i {float:right; margin-top: -3px;}
.tail_wrap_ul1_li1 {font-size: 18px;}
.b_info_box {font-size: 14px; color:#999; padding-bottom: 15px;}
.b_info_box {}
.hide {display: none;}
.tail_wrap_ul1 {float:left;}
.tail_wrap_ul2 {float:right;}
.tail_wrap_ul2 a img {width: 30px; height:auto; margin-left: 5px;}

.sub_v_t1 {text-align: center; font-size: 18px; color:#fff}
.sub_v_t2 {text-align: center; font-size: 40px; padding-top: 15px; color:#fff;}
.bl {position: absolute; display: block; top:0px; left: 0px; width: 100%; height:100%; background-color: rgba(0,0,0,0.3);}

.sub_sec1 {padding-top: 100px; padding-bottom: 100px; border-bottom:1px solid #eee;}
.sec_subs {font-size: 44px; line-height: 130%; display: block;}
.sec_subs_con {font-size: 18px; line-height: 140%; display: block; margin-top: 20px;}

.sub_sec2 {padding-top: 0px; padding-bottom: 100px;}
.misson_box {width: 600px; margin-top: 100px; float:right; margin-right: 150px;}
.misson_box_ul1 {min-height: 700px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.misson_box2 .misson_box_ul1{min-height: 600px;}
.misson_box3 .misson_box_ul1{min-height: 650px;}
.misson_box_ul2 {font-size: 24px; margin-top: 40px; line-height: 130%; word-break: keep-all}
.misson_box_ul3 {font-size: 40px; margin-top: 20px; line-height: 130%; word-break: keep-all}
.misson_box_ul4 {font-size: 18px; margin-top: 20px; line-height: 140%; word-break: keep-all}
.misson_box2 {float:right;}

.sub_sec3 {padding-top: 100px; padding-bottom: 100px;}
.sticky {position: sticky; top:180px;}
.sticky2 {position: sticky; top:56%;}
.his_tab a {font-size: 26px; color:#ccc; display: block;}
.his_tab a.his_on {color:#000; font-size: 36px;}

dl,dt,dd{margin:0;padding:0;list-style:none;}
#DB_etc2 {position:relative;}
#DB_etc2 .DB_btn{text-align:right}
#DB_etc2 .DB_btn .DB_open{margin-right:1px;cursor:pointer}
#DB_etc2 .DB_btn .DB_close{cursor:pointer}

#DB_etc2 dt{border-top:1px solid #000;color:#000;cursor:pointer; font-size: 30px; line-height: 130px; background-image: url('../image/his-down.svg'); background-position: center right; background-repeat: no-repeat;}
#DB_etc2 dt:nth-child(1){background-image: url('../image/his-up.svg');}
#DB_etc2 dt.bg_ups {background-image: url('../image/his-up.svg');}
#DB_etc2 dt.bg_ups:nth-child(1) {background-image: url('../image/his-down.svg');}
#DB_etc2 dt:hover{}
#DB_etc2 dd {display:none;padding-top: 0px; padding-bottom: 35px; line-height:150%; color:#000; font-size: 18px;}

.his_l {float:left; width: 30%;}
.his_r {float:right; width: 65.5%;}

.his_tab a.active {color:#000; font-size: 36px;}
.sub_sec4 {padding-top: 100px; padding-bottom: 100px; border-top:1px solid #eee;}

.ci_wrap { margin-top: 50px;}
.ci_l {float:left; width:48%;}
.ci_l img {height:80px;}
.ci_l div {border:1px solid #eee; box-sizing: border-box; text-align: center; padding-top: 100px;padding-bottom: 100px;}
.ci_r {float:right; width: 48%;}
.ci_r img {height:80px;}
.ci_r div {border:1px solid #eee; box-sizing: border-box; text-align: center; padding-top: 100px;padding-bottom: 100px;}

.download_btns {border:1px solid #000; width: 100%; height:70px; border-radius: 70px; background-color: transparent; padding-left: 50px; padding-right: 45px; box-sizing: border-box; font-size: 20px; margin-top: 30px;}
.download_btns span {float:left; margin-top: 6px;}
.download_btns i {float:right; margin-top: 2px;}
.download_btns:hover {border-color:#013DFD; color:#013DFD;}

.sub_sec5 {padding-top: 100px; padding-bottom: 100px; border-top:1px solid #eee;}
.map_info_li1 {float:left;}
.map_info_li2 {float:right; margin-right: 40px;}
.map_info_li3 {float:right;}
.map_infos {background-color: transparent; border:0px; font-size: 18px; padding: 0px;}
.map_infos i {float:left; margin-right: 15px; margin-top: -2px;}
.map_infos span {float:right;}
.map_info {padding-top: 30px; padding-bottom: 30px;}

.map_info2 {padding-bottom: 30px; border:1px solid #eee; padding: 30px; border-radius: 10px; box-sizing: border-box; margin-top: 20px;}
.map_infos2 {background-color: transparent; border:0px; font-size: 24px; padding: 0px; margin-bottom: 20px;}
.map_infos2 i {float:right; margin-left: 15px; margin-top: -2px;}
.map_infos2 span {float:left;}

.map {background-color: #f9f9f9; min-height:400px; border-radius: 10px; overflow: hidden;}

.sub_sec1_fix {border-bottom:0px; padding-bottom: 100px;}
.fix_bl1 {border-bottom: 1px solid rgba(255,255,255,0.2); padding-left: 0px; padding-top: 30px; padding-bottom: 30px;}
.fix_bl1_li1 {font-size: 16px; color:#fff;}
.fix_bl1_li2 {font-size: 24px; color:#fff; margin-top: 15px;}
.sub_sec1_fix_inner {float:left;}
.sub_sec1_fix_inner2 {width:423px;}
.fix_bl2_li1 {color:#fff;}

.fix_bl2 {border-bottom: 1px solid rgba(255,255,255,0.2); padding-left: 0px; padding-top: 30px; padding-bottom: 30px;}
.fix_bl2_li1 dd:nth-child(1) {font-size: 16px;}
.fix_bl2_li1 dd:nth-child(2) {font-size: 24px; margin-top: 15px;}
.fix_bl2_li1 {float:left;}
.fix_bl2_li2 {float:right;}
.fix_bl2_li2 img {height:70px; margin-top: -10px; margin-left: 40px;}

.fix_bl3 {border-bottom: 1px solid rgba(255,255,255,0.2); padding-left: 0px; padding-top: 30px; padding-bottom: 30px;}
.fix_bl3 .fix_bl2_li2 img {margin-top: -5px;}
.sub_sec_bg {background-color: #fff;}
.pt100 {padding-top: 100px;}
.ph_card img {border-radius: 30px; border:5px solid #000; box-sizing: border-box;}
.ph_txt {font-size: 22px; text-align: center; line-height: 150%; margin-top: 70px;}
.mid_ci {padding-top: 45px; padding-bottom: 50px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); display: block; width: 150px; border-radius: 20%; margin: 0 auto; text-align: center;}
.bd_top {border-top:1px solid #eee;}
.mid_txt {display: block; text-align: center; margin-top: 50px; font-size: 36px;}
.mid_txt2 {display: block; text-align: center; margin-top: 20px; font-size: 18px;}
.links_img {height:75px; width: 100%; border-radius: 75px; border:1px solid #ddd; background-color: transparent;}
.links_img:hover {border-color: #000;}
.links_img img {height:30px; width:auto;}
.links_img2 img {height:35px;}
.mt-50 {margin-top: 50px;}
.mid_ci2 {box-shadow: none; padding: 0px; width: 220px;}
.mid_ci2 img {width: 100%;}
.btn2_box {width: 630px;}

.fix_bl1_toon {color:#fff; padding: 0px; padding-top: 20px; font-size: 20px; border-bottom: 0px;}
.toon_r_box {}
.toon_r_box dd.list_word1 {font-size: 18px; margin-top: 20px; text-align: left;}
.toon_r_box dd.list_word2 {font-size: 14px; color:#999; margin-top: 10px; text-align: left;}
.toon_r_box img {border-radius: 20px;}

.c_tit_sub {font-size: 20px; text-align: center}
.c_tit_main {font-size: 44px; margin-top: 20px; text-align: center}
.lev {margin-top: 70px;}
.lev a img {border:1px solid #999999; border-radius: 20px; box-sizing: border-box;}

/* 다중팝업 CSS */
.d_popup{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000}
.d_popup.on{display:block}
.d_popup .bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.d_popup .wins{display:none;position:absolute;width:400px;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff; border-radius: 20px; padding: 50px; box-sizing: border-box;}
.d_popup .wins.on{display:block}
.d_popup .wins .inner{padding:40px;font-size:14px;color:#555;line-height:1.6; width: 100%; padding-top: 20px;}
.d_popup .wins .inner:after{display:block;content:'';clear:both}
.d_popup .wins .close{position:absolute;right:0;top:0;width:120px;height:120px;cursor:pointer;text-indent:-9999px}
.d_popup .wins .close:before{display:block;content:'';position:absolute;left:50%;top:50%;width:30px;height:2px;background:#000;transform:translate(-50%,-50%) rotate(45deg)}
.d_popup .wins .close:after{display:block;content:'';position:absolute;left:50%;top:50%;width:30px;height:2px;background:#000;transform:translate(-50%,-50%) rotate(-45deg)}
.d_popup .wins .tit{background:#fff;line-height:100%;font-size:20px;color:#000;padding-left:40px; padding-top: 40px;}

.d_popup .sitemap .inner{margin-left:-3%}
.d_popup .sitemap dl{float:left;width:22%;margin:20px 0;margin-left:3%;}
.d_popup .sitemap dl:nth-child(4n+1){clear:both}
.d_popup .sitemap dl dt{font-size:18px;font-weight:600;line-height:50px;border-bottom:1px solid #000;margin-bottom:10px}
.d_popup .sitemap dl dd{padding:5px 0}
.d_popup .sitemap dl dd a{color:#555;font-size:13px}

.lev_tit2 {}
.lev_tit2_li1 {font-size: 18px; margin-top: 50px;}
.lev_tit2_li2 {font-size: 16px; margin-top: 5px; word-break: keep-all; line-height: 130%;}

.lev_tit3 {}
.lev_tit3_li1 {font-size: 20px; margin-top: 30px;}
.lev_tit3_li2 {font-size: 16px; margin-top: 5px; word-break: keep-all; line-height: 130%;}
.lev_tit3_li2 span {float:left;}
.lev_tit3_li2 a {float:left; margin-left: 10px; margin-top: -5px;}
.lev_tit3_li2 a img {height:30px; width:auto;}
.lev_more_btn {background-color: #013DFD; color:#fff; font-size: 18px; height:70px; border-radius: 70px; border:0px; width: 100%; margin-top: 30px;}

.po_rel {position: relative;}
.game_bg_wraps {height:768px; position: relative}
.game_bg_wraps_mov {height:1024px; position: relative}
.game_bg_wraps_fix {position: absolute; bottom:100px;}
.game_bg_wraps_wid {width: 453px;}

.text-center {text-align: center;}
.bd_btm_0 {border-bottom: 0px;}
.bbs_list_wrap {padding-bottom: 100px;}

.bbs_list_ul1 {float:left; width: 14%;}
.bbs_list_ul1 img {width: 100%; height:auto; border:1px solid #eee; box-sizing: border-box;}
.bbs_list_ul2 {float:left; width: 86%; padding-left: 30px; box-sizing: border-box;}
.bbs_list_ul2_li1 a {font-size: 22px;}
.bbs_list_ul2_li2 {font-size: 16px; margin-top: 20px; line-height: 140%; color:#888; word-break: keep-all;}
.bbs_list_ul2_li3 {font-size: 16px; margin-top: 10px; color:#999;}
.bbs_list_inner {padding-bottom: 40px; border-bottom: 1px solid #eee; margin-bottom: 40px;}
.sub_bbs_inner {padding-bottom: 100px;}

.bbs_lists_list {}
.bbs_lists_ir1 ul li {float:left; text-align: center; font-size: 20px;}
.bbs_lists_ir1 ul li:nth-child(1) {width: 10%;}
.bbs_lists_ir1 ul li:nth-child(2) {width: 40%;}
.bbs_lists_ir1 ul li:nth-child(3) {width: 25%;}
.bbs_lists_ir1 ul li:nth-child(4) {width: 25%;}
.bbs_lists_list ul {padding-top: 30px; padding-bottom: 30px; border-bottom:1px solid #eee;}
.bbs_lists_list {border-top:1px solid #000;}

.bbs_lists_ir2 ul li {float:left; text-align: center; font-size: 20px;}
.bbs_lists_ir2 ul li.ups {color:#f91949}
.bbs_lists_ir2 ul li.downs {color:#013DFD;}
.ups {color:#f91949}
.downs {color:#013DFD;}
.bbs_lists_ir2 ul li:nth-child(1) {width: 15%;}
.bbs_lists_ir2 ul li:nth-child(2) {width: 15%;}
.bbs_lists_ir2 ul li:nth-child(3) {width: 10%;}
.bbs_lists_ir2 ul li:nth-child(4) {width: 15%;}
.bbs_lists_ir2 ul li:nth-child(5) {width: 15%;}
.bbs_lists_ir2 ul li:nth-child(6) {width: 15%;}
.bbs_lists_ir2 ul li:nth-child(7) {width: 15%;}

.stock_info_title{font-size: 35px;font-weight: 900;margin-bottom: 10px;}
.stock_info {border-top:1px solid #000; border-bottom: 1px solid #000; margin-bottom: 20px;}
.stock_info_ul1 {float:left; width: 50%;}
.stock_info_ul2 {float:left; width: 50%;}
.stock_info_ul1_li1 {float:left; width: 55%; line-height: 112px; box-sizing: border-box; font-size: 40px; text-align: center;}
.stock_info_ul1_li2 {float:left; width: 45%; box-sizing: border-box; border-right: 1px solid #eee;}
.stock_info_ul1_li2 dd {font-size: 22px; line-height: 60px; }
.stock_info_ul2 li {float:left; width: 33.3333%; box-sizing: border-box;}
.stock_info_ul2 li dd {line-height: 60px; text-align: center; font-size: 18px; border-bottom:1px solid #eee;}
.help_texts {display: block; text-align: right; color:#999; font-size: 18px; margin-bottom: 15px;}
.download_list_btn {background-color: transparent; padding: 0px; border:0px;}

.stock_info2,.stock_info3{margin-bottom:50px;border-top:1px solid #111;border-bottom: 1px solid #111; margin-top: 50px;}
.stock_info2 table,.stock_info3 table{width:100%;border-collapse : collapse;}
.stock_info2 table tr td,.stock_info3 table tr td {text-align: center;border-collapse : collapse;font-size: 17px;padding: 5px 0;font-weight: 600; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.stock_info3 table tr th {background-color: transparent;color:#000; border-bottom:1px solid #000; padding-top: 20px; padding-bottom: 20px; font-size: 17px;}
.border_left_none{border-left:none !important;}
.border_right_none{border-right:0 !important;}

.bbs_lists_ir3 ul li {float:left; text-align: center; font-size: 20px;}
.bbs_lists_ir3 ul li:nth-child(1) {width: 20%;}
.bbs_lists_ir3 ul li:nth-child(2) {width: 55%;}
.bbs_lists_ir3 ul li:nth-child(3) {width: 25%;}
.bd_btm {border-bottom: 1px solid #eee;}

.cr_txt {padding-top: 10px; margin-bottom: 40px;}
.cr_txt_tit {font-size: 24px;}
.cr_txt_sub {font-size: 20px; margin-top: 10px;}
.no_fl {float:none !important; width: 100% !important; text-align: left !important; margin-top: 10px;}
.day_colors {color:#013DFD;}
.cr_tit a {font-size: 24px !important;}
.cr_sub {font-size: 18px !important;}

.pageings {padding-top: 50px; text-align: center;}
.pg_wrap {float:none;}
.lev_tit3_li2 a {background-color: #000; border-radius: 50%; padding-top: 2px; width: 30px; height:30px; text-align: center;}
.lev_tit3_li2 a img {width: 20px; height:auto;}
.lev {padding-bottom: 100px;}
.cr_lefts {float:left; width: 65%;}
.cr_rights {float:right; width: 30%; position: sticky; top:140px; border:2px solid #eee; border-radius: 20px; padding: 30px; padding-top: 15px; padding-bottom: 15px;}
.cr_rights ul {margin-top: 15px; margin-bottom: 15px; border-bottom:1px solid #eee; padding-bottom: 15px;}
.cr_rights li:nth-child(1) {float:left; width: 30%;}
.cr_rights li:nth-child(2) {float:left; width: 70%;}
.cr_btnss {height:60px; font-size: 18px; text-align: center; border-radius: 60px; width: 100%; color:#fff; background-color: #121212; border:0px;}
.cr_btnss:hover {background-color: #013DFD;}
.cr_more_btn {background-color: #fff; border:1px solid #ddd; color:#000; font-size: 14px; margin-top: 10px; text-align: center}
.cr_more_btn:hover {border-color:#013DFD;}

.cr_more_btn_can {background-color: #f9f9f9; color:#666; font-size: 16px; margin-top: 10px;}
.cr_more_btn i {display: block; text-align: center;}
.cr_more_btn i img {height:20px; margin-bottom: 5px;}
.cr_more_btn span {display: block;}

.cr_more_btn2 i {display: block; text-align: center;}
.cr_more_btn2 i img {height:15px; margin-bottom: 5px;}
.cr_more_btn2 span {display: block;}

.cr_more_btn3 i {display: block; text-align: center;}
.cr_more_btn3 i img {height:10px; margin-bottom: 5px;}
.cr_more_btn3 span {display: block;}

.sub_sec1_fix_new {background-color: #fff;}
.fix_bl2_li1_new {color:#000;}
.fix_bl2_li2_new {color:#000;}
.fix_bl1_li1_new {color:#000;}
.fix_bl1_li2_new {color:#000;}
.sub_sec1_fix_new {border-bottom:1px solid #eee;}
.fix_bl1_new {padding-top: 0px; padding-top: 100px;}
.fix_bl3_new {padding-bottom: 0px;}
.fix_bl2_new {border-color:rgba(0,0,0,0.1);}

.pg_current {
    display: inline-block;
    background: #000;
    border: 1px solid #000;
    color: #fff;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    min-width: 30px;
    border-radius: 3px;
}

.main_sub_title_inner_new {width: 100%; text-align: center; top:410px; }

.pg_wrap {clear: none;}

.mobile {display: none;}




/* 히든 슬라이더 { */
.sh-side-options {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999999999;
    padding: 0 0;
    width: 100%;
    transform: translateX(100%);
    transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
    letter-spacing: -0.5px;
    background-color: #111;
}

.sh-side-options.open {transform: translateX(0px);box-shadow: 0 0px 39px 10px rgba(0, 0, 0, 0.2);transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}

.sh-side-demos-container {
    top: 0;
    left: 0;
    right: -17px;
    bottom: 0;
    position: absolute;
    overflow-y: hidden;
    background-color: #111;;
    background-repeat: no-repeat;
    background-position: right top;
    padding: 22px;
    padding-bottom: 35px;
}

.close_r {
    position: absolute;
    top: 30px;
    right: 40px;
    cursor: pointer;
    z-index: 99;
}

.sh-side-demos-loop-container {position: relative; margin: 0 -10px;margin-top: 10px;}
.sh-side-options {width: 100%;transform: translateX(100%);}
.sh-side-options-container {bottom: 30px;left: -95px;margin-right: 15px;}

.bgs {background-color: rgba(0,0,0,0.7); position: fixed; top:0px; left:0px; width: 100%; height:100%; display: none; z-index: 999;}
.cs_div {margin-top:40px;}
.cs_tel_ul1_m {box-sizing: border-box; padding-top: 5px; padding-bottom: 15px; cursor: pointer; border-bottom: 0.1px solid rgba(0,0,0,0.1);}
.cs_tel_ul1_m li {}
.cs_txt2 {text-align: left; padding-top: 15px; padding-bottom: 15px;}
/* } */

.r_prof_div {margin-top: 70px;}
.r_prof_ci img {height:30px;}

/* 메뉴 { */
#DB_navi42{position:relative;width:100%; letter-spacing: -0.5px;}
#DB_navi42 a{text-decoration:none;display:block;}

#DB_navi42 .DB_1D{position:relative;width:100%;border-width:0 0px 1px 0;text-align:left}
#DB_navi42 .DB_1D a{font-size:30px;color:#fff;height:60px;line-height:60px;}
#DB_navi42 .DB_1D a:hover{color:#013DFD}
#DB_navi42 .DB_1D.DB_select a{color:#013DFD}

#DB_navi42 .DB_1D .DB_2D_wrap{display:none;text-align:left; padding-bottom: 20px;}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D{position:relative;padding-bottom:0px;padding-top: 0px;}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D a{font-size:20px;color:#bbb;height:50px;line-height:50px;text-indent:0px;}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D a:hover{color:#fff}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D.DB_select a{color:#fff; font-weight: 700 !important;}

#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap{display:none;position:relative;background:#f1f1f1;left:0px;top:0px;text-align:left;padding:15px 0px 15px 0px; border-bottom: 1px solid #eee;}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D{}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D a{font-size:13px;color:#666;background:#f1f1f1;height:30px;line-height:30px;text-indent:25px}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D a:hover{color:#fff;}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D.DB_select a{color:#fff;}
/* } */

/* 로그인 { */
.mod_login_divs {width: 100%; top: 50%;transform: translateY(-50%);position: absolute;}
.mod_wrap {padding: 30px; box-sizing: border-box; text-align: center; width: 500px; margin: 0 auto;}
.mod_ci {margin-bottom: 40px; text-align: center;} 
.mod_ci img {}
.mod_tit {color:#fff; font-size: 18px; letter-spacing: -0.5px;}
.mod_sub_txt {color:rgba(255,255,255,0.5); font-size: 14px; margin-top: 15px; margin-bottom: 30px;}
.mod_inp {margin-top: 15px; position: relative;}
.mod_inp input {height:70px; border-radius: 70px; width: 100%; color:#fff; border:0px; background-color: #2B2E34; box-sizing: border-box; padding-left: 30px; padding-right: 70px; letter-spacing: -0.5px; font-size: 14px;}
.mod_inp label {position: absolute; top:22px; right: 30px;}
.mod_btn {margin-top: 15px;}
.mod_btn_ok {border:0px; width:100%; height:70px; border-radius:70px; text-align: center; color:#fff; font-size: 18px; background-color: #013DFD;}
.mod_btn_link {border:0px; width:100%; height:70px; border-radius:70px; text-align: center; color:#000; font-size: 18px; background-color: #fff;}
.mod_sns {margin-top: 30px;}
.mod_idpw {margin-top: 40px;}
.mod_idpw a {color:rgba(255,255,255,0.5); font-size: 14px; padding-bottom: 15px; border-bottom: 2px solid rgba(255,255,255,0.1);}

.login-sns {background-color:transparent !important;}
#sns_login {border-top:0px;}
#mb_login #sns_login {text-align: center; padding: 0px;}
#mb_login #sns_login .txt {display: none;}
#mb_login #sns_login .sns-icon {width:50px !important; height:50px !important;}
#mb_login #sns_login .sns-icon {float:none !important; display:inline-block;}
#mb_login #sns_login .sns-icon:nth-child(odd) {margin-right:1%}
#sns_login .sns-icon  {background-position: 10px 10px;}
#sns_login .sns-icon {border-radius: 6px;}
/* } */


/*사파리 폰트컬러*/
.text2,.text2 a {color:#000;}
.text_color_000,.text_color_000 a{color:#000;}

.lev a img {padding: 30px;}
.lev_tit3_li2 a img {width: 15px; margin-top: 5px;}
.swiper-container-horizontal>.swiper-pagination-bullets {margin-bottom: 0px !important; bottom:20px !important;}
.cr_txt {margin-bottom: 0px; margin-top: 30px;}
.cr_lefts b {font-weight: bold;}

.scroll-top-btn{
	position:absolute;
	bottom:30px;
	right:50px;
	padding:10px;
	transition:transform 0.2s;
	width:44px;
	height:44px;
	color:#000;
	z-index:999;
}

@media all and (max-width:1280px) {
	.scroll-top-btn{
		bottom:20px;
		right:20px;
        
	}	
    
}

@media all and (max-width:1200px) {
    .inner {width: 900px;}
    .map_info_li1 {float:none;}
    .map_info_li2 {float:none; margin-top: 10px;}
    .map_info_li3 {float:none; margin-top: 10px;}
    .map_infos {font-size: 14px;}
    .main_sub_title_inner,.sub_sec1_fix_inner{padding-left: 30px;padding-right: 30px;}
}

@media all and (max-width:900px) {
    .mobile {display: block;}
    .pc {display: none;}
    .inner {width: 100%;}
    #DB_navi50 .inner {width: 100%;}
    #DB_navi50 .lnb {display: none;}
    #header {padding:20px 20px 20px 20px; box-sizing: border-box;}
    #DB_navi50 .fixed.on {left: 0px; padding:20px 20px 20px 20px; box-sizing: border-box;}
    .sc_btn_div {padding-right:10px; box-sizing: border-box;}
    .busi_cont_wrap {width: 100%;}
    .top_center_main_mo {transform: none; top:auto; bottom:100px; padding-left: 20px; padding-right: 20px; width: 70%;}
    .top_center_txt {font-size: 32px;}
    #DB_navi50 .logo-banner .logo img {height:30px; margin-top: 5px;}
    .bg_tits {font-size: 100%;}
    .busi_cont_wrap {}
    .main_sec2 {padding-left: 20px; padding-right: 20px;}
    .bbs_lists ul li {float:none; width: 100% !important; text-align: left !important;}
    .sec_tits {margin-bottom: 20px; font-size: 40px;}
    .main_sec4 {padding-top: 50px; padding-bottom: 50px;}
    .main_sec4_tit {font-size: 24px; padding-left: 20px; padding-right: 20px; word-break: keep-all; line-height: 150%;}
    .main_sec4_btn {margin-top: 30px;}
    .tail_wrap {padding-top: 50px; padding-bottom: 50px; padding-right: 20px; padding-left: 20px; padding-right: 20px; position: relative;}
    .tail_wrap_ul2 {position: relative; top:25px; right:0px;}
    .main_sec2 {padding-top: 50px; padding-bottom: 50px;}
    .sub_sec1 {padding: 50px 20px 50px 20px;}
    .misson_box {margin-top: 50px; width: 100%; margin-right: 0px;}
    .sec_tits {font-size: 36px;}
    .sec_subs {font-size: 32px;}
    .misson_box_ul1 {background-size: 100%;min-height:auto;}
    .misson_box3 .misson_box_ul1 {min-height:auto;}
    .misson_box2 .misson_box_ul1 {min-height:auto;}
    .misson_box {padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
    .his_l {float:none; width: 100%;}
    .his_r {float:nonr; width: 100%;}
    .sub_sec3 {padding: 50px 20px 100px 20px;}
    .his_tab div a {float:left; margin-right: 40px;}
    .his_tab a {font-size: 22px;}
    .sticky {top:80px; background-color: #fff; z-index: 98; padding-top: 20px; padding-bottom: 10px;}
    .his_tab a.active {font-size: 30px;}
    .sub_sec5 {padding-top: 50px; padding-bottom: 130px; padding-left: 20px; padding-right: 20px; border-top:0px;}
    .ci_l {float:none; width: 100%;}
    .ci_r {float:none; width: 100%; margin-bottom: 0px;}
    .map_info_li1 {float:none;}
    .map_info_li2 {float:none; margin-top: 10px;}
    .map_info_li3 {float:none; margin-top: 10px;}
    .map_infos {font-size: 14px;}
    .sticky2 {padding-left: 20px; box-sizing: border-box;}
    .sub_sec1_fix {padding-left: 20px; box-sizing: border-box; padding-right: 20px; word-break: keep-all;}
    .swiper-container-list1-pd {padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box;}
    .fix_bl2_li1 dd:nth-child(2) {font-size: 20px;}
    .ph_txt {font-size: 18px; word-break: keep-all; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
    .mid_txt {font-size: 30px;}
    .links_img img {height:25px;}
    .swiper-container-list5-pd {padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box;}
    .game_bg_wraps_wid {padding-left: 20px; box-sizing: border-box;}
    .bbs_list_ul1 {float:none; width: 100%;}
    .bbs_list_ul2 {float:none; width: 100%; padding-left: 0px; margin-top: 30px;}
    .bbs_list_wrap {padding-left: 20px; padding-right: 20px; box-sizing: border-box; padding-bottom: 50px;}
    .bbs_lists_ir1 ul li:nth-child(1) {display: none;}
    .bbs_hhd {display: none;}
    .sub_bbs_inner {padding-left: 20px; padding-right: 20px; box-sizing: border-box; padding-bottom: 50px;}
    .bbs_lists_ir1 ul li {float:none;}
    .bbs_lists_ir1 ul li:nth-child(2) {width: 70%; text-align: left; margin-bottom: 10px; font-size: 18px;}
    .bbs_lists_ir1 ul li:nth-child(3) {width: auto; text-align: left; float:left; font-size: 16px;}
    .bbs_lists_ir1 ul li:nth-child(4) {width: 30%; text-align: right; float:right; font-size: 14px; position: relative;}
    .bbs_lists_ir1 ul li:nth-child(4) .download_list_btn {top:-20px;}
    .stock_info_ul1 {float:none; width: 100%;}
    .stock_info_ul2 {float:none; width: 100%;}
    .stock_info_ul1_li1 {font-size: 30px; width: 50%; line-height: 80px;}
    .stock_info_ul1_li2 {width: 50%; border-right: 0px;}
    .stock_info_ul1_li2 dd {font-size: 18px; line-height: 40px;}
    .stock_info_ul1 {border-bottom: 1px solid #ddd;}
    .stock_info_ul1 {padding-top: 20px; padding-bottom: 20px;}
    .stock_info_ul2 li dd {font-size: 16px;}
    .bbs_lists_ir2 {width: 800px;}
    .mo_ov_hidden {overflow-x:scroll;}
    .bbs_lists_ir2 ul li {font-size: 16px;}
    .help_texts {font-size: 16px;}
    .download_list_btn {position: absolute; top:28px; right:0px;}
    .bbs_lists_ir3 .download_list_btn {position: absolute; top:37px; right:0px;}
    .bbs_lists_ir3 ul li:nth-child(1) {float:none; font-size: 14px; width: 50%; margin-bottom: 10px;}
    .bbs_lists_ir3 ul li:nth-child(2) {width: 70%;}
    .bbs_lists_ir3 ul li {font-size:18px; text-align: left;}
    
    .sub_page_title_back{background-attachment: scroll !important;}
    .sticky_not {position: inherit !important;}
    .cr_txt_tit {font-size: 18px;}
    .cr_txt_sub {font-size: 16px; word-break: keep-all; line-height: 140%;}
    .cr_tit a {font-size: 20px !important;}
    .cr_sub {font-size: 16px !important;}
    .b_box_l {float:none; width: 100%;margin-top:20px;}
    .b_box_r {float:none; width: 100%;margin-top:20px;}
    
    .b_box:hover .b_box_bl {background-color: rgba(0,0,0,0.1);}
    .b_box:hover .b_box_tx {opacity: 1;}
    .b_box:hover {width: 100%; min-height: 600px; box-shadow: none;}
    .b_box:hover.b_box_l {margin-left: 0px; margin-top: 0px;}
    .b_box:hover.b_box_r {margin-right: 0px; margin-top: 80px;}
    .busi_cont_wrap {padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
    .b_box_tx {opacity: 1;}
    .busi_cont_wrap2 {margin-top: 20px;}
    .gnb_m_btns {float:right; background-color: transparent; padding: 0px; border:0px; margin-top: 8px; margin-right: 5px;}
    
    .c_tit_main {font-size: 34px;}
    #DB_navi50 .inner {padding-left: 0px; padding-right: 0px;}
    #DB_navi50 .logo-banner {left: 0px;}
    
    .cr_lefts {float:none; width: 100%; margin-top: 30px;}
    .cr_rights {float:none; width: 100%; position: relative; top:auto;}
    
    .fix_bl1_new {padding-top: 50px;}
    .sub_sec1_fix {padding-bottom: 50px;}
    .pt100 {padding-top: 50px;}
    .misson_box_ul2{margin-top:0;}
    .ci_l div,.ci_r div{padding-top: 70px;padding-bottom: 70px; margin-bottom: 20px;}
    .ci_l img,.ci_r img{height: 55px;}
    .ci_l button{margin-bottom: 40px;}
    
    .stock_info_title{font-size: 25px;}
    .stock_info2 table tr td,.stock_info3 table tr td,.stock_info3 table tr th{font-size: 13px;}
    .misson_box2 .misson_box_ul2 {margin-top: -60px;}
    .misson_box3 .misson_box_ul2 {margin-top: -40px;}
    .download_btns {margin-top: 10px;}
    
    .map_infos i {margin-right: 15px; width: auto;}
    .main_sub_title_inner_new {bottom:auto !important; top:435px;}
    .top_center_txt_tiny {font-size: 18px !important;}
    .top_center_txt {font-size: 36px !important;}
    
    
}

@media all and (max-width:767px) {
    .tail_wrap_ul1 {float:none; margin-top: 30px;}
    .tail_wrap_ul2 {float:none; top:0px; text-align: center;}
    .main_sec1 {padding-top: 0px;}
    
    .map_infos {width: 100%;}
    .map_infos i {float:left; margin-right: 0px; margin-top: -2px; width: 15%; text-align: left;}
    .map_infos span {float:left; width: 85%; text-align: left; word-break: keep-all;}
    .map_info_li2 {margin-right: 0px;}
    
    .d_popup .wins {width: 90%; padding: 30px;}
    .d_popup .wins .close {width: 80px; height:80px;}
    .cr_txt_tit  {font-size: 20px;}
    .map_infos i {margin-right: 15px; width: auto;}
}

@media all and (max-width:512px) {
    .map_infos i {margin-right: 15px; width: auto;}
}

/*보이는 효과*/
.showon {opacity:1 !important;transform:translateX(0px) !important;transition:all 0.7s ease-in-out;}
.ma_box1,.ma_box3 {}
.ma_box2,.ma_box4 {}
.ma_box2 span:nth-child(1) {filter: brightness(80%);}

.tail_top_btns {position: fixed; bottom:150px; right:50px; z-index: 9999999}
.view_img_cont p, .view_img_cont span {line-height: 150% !important;}