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

#hd{/*position:fixed;*/z-index:1000;top:0;left:0;width:100%;transition-duration:.3s;background:transparent; border-bottom: 1px solid rgba(255,255,255,0.4);}
.header_wrap{z-index:200;/*max-width:1740px;*/max-width:1240px;height:100%;margin:0 auto;zoom:1;padding:0 20px;text-align:center;display:flex;justify-content:space-between;}

.header_logo_wrap{float:left;padding: 10px 0px 10px 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:#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{align-items:center;display:flex;position:relative;max-height:140px;}
ul.add_menu_pt {display: flex;}
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;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:#091846;}
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:100px;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:#091846;}

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


/* 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;height:70px;max-width:999px !important;}
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:#091846;}
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:#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;}
@media(max-width:650px) {
    header#hd.sub_hd .logo_on,.ft_logo img {
        height: 40px;
    }
}


/*
header#hd li.add_menu.log_btn_wrap a.hd_log_btn.login{background:#091846;color:#fff;padding:5px 20px;display:inline-block;border-radius:50px;}
header#hd li.add_menu.log_btn_wrap a.hd_log_btn.join{border:2px solid #091846;background:#fff;color:#091846;padding:5px 20px;display:inline-block;border-radius:50px;}
*/

/* 메뉴 */

#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:94px;height:2px!important;opacity:0;background-color:#091846;-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: 22px 25px 12px;display:inline-block;line-height:60px;font-size:20px;color:#fff;letter-spacing:-.02em;text-align:center;font-family:'SCD'; 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: 22px 30px 12px;}

/*#gnb .gnb_1dli:after{content:'';width:5px;height:5px;border-radius:50%;background:#fff;display:block;position:absolute;top:40px;right:-1px;}*/
#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 {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:15px;color:#777;line-height:1.5;padding:4px 0;letter-spacing:-0.02em;}
.gnb_2dli a.gnb_2da:hover{color:#091846;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: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; }




/* 모바일 */

#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:#fff;z-index: 999;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: 999;}
#mo_menu_wrap #m_nav_icon .menu_bar:nth-child(3){bottom:0;z-index: 999;}

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:#091846;}
#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:#333;}
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;padding:12px 25px;}
#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  #gnb_1dul{height:initial;}

#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:1300px) {
    .header_logo_wrap{padding: 5px 0px 5px 0;}
}

@media(max-width:1050px) {
    .header_wrap {min-height: 62px;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;}
}



/**************** header_open ****************/

