/* 서브 공통 */
.sub_vis{width: 100%; background-repeat: no-repeat; background-position: center !important; padding: 100px 0 80px; text-align: center;}
.sub_vis .sub_nav{display: flex; align-items: center; justify-content: center; text-align: center; color: white; gap: 10px; margin-bottom: 16px;}
.sub_vis ul li span{color: #ababab; display: flex; align-items: center; justify-content: center;}
.sub_vis .title_m strong{color: white;}

@media screen and (max-width: 640px){
    .sub_vis{padding:110px 40px 40px;}
    .sub_vis .sub_nav{margin-bottom: 10px; justify-content: flex-start;}
    .sub_vis .title_m{align-items: flex-start;}
}
/* sub_vis */

/* nav_Wrap */
.nav_wrap{width: 100%; border-bottom: 1px solid var(--sub-02-color);}
.nav_wrap ul{display: flex; align-items: center; justify-content: flex-start; max-width: 1440px; margin: 0 auto; overflow-x: scroll; overflow-y: auto; -ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */ padding: 0 1rem;}
.nav_wrap ul::-webkit-scrollbar{display: none;}
.nav_wrap ul li{height: 50px; line-height: 50px; position: relative; text-align: center;}
.nav_wrap ul li a{font-size: 1.3rem; display: inline-block;  padding:  0 2rem;}
/* .nav_wrap ul li::before{content: ""; width: 0; height: 3px; background: var(--main-color); position: absolute; left: 0; bottom: 0; border-radius: 2px; transition: 0.3s;} */
.nav_wrap ul li:hover{background: var(--main-color);}
.nav_wrap ul li:hover a{color: white; font-weight: 500;}
.nav_wrap ul li:hover::before{width: 100%;}
.nav_wrap ul li.on{background: var(--main-color);}
.nav_wrap ul li.on a{color: white; font-weight: 500;}
.nav_wrap ul li.on::before{width: 100%;}
.nav_wrap ul li a{font-size: 1.1rem; color: var(--font-color03);}
@media screen and (max-width: 640px){
    .nav_wrap ul{max-width: 640px; }
    /* .nav_wrap ul li{padding: 20px 10px;} */
}
/* nav_Wrap */

/* .sub_wrap{padding: 80px 1rem;} */

.sub_wrap .title_m{border-bottom: 3px solid #000;}
.sub_wrap .sub_content{border-bottom:1px solid #9F9F9F; padding: 10px 0; }
.sub_wrap .sub_text_wrap{  display: flex; flex-wrap: wrap; gap: 10px;}
.sub_wrap .sub_text{display: flex; font-size: 1.2rem; flex-direction: column; align-items: flex-start; text-align: left; padding: 20px; gap: 6px; border-bottom: 1px solid #e7e7e7; width: calc((100% - 10px)/ 2);}
.sub_wrap .sub_text > strong{display: flex; align-items: center; color: var(--grayDark); font-size: 1.6rem;}
.sub_wrap .sub_text strong span{margin-right: .6rem;}
.sub_wrap .sub_text2{flex-direction: row; width: 100%;}
.sub_wrap .sub_text2:last-child{border-bottom: none !important;}
.sub_wrap .sub_text2 strong, .sub_wrap .sub_text2 div{width: 50%;}
.sub_wrap .sub_text2 div, .sub_wrap .sub_text2 ul{padding-left: 1.8rem;}
.sub_wrap .sub_text2 div strong{font-size: 1.2rem;}

@media screen and (max-width: 1024px){
    .sub_wrap .sub_text2{flex-direction: column;}
    .sub_wrap .sub_text2 strong, .sub_wrap .sub_text2 div{width: 100% !important;}
    .sub_wrap .sub_text2 div, .sub_wrap .sub_text2 ul{padding-left: 0;}
}
@media screen and (max-width: 500px){
    .sub_wrap{padding: 80px 1rem;}
    .sub_wrap .sub_content{padding: 20px 0;}
    .sub_wrap .sub_text{flex-direction: column; width: 100%; font-size: 1rem;}
    .sub_wrap .sub_text > strong{ font-size: 1.4rem;}
}

.text_box2{text-align: center; width: 100%; max-width: 400px; margin: 20px auto 0; background: #eef2f5; font-family: 'pretendard';}

/* tab_nav */
.tab_nav{display: flex; overflow: hidden; flex-wrap: wrap; width: 100%;}
.tab_nav::-webkit-scrollbar{display: none;}
.tab_nav .tab{padding: .5rem 2rem; border-radius: 200px;}
.tab_nav .tab a{font-size: 1.2rem; color: var(--gray);}
.tab_nav .tab.on{background: var(--main-color);}
.tab_nav .tab.on a{color: white; font-weight: 500;}
/* tab_nav */

/* nav_paging */
.nav_paging{display: flex; align-items: center; justify-content: center; gap: 6px;}
.nav_paging li{cursor: pointer;}
.nav_paging li, .paging_arrow a span{display: inline-flex;  border-radius: 200%; align-items: center; justify-content: center; border: 1px solid #e7e7e7; color: #9A9A9A; font-size: 1.1rem;}
.nav_paging li > a { width: 40px; height: 40px; text-align: center; line-height: 40px; display: flex; align-items: center; justify-content: center;}
.nav_paging .paging_num.on{background: #434343;}
.nav_paging .paging_num.on a{color: white; font-weight: 500;}

@media screen and (max-width: 640px){
    .tab_nav{justify-content: flex-start;}
    .tab_nav .tab{padding: .5rem 1rem;}
    .tab_nav .tab a{font-size: 1rem;}
    .nav_paging li, .paging_arrow a span{width: 30px; height: 30px;}
}
/* nav_paging */

/* table_st3_2 */
.table_st3_2 td{border-left: none; border-right: none;}
.table_st3_2 .tb_num{font-size: 1.4rem; width: 10%;}
.table_st3_2 .tb_title{text-align: left; width: 80%;}
.table_st3_2 .tb_title a{font-size: 1.2rem; color: var(--grayDark); font-weight: 600; display: inline-block !important; width: 100%; white-space: nowrap;}
.table_st3_2 .tb_btn{width: 10%;}
.table_st3_2 .tb_btn .btn{ opacity: 0; background:var(--main-color); color: white; border: none;}

.table_st3_2 tr:hover td{background: #f8f8f8;}
.table_st3_2 tr:hover .btn{ opacity: 1;}

.table_st3_2 .no_write:hover td{background: white;}
.table_st3_2 .no_write td{padding: 2rem 0;}

@media screen and (max-width: 640px){
    .table_st3_2 .tb_num{width: 20%;}
    .table_st3_2 .tb_title{width: 80%;}
    .table_st3_2 .tb_title a{font-size: 1rem; width: 80%;}
    .table_st3_2 .tb_btn {display: none;}
}
/* table_st3_2 */

/* sitemap */
.sitemap_text{width: auto !important;}
.sitemap_text a{display: inline-block; position: relative; padding-left: 1.4rem;}
.sitemap_text a::before{content: ""; width: 10px; height: 2px; background-color: var(--grayLight); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

@media screen and (max-width: 640px){
    .sitemap_text{justify-content: flex-start !important;}
}
/* sitemap */

/* // 서브 공통 */


/* register */
.register_vis{background: url("/image/new/sub/sub_vis03.png");}
.form_wrap .title_m{border-bottom: none;}
.title_m2{border-bottom: 3px solid #000 !important;}

.form_wrap .textarea textarea{height: 400px;}
.form_wrap .textarea textarea:focus{box-shadow: none !important; border: 1px solid #d7dce5 !important;}
.login_form_wrap {display: flex; flex-direction: column; max-width: 400px; padding: 0 1rem; align-items: center; align-items: center; justify-content: center; gap: 10px; margin: 0 auto;}

.login_form_wrap input[type="text"], .login_form_wrap input[type="password"], .input_wrap input[type="text"],
.input_wrap input[type="password"], #datetime, #start_time, #end_time, #category, input[type="search"]{width: 400px; height: 37px; border-radius: 4px; padding: .7rem; border: 1px solid #B8B8B8;}

.login_form_wrap input[type="text"]:focus, .login_form_wrap input[type="password"]:focus, .input_wrap input[type="text"]:focus, .input_wrap input[type="password"]:focus, #datetime:focus, #category:focus{box-shadow: none !important; border: 1px solid var(--main-color) !important; background: #eef2f5;}

input[readonly], input[readonly]:focus{background: #F8F8F8 !important; border: 1px solid #9F9F9F !important;}

.chk_text:hover{cursor: pointer; font-weight: 600;}

.pop_bg{width: 100%; height: 100%; background: rgb(0, 0, 0, .4); position: fixed; left: 0; top: 0; display: none;}
.textarea01{position: fixed; width: calc(100% - 2rem); max-width: 1000px; border-radius: 12px; border: 1px solid #c7c7c7; left: 50%; top: 50%; transform: translate(-50%, -50%); background: white; padding: 2rem; display: none;}
.textarea_title{display: flex; justify-content: space-between; align-items: center; font-size: 1.2rem; font-weight: 600; color: var(--font-color01); margin-bottom: 1rem;}
.textarea01 textarea{height: 400px;}
#text_close, #text_close2{cursor: pointer;}

.input_wrap{position: relative;}
#html{position: absolute; top: 52px; left: 0;}
#html + label{margin-left: 1.5rem;}
#secret{position: absolute; left: 0; top: 41px;}
#secret + label{margin-left: 1.5rem;}

#testinfo{margin-bottom: 0.5rem;}

.required.joined.name{margin-bottom: 0.5rem;}
.captcha2_box.required, .captcha_box.required{width: 100% !important; margin-bottom: 0.5rem;}
#captcha2_img{border: 1px solid #c8c8c8; border-radius: 4px;margin-left: 0 !important; width: 100%; max-height: 50px; height: fit-content; object-fit: contain; }
#captcha2_reload, #captcha_mp3, #captcha2_mp3{padding: .5rem; background-color: #666; color: white; border-radius: 4px; float: left; margin-right: 0.5rem; margin-bottom: .6rem;}
#captcha_mp3, #captcha2_mp3{background-color: #c8c8c8; float: left;}
#captcha2_img{margin-left: 0.5rem;}
#captcha2_info{margin-bottom: 0.5rem;}
.chptArea2{margin-bottom: 0.5rem;}

.login_form_wrap .chptArea img{margin-bottom: 0 !important; margin-left: 0 !important; width: 100%; max-height: 45px; height: fit-content; object-fit: contain;}
.login_form_wrap .chptArea .captcha_box.required{margin-top: 0 !important;}
.login_form_wrap .chptArea #captcha_reload{margin-bottom: 0.6rem !important;}
.login_form_wrap .chptArea #captcha_info{margin-top: 0 !important; margin-bottom: 0.5rem;}

.login_form_wrap input{width: 100% !important;}


#login input{ margin-bottom: 0.5rem;}
/* register */

/* register2 */
.form_wrap .sub_content .input_list_wrap{display: flex; align-items: center; display: flex; flex-wrap: wrap;}
.form_wrap .sub_content .input_list_wrap .input_list{width: 50%; display: flex; align-items: center;}
/* .form_wrap .sub_content .input_list_wrap .input_list > p{width: 20%;} */
.form_wrap .sub_content .input_list_wrap .input_list > label{width: 20%;}
.form_wrap .sub_content .input_list_wrap .input_list .input_wrap{width: 80%;}
.form_wrap .sub_content .input_list_wrap .input_list.w100 > label{width: 10%;}
.form_wrap .sub_content .input_list_wrap .input_list.w100 .input_wrap{width: 93%;}
.form_wrap .sub_content .input_wrap{display: flex; flex-direction: column; align-items: flex-start;}
.input_num{gap: 6px;}
.input_num input[type="text"]{width: calc(100% / 3) !important;}
.input_wrap input[type="password"], .input_wrap input[type="text"]{width: 100%;}

@media screen and (max-width: 1400px){
    .form_wrap .sub_content .input_list_wrap .input_list{width: 100%;}
    .form_wrap .sub_content .input_list_wrap .bd_mo{border-bottom: 1px solid #e7e7e7;}
    .list_blank{display: none !important;}
    .form_wrap .sub_content .input_list_wrap .input_list.w100 .input_wrap{width: 80%;}
    .form_wrap .sub_content .input_list_wrap .input_list.w100 > label{width: 20%;}
    .datetime_box{flex-direction: column !important;}
    .datetime_box .datetime_wrap{width: 100%; margin: 0 !important;}
}
@media screen and (max-width: 1024px){
    .input_wrap.checkbox_st3{flex-wrap: wrap; flex-direction: column; gap: 10px;}
    .checkbox_st3 input[type="radio"] + label{width: 100%; max-width: none; margin: 0 !important;}
}
@media screen and (max-width: 640px){
    .form_wrap .sub_content .input_list_wrap .input_list{flex-direction: column; align-items: flex-start;}
    .form_wrap .sub_content .input_list_wrap .input_list > label{margin-bottom: 0.6rem;}
    .form_wrap .sub_content .input_list_wrap .input_list > *{    width: 100% !important;}
    .form_wrap .sub_content .input_list_wrap .input_list.w100 div{ width: 100% !important;}
    .form_wrap .sub_content .input_list_wrap .input_list.w100 .d_flex.w100{flex-direction: column;}
    .form_wrap .sub_content .input_list_wrap .input_list.w100 .d_flex.w100 input{margin-bottom: .6rem;}

    .btn5_wrap{width: 100% !important; flex-direction: column; padding-left: 0 !important;padding-right: 0 !important;}
}
/* register2 */

/* login */
.login_wrap{border-top: 3px solid black;}
.login_wrap .title_m{border-bottom: none;}
/* .login_wrap .title_m div{width: 70px; height: 70px; margin: 0 auto; display: flex; align-items: center; justify-content: center;} */
.icon_cir{width: 65px; height: 65px; margin: 0 auto; display: flex !important; align-items: center; justify-content: center; background: var(--grayLight2);}


.login_list li .btn{font-family: 'pretendard'; box-shadow: none !important;}
@media screen and (max-width: 640px){
    .login_wrap .title_m div{width: 50px; height: 50px;}
}
/* login */


/* booking form */
.date_wrap{max-width: 1440px;}
.date_title_wrap, .date_list_wrap{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.date_title_wrap > li, .date_list_wrap > li{width: calc(100% / 7); text-align: left; font-size: 1.8rem; font-weight: 600; color: var(--grayDark); padding: .8rem;}
.date_list_wrap{border-bottom: 1px solid #D2D8DC;}
.date_list_wrap > li{font-weight: 400; height: 200px; border-top: 1px solid #D2D8DC; border-right: 1px solid #D2D8DC; position: relative; overflow-x: hidden; overflow-y: scroll;}
.date_list_wrap > li::-webkit-scrollbar{display: none;}

.date_list_wrap > li:nth-child(7n){border-right: none;}
.date_list_wrap > li .pick_date{cursor: pointer;}
.date_list_wrap > li p.on{width: 40px; height: 40px; background: var(--main-color); color: white; border-radius: 200%; display: flex;  justify-content: center;}
.date_list_wrap > li .pick_date a { font-size: inherit; color: inherit; }

.date_booking_wrap{position: absolute; width: 100%; left: 0; top: 60px;}
.date_booking_wrap .date_booking_list{display: flex; align-items: center; padding: .4rem; padding-left: .6rem; background: #EEF2F5; position: relative; flex-wrap: wrap;}
.date_booking_list::before{content: ""; width: 5px; height: 100%; background: var(--main-color); position: absolute; left: 0; top: 0;}
.list_bg2::before{background: #003D7A !important;}
.list_bg3{background: #F1FFFC !important;}
.list_bg3::before{background: #00DBAE !important;}

.date_booking_wrap li span{ font-size: 1rem;}
.booking_num{display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 200%; text-align: center; background: white; margin-right: 0.6rem;}

select{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'%3E%3Cpath d='M480-345 240-585l56-56 184 183 184-183 56 56-240 240Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 96% center; background-size: 20px;}
@media screen and (max-width: 1024px){
    .date_list_wrap > li{height: 140px;}
    .date_title_wrap > li, .date_list_wrap > li p{font-size: 1.4rem;}
    .date_list_wrap > li p.on{width: 30px; height: 30px;}
}
@media screen and (max-width: 640px){
    .date_list_wrap > li{height: 80px;}
    .date_title_wrap > li, .date_list_wrap > li p{font-size: 1rem;}
    .btn4{width: 50px !important; height: 50px !important; min-width: 50px !important;}
    .date_list_wrap > li p.on{width: 20px; height: 20px;}
    .date_booking_wrap{top: 35px;}
    .date_booking_wrap .date_booking_list{padding: .2rem; padding-left: 0.3rem;}
    .date_booking_wrap li span{font-size: 0.8rem;}
    .booking_num{display: none;}
}

.title_wrap{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.step_list{display: flex; align-items: center; gap: 36px; position: relative;}
.step_list::before{content: ""; width: 100%; height: 2px; position: absolute; top: 35px; left: 0; background: var(--grayLight2); z-index: -100;}
.step_list li{display: flex; flex-direction: column; align-items: center;}
.step_list li.on .icon_cir{background: var(--main-color) !important; color: white;}
.step_list li.on span{color: var(--main-color);}

@media screen and (max-width: 1024px){
    .icon_cir{width: 60px; height: 60px;}
    .step_list{gap: 20px;}
    .step_list::before{top: 30px;}
    .title_wrap2{align-items: flex-start !important;}
}

.datetime_wrap{display: flex; align-items: center; gap: 10px; width: 50%;}

.file_box input[type="file"] { position: absolute;width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.file_box .upload_name {display: inline-block; height: 40px; padding: 0 10px; vertical-align: middle; border: 1px solid #B8B8B8; border-radius: 4px; box-sizing: border-box; }

.file_list_wrap button:hover{color: var(--grayDark);}
/* booking form */


/* intro_wrap */
.intro_vis{background: url('/image/new/sub/sub_vis01.png');}

.intro_wrap .title_m{position: relative; border-bottom: none;}

@media screen and (max-width: 500px){
    .intro_wrap .title_m{margin-bottom: 20px;}
    .intro_wrap .title_m strong{font-size: 1.6rem; line-height: 30px;}
    .intro_wrap .title_m::before{height: 80px; bottom: -110px;}
}

.scroll_wrap{overflow: hidden; display: flex; position: relative;}

.scroll_wrap .intro_img{display: flex; height: 400px; position: relative; animation: scroll 120s linear infinite;}
.scroll_wrap .intro_img div{width: max-content; height: 100%; margin-right: 40px;}

@keyframes scroll{
    0%{transform: translateX(0);}
    100%{transform: translateX(-100%);}
}

.sub_text_box{ padding: 50px 150px;}
.sub_text_box > div{ max-width: 1000px;text-align: left; color: var(--gray); font-size: 1.2rem; margin: 0 auto;}

@media screen and (max-width: 640px){
    .scroll_wrap .intro_img{height: 400px;}
    .sub_text_box{padding: 110px 1rem;}
    .sub_text_box > div{max-width: 640px; font-size: 1rem;}
}
@media screen and (max-width: 500px){
    .sub_text_box{padding: 30px 1rem;}
    .sub_text_box > div{max-width: 640px; font-size: 1rem;}
}
/* intro_wrap */

/* 조직현황 */
.org_wrap .sub_content{padding: 20px;}
.org_wrap .org_img{ max-width: 773px; margin: 0 auto; text-align: center;}
@media screen and (max-width: 1024px){
    .org_wrap .sub_content{padding: 30px;}
    .org_wrap .org_img{max-width: 640px;}
}
@media screen and (max-width: 640px){
    .org_wrap .sub_content{padding: 20px;}
    .org_wrap .org_img{max-width: 400px;}
}
/* 조직현황 */


/* s_busi_content */
.busi_vis{background: url('/image/new/sub/sub_vis02.png');}
.s_busi_content .sub_text2 strong{width: 30%;}
.s_busi_content .sub_text_wrap .sub_text2:last-child{border-bottom: 1px solid #e7e7e7;}
.s_busi_content > .sub_text2{border-bottom: none;}
.s_busi_content .sub_text2 ul, .sub_wrap .sub_text2 div{width: 70%; padding-left: 0;}
.table_title{font-size: 1.6rem; color: var(--grayDark); font-weight: 600; text-align: left; width: 30%;}
.sub_text table thead th{font-size: 1.4rem; color: var(--grayDark); font-weight: 600; text-align: center;}
.sub_text table td{padding: .9rem 1.5rem; text-align: left;}

@media screen and (max-width: 1024px){
    .s_busi_content .sub_text2 strong, .table_title, .s_busi_content .sub_text2 div{width: 100%;}

    .sub_text table {width: 100% !important;}
}

/* s_busi_content */

/* 장비소개 */
#category{width: 200px; background-color: #E7E7E7;}
#search{border-radius: 4px 0 0 4px; width: 300px;}
/* #search + label{border: 1px solid #B8B8B8; border-radius: 0 4px 4px 0; border-left: none;} */
#search + label > button{height: 60px; border: 1px solid #B8B8B8; border-radius: 0 4px 4px 0 !important; border-left: none !important;}
#search + label > button:hover{text-decoration: none !important; box-shadow: none !important;}

@media screen and (max-width: 1024px){
    #category{height: 50px; padding: .6rem;}
    #search{height: 50px;}
    #search + label > button{height: 50px !important;}
}

.sub_equip_list{width: 100% !important; max-width: 1440px; display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 20px;}
.sub_equip_list .list{width: calc((100% - 60px)/ 4) !important; height: 240px !important;background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.sub_equip_list .list .list_text{position: relative; bottom: -82px; transition: 0.3s;}

.sub_equip_list .list::before{background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(8,113,196,0.26) 50%, rgba(8,113,196,1) 100%) !important; transition: 0.3s; mix-blend-mode: normal !important; opacity: 0;}
.sub_equip_list .list:hover .list_text{bottom: 0;}
.sub_equip_list .list:hover::after{transition: 0.3s;}
.sub_equip_list .list:hover::after{opacity: 0 !important;}
.sub_equip_list .list:hover::before{opacity: 1 !important;}

.sub_e_list01{background: url('/image/new/sub/equip01.png');}
.sub_e_list02{background: url('/image/new/sub/equip02.png');}
.sub_e_list03{background: url('/image/new/sub/equip03.png');}
.sub_e_list04{background: url('/image/new/sub/equip04.png');}
.sub_e_list05{background: url('/image/new/sub/equip05.png');}
.sub_e_list06{background: url('/image/new/sub/equip06.png');}
.sub_e_list07{background: url('/image/new/sub/equip07.png');}
.sub_e_list08{background: url('/image/new/sub/equip08.png');}
.sub_e_list09{background: url('/image/new/sub/equip09.png');}
.sub_e_list10{background: url('/image/new/sub/equip10.png');}
.sub_e_list11{background: url('/image/new/sub/equip11.png');}
.sub_e_list12{background: url('/image/new/sub/equip12.png');}

@media screen and (max-width: 1024px){
    .title_wrap{flex-direction: column; align-items: flex-start; gap: 10px;}
    .sub_equip_list .list{width: calc((100% - 20px)/ 2) !important; height: 320px !important;}
    .search_wrap{margin-top: 2rem; margin-bottom: 1.2rem;}
}
@media screen and (max-width: 640px){
    #category{width: 25%;}
    #search{width: 50%;}
    .sub_equip_list .list{width: 100% !important;}
}
/* 장비소개 */

/* 장비 상세보기 */
.equip_view_content{display: flex; justify-content: space-between; gap: 20px;}
.equip_view_content > div{width: calc((100% - 20px)/ 2);}

.equip_view_img{border-radius: 4px; overflow: hidden; height: auto; height: fit-content;}
.equip_view_img img{height: auto !important;}
.view_full{width: 50px; height: 50px; background-color: white; border-radius: 200%; display: flex !important; align-items: center; justify-content: center; cursor: pointer; top: 20px; right: 20px;}

.equip_view_content .sub_text_wrap{display: flex; flex-wrap: wrap; gap: 20px; flex-direction: column; height: 100%; align-items: flex-start;}
.equip_view_content .sub_text_wrap .title_s strong{ font-family: 'pretendard';}
.equip_view_content .sub_text_wrap .text_box2{margin: 0; width: 100%; max-width: 100%; border-radius: 12px; text-align: left; padding: 1rem 1.4rem;}
.equip_view_content .sub_text_wrap .text_box2 li{padding: .4rem 0; font-size: 1.2rem; color: black;}
.equip_view_content .sub_text_wrap .text_box2 li strong{width: 100px; display: inline-block;}
.equip_view_content .view_text_box{width: 100%; border: none; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; min-height: 200px; padding: 1rem;}


.equip_view_content .btn_wrap .btn1{width: calc((100% - 20px)/ 2); justify-content: space-between; margin-right: 0;}

.img_popup_wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); transition: 0.3s; display: none;}
.img_popup_wrap .img_popup{position: absolute; width: fit-content; height: fit-content; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; padding: 0 1rem;}

#view_full_close{ top: -66px; left: 50%; transform: translateX(-50%);}

@media screen and (max-width: 1024px){
    .equip_view_content{flex-direction: column;}
    .equip_view_content > div{width: 100%;}
}
@media screen and (max-width: 640px){
    .equip_view_content .btn_wrap{flex-direction: column; gap: 10px;}
    .equip_view_content .btn_wrap .btn1{width: 100%; margin: 0 !important;}
}
/* 장비 상세보기 */


/* 장비예약  견적의뢰*/
.sub03_vis{background: url("/image/new/sub/sub_vis03.png");}
.booking_list_wrap{display: flex; gap: 20px; flex-wrap: wrap;}
.booking_list_wrap .booking_list{width: calc((100% - 20px)/ 2); display: flex; padding: 1rem; border-radius: 12px; border: 1px solid #e2e2e2;}
.booking_list_wrap .booking_list .img_box{max-height: 240px; overflow: hidden; border-radius: 12px;width: 40%;}
.booking_list_wrap .booking_list .list_text{width: 60%; padding-left: 1rem; align-items: flex-start; justify-content: space-between; display: flex; flex-direction: column;}

@media screen and (max-width: 1400px){
    .booking_list_wrap .booking_list .list_text .title_s span{font-size: 1rem;}
    .booking_list_wrap .booking_list .list_text .title_s a{font-size: 1.4rem;}
}
@media screen and (max-width: 1024px){
    .booking_list_wrap {flex-direction: column;}
    .booking_list_wrap .booking_list{width: 100%; flex-direction: column;}
    .booking_list_wrap .booking_list .img_box{width: 100%;}
    .booking_list_wrap .booking_list .list_text{width: 100%; padding-left: 0; padding-top: 1rem;}
    .booking_list_wrap .booking_list .list_text .btn_wrap{margin-top: 20px;}
}
/* 장비예약  견적의뢰*/

/* 장비이용안내 */
.guide_wrap{width: 100%; max-width: 1200px; display: flex; align-items: center;  flex-wrap: wrap; gap: 20px; margin: 0 auto; justify-content: center; margin-top: 30px;}
.guide_wrap .guide_list{min-width: 200px; display: flex; flex-direction: column; align-items: center; padding: 1rem; border-radius: 4px; border: 1px solid var(--grayLight);}
.guide_wrap .guide_list.bg_main{color: white;}
.guide_wrap .guide_list span{font-size: 1.8rem;}
@media screen and (max-width: 1400px){
    .guide_wrap .guide_list{min-width: 150px;}
    .guide_wrap .guide_list .material-symbols-outlined{font-size: 2rem !important;}
}
@media screen and (max-width: 1024px){
    .guide_wrap .guide_arrow{display: none;}
    .guide_wrap .guide_list{ width: 100%;}
    .guide_wrap .guide_list span, .guide_wrap .guide_list strong{font-size: 1.2rem;}
}
/* 장비이용안내 */

/* 기술자료실 */
.sub04_vis{background: url('/image/new/sub/sub_vis04.png');}
/* 기술자료실 */

/* 게시판 글 뷰페이지 */
.write_top{width: 100%; display: flex; flex-direction: column; background-color: #f5f6f7;}
.write_top li{padding: 1.5rem; border-bottom: 1px dashed #ccc; display: flex;
    gap: 10px; align-items: center;}
.write_top li strong{width: 80px;}
.write_top li a, .write_top li{font-size: 1.1rem;}
.write_top li a{display: flex; align-items: center; gap: 10px;}

.wirte_bottom{padding: 1.5rem;}
@media screen and (max-width: 640px){
    .write_top .add_file{flex-direction: column; align-items: flex-start;}
    .view_btn_wrap{justify-content: center !important;}
}
/* 게시판 글 뷰페이지 */

/* 레이어 팝업 */
.popup_layer { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: 1000; }
.popup_layer .inner { position: absolute; min-width: 800px; padding: 20px; background: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); }

/* 레이어 팝업 끝 */