/**************** gen ****************/

.gnb_1dli.add_menu{display:none;}

/* tab */
.tab_wrap {display: flex;align-items: center;justify-content: center;}
.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; display:flex; align-items:center; justify-content:center;}
.sub_tab.on{background-color:#0f47ad; border-color:#0f47ad; color:#fff;}

.sub_tabcon{ display:none; overflow:hidden; }
.sub_tabcon.on{ display:block; }

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

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

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

.header_logo_wrap{float:left;padding:19.5px 0 12.5px 0;}
.header_logo_wrap:after,.header_logo_wrap:before{content:'';display:table;clear:both;}
.header_logo_wrap .logo_on{display:none;}

header#hd.fixed{background:#701b7b;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 15%);}
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 {align-items: center;display: flex;position: relative;height: 100%;min-height: 84px;max-height: 84px;}
ul.add_menu_pt {display: flex;height:100%;}
li.add_menu{margin-right:20px;display: flex; align-items: center;}
li.add_menu:first-child{margin-right:13px;}
li.add_menu:last-child{margin-right:0;}
li.add_menu.log_btn_wrap {float:left;font-size:14px;font-weight:300;position:relative;}
li.add_menu.log_btn_wrap a{display: block; color:#fff;}
li.add_menu.log_btn_wrap a.hd_log_btn.login:after{content:'';display:inline-block;width:1px;height:10px;background:#fff;margin-left:13px;}
li.add_menu.add_btn_wrap i{font-size:22px; color:#fff;font-weight:100;}

header#hd.fixed li.add_menu.log_btn_wrap a.hd_log_btn.login:after{background:#333;}

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

a.hd_icon_btn.btn03 #nav_icon .menu_bar{position:absolute;width:22px;height:2px;background:#fff;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;}
a.hd_icon_btn.btn03 #nav_icon .menu_bar:nth-child(2){width:18px;top:8px;right:0; z-index: 9999;}
a.hd_icon_btn.btn03 #nav_icon .menu_bar:nth-child(3){bottom:0;z-index: 9999;}

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:#0f47ad;}
a.hd_icon_btn.btn03:hover #nav_icon .menu_bar:nth-child(1){width:18px;right: 0;}
a.hd_icon_btn.btn03:hover #nav_icon .menu_bar:nth-child(2){width: 22px;}
a.hd_icon_btn.btn03:hover #nav_icon .menu_bar:nth-child(3){width:18px;right: 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:#333;}

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:#0f47ad;}

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:#333;}

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:#0f47ad;}


/* 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:#0f47ad;}
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.fixed a.hd_icon_btn.btn03.close #nav_icon .menu_bar{background:#333;}
header#hd.fixed a.hd_icon_btn.btn03.close #nav_icon:hover .menu_bar{background:#0f47ad;}

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:#333;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:#333;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; display: flex; align-items: 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:56px;height:2px !important;opacity:0;background-color:#ffffff;-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.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 22px;display:inline-block;line-height:60px;font-size:16px;color:#fff;letter-spacing:-.02em;text-align:center; font-weight:500;transition: all ease .5s;}
#hd.fixed .gnb_1da{color:#dcdcdc;}


/* #hd.hd_zindex #gnb_1dul .gnb_1da{padding: 12px 42px;min-width:140px;} */


#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%;}
#gnb_1dul {display:none;z-index: 101;height: 100%;position:relative;}
#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:15px;color:#777;line-height:1.5;padding:4px 0;letter-spacing:-0.02em;}
.gnb_2dli a.gnb_2da:hover{color:#0f47ad;transition:.3s all;}
#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:hover .gnb_1da{color:#ffffff;}
#gnb .gnb_1dli:last-child { margin:0; }
#gnb .gnb_2dul { top:0; min-width:auto; display:none; padding:10px 5px 15px;}

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


/* 메뉴 sns */
#gnb .sns-wrap { display: flex; margin-top: 4px; }
#gnb .sns-wrap i { color: #fff; font-size: 21px; margin: 0 5px; }



/* 모바일 */

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

#mo_menu_wrap{display:none;}

#mo_menu_wrap #m_nav_icon{width: 25px;height: 18px;display:block;position:relative;opacity: 1;cursor: pointer;}

#mo_menu_wrap #m_nav_icon .menu_bar{position:absolute;width:22px;height:2px;background:#333;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;}
#mo_menu_wrap #m_nav_icon .menu_bar:nth-child(2){width:18px;top:8px;z-index: 9999;}
#mo_menu_wrap #m_nav_icon .menu_bar:nth-child(3){bottom:0;z-index: 9999;}

a.hd_icon_btn.btn01:hover{background-position: -220px 0;}
a.hd_icon_btn.btn02:hover{background-position: -255px 0;}
#mo_menu_wrap:hover #m_nav_icon .menu_bar{background:#0f47ad;}
#mo_menu_wrap:hover #m_nav_icon .menu_bar:nth-child(1){width:18px;right: 0;}
#mo_menu_wrap:hover #m_nav_icon .menu_bar:nth-child(2){width: 22px;}
#mo_menu_wrap:hover #m_nav_icon .menu_bar:nth-child(3){width:18px;right: 0;}

#m_nav_icon.close {width: 28px;z-index: 9999;}
#m_nav_icon.close .menu_bar:nth-child(1){transform:rotate(45deg);top:6px;width:28px !important;background:#333 !important;right: 0;}
#m_nav_icon.close .menu_bar:nth-child(2){width: 0%; opacity: 0;}
#m_nav_icon.close .menu_bar:nth-child(3){transform:rotate(-45deg);top:6px;width:28px !important;background:#333 !important;;right: 0;}

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

header#hd.active {min-height: 82px;}
body.active header#hd{background: transparent;border-bottom:none;box-shadow:none;}
header#hd.fixed #mo_menu_wrap #m_nav_icon .menu_bar{background:#fff;}
header#hd.sub_hd #mo_menu_wrap #m_nav_icon .menu_bar{background:#333;}

#m_gnb{position:fixed;overflow-y:auto;z-index:9998;top:0;bottom: 0;right: -320px;width:100%;max-width:320px;padding-top:82px;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{position:fixed;overflow-y:auto;z-index:9998;top:0;bottom: 0;right: -320px;width:100%;max-width:320px;padding-top:80px;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 .mo_menu_bg{}

#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:0;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:1180px) {
    .header_wrap {min-height: 82px;align-items: center;height: 1px;}
    #gnb{display:none;}
    #mo_menu_wrap{ height: 100%;width: 100%;display: flex;align-items: center;justify-content: flex-end;}
    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;}
}



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

#footer{background-color:#ffffff;position: relative;padding:60px 0;overflow: hidden;}
.footer_con{width: 100%; margin: 0 auto;}

.ft_top {margin-bottom: 50px;}
.ft_top h2 {font-size: 48px;text-align: center;color: #fff;padding: 0 20px;margin: 0 auto 35px;transition-duration:0.4s;}

.ft_top .sns_pt_wrap {width: 100%;max-width: 1240px;padding: 0 20px;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
.ft_top .sns_pt_wrap ul {display: flex;align-items: center;justify-content: center;}
.ft_top .sns_pt{position:relative;}
.ft_top .sns_pt:after {content: '';position: absolute;right: 0;top: 50%;width: 1px;height: 30px;background: #898989;transform: translateY(-50%);}
.ft_top .sns_pt:last-child:after {display:none;}
.ft_top .sns_pt a{font-size: 70px;color: #898989;padding: 0 40px;display: flex;align-items: center;justify-content: center;transition-duration: 0.4s;}
.ft_top .sns_pt.pt01 a:hover{color:#e8adad;}
.ft_top .sns_pt.pt02 a:hover{color:#95c2e8;}
.ft_top .sns_pt.pt03 a:hover{color:#caade8;}
.ft_top .sns_pt.pt04 a:hover{color:#9bdeaf;}


.ft_info {margin-bottom:25px;}
.ft_info p {}
.ft_info ul {display: flex;justify-content: center;align-items: center;flex-flow: row wrap;}
.ft_info li p {font-size: 14px;color: #a9a9a9;text-align: center;margin-right: 10px;position: relative;}
.ft_info li p:after {content: '';display: inline-block;width: 1px;height:11px;background: #666;margin-left: 11px;}
.ft_info li:last-child p{margin-right:0;}
.ft_info li:last-child p:after{display:none;}

/* .ft_bottom {border-top: 1px solid #636363;padding: 50px 0 0;} */
.ft_top {border-bottom: 1px solid #636363;padding: 0 0 50px;}

.ft_menu {margin-bottom:15px;}
.ft_menu ul{display:flex;align-items: center;justify-content: center;flex-flow:row wrap;}
.ft_menu a {position: relative;color: #9c9c9c;font-weight:600; font-size: 14px;display: inline-block;margin-right: 10px;transition: 0.2s all;}
.ft_menu a:hover,.ft_menu a:nth-child(2):hover{color:#0f47ad;}
.ft_menu a:after {content: ''; display: inline-block; width: 1px; height: 10px; background: #666; margin-left: 11px;}
.ft_menu ul li:last-child a{margin-right:0;}
.ft_menu ul li:last-child a:after{display:none;}

.ft_copy {text-align: center;color: #9c9c9c;font-size: 14px;word-break: keep-all;}

.form-control:focus {border-color: #eee !important;border-top: 1px solid #eee !important;border-left: 1px solid #eee !important;border-right: 1px solid #eee !important;}

@media (max-width:1170px) {
    #footer{padding:40px 0;}
    .ft_top .sns_pt a{font-size: 50px;}
    .ft_top {margin-bottom:40px;}
    .ft_top h2{font-size:30px;}
}
@media (max-width:580px) {
    #footer{padding:40px 20px;}
    .ft_top .sns_pt a{font-size:40px;padding: 0 20px;}
}



.ft-flex-wrap { display: flex; justify-content: space-between; width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; }
.ft-flex-wrap .ft-copy {  }

.ft-flex-wrap .sns-wrap { display: flex; }
.ft-flex-wrap .sns-wrap .sns-pt { position: relative; background: #701b7b; align-items: flex-start; width: 50px; height: 50px; border-radius: 100px; margin-left: 10px; transition: all 0.2s; }
.ft-flex-wrap .sns-wrap .sns-pt i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 24px; }
.ft-flex-wrap .sns-wrap .sns-pt:hover { background: #FF7F0E; }


@media (max-width:720px) {
	.ft-flex-wrap { flex-direction: column-reverse; align-items: center; }
	.ft-flex-wrap .sns-wrap { margin-bottom: 20px; }
	.ft-flex-wrap .ft-copy { text-align: center; }
}






/* 메뉴 sns */
.gnb_wrap .sns-wrap { display: flex; margin-top: 4px; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);}
.gnb_wrap .sns-wrap i { color: #232323; font-size: 21px; margin: 0 5px; }


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


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

.qm_wrap .qm_li {padding: 10px 20px;background: #fff;border-radius: 0 20px;box-shadow: 2px 2px 9px rgb(0 0 0 / 15%);}

.qm_wrap .qm_li > li {padding: 10px 0;border-bottom: 1px solid #eee;}
.qm_wrap .qm_li > li:last-child{border-bottom:none;}
.qm_wrap .qm_li > li > a > p{color:#666; font-size:13px;transition:0.3s;}
.qm_wrap .qm_li > li:hover > a > p{color:#0f47ad;}

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

/***************** sub layout *****************/

.sub_wrap {max-width: 1920px;width: 100%;margin: 0 auto;display: flex;position:relative;}
#lnb_layout {display: flex;flex-flow: column;width:25%;padding-right: 40px;}
.left_menu {display: flex;flex-flow: column;transition-duration: 0.4s;}
.sub_content {width: 75%;transition-duration: 0.4s}
.sub_content.left_blank{width: 100%;transition-duration: 0.4s}
.title_wrap.lnb__title {width: calc(25% - 48px);background:#0f47ad;color: #fff;padding:23px 0;text-align: left;position: absolute;top: -35px;left: 20px;height: 65px;}
.title_wrap h4 {z-index: 2;position: absolute;}
.title_wrap.lnb__title:after {content: '';background: #0f47ad;width: 500%;position: absolute;top: 0;right: 0;height: 100%;}

.left_menu li {border-bottom: 1px solid #ddd;display: flex;align-items: center;justify-content: space-between;position:relative;transition-duration: 0.4s}
.left_menu li:hover:before{content: ''; width:100%; height:2px; background:#0f47ad;position: absolute; bottom:0; left:0;transition: 0.8s;}
.left_menu li:last-child{border-bottom:none;}
.left_menu a {font-size: 17px;color: #333;transition: 0.4s;width: 100%;height: 100%;padding: 15px;}
.left_menu li > i{font-size:19px;color:#777;}

.left_menu li:hover a{color:#0f47ad;}
.left_menu li:hover i{color:#0f47ad;}

.sub_title {border-bottom: 1px solid #ddd;padding-bottom:24px; margin-bottom:40px;}
.sub_title h1{font-size:28px;}

.sub_tit{margin-bottom:30px;padding-left: 15px;position: relative;font-size: 20px;font-weight: 500;color: #333;word-break: keep-all;}
.sub_tit:before {content: '';width: 4px;height:22px;position: absolute;top:4px;left: 0;background: #0f47ad;background: -moz-linear-gradient(top, #0f47ad 0%, #005472 100%);background: -webkit-linear-gradient(top, #0f47ad 0%,#005472 100%);background: linear-gradient(to bottom, #0f47ad 0%,#005472 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f47ad', endColorstr='#005472',GradientType=0 );}

.mo_subtopmenu{display:none;}

@media(max-width:960px){
    #sub_top{min-height: 360px !important;}
    .subtop_title h1{font-size:38px !important;}
    .sub_wrap{flex-flow:column;padding:0;}
    .title_wrap.lnb__title{display:none;}
    .sub_content {width:100%;padding:60px 20px;}

    #lnb_layout {display:none;}
    .mo_subtopmenu {display:block; width: 100%;position: relative;}
    .mo_nav {width: 100%;padding: 14px 20px;background: #0f47ad;font-size: 16px;color: #fff;display: flex;justify-content: space-between;align-items: center;position: relative;}
    .mo_subtopmenu .depth1{position: absolute;z-index: 9999;top: 100%;left: 0;min-width: 100%;display: none;background-color:#4a4848;transition: 0.3s all;}
    .mo_subtopmenu 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);}
    .mo_subtopmenu ul.depth1 a:hover{background-color:#0f47ad;}
    .mo_subtopmenu ul.depth1 li:last-child a{border-bottom:none;}
}

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

/*기존*/
/*#sub_top{min-height:254px;padding:100px 20px 100px; background-size:cover;background-position:50% 0;background-repeat:no-repeat;position:relative;display: flex;flex-flow: column;}*/
/*.subtop_wrap{background-color:#333;width: 100%; }*/

/*변경*/
#sub_top{min-height:400px; position:relative; background-size:cover;background-position:50% 0;background-repeat:no-repeat;display: flex;flex-flow: column;}
.subtop_wrap{background-color:#333;width: 100%; }

/* .subtop_wrap.subtop_img_01{background-image:url("../img/gen/subtop_01.jpg");} */
.subtop_wrap.subtop_img_01{background-image:url("../img/gen/subtop_00.jpg");}
.subtop_wrap.subtop_img_02{background-image:url("../img/gen/subtop_02.jpg");}
.subtop_wrap.subtop_img_03{background-image:url("../img/gen/subtop_03.jpg");}
.subtop_wrap.subtop_img_04{background-image:url("../img/gen/subtop_04.jpg");}
.subtop_wrap.subtop_img_05{background-image:url("../img/gen/subtop_05.jpg");}
.subtop_wrap.subtop_img_06{background-image:url("../img/gen/subtop_06.jpg");}

.subtop_title{display:flex;flex-flow: column; font-size: 24px; color: #fff; font-weight: 300; }
.subtop_title h1{max-width:700px;text-align:left;color:#fff;font-size:48px;font-weight:700;transition-duration:0.4s; }
.subtop_title p { font-size: 21px; font-weight: 400; margin-top: 10px; }
.tit-wrap { width: 90%; max-width: 1200px; margin-top: 30px; }


.subtop_location_wrap {display: flex;color: #fff;align-items: center;justify-content: center;width: 100%;margin-top:20px;}
.subtop_location_wrap i{color:#fff;}
.subtop_location_wrap .arrow{padding:0 5px; font-size:18px;}

.subtop-menu-box { max-width: 1920px; background-color: #151515; }
.subtop-menu-box .subtop-menu-wrap li { padding: 25px; font-size: 16px; text-align: center; width: auto; }
.subtop-menu-box .subtop-menu-wrap li .sb-menu { color: #999; }
.subtop-menu-box .subtop-menu-wrap li .sb-menu.active { color: #3fb8ad; }
.subtop-menu-box .subtop-menu-wrap li .sb-menu:hover { color: #3fb8ad; transition-duration:0.4s; }
.subtop-menu-box .subtop-menu-wrap .submenu-flex-box { width: auto; margin: 0 auto; }


@media (max-width:1170px) {

}


@media(max-width:960px){
    .subtop-menu-box .subtop-menu-wrap .submenu-flex-box {  }
    .subtop-menu-box .subtop-menu-wrap li { padding: 25px 30px; font-size: 15px; }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #sub_top{height:254px;}
}
/*@media (max-width: 850px) and (-ms-high-contrast: none), (-ms-high-contrast: active){*/
/*    #sub_top {height: 300px !important;}*/
/*}*/




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

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




/**************** font ****************/