@charset "utf-8";



/******************공통*******************/

#hd, #wrapper, #ft{min-width:auto;}

*{box-sizing:border-box;word-break: keep-all;}

a {color: inherit;text-decoration: none;}

.con-flex{display:flex;align-items:center;}

.con-flex-bet{display:flex;align-items:center;justify-content:space-between;}

.btn{display:flex;align-items: center;border-radius:30px;justify-content: center;}

.videoWrapper {position: relative;width:100%;height: 100%;}

.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.br-m{display:none;}

.swiper{width:100%;height:100%;}

button{border:none;background:none;cursor:pointer;outline:none;}

.pd-tp-n{padding-top:0 !important;}

.pd-bt-n{padding-bottom:0 !important;}



:root{

    /*색상*/

    --bk:#202020;

    --main:#BC362D;

    --sub01:#FBF8F6;

    --light-gray:#f7f7f7;

    --gray-d:#ddd;

    --gray-bfb:#BFBEBA;

    --gray-8:#888;

    --gray-6:#666;





   

    /*폰트 사이즈*/

    --font16:16px;

    --font18:18px;

    --sub-vis-tit:76px;

    --sub-con-tit:46px;

    --sub-con-txt:20px;



    /*폰트스타일*/

    --eng1:'Montserrat';

    --kor:'Pretendard';



    /*간격*/

    --gap-lg:120px;

    --gap-sub:120px;

    --gap-tit:50px;

    

}



.inner{width:1400px;margin:0 auto;}

#header .inner{height:100%;}

#container_wr{width:100%;margin:0 auto;}

#container{width:100%;float:none;clear:both;margin:0;}

/* #container:not(:has(.mainpage)){margin-top:90px;} */

body.no-scr{overflow:hidden;touch-action: none;position:fixed;width:100%;}

.alignC{text-align: center;}

.alignSt{align-items: stretch;}

.bg-df{padding-top:var(--gap-sub);background:var(--gray-f8f);}

.font-bold{font-weight: 700 !important;}

