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

.color{color:#bf0e3a !important;}
.backcolor{background:#bf0e3a !important;}

.sec_title {width:100%;max-width:1400px;padding:0 20px; margin:0 auto;}
.sec_title h1{font-size:90px; font-weight:600;text-align: center;color:#494845; margin-bottom:90px;transition-duration: 0.4s;}

.sub_title {text-align: center;margin-bottom:80px;}
.sub_title h1{font-size:42px; font-weight:600;  color:#333;position: relative;display:inline-block;padding:0 12px;line-height:1;}
.sub_title h1:after {content: '';width: 100%;height: 20px;position: absolute;bottom: 0;left: 0;background: rgba(255,112,98,0.25);z-index: -1;}

.sub_tit h3{padding-top:15px;margin-bottom:30px;background-image: url("../img/gen/tit_bar.jpg"); background-repeat: no-repeat; background-position: 0 0; font-weight: 400;font-size: 32px;line-height: 1.5;color: #000;}
.sub_tit h3 > span{color:#bf0e3a;}

.swiper-pagination-bullet{margin:0 3px;}
.swiper-pagination-bullet-active{background:#000 !important;}

#consult_privacy_modal{padding-right:0 !important;}
.modal-header{display: flex;justify-content: space-between;align-items: center;}
.modal-content{width: 100%;max-width: 800px;transform: translate(-50%,-50%);top: 50%;left: 50%;}
.modal-body{overflow-y: scroll;max-height: 500px;}


@media(max-width:1120px){  .sec_title h1{font-size: 80px;}  }  @media(max-width:820px){  .sec_title h1{font-size: 70px;margin-bottom:60px;}  }  @media(max-width:530px){  .sec_title h1{font-size:60px;}  }
/* tab */

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

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

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

/**************** top float banner ****************/
.top_float{}
.ban_wrap{max-width:1280px;margin:0px auto;}
.ban_wrap .btn_close {display:inline-block;*display:inline;position:absolute;right:10px;top:0px;z-index:999;}
.ban_wrap .btn_close:after {display: inline-block;content: "\00d7"; font-size:24pt;}

.ban_wrap img{margin:0px auto;}

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

.body_wrap{position:relative;}
#hd{/*position:fixed;*/position:absolute;z-index:1000;/*background:#232323;*/background:#fff;border-top: 5px solid #bf0e3a;z-index: 1000;top: 0;left: 0;width: 100%;transition-duration: .3s;}

.header_wrap{z-index:200;max-width:1280px;height:100%;margin:0 auto;zoom:1;padding:20px 10px;text-align:center;display:flex;justify-content:space-between;}

.header_logo_wrap{float:left;padding:10px 0;}
.header_logo_wrap:after,.header_logo_wrap:before{content:'';display:table;clear:both;}
.header_logo_wrap .logo_on{display:none;}
.header_logo_wrap .logo_text{color:#333;font-size:40px;font-weight:900;}
@media(max-width:510px) {
    .header_logo_wrap .logo_text{color:#333;font-size:24px;font-weight:900;}

}


.search_wrap .contac {display: flex;align-items: center;justify-content:flex-end;color:#333;}
.search_wrap .contac p{margin:0 8px 0 6px;font-size:16px; font-weight:300;white-space: nowrap;}
.search_wrap .contac h4{font-size:22px; font-weight:600;word-break: keep-all;}
.search_wrap .icon {width: 30px;height: 30px;display: inline-flex;align-items:center;justify-content:center;background:#bf0e3a;border-radius: 50px;font-size:20px;color:#fff;}

.search_wrap {display: flex;flex-flow: column;align-content: center;}
.sch_input_wrap{width:100%;position: relative;margin-top:10px;display: flex;align-items: center;justify-content: flex-end;}

.sch_input_wrap input {color:#333;width: 100%;max-width: 170px;background: rgba(255,255,255,0.2);border: 1px solid #333;height: 34px;padding: 0 12px;border-radius: 10px;}
.sch_input_wrap input::placeholder{color:#aaa;}
.sch_input_wrap button {font-size:20px;position: absolute;right: 12px;top: 50%;transform: translateY(-50%);color: #333;}
.sch_input_wrap .input_box{position: relative;}
.cart_fix_btn span{color:#333 !important;}

#hd.fixed{position: relative;}

header#hd.hd_zindex .logo_on{display:block;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;}

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:#bf0e3a;}
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.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:#00b2ee;}


/* 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:#969186;}
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:#bf0e3a;}
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:#bf0e3a;}

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;background:#fff;display: flex;align-items: center;justify-content: center;}

#gnb_1dul{z-index:101;height:100%;position: relative;}
#gnb_1dul:after {display: block;content: '';clear: both;}
#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:48px;height:2px!important;opacity:0;background-color:#333;-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_1dli:hover .gnb_1da{color:#fff700;}*/
#gnb_1dul .gnb_1dli1{padding:0;}
#gnb_1dul .gnb_1da{padding:0 38px;display:inline-block;line-height:52px;font-size:18px;color:#333;letter-spacing:-.02em;text-align:center; font-weight:600;transition: all ease .5s;}

header#hd.hd_zindex #gnb{background:#fff;box-shadow: 0 3px 3px 0 rgb(0 0 0 / 15%);}
#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;}

header#hd.fixed.hd_zindex #gnb {
    position: absolute;
    /* top: 0; */
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

/* 중메뉴 */
.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;font-weight:400;color:#666;line-height:1.5;padding:4px 0;letter-spacing:-0.02em;transition-duration: 0.3s;}
.gnb_2dli a.gnb_2da:hover{color:#bf0e3a;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;}

header#hd.hd_zindex #gnb:after{content: ''; width:100%;height:52px;background:#fff;position: absolute;top:0;display:block;left:0px;}

/* 대메뉴 오버시 */
#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:5px 5px 15px;}
.gnb_2dul { position:relative; }
.gnb_2dli { display:block; }

#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:22px;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:#bf0e3a;}
#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;right:0;}
#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;}

body.active header#hd .lg_logo{display: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:65px;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:65px;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.open #gnb_1dul .gnb_1da{color:#333;padding:0 20px;}


#m_gnb #gnb_1dul .gnb_1da{color:#fff;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:99;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.5);}
#hd.active .header_logo_wrap{display:none;}

#mo_sch {display:none;justify-content: center;position: relative;padding:0 10px;width: 100%;max-width:400px;margin: 0 auto 12px;left: 50%;transform: translateX(-50%);}
#mo_sch input{max-width:100%;}
#mo_sch button{right:20px;}
body.active #mo_sch{opacity:0;left:0;}

@media(max-width:1380px) {
    #gnb_1dul .gnb_1da{font-size:16px;}
}
@media(max-width:1320px) {
    .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;}

    .search_wrap{display:none;}
    .lg_logo{margin-right:10px;}
    .header_logo_wrap {width: 100%;padding:0;position: absolute;transform: translateX(-50%);left: 50%;}

    #mo_sch{display:inline-flex;}
}

@media(max-width:510px) {
    .lg_logo {display: flex;align-items: center;justify-content: flex-start;}
    .lg_logo img{width:60%;}

    .header_wrap {min-height:65px;}
    .header_logo_wrap{width:100%;}
    .header_logo_wrap img{width:30%;}
}




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

footer{position: relative;background:#303030;}
.ft_wrap{width:100%; margin:0 auto;overflow: hidden;}

.ft_con{width:100%; max-width:1280px; height:100%;margin: 0 auto; display: flex;padding:60px 10px 70px;flex-flow: column;}

.ft_wid_wrap {position:fixed;bottom: 0;z-index:119;width: 100%;height: 80px;background:#bf0e3a;display: flex;align-items: center;justify-content: center;transition:.3s ease-out;}
.ft_wid_wrap.on{position: relative;}

.ft_wid_wrap .form_num{font-size:36px;font-weight:700;color:#fff;margin-right:30px;}
.ft_wid_wrap .form_num span{font-size:26px;font-weight:500;margin-right:10px;}
.ft_wid_wrap .form_desc{font-size:15px; font-weight:300;color:#fff; transition-duration: 0.4s; word-break: keep-all;}
.ft_wid_wrap .form_table{display:flex;}
.ft_wid_wrap .form_table input{height: 36px;background:#fff;color:#000;max-width:176px;width: 100%;border: 1px solid #ddd;padding: 10px;box-sizing: border-box;}

.ft_wid_wrap .form_table input::placeholder{color:#666;}
.ft_wid_wrap .form_table .form_tr:last-child input{border-left: none;}
.ft_wid_wrap .form_table label{font-size:18px;color:#fff;margin-right:5px;}
.ft_wid_wrap .form_table .form_td{margin-right:10px;}
.ft_wid_wrap .form_table .form_tr:last-child .form_td{margin-right:0;}

.ft_wid_wrap input[type='checkbox'] {background-color:transparent;border: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;outline: 0;}
.ft_wid_wrap input[type='checkbox'], .ft_wid_wrap input[type='checkbox']:checked {appearance: none;-webkit-appearance: none;-moz-appearance: none;outline: 0;width: 25px;height: 25px;margin-right:5px;background-image: url('../img/gen/chk_off.png');background-size: 100%;}
.ft_wid_wrap input[type='checkbox']:checked {background-image: url('../img/gen/chk_on.png');background-size: 100%;outline: 0;}

.ft_wid_wrap .agree_chk_wrap {display: flex;align-items: center;margin:0 30px;color:#fff;}
.ft_wid_wrap .agree_chk_wrap label{display:flex;flex-flow:column; justify-content: center;}
.ft_wid_wrap .agree_chk_wrap label > a{color:#fff;font-weight:500;}
.ft_wid_wrap .agree_chk_wrap label > span{display:block;width: 100%;height:1px; background:#fff;margin:5px 0;}
.ft_wid_wrap .agree_chk_wrap label > p{color:#fff; opacity:0.7;font-weight:400;}
.ft_wid_wrap .agree_chk_wrap label > p a{color:#fff; opacity:0.7;font-weight:400;}


.ft_wid_wrap .submit_btn_wrap input {font-size: 18px;padding-bottom: 5px;font-weight: 600;background-color:#000;color: #fff;padding: 8px;transition-duration: 0.4s;border: none;cursor: pointer;width: 100%;min-width: 145px;justify-content: center;height: 40px;  font-family: 'GmarketSans';}
.ft_wid_wrap .submit_btn_wrap input:hover{color:#fff700;}
.ft_top{display:flex;align-items: center;justify-content: space-between;padding-bottom:18px;border-bottom:1px solid #555;margin-bottom:40px;}
.ft_top a{font-size:15px; color:#fff;font-weight:300;transition:0.3s;margin-right:10px;}
.ft_top a:last-child{margin-right:0;}
.ft_top a:hover{color:#ec1a3b;}

.ft_bottom{display:flex;margin:0 -50px;}
.ft_bottom .ft_pt{width:33.33333333333333%;position:relative;padding:0 50px;}
.ft_bottom .ft_pt .ft_tit{font-size:13px; font-weight:600;margin-bottom:30px;color:#fff;}
.ft_bottom .ft_pt p{font-size:14px; color:#aaa;line-height:1.7;word-break: keep-all;}
.ft_bottom .ft_pt h2{color:#fff;font-size:36px;font-weight:600;margin-bottom:20px;}

.ft_bottom .ft_pt:after {content: '';position: absolute;right: 0;width: 1px;height: 197px;background: #555;top: 50%;transform: translateY(-50%);}
.ft_bottom .ft_pt:last-child:after{display:none;}

.submit_btn_wrap{position: relative;}
.balloon {width: 144%;/*max-width:124px;*/background:#ffff00;position: absolute;bottom:45px; z-index:999;font-size:12px;left:50%;transform: translateX(-50%);text-align:center;padding:5px 10px;border-radius: 10px;display: inline-block;animation: bounce .8s ease infinite alternate;font-size:16px;line-height:24px;}
@keyframes bounce {100% {bottom:55px;}}
.balloon:after {  border-top:15px solid #ffff00;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-bottom: 0px solid transparent;  content:"";  position:absolute; top:30px; left:45%;  }

.ft_pt.pt01{position: relative;}
.balloon2 {background:#666666;position: absolute;bottom:62px; z-index:999;font-size:12px;right:35px;text-align:center;padding:5px 10px;border-radius: 10px;display: inline-block;}
.balloon2:after {  border-top:10px solid #666666;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-bottom: 0 solid transparent;  content:"";  position:absolute; top:34px; left:15%;  }

@media(max-width:1150px) {
    .ft_wid_wrap .form_num{font-size:24px;margin-right:10px;}
    .ft_wid_wrap .agree_chk_wrap{margin:0 10px;}
    .ft_wid_wrap .form_table label{display:none;}
    .ft_wid_wrap .form_table .form_td{margin-right:0;}
    .ft_wid_wrap .form_desc{font-size:14px;}
    .ft_wid_wrap .ft_pt.pt01{margin-right:5px;}
    .ft_wid_wrap .form_num span{font-size:20px;}
    .ft_wid_wrap .form_table input{max-width:150px;}
}
@media(max-width:900px) {
    .ft_con{padding:40px 10px 100px;}
    .ft_bottom{margin:0 auto; padding:0 20px; flex-flow: column;}
    .ft_wid_wrap{display:none;}
    .ft_bottom .ft_pt{width:100%;padding:0;text-align:center;margin-bottom:30px;}
    .ft_bottom .ft_pt:last-child{margin-bottom:0;}
    .ft_bottom .ft_pt:after{display:none;}
}


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

.quick_banner {position: fixed;top: 50%;width: 140px;text-align: center;padding: 0;min-height: 150px;z-index: 20;margin-left: 650px;left: 50%;transform: translateY(-50%);}
.quick_banner li{margin-bottom:11px;}
.quick_banner li:last-child{margin-bottom:0;}

@media(max-width:1580px){
    .quick_banner{display:none;}
}

/**************** mo_quick menu ****************/

.mo_quick{display:block;position: fixed;bottom:-100%;z-index:88;width: 100%;height:70px;background:#fff;transition: all ease .6s;}
.mo_quick ul{height:100%;display:flex;margin:0 auto;overflow: hidden;box-shadow:0 3px 5px rgba(0,0,0,0.4)}
.mo_quick li{width:33.33333333333333%;}
.mo_quick li a{width:100%;height:100%;display: flex;align-items: center;justify-content: center;flex-flow:row;}
.mo_quick li span{color:#fff;font-size:18px;display: flex;align-items: center;justify-content: center;flex-flow: column;font-family: 'GmarketSans';}
.mo_quick li i{font-size:45px;margin-right:8px;color:#fff;}
.mo_quick .quick01 i {color:#000;}

.mo_quick .quick01{background:#f9e000;}
.mo_quick .quick01 span{color:#000;}
.mo_quick .quick02{background:#bf0e3a;}
.mo_quick .quick03{background:#666;}


@media(max-width:900px){
    main#container.fixed .mo_quick{bottom:0;}
}
/**************** fix-btn ****************/

.fix_btn_wrap {box-sizing: border-box;position:fixed;right:10px;padding-right: 1px;bottom:100px;transition-duration: 0.3s;z-index:777;}
.fix_btn a {border-radius: 4px;margin-bottom: 4px;position: relative;width: 42px;height: 42px;box-sizing: border-box;overflow: hidden;background-color: #fff;border: 1px solid #dedede;text-decoration: none;cursor: pointer;display: flex;flex-flow: column;font-size: 10px;color: #333;font-weight: 500;padding: 3px;}
.fix_btn a i {font-size: 15px;color: #363636;}
.fix_btn span{font-size:15px;}
.fix_btn a:hover{background:#000;color:#fff;border-color:#000;}
.fix_btn a:hover i{color:#fff;}

.fix_btn_wrap .fix_count{top:2px;right:2px;}

@media(max-width:800px){
    .fix_btn_wrap{right:10px;bottom:70px;}
}

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

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

#sub_top{padding:10px 20px;position:relative;}
.subtop_wrap{background-color:#fafafa;width: 100%; }

.subtop_txt{max-width:700px;text-align:center;}
.subtop_title{color:#fff;font-size:40px;margin-bottom:20px;font-weight:600;text-shadow:2px 2px 5px rgb(0 0 0 / 15%);line-height:1em;letter-spacing: 5px;}

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

.subtop_box a.loc_btn{width:100%;font-size:16px;cursor:pointer;color:#999;display: inline-flex;align-items: center;}
.subtop_box a.loc_btn i{font-size:16px; color:#fff;margin-left:12px;display: table;}

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

.sub_top_arrow {color: #999;display: inline-flex;align-items: center;margin: 0 12px;}

@media (max-width: 850px) {

}


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

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

@media(max-width:930px){
    .stockTbl-scrollbar-cover {display: block;position: absolute;  top: 0;  left: 0; right: 0; bottom: 0; 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; }
}

/***************** help *****************/
#sub_help {padding: 70px 10px;}
#sub_help .box {width: 100%;max-height: 500px;overflow-y: scroll;border:1px solid #ddd;padding:30px 20px;}

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

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

@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight:600;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight:400;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight:300;
    font-style: normal;
}


/*@font-face {*/
/*    font-family: 'GmarketSans';*/
/*    font-weight:400;*/
/*    font-style: normal;*/
/*    src: url('../font/GmarketSansLight.eot');*/
/*    src: url('../font/GmarketSansLight.eot?#iefix') format('embedded-opentype'),*/
/*    url('../font/GmarketSansLight.woff2') format('woff2'),*/
/*    url('../font/GmarketSansLight.woff') format('woff'),*/
/*    url('../font/GmarketSansLight.ttf') format("truetype");*/
/*    font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: 'GmarketSans';*/
/*    font-weight:600;*/
/*    font-style: normal;*/
/*    src: url('../font/GmarketSansMedium.eot');*/
/*    src: url('../font/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),*/
/*    url('../font/GmarketSansMedium.woff2') format('woff2'),*/
/*    url('../font/GmarketSansMedium.woff') format('woff'),*/
/*    url('../font/GmarketSansMedium.ttf') format("truetype");*/
/*    font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: 'GmarketSans';*/
/*    font-weight:700;*/
/*    font-style: normal;*/
/*    src: url('../font/GmarketSansBold.eot');*/
/*    src: url('../font/GmarketSansBold.eot?#iefix') format('embedded-opentype'),*/
/*    url('../font/GmarketSansBold.woff2') format('woff2'),*/
/*    url('../font/GmarketSansBold.woff') format('woff'),*/
/*    url('../font/GmarketSansBold.ttf') format("truetype");*/
/*    font-display: swap;*/
/*}*/

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    font-display: swap;
    src: local('Spoqa Han Sans Neo Bold'),
    url('../font/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
    url('../font/SpoqaHanSansNeo-Bold.woff') format('woff'),
    url('../font/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 600;
    font-display: swap;
    src: local('Spoqa Han Sans Neo Medium'),
    url('../font/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
    url('../font/SpoqaHanSansNeo-Medium.woff') format('woff'),
    url('../font/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    font-display: swap;
    src: local('Spoqa Han Sans Neo Regular'),
    url('../font/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
    url('../font/SpoqaHanSansNeo-Regular.woff') format('woff'),
    url('../font/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    font-display: swap;
    src: local('Spoqa Han Sans Neo Light'),
    url('../font/SpoqaHanSansNeo-Light.woff2') format('woff2'),
    url('../font/SpoqaHanSansNeo-Light.woff') format('woff'),
    url('../font/SpoqaHanSansNeo-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    font-display: swap;
    src: local('Spoqa Han Sans Neo Thin'),
    url('../font/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
    url('../font/SpoqaHanSansNeo-Thin.woff') format('woff'),
    url('../font/SpoqaHanSansNeo-Thin.ttf') format('truetype');
}



@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 400;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 700;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 300;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}