@charset "utf-8";

body{font-size:16px;}
.doc{font-size: 16px;}
.box0{ width:1700px; max-width: 96%; margin:0 auto; position:relative } 
.box1{ width:1300px;max-width: 96%; margin:0 auto; position:relative } 
.mobile_only{display:none;}

:root { 
    --mainColor:#053367;
    --subColor:#2c62c1;
    --bor_r:3px;
    --item_r:20px;
	--header_H:90px;
    --font: 'Pretendard';
    --fs_01: "Nanum Brush Script", serif;
}


/*=======================================기본셋팅 css 수정=======================================*/

/*header*/
.header-wrap{position: fixed; top: 0; left: 0; width:100%;}
.header-wrap,
.header-wrap .header-title > .box1,
.header-wrap .navbar-nav > li .va_wrap{height:var(--header_H);}
.header-wrap .header-title {border:0;}
.header-wrap .header-title .title-logo img{height:auto;}
.navbar-nav{flex-direction: inherit;}
.navbar-nav > li > .nav-link{padding:0!important;}
.navbar-nav .dropdown-menu{position: absolute; top: var(--header_H); left: 50%; transform: translateX(-50%); min-width:160px; padding:0; border:1px solid #ddd;}
.navbar-nav .dropdown-menu:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:3px; background-color:var(--mainColor); transform: scaleX(0); transition: .3s;}
.navbar-nav > li:hover .dropdown-menu:after{transform: scaleX(1);}
.navbar-nav .dropdown-item{display: block; text-align: center; color: #444!important; border-top: 1px dotted #ddd; font-weight: 400; padding: 15px 10px!important;}
.navbar-nav .dropdown-item:hover{background-color: #f7f7f7!important;}
.navbar-nav .dropdown:hover>.dropdown-menu {z-index:10;top:var(--header_H)!important;opacity:1;visibility:visible}

.qk_list{position: fixed; top:50%; right: 15px;z-index: 100;font-size: 16px; }
.qk_list li{ margin-top: 5px;}
.qk_list li a{display: block; width: 75px; height: 75px;text-align: center;  border-radius: 5px; box-shadow: 2px 2px 3px rgb(0 0 0 / 20%);  background-color: var(--mainColor); color: #fff; line-height: 1.2;}
.qk_list li .xi{ font-size: 1.45em; margin-bottom: 3px;}
.qk_list li .stx{font-style: normal; font-size: .8em;}


/*footer*/
.main .footer{margin-top:0;}
.footer{background-color: #161616; border-top:0; padding-top:20px; margin-top:140px;}
.footer .f_top{padding-bottom:20px; margin-bottom:50px; border-bottom:1px solid rgba(255,255,255,.3);}
.footer .f_logo{opacity: .5;}
.footer .f_priv a{display:inline-block; color:#aaa;}
.footer .f_priv a:not(:last-child){margin-right:20px;}
.footer .f_priv a:hover{color:#eee;}
.footer .footer-cont-info{margin-top:0; font-size:1em;}
.footer .footer-cont-info li{margin-right:40px; color:#bbb; margin-bottom: 10px;}
.footer .footer-cont-info li .f_co{color:#888; margin-right:15px; font-weight: 500;}
.footer .footer-copyright{border-top:1px solid rgba(255,255,255,.10); padding:17px 0; margin-top:50px; font-size:.875em; font-weight: 300; color:rgba(255,255,255,.4); letter-spacing: 0px;}


/*body 셋팅 수정*/
.main-slider-top{margin-top:0;}
.main .basic-body{margin-top:0;}
.basic-body{padding:0; margin-top:4em;}
.ctt_admin{display:none;}

/*서브 비주얼*/
.page-title-wrap{height:430px; padding-top:var(--header_H); background-image:url(../image/sub/sub_v.jpg); }
.page-title-wrap h2{font-size:3em; width:100%; text-align: center; display:block; margin-bottom: 15px;}
.page-title-wrap .sub-breadcrumb{font-size:.938em; color:#fff; opacity: .85;}
.page-title-wrap .sub-breadcrumb-wrap{justify-content: center}

/*snb*/
.snb_list{ width:100%; position: absolute; bottom:0; left: 0;}
.snb_list > .sidebar-nav-item{display:none;}
.snb_list > .sidebar-nav-item.active{display:block;}
.snb_list > .sidebar-nav-item > .collapse{text-align: center;font-size:0;}
.snb_list > .sidebar-nav-item > .collapse > li{width:50%; max-width:33.33%; display:inline-block; vertical-align: top; font-size:1rem;}
.snb_list > .sidebar-nav-item > .collapse > li > a{background:rgba(0,0,0,.3); height:3.8em; color:rgba(255,255,255,.9); border-left:1px solid rgba(255,255,255,.1);transition:.3s;}
.snb_list > .sidebar-nav-item > .collapse > li > a .va{ font-size:1.125em; transition:.3s;}
.snb_list > .sidebar-nav-item > .collapse > li.active > a{ background:#fff; color:#111;}


/*컨텐츠 타이틀*/
.main .container_title{display:none;}
.container_title{font-weight: 500; font-size: 2.25em; padding-top: 35px; margin: 55px 0; text-align: center; position: relative;}
.container_title:before{content:''; width:1px; height: 26px; visibility: hidden; transition: .8s; transition-timing-function: ease-in-out; transform: scaleY(0); transform-origin: left top; background: #222; position: absolute; top: 0; left: 50%;}
.load .container_title:before{transform: scaleY(1); visibility: visible;} 

/*모달*/
.modal-open{padding-right:0!important;}

/*게시판 페이징,버튼*/
.eb-pagination a{overflow: hidden; border-radius: 2px;}
.btn-e{font-size:.938em; padding:10px 15px; border-radius: var(--bor_r);}
.btn-e-lg{border-radius: var(--bor_r);}

/*카카오맵*/
.root_daum_roughmap .cont,
.wrap_controllers{display:none!important;}
.root_daum_roughmap_landing .border1,
.root_daum_roughmap_landing .border2,
.root_daum_roughmap_landing .border3,
.root_daum_roughmap_landing .border4{display:none!important;}

/*모바일 컨텐츠*/
#ctt{margin:0!important; background:transparent!important; box-shadow: none!important;}
#ctt_con{padding:0!important;}

/*개인정보&이용약관*/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: .938em;}
.agree_box .in_con .agree_wrap span{ display: block;}

/*=======================================작업 main css=======================================*/

/*header*/
.header-wrap{background-color:rgba(255,255,255,.8); border-bottom:0; backdrop-filter: blur(5px);}
.header-wrap .navbar-nav > li:not(:last-child){margin-right:65px;}
.header-wrap .navbar-nav > li .va_wrap{font-size:1.25em; font-weight: 500; color:#111;}
.header-wrap .btn_gnb{width:32px; height: 24px; position: relative; z-index: 600;}
.header-wrap .btn_gnb .a_rd{display:block; width:100%; height: 3px; background-color: #666; transition: .3s; position: relative;}
.header-wrap .btn_gnb .a_rd.a1{ position: absolute; top:0; left: 0;}
.header-wrap .btn_gnb .a_rd.a2{width:70%; position: absolute; top:50%; right:0; background-color:var(--mainColor)}
.header-wrap .btn_gnb .a_rd.a3{position: absolute; top: 100%; left: 0;}
.header-wrap .btn_gnb:hover .a_rd.a2{width:100%;}
.header-wrap .btn_gnb.on .a_rd.a1{transform: rotate(45deg); top:50%;}
.header-wrap .btn_gnb.on .a_rd.a2{display:none;}
.header-wrap .btn_gnb.on .a_rd.a3{transform: rotate(-45deg); top:50%;}


.main_tit{margin-bottom:35px;}
.main_tit .in_tt{font-size:3.5em; color:#111; font-weight: 700;}
.main_tit .in_tx{font-size:1.325em; color:#555; margin-top:25px; line-height: 1.6; font-weight: 300;}
.view_btn{display: inline-block; margin-top: 60px; position: relative; cursor: pointer; background-color: rgba(255,255,255,.3); padding:15px 30px; font-size:1.125em; color:#444!important; border:1px solid #aaa; backdrop-filter: blur(3px);}
.view_btn .xi{text-align: center;  margin-left:15px; font-size:.875em; color:#111!important;}
.view_btn:hover{border-color:var(--mainColor); background-color: var(--mainColor); color: #fff!important;}
.view_btn:hover .xi{color: #fff!important;}
    
    
.main_company{background-color:#f5f5f5; padding:120px 0; position: relative; overflow:hidden}
.main_company > .box1{position: relative; z-index: 10;}
.main_company .main_tit{margin-bottom:0;}
.main_company .comp_con .in_wrap .in_txt{position: relative; z-index: 1;}
.main_company .comp_con .in_wrap.st1 .in_img{width:700px; height:450px; overflow:hidden}
.main_company .comp_con .in_wrap.st1 .in_img .bgfix{width:100%; height: 100%; background-image: url(../image/main/main_about_img.jpg);}
.main_company .comp_con .in_wrap.st1 .in_txt{width:calc(100% - 800px); padding:0 0 40px 80px;}
.main_company .comp_con .in_wrap.st2{ position: relative;}
.main_company .comp_con .in_wrap.st2 .in_img{width:520px; height: 570px; overflow:hidden}
.main_company .comp_con .in_wrap.st2 .in_img .bgfix{width:100%; height:100%; background-image: url(../image/main/main_rental_img.jpg); }
.main_company .comp_con .in_wrap.st2 .in_txt{width:calc(100% - 560px); padding:0 0 0 80px;}
.main_company .comp_con .in_wrap.st2 .rs_btn.st2{margin-left:auto;}
.main_company .comtxt{font-size:4.625em; color:#e9e9e9; font-weight: 500; line-height: 1.1; position: absolute; top: 0; right: 0; text-align: right;}
    
.main_product{padding:100px 0 80px; position: relative;}
.main_product .tab_idx{position: absolute; top: 30px; right:0;}
.main_product .tab_idx > li a{font-size:1.25em; color:#555; font-weight: 500;}
.main_product .tab_idx > li:not(:last-child){margin-right:40px;}
.main_product .tab_idx > li.on a{color:var(--mainColor); border-bottom:1px solid var(--mainColor)}
.main_product .tab_idx > li a:hover{color:var(--mainColor);}
    
.main_cs{background-image: url(../image/main/main_cs_img.jpg); padding:140px 0; text-align: center; position: relative;}
.main_cs:before{content:''; width:100%; height: 100%; background-color: rgba(0,0,0,.2); position: absolute; top: 0; left: 0; }
.main_cs .box1{z-index: 2;}
.main_cs .main_tit{margin-bottom:0;}
.main_cs .main_tit .in_tt{color: #fff;}
.main_cs .main_tit .in_tx{color: rgba(255,255,255,.95);}
.main_cs .view_btn{border-color:#fff; color:#fff!important;}
.main_cs .view_btn .xi{color: #fff!important;}
.main_cs .view_btn:hover{border-color:var(--mainColor); background-color: var(--mainColor);}



/*=======================================작업 sub css=======================================*/

/*sub inc*/
.page_tt{font-size:1.725em; font-weight: 500;}
.page_stt{font-size:1.375em; font-weight: 500; color:#222;}
.page_stt2{font-size:1.25em; font-weight: 500; color:#222;}
.page_tx{font-size:1.125em; font-weight: 300; color:#222;}
.page_stx{font-size:1em; font-weight: 300;}

.dot_list > li{position: relative; padding-left:15px;}
.dot_list > li:not(:last-child){margin-bottom:15px;}
.dot_list > li:before{content:''; position: absolute; top: 12px; left: 0; width:4px; height: 4px; border-radius: 50%; background-color: var(--mainColor);}

/*렌탈신청방법*/
.bus_01_02{ text-align: center;}
.bus_01_02 .bus_cont{margin-top:30px;}
.bus_01_02 .bus_cont > li{}
.bus_01_02 .bus_cont > li .in{width:320px; height:320px; border:2px dotted #ddd; border-radius: 50%; margin:0 50px; background-color: #fff; position: relative; padding: 40px;}
.bus_01_02 .bus_cont > li:not(:last-child) .in:after{content:''; width:100%; height: 1px; border-top:1px solid #bbb;  position: absolute; top:50%; right: -100%;}
.bus_01_02 .bus_cont > li .in .in_icon{ margin-bottom: 10px; margin-top:20px;}
.bus_01_02 .bus_cont > li .in .nmb{font-size:1.25em; font-weight: 600; margin-bottom: 5px;}
.bus_01_02 .bus_cont > li .in .page_stt{line-height: 1.4;}
.bus_01_02 .bus_cont > li .in .page_stx{line-height: 1.4; color:#666; margin-top:5px;}


/*이용안내*/
.bus_03_02 .prog_list{border-top:1px solid #333;}
.bus_03_02 .prog_list > li{border-bottom:1px solid #eaeaea; padding:3.5em 3em;}
.bus_03_02 .prog_list > li .page_tt{width:30%; padding-right: 2em;}
.bus_03_02 .prog_list > li .tbox{width:70%;}
.bus_03_02 .prog_list > li .tbox .page_stt2 .xi{width:40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; color:#fff; background-color: var(--mainColor); font-size:.875em; margin-right:10px;}
.bus_03_02 .prog_list > li .tbox .bank_img{margin-bottom:15px;}