.wh-area *{color:#fff !important;}





/******************헤더*******************/

#header{display:flex;align-items:center;position:fixed;top:0;left:0;z-index:990;width:100%;height:90px;transition:.2s;transform: translateY(0%);}

#header .hd-in{width:100%;height:100%;}

#header .hd_login{position:static;top:auto;right:auto;}

#header .hd-gnb{height:100%;}

#header .hd-gnb ul{gap:80px;}

#header .hd-gnb a{font-size:var(--font18);font-weight: 600;color:#fff;font-family: var(--eng1);line-height:90px;}

#header h1 img{width:118px;}

#header .hd_login a{color:var(--main);font-weight: 600;font-family: var(--eng1);}

#header .hd_login li:not(:first-child){border-left: 1px solid var(--main);}

#header.scr-down{transform: translateY(-100%);}

#header.scr-up{background:#fff;}

#header.hd-none{transform: translateY(-100%);}



#header .ham-btn{position:relative;width:22px;height:17px;}

#header .ham-btn span{display:block;position:absolute;left:0;width:100%;height:2px;background:#fff;transition:.4s;}

#header .ham-btn span:nth-child(1){top:0;transform: translateY(0);}

#header .ham-btn span:nth-child(2){top:50%;transform: translateY(0);}

#header .ham-btn span:nth-child(3){top:100%;transform: translateY(0);}

/* #header .ham-btn.active span:nth-child(1){transform: rotate(45deg) translateY(5px) translateX(10px);}

#header .ham-btn.active span:nth-child(2){visibility: hidden;transition:0s;}

#header .ham-btn.active span:nth-child(3){transform: rotate(-45deg) translateY(-2px) translateX(7px);} */



#header .mo-menu{display:flex;flex-direction: column;align-items: center;justify-content: space-between;width:100%;height:100dvh;position:fixed;top:0;left:100%;z-index:990;background:var(--main);transition:.4s;}

#header .mo-menu-con{width:100%;}

#header .mo-menu .hd-top{width:100%;height:64px;padding:0 20px;font-size:16px;font-weight: 600;color:#fff;}

#header .mo-menu.active{left:0px;}

#header .mo-menu.active + .mo-menu-dim{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:980;background:rgba(0, 0, 0, 0.7);transition:.4s;}

#header.scr-up h1 img{content:url(../img/common/logo_bk.svg);}

#header.scr-up .hd-gnb a{color:#000;}

#header .mo-menu .hd-top a img{width:85px;}



#header.white .hd-gnb a,

#header.white .hd_login a{color:#fff;}

#header.white h1 img{content:url(../img/common/logo_bk.svg);}

#header.white .ham-btn span{background:#fff;}

#header.white .hd-in {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}

#header.white .hd_login li:not(:first-child){border-left: 1px solid #fff;}





#header.hover-hd{background:#fff;}

#header.hover-hd .hd-gnb a,

#header.hover-hd .hd_login a{color:var(--bk) !important;}

#header.hover-hd h1 img{content:url(../img/common/logo_bk.svg) !important;}

#header.hover-hd .hd-gnb a:hover{color:var(--main) !important;text-decoration: underline;}

#header.hover-hd .ham-btn span{background:var(--main) !important;}



#header.scr-up .ham-btn span{color:var(--main) !important;background:var(--main) !important;}





#header .hd-gnb-mo{width:100%;padding:20px 0;}

#header .hd-gnb-mo .dep1>a{display:flex;position:relative;width:100%;padding:16px 20px;font-family:var(--eng1);font-size:18px;font-weight: 600;color:#fff;align-items: center;justify-content: space-between;}

#header .hd-gnb-mo .dep1>a::after{content:'';display:block;position:absolute;bottom:0;left:20px;width:calc(100% - 40px);height:1px;background:rgba(255, 255, 255, 0.24);}

/* #header .hd-gnb-mo .dep1:not(.no-dep2)>a::after{content:'';display:inline-block;width:24px;height:24px;background:url(../img/common/ico_accor_cl.svg) no-repeat center center / contain;}

#header .hd-gnb-mo .dep1:not(.no-dep2)>a.active::after{transform: rotate(180deg);}

#header .hd-gnb-mo .dep2{padding:20px;background:var(--gray-f8f);display:none;}

#header .hd-gnb-mo .dep2 li:not(:last-child){margin-bottom:20px;}

#header .hd-gnb-mo .dep2 a{display:block;width:100%;font-family: var(--kor);font-size:16px;font-weight: 400;color:var(--gray-8);} */

#header .hd-gnb-mo{height:calc(100dvh - 125px);overflow-y: auto;}





/* #header .submenu-pc {display:none;position:absolute;top:100%;left:0;width:100%; background:rgba(255, 255, 255, 0.95); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0px 16px 20px 0px rgba(19, 70, 77, 0.08);}

#header .submenu-pc .inner{align-items: stretch;}

#header .submenu-pc .submenu-bx{width:20%;padding:40px;}

#header .submenu-pc .submenu-bx:not(:last-child){border-right: 1px solid rgba(0, 0, 0, 0.10);}

#header .submenu-pc .submenu-bx p{font-size:var(--font20);font-weight: 700;margin-bottom:30px;}

#header .submenu-pc .submenu-bx ul li{margin-bottom:16px;font-size:15px;font-weight: 400;color:var(--gray-a);}

#header .submenu-pc .submenu-bx ul li:last-child{margin-bottom:0;}

#header .submenu-pc .submenu-bx ul li a:hover{color:var(--sub01);font-weight:500;text-decoration: underline;} */



/******************푸터*******************/

#top_btn{display:none;right:30px;bottom:30px;width:80px;height:80px;background:#fff;border:2px solid var(--main);border-radius:50%;box-shadow: 0 6px 8px 0 rgba(188, 54, 45, 0.20);flex-direction: column;justify-content: center;align-items: center;}

#top_btn img{width:24px;}

#top_btn span{font-size:var(--font16);font-weight: 600;color:var(--main);font-family: var(--eng1);line-height:1;}

#top_btn:hover{background:#fff !important;border-color:var(--main) !important;}

#top_btn.in-ft {position: absolute;bottom: auto;top: -200px; }



#footer{position:relative;z-index:2;background:var(--bk);padding:60px 0;}

#footer .ft-sns ul{gap:10px;}

/* #footer .ft-sns li a{display:flex;width:130px;height:40px;justify-content: space-between;align-items: center;font-size:13px;color:var(--gray-bfb);padding:0 16px;background: rgba(255, 255, 255, 0.12);}

#footer .ft-bt{margin-top:30px;padding-top:30px;border-top:1px solid rgba(255, 255, 255, 0.12);align-items: flex-start;} */



#footer .comp-info ul{gap:20px;font-size:14px;color:#fff;letter-spacing: -0.28px;}

#footer .comp-info li{position:relative;}

#footer .comp-info li:not(:last-child)::after{content:'';display:inline-block;position:absolute;top:50%;right:-10px;transform:translateY(-50%);width:1px;height:100%;background:rgba(255, 255, 255, 0.16);}

#footer .copyright{margin-top:8px;font-size:13px;font-weight: 400;color:rgba(255, 255, 255, 0.50);}

#footer .fnb{font-size:14px;font-weight:600;color:#fff;}

/* body:not(:has(.mainpage, .service-com, .business-com,.what-com, .refer-com, .contact-com)) #footer{margin-top:var(--gap-sub)} */



/*게시판*/

#bo_list{width:100%;margin:auto;}



input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{border:1px solid var(--sub01) !important;-webkit-box-shadow: none !important;box-shadow: none !important;}



@media screen and (max-width:1000px){

    #bo_list{width:100%;}

}



#footer .ft-top{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid rgba(255, 255, 255, 0.12);}

#footer .ft-bt{align-items:stretch}