/*******************************************************
*/
/* setting
*******************************************************/
.text-white{color:#fff;}
.text-box.white h1{color:#fff;}
.text-box.white h2{color:#fff;}
.text-box.white h3{color:#fff;}
.text-box.white h4{color:#fff;}
.text-box.white h5{color:#fff;}
.text-box.white p{color:#fff;}

body{background:#020a13 !important;word-break: keep-all;}
body .container{width:100%;max-width:1030px;padding:0 15px;margin:0 auto;position: relative;overflow: hidden;}
body .container.wide{max-width:1430px;}

.btn span {position: relative;z-index: 2;}
.btn.btn-primary:active,.btn.btn-primary:hover{background:#b21f3a;border-color:#b21f3a;}
.btn.btn-primary{width: 167px;display: inline-block;box-sizing: border-box;overflow: hidden;position: relative;text-align: center;border-radius: 150px;background: rgba(255, 255, 255, 0.2);    left: 50%;transform: translateX(-50%);border: none;color: #ffffff;height: 60px;line-height: 60px;padding: 0 40px 0 74px;transition: 0.65s cubic-bezier(.785,.135,.15,.86);font-size: 16px;font-weight: 800;letter-spacing: -0.16px;}
.btn-primary:hover{color: #ffffff;}
.btn-primary:before{content: '';position: absolute;top: 50%;left: 6px;width: 48px;height: 48px;border-radius: 150px;background: rgba(255, 255, 255, 0.1);transform: translateY(-50%);transition: 0.65s cubic-bezier(.785,.135,.15,.86);}
.btn-primary:hover:before{width: calc(100% - 12px) !important;transform: translateY(-50%) scaleX(1.2) scaleY(1.6) !important;}
.btn-primary:after{content: '';position: absolute;top: 50%;left: 23px;width: 14.5px;height: 9px;transform: translateY(-50%);transition: 0.65s cubic-bezier(.785,.135,.15,.86);background-image: url('../img/gen/arrow-ico.png');background-position:left top;background-repeat:repeat-x;background-size:14.5px auto;}
.btn-primary:hover:after{background-position:14.5px top;}

.btn.btn-secondary{font-size:0.875rem;font-weight:300;color:rgba(255,255,255,0.8);background:#394053;width:120px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:none;}
.btn-secondary:hover {color: #fff;background-color: #5c636a;border-color: #565e64;}
.primary-color{color:#b21f3a;}
.hover-primary-color:hover{color:#b21f3a !important;}

.btn.btn-default{padding:0 40px;}

.transition-300{transition:0.3s;}

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


@media (max-width: 480px) {

    .btn.btn-secondary{max-width:96px;}

    .btn.btn-primary{max-width:100%;}
    .main-content .btn.btn-primary{max-width:160px;}
}


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

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

.header_logo_wrap{padding:17px 0 17px 0;}
.header_logo_wrap a{width:100%;height:100%;display: inline-flex;align-items: center;}
.header_logo_wrap:after,.header_logo_wrap:before{content:'';display:table;clear:both;}
.header_logo_wrap .logo_off{display:block;}
.header_logo_wrap .logo_on{display:none;}

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

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

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

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


/* 메뉴 */

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

#gnb_1dul{z-index:101;height:100%;margin:0 -25px;}
#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:68px;height:2px !important;z-index:2; opacity:0;background-color:#b21f3a;-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_1dli.gnb_1dli_on a{color:#876bfc !important;}
#gnb_1dul .gnb_1dli1{padding:0;}
#gnb_1dul .gnb_1da{padding: 12px 25px;display:inline-block;line-height:66px;font-size:18px;color:#fff;letter-spacing:-.02em;text-align:center;font-weight:600;transition: all ease .3s;}
#hd.fixed .gnb_1da{color:#fff;}

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


#hd.hd_zindex #gnb .gnb_1dli:after{background:#333;}
.gnb_wrap {height: 100%;}
#gnb_1dul {z-index: 101;height: 100%;}
#gnb_1dul #gnb_empty{text-align:center;color:#fff;}


/* 중메뉴 */
.gnb_2dli { display:none;}
.gnb_2dli{display:none}.gnb_2dul{display:none;position:absolute;top:0;left:0;}
.gnb_2da{display:block;text-align:center;text-transform:uppercase;text-decoration:none;position:relative;}
.gnb_2dli a.gnb_2da{font-size:16px;color:#777;line-height:1.5;padding:4px 0;letter-spacing:-0.02em;}
.gnb_2dli a.gnb_2da:hover{color:#b21f3a;transition:.3s all;font-weight:600;}
#hd.hd_zindex #gnb-dep1{padding:15px 8px;}
.gnb_2da{-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;}

/* 대메뉴 오버시 */
#gnb .gnb_1dli:not(.gnb_mnal) { display:block; float:left; text-align:left;}
#gnb .gnb_1dli:last-child { margin:0; }
#gnb .gnb_2dul { top:0; min-width:auto; display:none; padding:15px 5px;}
.gnb_2dul { position:relative; }
.gnb_2dli { display:block; }
#hd.hd_zindex { background-color:#000; }
#hd.hd_zindex,
#hd.hd_zindex .gnb_1da,
#hd.hd_zindex .gnb_2dul { display:block; }


/* language */
.gnb_lang {position: relative;display:flex;align-items:center;}
.lang_btn {width: 100%;height:100%;font-size:1rem;text-align: left;color:#fff;display: flex;align-items: center;justify-content: space-between;}
.lang_btn > i{transition:0.3s;}
.lang_btn span{margin-right:10px;display:inline-flex;align-items: center;justify-content: center;}
.lang_btn span p{font-weight: bold;font-family: 'Play';transition:0.3s;}
.lang_btn span i{margin-right:5px;}
.lang_btn.active > i{transform: rotate(-180deg);}
.lang_btn:hover span p{color:#b21f3a;}
.lang_btn.active span p{color:white;}

.lang_list.type01 {position: absolute;top:64px;left: 0;width: 100%;display: none;}
.lang_list.type01 li {background: #f4f4f4;border-collapse: inherit;border-top: none;}
.lang_list.type01 li a {display: block;padding:10px;color:#333;font-weight: bold;font-size: 1rem;font-family: 'Play';transition:0.3s;}
.lang_list.type01 li a:hover{color:#b21f3a;}

.lang_list.type02 {border-radius:8px;display:flex;align-items:center;width: 100%;overflow: hidden;}
.lang_list.type02 li {background: rgba(255,255,255,0.2);border-collapse: inherit;border-top: none;transition:0.3s;}
.lang_list.type02 li a {display: block;padding:10px 12px;color:#fff;font-weight: bold;font-size: 1rem;font-family: 'Play';transition:0.3s;}
.lang_list.type02 li a:hover{}
.lang_list.type02 li:hover{background: rgba(255,255,255,0.4);}
.lang_list.type02 li.active {background: rgba(255,255,255,0.6);pointer-events:none;}


/* 모바일 */

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

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

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

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

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

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

#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 #9CA3AF;border-right: 1px solid #9CA3AF;transform: rotate(45deg);transition-duration: 0.3s;}
#m_gnb a.gnb_1da.open:after{transform: rotate(135deg)!important;}
#m_gnb #gnb_1dul .gnb_1dli{width:100%;height: auto;text-align: left;}

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

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


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


/* 모바일 언어 */
#m_gnb.open .lang_wrap {position: absolute;left:25px;top:16px;}
#m_gnb.open .lang_wrap ul{display:flex;}
#m_gnb.open .lang_wrap ul li{margin-right:20px;}
#m_gnb.open .lang_wrap ul li a {font-size:16px;font-weight:400;color:#ccc;font-family: 'Play';}
#m_gnb.open .lang_wrap ul li a.active{color:#fff;font-weight:800;}
#hd.hd_zindex #m_gnb.open #gnb_1dul .gnb_1da{padding: 12px 25px;}

@media(max-width:1360px) {
    #gnb_1dul .gnb_1da{font-size:1rem;padding:12px 20px;}
}



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

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

    .gnb_lang{display:none;}
}

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


footer{background:#111;padding:90px 0 120px;}

.ft-pt-wrap{display: flex;justify-content: space-between;}

footer .company-info p{font-size:1rem;color:#fff;opacity:0.35;font-weight:300;margin-bottom:8px;}
footer .company-info p:last-child{margin-bottom: 0;}

footer .ft-copy{border-top:1px solid rgba(255,255,255,0.4);display:flex;align-items:center;justify-content: space-between;}
footer .ft-copy p{font-size:1rem;color:#999;font-weight:300;}

.ft-pt.pt-rt {padding-left:20px;display: flex;flex-flow: column;justify-content: space-between;align-items: flex-end;}

@media (max-width: 1024px) {
    footer { padding: 70px 0 90px; }
}

@media(max-width:768px) {
    footer { padding: 60px 0 80px; }

    footer .ft-copy{flex-flow: column;align-items: flex-start;}
    footer .ft-copy a{order: -1;margin-bottom: 15px;}
}

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



#subtop{border-bottom:1px solid rgba(255,255,255,0.1);background-image: url("../img/gen/subtop-bg.jpg");padding-top:80px;height:350px;display: flex;flex-wrap: wrap;align-items: center;background-repeat: no-repeat !important;background-size: cover !important;;background-position:center !important;;width:100%;margin: 0 0 0 auto;position: relative;z-index: 1;justify-content: center;}

.subtop_txt{width: 100%;max-width:700px;text-align:center;position: relative;z-index:2;}
.subtop_title{font-size:4rem;line-height:1.5;background: linear-gradient(90deg, rgba(206, 206, 206, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(153, 153, 153, 1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;}
.subtop_subtitle{font-size:1.5rem;font-weight:300;line-height:1.3em;color:#ccc;margin-bottom:0;}

@media (max-width: 1024px) {
    #subtop{height:400px;padding-top:60px;padding-left:15px;padding-right:15px;}
    .subtop_title{font-size:4.5rem;}
    .subtop_subtitle{font-size:1.2rem;}
}

@media (max-width: 768px) {
    #subtop{height:300px;}
    .subtop_title{font-size:3.5rem;}
    .subtop_subtitle{font-size:1rem;margin-top:1rem !important;}
}

@media (max-width: 480px) {
    #subtop{height:300px;}
    .subtop_title{font-size:2.5rem;}
    .subtop_subtitle{font-size:0.9rem;}
}


/*******************************************************
*/
/* quick
*******************************************************/

/*.quick_menu {position: fixed;top: 50%; transform: translateY(-50%);right: 0;z-index:100;animation: quick-ani 0.8s 1s both;box-shadow: 0 0 6px rgba(92,92,92,0.1);}*/
/*.quick_menu .quick_btn {padding: 2.5rem 0;width:3.125rem;height:12rem;background-color: #000;box-sizing: border-box;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: space-between;transition: 0.3S;}*/

/*.quick_menu .quick_btn.btn1{background-color:#b21f3a;}*/
/*.quick_menu .quick_btn.btn2{background-color:#253778;}*/
/*.quick_menu .quick_btn.btn3{background-color:#fff;}*/
/*.quick_menu .quick_btn.btn3 span{color:#000;}*/
/*.quick_menu .quick_btn.btn3:hover span{color:#fff;}*/

/*.quick_menu .txt {font-size:1rem;color: #fff;font-weight:600;width: 100%;height: auto;writing-mode: vertical-rl;display: flex;align-items: center;}*/
/*.quick_menu a span{font-size:20px;color:#fff;}*/
/*.quick_menu .quick_btn:hover{background:#000;border-color:#fff; }*/

/*@keyframes quick-ani { from {transform: translate(50%, -50%);opacity: 0;filter: Alpha(opacity=0);} to {transform: translate(0, -50%);opacity: 1;filter: Alpha(opacity=100);} }*/

/*!* top button *!*/
/*#top_Button {width:3.125rem;height: 2.8rem;background: #232323;color: #fff;transition: all .4s ease;display: block;}*/
/*#top_Button .top_box {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}*/
/*#top_Button p{color:#fff;font-size:12px;font-weight:600;display: flex;align-items: center;transition-duration:0.4s;}*/
/*#top_Button p > span{font-size:14px;margin-left:6px;}*/
/*#top_Button:hover{background:#fff;box-shadow: 0 2px 15px rgb(203 209 220 / 60%);}*/
/*#top_Button:hover p{color:#000; }*/

/*#top_Button:hover{background:var(--primary);}*/
/*#top_Button:hover p{color:#fff;}*/


/*@media(max-width:1100px) {*/
/*    .quick_menu {bottom: 0;top: auto;margin-top: 0;display: flex;width: 100%; animation: none;transform: none;}*/
/*    #top_Button{display:none;}*/
/*    .quick_menu .quick_btn {width:100%;flex-flow: row;height:2rem;padding:1.8rem 2rem;}*/
/*    .quick_menu .txt{writing-mode: inherit;width: auto;}*/
/*    .quick_menu .quick_btn span{display:inline-block;}*/
/*}*/

/*@media(max-width:480px) {*/
/*    .quick_menu .quick_btn{padding:1.5rem 1.5rem;}*/
/*    .quick_menu .txt{font-size:13px;}*/
/*}*/
.quick_menu{position:fixed;z-index:666;right:50px;top: 50%;transform: translateY(-50%);}

.quick_menu .quick-button{text-align:center;margin-bottom:10px;position:relative;}
.quick_menu .quick-button:last-of-type{margin-bottom:0 !important;}

.quick-button>button{width:65px;height:65px;background:#387db7; 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);}

.quick-button>button.qm_btn i{font-size: 30px;position: relative;z-index:3;}
.quick-button>button.qm_btn {font-size:1.125rem;font-weight:400;position:relative;background:#387db7;background-image:none;color: #fff;transition: none;transform: rotate( 0 );}
.quick-button>button.qm_btn span{font-size:1.125rem;position:absolute;top:0;right:65px;white-space:nowrap;z-index:5;line-height:65px;opacity:0;visibility:hidden;-webkit-transition:.2s;transition:.2s;transition-delay:0s;padding:0 15px;color:#fff;pointer-events:none;}

.quick-button.btn01>button.qm_btn {background:#b21f3a;}
.quick-button.btn02>button.qm_btn {background:#253778;}
.quick-button.btn01>button.qm_btn:before{background:#b21f3a;}
.quick-button.btn02>button.qm_btn:before{background:#253778;}

.quick-button>button.qm_btn:hover span{opacity:1;visibility:visible;transition-delay:.1s;}
.quick-button>button.qm_btn:before{content: '';width: 65px;height: 100%;border-radius: 100px;position: absolute;top: 0;right: 0;z-index:1;-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;background:#387db7;}
.quick-button>button.qm_btn:hover:before {box-shadow: 0 0 12px 5px rgb(0 0 0 / 6%);width: 180px;}

.quick_menu .top_btn{display:block;width:65px;height:65px;background:#000;border-radius:100%;text-decoration:none;position:relative;transition:0.4s;margin-top:10px;}
.quick_menu .top_btn .top_box{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.quick_menu .top_btn .top_box p{margin:0;color:#fff;font-size:14px;font-weight:500;line-height:1;}
.quick_menu .top_btn:hover{background:rgba(255,255,255,0.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2);}


@media(max-width:1600px){
    .quick_menu {right:30px;}
    .quick-button>button{width:56px;height:56px;}
    .quick-button>button.qm_btn i{font-size:26px;}
    .quick-button>button.qm_btn span{font-size:1rem;line-height:56px;right:56px;}
    .quick-button>button.qm_btn:before{width:56px;}
    .quick-button>button.qm_btn:hover:before{width:160px;}
    .quick_menu .top_btn{width:56px;height:56px;}
    .quick_menu .top_btn .top_box p{font-size:13px;}
}

@media(max-width:1024px){
    .quick_menu {right:25px;}
    .quick-button>button{width:50px;height:50px;}
    .quick-button>button.qm_btn i{font-size:22px;}
    .quick-button>button.qm_btn span{font-size:0.9rem;line-height:50px;right:50px;padding:0 12px;}
    .quick-button>button.qm_btn:before{width:50px;}
    .quick-button>button.qm_btn:hover:before{width:140px;}
    .quick_menu .top_btn{width:50px;height:50px;}
    .quick_menu .top_btn .top_box p{font-size:12px;}
}

@media(max-width:768px){
    .quick_menu {right:20px;bottom:20px;top: auto;transform: none;}
    .quick-button>button{width:45px;height:45px;}
    .quick-button>button.qm_btn i{font-size:20px;}
    .quick-button>button.qm_btn span{font-size:0.8rem;line-height:45px;right:45px;padding:0 10px;}
    .quick-button>button.qm_btn:before{width:45px;}
    .quick-button>button.qm_btn:hover:before{width:120px;}
    .quick_menu .top_btn{width:45px;height:45px;}
    .quick_menu .top_btn .top_box p{font-size:11px;}
}

@media(max-width:480px){
    .quick_menu {right:15px;bottom:15px;}
    .quick-button{margin-bottom:8px;}
    .quick-button>button{width:40px;height:40px;}
    .quick-button>button.qm_btn i{font-size:18px;}
    .quick-button>button.qm_btn span{display:none;}
    .quick-button>button.qm_btn:before{display:none;}
    .quick_menu .top_btn{width:40px;height:40px;margin-top:8px;}
    .quick_menu .top_btn .top_box p{font-size:10px;}
}


/*******************************************************
*/
/* cd-popup
 *******************************************************/
.cd-popup {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color:rgba(29, 34, 46, 0.9);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index:1001;display: flex;align-items:center;justify-content: center;}
.cd-popup.is-visible {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container {position: relative;padding:2rem;width: 90%;max-width:600px;margin: 4em auto;background:#0C0A1D;border-radius: .25em .25em .4em .4em;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px); /* Force Hardware Acceleration in WebKit */-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;}
.cd-popup-container h3 {color:#fff;font-weight: bold;}
.cd-popup-container p {color: #9CA3AF;line-height: 1.4;}
.cd-popup-container .check-field{background:transparent;max-width:100%;padding:0.5rem 0;}

.cd-popup-container .cd-popup-close {position: absolute;top: 8px;right: 8px;width: 40px;height: 40px;cursor: pointer;transition: opacity 0.2s ease;}
.cd-popup-container .cd-popup-close:hover {opacity: 0.7;}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {content: '';position: absolute;top: 18px;width: 20px;height: 3px;background-color: #8f9cb5;transition: background-color 0.2s ease;}
.cd-popup-container .cd-popup-close:hover::before, .cd-popup-container .cd-popup-close:hover::after {background-color:var(--primary);}
.cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);left: 10px;}
.cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);right: 10px;}
.is-visible .cd-popup-container {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}

@media only screen and (min-width: 1170px) {
    .cd-popup-container {margin:0 auto;}
}

/*******************************************************
*/
/* newsletter
 *******************************************************/

.submit-btn{position: relative;overflow: hidden;display: inline-flex;cursor: pointer;transition: 0.3s;}
.submit-btn input{padding:0 40px;cursor: pointer;}


.form-field{height:65px;display:flex;background:#1C1D31;border-radius: 6px;border:1px solid transparent;transition: 0.3s;overflow: hidden;}
.form-field .form-label {max-width:120px;min-width:120px;padding: 0 2rem;font-size:1rem;color: #fff;font-weight: 600;width: 20%;display: inline-flex;align-items: center;margin-bottom: 0;border-right: 1px solid rgba(255, 255, 255, 0.03);}
.form-field .form-input{padding:0 2rem 0 1rem;height:100%;border:none;background:#1C1D31;color:#fff;font-size:1rem;width:80%;}
.form-field .form-input::placeholder{color:#9CA3AF;opacity: 0.7;}
.form-field.active{border-color:var(--primary);}
.form-field.form-textarea{height:180px;}
.form-field.form-textarea .form-label{align-items: flex-start;padding:1.2rem 2rem;border-right: 1px solid rgba(255, 255, 255, 0.03);}
.form-field.form-textarea .form-input{padding:1.2rem 2rem 1.2rem 1rem;}

.check-field{width:100%;max-width:460px;padding:10px 10px 10px 15px;height:60px;display:inline-flex;justify-content:space-between;align-items:center;background:#1C1D31;border-radius: 6px;}
.custom-checkbox {position: relative;user-select: none;line-height: 1;}
.custom-checkbox label{font-size:1rem;color:#9CA3AF;display: inline-flex;align-items:center;cursor: pointer;text-align:left;line-height:1.2;}
.custom-checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {margin-right:10px;position: relative;display: inline-block;height: 24px;width: 24px;background-color: white;border-radius: 50%;border: 1px solid #ccc;}
.checkmark .material-icons {position: absolute;color: #000;font-size: 18px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.custom-checkbox input:checked ~ .checkmark {background-color: var(--primary);border-color: transparent;}
.custom-checkbox input:checked ~ .checkmark .material-icons {display: block;color: white;}


@media (max-width: 768px) {
    .form-field .form-label {max-width:90px;min-width:90px;}
    .form-field .form-label,.custom-checkbox label{font-size:0.875rem;}
}

/*******************************************************
*/
/* terms
 *******************************************************/
.sub-content.help{padding-top: 0 !important;}
#terms .px-5,#terms .text-base{padding-left: 0 !important;padding-right: 0 !important;}
.terms_con{border: 1px solid rgba(255, 255, 255, 0.3);padding:0.5rem 0.7rem;}
#terms p{font-size:0.875rem;color:rgba(255,255,255,0.64) !important;font-weight:300;}
#terms div{font-size:0.875rem;color:rgba(255,255,255,0.64) !important;font-weight:300;}


#unsub-result{display:flex;align-items:center;justify-content:center;}
#unsub-result *{text-align: center;}




/*******************************************************
*/
/* search
 *******************************************************/
.sch-wrap{align-items: flex-end;justify-content: space-between;margin-bottom:40px;}

.sch-wrap .total{}
.sch-wrap .total p{color:#9CA3AF;font-size:0.75rem;}

.search_wrap {display:flex;align-items:center;max-width:352px;background:#1C1D31;border-radius:3px;transition:0.3s;}
.search_wrap:focus-within {border-color:var(--primary);}
.search_wrap .form-field{height:48px;}
.search_wrap .form-input{padding:0 0.5rem 0 0;}

.search_wrap label {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.search_wrap select {width:100px;padding:10px;border:none;padding-right:20px;background-color:transparent;font-size:1rem;color:#9CA3AF;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%239CA3AF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');background-repeat:no-repeat;background-position:right 10px center;}
.search_wrap select option {background-color:#1C1D31;color:rgba(255,255,255,0.64);cursor: pointer;}
.search_wrap select option:hover{background-color:var(--primary);color:#fff;}

.sch_btn {background:none;border:none;cursor:pointer;}
.sch_btn button {height:100%;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:10px;transition:0.3s;}
.sch_btn i {font-size:1.25rem;color:#9CA3AF;transition:0.3s;}
.sch_btn:hover i {color:var(--primary);}


@media (max-width: 768px) {
    .search_wrap .form-field{flex-direction: row;}
    .search_wrap .form-field .form-input {padding: 0 0.5rem 0 0;}
}

@media (max-width:480px) {

    .sch-wrap{flex-flow: column;align-items:flex-start;margin-bottom:30px;}
    .sch-wrap .total{order: 1;margin-top:30px;}

    .search_wrap{width:100%;max-width:100%;}
    .search_wrap .form-field{width:100%;}
    .search_wrap .form-field .form-input {padding: 0 0.5rem 0 0;}
}

.contact-form .submit-btn input{padding: 0 40px;cursor: pointer;position: absolute;top: 0;left: 0;opacity: 0;width: 100%;height: 100%;z-index: 10;}
.contact-pt .text-box p{color: rgba(255, 255, 255, 0.64);}
@media (max-width:768px) {
    .contact-form .check-field{width:100%;max-width:100%;}
}
@media (max-width:480px) {
    .contact-pt-wrap{gap:20px;}
    .contact-form .gap-10{gap:inherit;}
}



/***************** board *****************/
.item-title{color:#fff;overflow: hidden;text-overflow: ellipsis;height: 56px;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.item-date{color:#9CA3AF;font-size:0.813rem;}

.gall-list{}

.gall-item .gall-image{height:400px;display:flex;align-items:center;justify-content:center;}
.gall-item .gall-image img{height:100%;width:auto;object-fit: cover;transform: scale(1);transition: 0.4s;}
.gall-item:hover .gall-image img{transform: scale(1.1);}
.gall-item:hover h5{color:#b21f3a;}


/* read */
.board-read{}
.board-read .contents{padding:2rem;border-radius:6px;background:#fff;}
.board-read .item-date{font-size:1rem;font-weight:300;}
.read-title{}
.read-text{width:100%;}



/* page btn */
.pagination{margin-top:70px;margin-bottom:0;display:flex;align-items:center;justify-content:center;}
.pagination a {display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: 3px;color:#9CA3AF;}
.pagination .active a{background-color:#5c636a !important;color:#fff;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color:#394053;border-color:#394053 !important;}

@media (max-width: 768px) {
    .blog-read{padding:10rem 0 120px;}
    .board-read .item-date{font-size:1rem;}
    .board-read .contents{padding:1.5rem 1.2rem;}
}

@media (max-width: 480px) {
    .board-read .sub-text-box h2{font-size:1.5rem;}
    .board-read .item-date{font-size: 0.9rem;}
}

@media (max-width: 768px) {
    .item-title{height:52px;}
}
@media (max-width:480px) {
    .item-title{height:48px;}
}