.gnb_all{ position:fixed;top:0;right:-100%;z-index:3;height:100%;width:100%;background:#fff;overflow:hidden;align-items:center;transition:all ease .6s;background:#eee;}
.gnb_all.open{right: 0;}

.gnb_all_title{padding:70px 20px;display:flex;align-items:center;width:100%; background-position:center;background-size:cover;background-repeat:no-repeat;}
.gnb_con{width:100%;max-width:1710px;margin:0 auto;position:relative;}
.gnb_all a.logo {margin: 0 auto; display: inline-block;}

button#gnb_close_btn { position: absolute; top:11px; right: 0;}
button#gnb_close_btn i {font-size:30px; color:#333;}

.gnb_all_wrap{width:100%;height:calc(100% - 192px);max-width:1400px;padding:20px;margin:0 auto;display:flex;align-items:center;justify-content:center;}

#gnball .gnb_2dul{display: block;}
#gnball ul.gnb_all_1dul > li > ul{display:flex;}
#gnball ul.gnb_all_1dul > li{padding:20px 0 20px 200px;width:100%;position:relative;border-bottom:1px solid #ddd;}
#gnball ul.gnb_all_1dul > li:last-child{border-bottom:none;}
#gnball li.gnb_1dli > a{color: #091846 !important;margin:0;font-size:18px;position: absolute;left: 0;top:24px;font-family: 'SCD';font-weight: 600;}
#gnball ul.gnb_all_1dul > li > ul > li > a{display:block;padding: 5px 0 5px 8px;font-size:15px;color:#333;margin-right:40px;position:relative;}
#gnball ul.gnb_all_1dul > li > ul > li > a:before{content:'';width:4px;height:4px;position:absolute;left:0;top:15px;background:#333;border-radius:100px;}
#gnball ul.gnb_all_1dul > li > ul > li > a:hover{color:#0653a5;}


@media(max-width:1100px) {
    #gnball{display:none;}
}



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

#footer{width: 100%;background:#fff; position: relative;border-top:1px solid #ddd;}

.ft_cont{border-top:1px solid #fff;}
.ft_cont_box {max-width: 1240px; margin: 0 auto;padding: 40px 20px 80px;}
.ft_pt.pt_pl {/*width: 78.542%;*/width: 100%; display: flex; align-items: center;}
.ft_pt.pt_pr {width: 21.458%;}
.ft_logo {padding-right: 80px;}
.ft_logo img{height:60px;}

.ft_info {padding-right: 10px;}
.ft_info .ft_menu_wrap a{color: #4b4b4b; font-size:14px;font-weight:500;position: relative;display: inline-block;margin-right: 15px;}
.ft_info .ft_menu_wrap a:after{content:'';display:inline-block;width:1px;height:10px;background:#666;margin-left:15px;}
.ft_info .ft_menu_wrap a:last-child:after{display: none;}
.ft_info .ft_txt_wrap {width:100%;color: #777; font-size:16px;font-weight:400;margin:15px auto 25px;}
.ft_info .ft_txt_wrap i{margin-right:9px;}
.ft_info .ft_txt_info {margin-top:8px;}
.ft_info .ft_txt_info p {padding-right:25px;}
.ft_info .ft_txt_info p:last-child{padding-right:0;}
.ft_info p.copy_txt{color: #777; font-size:14px; font-weight:400;}

.ft_link_sel{width:100%;position: relative;}
button.ft_site_btn{border: 1px solid #424242;width: 100%;padding: 16px 24px;display: flex;align-items: center;height: 58px;color: #777;font-size: 16px;font-weight: 500;justify-content: space-between;background: #242424;}
button.ft_site_btn span {display: flex;transition: .3s;}
button.ft_site_btn.on .ft_site_menu{display:block;}
button.ft_site_btn.on span.arr{transform: rotate(180deg);}
.ft_site_menu{display:none;position:absolute;left:0;bottom:100%;z-index:1;overflow:auto;width:100%;background-color:#fff;border:1px solid #b5b5b5;}
.ft_site_menu li{border-bottom: 1px solid #424242;}
.ft_site_menu li:last-child{border-bottom: none;}
.ft_site_menu li a{display:block;line-height:45px;padding-left:20px;color:#ccc;font-size:15px;background-color:#242424; transition:0.3s;}
.ft_site_menu li:hover a{color:#fff;background-color:#091846;}


/* TOP버튼 */

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

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

@media(max-width:1100px){
    .ft_topbar{border-left:0; border-right:0;}
    .ft_banner_wrap{width:100%;padding:22px 20px;}
    .ft_icon_wrap{width:100%;padding:22px 20px;border-left:none;border-top: 1px solid #424242;}
}

@media(max-width:1000px){
    .ft_site_menu{bottom:174px;}
}


@media(max-width:925px){
    .ft_pt.pt_pl {width: 100%;flex-flow: row wrap;}
    .ft_pt.pt_pr {width: 100%;margin-top: 20px;}
    .ft_site_menu{bottom:56px;}
    .ft_logo{padding:0; margin-bottom:20px;}
}

@media(max-width:800px){
    .ft_logo_wrap {width: 100%;}

}

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



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


.qm_wrap{position:fixed;z-index:999;right:50px;bottom:40px;}
.qm_wrap.on{display:none;}

.icon-button{text-align:center;margin-bottom:5px;position:relative;z-index:2;}
#quickClose{display:none;}

.icon-button>button{width:65px;height:65px;background:#0653a5; background-repeat:no-repeat;background-position:center; border-radius:100%;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#quickOpen{position: relative;background:#1a1a1a url("../img/qm/qm_plus.png");background-repeat:no-repeat;background-position:center;background-color:#091846;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}
button#quickOpen:before { content: '';position: absolute;top:0;left:0;width:100%;height:100%;background:url("../img/qm/qm_plus.png");background-repeat:no-repeat;background-position:center;z-index: 99;}
button#quickOpen:after {content: '';position: absolute;top:0;left:0;width:100%;height:100%;background:url("../img/qm/harmony.png");background-repeat:no-repeat;background-position:center;}
.icon-button>button#quickClose{background:#0653a5 url("../img/qm/qm_plus.png");background-repeat:no-repeat;background-position:center;z-index: 99;}

.icon-button>button.qm_btn {font-size:16px;font-weight:500;position:relative;background:#0653a5;background-image:none;color: #fff;transition: none;transform: rotate( 0 );}
.icon-button>button.qm_btn span{font-size:15px;position:absolute;top:0;left:-72px;white-space:nowrap;z-index:3;line-height:65px;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%;border-radius: 100px;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:#0653a5;}

.icon-button>button#healing:hover img{display:none;}

.qm_wrap .side_btn_list.act{margin-bottom:5px;-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:1;transition: all .3s ease;}
ul.side_btn_list a{display:none !important;}
ul.side_btn_list.act a{display:flex !important;}
.qm_wrap .side_btn_list{-o-transform:scale(.98);-ms-transform:scale(.98);-moz-transform:scale(.98);-webkit-transform:scale(.98);transform:scale(.98);-webkit-transition:.5s;transition:.5s;margin-bottom:-20px;opacity:0;}
.qm_wrap ul{padding:15px 0 0 0}
.qm_wrap li{}
.side_btn_list li{margin-bottom:-65px;-webkit-transition:.5s;transition:.5s;position:relative;width:65px;height:65px;margin:0 0 5px 0;background:#091846;border-radius: 100%;}
.side_btn_list.act li{margin-bottom:5px;}
.qm_wrap li a{position:relative;font-size:16px;font-weight:500;width: 100%;height: 100%;display: flex; align-items: center; justify-content: center;}
.qm_wrap li .txt{position:absolute;top:0;left:-72px;white-space:nowrap;z-index:3;line-height:65px;opacity:0;visibility:hidden;-webkit-transition:.2s;transition:.2s;transition-delay:0s;}
.qm_wrap li span.txt{color:#fff;font-weight:500; font-size:16px;}
.qm_wrap li img{position:relative;z-index:10;}

.side_btn_list li:hover a:before {box-shadow: 0 0 12px 5px rgb(0 0 0 / 6%); width: 155px;}
.side_btn_list li:hover .txt{opacity:1;visibility:visible;transition-delay:.2s;}

.qm_wrap li a:before{content:'';width:65px;height:100%;border-radius:100px;position:absolute;top:0;right:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;}
.qm_wrap li.side_btn:hover a:before{background:#0653a5;}


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



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

.sub_wrap{box-sizing: border-box;/*padding-top: 84px;*/}

#sub_top{min-height:340px;padding:100px 20px 120px; position:relative;}
.subtop_wrap{background-color:#000;width: 100%; }

#sub_top:before{position:absolute;width:100%;height:100%;left:0px;top:0px;content: ' ';display: block;opacity:0.6;background-size:cover;background-position:center center;}

.subtop_wrap.subtop_img_01:before{background-image:url("../image/subtop/top01.jpg");}
.subtop_wrap.subtop_img_02:before{background-image:url("../image/subtop/top02.jpg");}
.subtop_wrap.subtop_img_03:before{background-image:url("../image/subtop/top03.jpg");}
.subtop_wrap.subtop_img_04:before{background-image:url("../image/subtop/top04.jpg");}
.subtop_wrap.subtop_img_05:before{background-image:url("../image/subtop/top06.jpg");}
.subtop_wrap.subtop_img_06:before{background-image:url("../image/subtop/top06.jpg");}
.subtop_wrap.subtop_img_07:before{background-image:url("../image/subtop/top07.jpg");}
.subtop_wrap.subtop_img_09:before{background-image:url("../image/subtop/top01.jpg");}
.subtop_wrap.subtop_img_10:before{background-image:url("../image/subtop/top05.jpg");}

@media (max-width: 850px) {

}

.subtop_txt{max-width:700px;text-align:center;z-index:999;}
.subtop_title{color:#fff;font-family:'SCD';font-size:48px !important;font-weight:600;text-shadow:2px 2px 5px rgb(0 0 0 / 15%);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%; padding: 0 20px;}
.subtop_box{max-width:1240px;width:100%;margin:-30px auto 0;position:relative;z-index:10;background-color: #fff;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;}
.subtop_box .subtopmenu{position:relative;display:flex;justify-content: center;align-items: center;}
.subtop_box .subtopmenu.menu_00 a{background-color:#091846;display:flex;width:100%;padding:18px 15px;justify-content:center;align-items:center;font-size:20px;font-weight:600;color:#fff;width:67px;}
.subtopmenu span {width: 100%;display: block;}
.subtopmenu.menu_02 a.loc_btn:after{content:'';position:absolute;width:100%;height:2px;background:#091846;bottom:0;left:0;}
.subtopmenu.menu_02 a.loc_btn.open:after{display:none;}

.subtop_box a.loc_btn{width:100%;font-size:16px;padding:16px 20px;cursor:pointer;color:#333;min-width: 290px;border-right: 1px solid #ddd;display: inline-flex;justify-content: space-between;align-items: center;}
.subtop_box a.loc_btn i{font-size:16px; color:#999;margin-bottom:3px;display: table;}

.subtop_box ul.depth1{position:absolute;z-index:9999;top:100%;left:0;min-width:100%;display:none;background-color:#091846;transition:0.3s all;}
.subtop_box ul.depth1 a:hover{background-color:#0653a5;}
.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;}

h1{font-size:24px !important;}


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

@media (max-width: 850px) {
    #sub_top {min-height: 150px !important;padding:50px 20px 50px !important;}
    .subtop_title{font-size:30px !important;}
    .subtop_subtitle{font-size:15px;}
    .subtop_box .subtopmenu.menu_00 a{}
    .subtop_box a.loc_btn{padding:16px 20px;}
}

@media(max-width:692px){
    .subtop_box a.loc_btn{min-width:240px;}

}
@media(max-width:592px){
    .subtop_box a.loc_btn{min-width:220px;}
    /*.subtopmenu.menu_01 {display: none;}*/
    .subtopmenu.menu_01{width:100%;}
    .subtopmenu.menu_02 a.loc_btn:after{display: none;}

    .sub_wrap{/*padding-top: 62px;*/}
}

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

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

.foot_float{position:fixed;bottom:0px;z-index:999;width:100%;}
.foot_float .row{background:#4cae4c;}
.foot_float .row>div{padding:0px;}
.foot_float a{display:block;width:100%;padding:10px 0px;text-align:center;border-top:1px solid #ddd;border-right:1px solid #ddd;color:#fff;font-size:18px;}
.foot_float a:hover{color:#fff;}
.foot_float .foot_message{text-align:center;color:#fff;padding:10px !important;display:none;}

@media(max-width:650px){
    #footer{margin-bottom:70px;}
    .table-bordered tbody th{width:100px !important;vertical-align:middle}
    #prd_list{font-size:13px;}
    #prd_list .btn{font-size:12px;}
    .foot_float a{font-size:14px;}
    .foot_float .row i{font-size:16px;}
}

.label-inverse,
.badge-inverse {
    background-color: #1f3853;
    color: #ffffff;
}


/* 모바일 사이드메뉴 주문내역 */
.side_order_list{background:#efefef;clear:both;padding:10px;}
.side_order_list>div{border-bottom:1px solid #bbb}
.side_order_list>div>div{padding:5px;text-align:left;}

/* 예약주문 모달창 스타일 */
#reserve_modal{}
#reserve_modal .modal-body .btn{display:block;width:100%;margin-bottom:30px;background-color:#4cae4c;color:#fff;padding:10px 0px !important;border-radius:10px !important;}


/***************** 팝업레이어 *****************/

#hd_pop {z-index:1000;position:absolute;width: 100%;height: 100%;max-width:1360px;margin:0 auto;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;font-size: 12px;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}
@media (max-width: 1359.98px) {
    #hd_pop {position: absolute;z-index: 900;top: 230px;left: 15px;width: auto;height: auto;}
    #hd_pop .hd_pops {position: static;top: auto !important;left: auto !important;display: inline-block;vertical-align: top;max-width: 100%;}
    #hd_pop .hd_pops_con {width: auto !important;height: auto !important;}
}
@media (max-width: 991px) {
    #hd_pop {top: 110px;}
}
@media (max-width: 575px) {
    #hd_pop {left: 0;}
}