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

.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:block;}
.mob_img {display:none;}
.pc {display:none;}
.tab {display:block;}
.mob {display:none;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:1360px; min-width: 375px; margin:0 auto; overflow:hidden;}
.inner{width:100%; margin:0 auto; padding: 0 2.6%; }

/* header */
#header{position: relative;line-height: 1;z-index: 8000;}
#header .inner{display: flex; align-items: center; justify-content: space-between; height: 80px;}
#header h1 a img{height: 52px;}
#header ul.gnb{display: none;gap:100px;}
#header ul.gnb li a{font-size: 18px; color: #333; font-weight: 500;padding: 35px 0;transition:.3s;}
#header ul.gnb li:hover a{font-weight: 600;color: var(--co01);}
#header .right_wrap{display: flex; align-items: center; gap:20px;}
#header .log_btn{display: flex; align-items: center; justify-content: center;gap:6px;padding: 0 15px; height: 30px; background: var(--co01); color: #fff;font-size: 14px; color: #fff;border-radius:15px;}
#header .log_btn img{width: 12px;}

/* navi */
#header .nav_btn{position: relative;display: block;width: 35px; height: 16px;}
#header .nav_btn::before{content:'';position: absolute; right: 0; top: 0;width: 100%; height: 2px; background: #333;transition:.4s;}
#header .nav_btn::after{content:'';position: absolute; right: 0; bottom: 0;width: 100%; height: 2px; background: #333;transition:.4s;}
#header .nav_btn span{position: absolute; right: 0; top: 50%; transform:translateY(-50%); width: 20px; height: 2px; background: #333;transition:.4s;}

#header.nav .nav_btn::before{transform:rotate(45deg);top: 7px;}
#header.nav .nav_btn::after{transform:rotate(135deg);bottom: 7px;}
#header.nav .nav_btn span{opacity: 0;}

.navigation{position:absolute;top: 80px;z-index:5000;width:100%;background-color:var(--co02);height:100%;display:none;right: 0px;z-index: 4000;}
.navigation h3{height:55px;width:100%;}
.navigation h3 a{border-bottom: 1px solid #ddd;}
.navigation h3:nth-child(1) a{border-top: 1px solid #ddd;}
.navigation h3 a{position: relative;height:55px;width:100%;background-color:var(--co02);display: flex;align-items: center;padding: 0 20px;color:#333;font-size:18px;font-weight: 400;}


/* visual_wrap */
#visual_wrap{position: relative;line-height: 1;}
#visual_wrap .visual{border-radius:18px;overflow: hidden;}
#visual_wrap .txt_wrap{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); font-size: 43px; line-height: 60px; color: #fff;font-weight: 500;text-align: center;width: max-content;text-shadow: 6px 6px 10px rgba(0, 0, 0, .15);overflow: hidden;}
#visual_wrap .txt_wrap p{opacity: 0;transform:translateY(-100px);transition:1.5s;}
#visual_wrap .txt_wrap strong{opacity: 0;transform:translateY(-100px);display: block; font-weight: 700;transition:1.5s;transition-delay:.2s;}
#visual_wrap .vis_items{display: flex;gap:1px;position: absolute; left: 50%; transform:translateX(-50%); bottom: 25px;}
#visual_wrap .vis_items img{width: 24px;}

#visual_wrap ul li.slick-active .txt_wrap p{opacity: 1;transform:translateY(0px);}
#visual_wrap ul li.slick-active .txt_wrap strong{opacity: 1;transform:translateY(0px);}

/* section01 */
#section01{line-height: 1;padding: 80px 0;}
#section01 .inner{display: flex;gap:30px;flex-wrap:wrap;}
#section01 .box{position: relative;width: 100%; background: #fff; border-radius:18px; }
#section01 .box a{display: block;padding: 60px 43px 45px;}
#section01 .box p{font-size: 32px; color: #333; font-weight: 700;}
#section01 .box span{display: block;font-size: 15px; color: #888; line-height: 25px;margin: 20px 0;}
#section01 .box .more{position: relative;display: flex;align-items: center;justify-content: center;width: 40px; height: 40px; background: var(--co01); border-radius:50%;overflow: hidden;}
#section01 .box .more::after{content:'';position: absolute; left: -100%; top: 50%; transform:translate(-50%,-50%);background: url(/assets/images/main/more_btn01_tab.png)center no-repeat; width: 19px; height: 15px; background-size: cover;transition:.4s;}
#section01 .box .more img{transition:.3s;width: 19px;}
#section01 .box:hover .more img{transform: translateX(180%);}
#section01 .box:hover .more::after{left: 50%;}
#section01 .box .icon{position: absolute; bottom: 45px; right: 23px;transition:.5s;}
#section01 .box .icon img{width: 120px;}
#section01 .box:nth-child(2) .icon{bottom: 30px; right: 20px;}
#section01 .box:nth-child(2) .icon img{width: 168px;}
#section01 .box:hover .icon{transform:translateY(-10px);}

.quick_menu{position: fixed; bottom: 80px; right: 2.6%;line-height: 1;z-index: 8000;}
.quick_menu .quick{position: relative;}
.quick_menu .quick:not(:last-child){margin-bottom: 10px;}
.quick_menu .quick a{display: flex; align-items: center; justify-content: center;gap:5px;flex-direction: column; width: 50px; height: 50px; border-radius:50%;	 box-shadow: 3px 3px 12px rgba(0,0,0,.25);}
.quick_menu .quick a:not(.top_btn) img{width: 100%;}
.quick_menu .quick a.top_btn{font-size: 14px; color: #fff; font-weight: 500;background: #333;}
.quick_menu .quick a.top_btn img{width: 12px;}

/* footer */
#footer{line-height: 1;padding: 60px 0;background: var(--co01);}
#footer .f_logo{font-size: 25px; color: #fff; font-weight: 700;margin: 0 auto;display: block;width: fit-content;}
#footer address{display: flex;gap:15px;justify-content: center; align-items: center;flex-wrap:wrap;border-top: 1px solid #fff;margin-top: 25px; padding-top: 25px;}	
#footer address p{color: #fff;font-size: 14px; line-height: 25px;text-align: center;}
#footer address p i{display: inline-block; margin: 0 8px; width: 2px; height: 10px; background: #fff;}

/* =====sub======================================================= */
#sub_visual_wrap{position: relative;line-height: 1;}
#sub_visual_wrap p,
#sub_visual_wrap img{border-radius:20px;}
#sub_visual_wrap .txt_wrap{position: absolute; left: 50%;top: 50%; transform:translate(-50%,-50%);}
#sub_visual_wrap .txt_wrap h2{font-size: 35px; color: #fff;font-weight: 700; text-shadow: 6px 6px 30px rgba(54,53,51,.15);}

#sub_contents{padding: 60px 0px;}

/* 공통 */
h4.h4_tit01{position: relative;padding-left: 28px;font-size: 24px; color: #333;margin-bottom: 25px; font-weight: 700;font-family: 'GmarketSans';}
h4.h4_tit01::after{content:'';position: absolute; left: 0; top: 40%; transform:translateY(-50%);width: 16px; height: 16px; background: url(/assets/images/sub/txt_icon01.png)center no-repeat; background-size: cover;}

input[type="checkbox"].chk_st01{display: none;}
input[type="checkbox"].chk_st01 + label{position: relative;padding-left: 25px;font-size: 15px; color: #555;}
input[type="checkbox"].chk_st01 + label b{color: #333; font-weight: 400;}
input[type="checkbox"].chk_st01 + label::after{content:'';position: absolute; left: 0; top: 50%; transform:translateY(-50%);border:1px solid #ddd;width: 16px; height: 16px; background: #fff;}
input[type="checkbox"]:checked.chk_st01 + label::after{content:'✓'; color: #fff;border:1px solid var(--co01); font-size: 12px; line-height: 14px; text-align: center; background: var(--co01);}

ul.ul_list01{display: flex;flex-wrap:wrap;gap:30px 20px;}
ul.ul_list01 > li{width: calc((100% - 40px) / 3);}
ul.ul_list01 > li .img_wrap{position:relative; width:100%; padding-bottom:115.254%;border:1px solid #ddd; border-radius:12px;overflow: hidden;transition:.4s;}
ul.ul_list01 > li .img_wrap:hover{border:1px solid var(--co01);}
ul.ul_list01 > li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;transition:.4s;}
ul.ul_list01 > li .img_wrap:hover img{transform:scale(1.05)}
ul.ul_list01 > li .txt_wrap{margin-top: 20px;}
ul.ul_list01 > li .txt_wrap strong{display: block;font-size: 17px;color: #333; font-weight: 700;margin-bottom: 15px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
ul.ul_list01 > li .txt_wrap ul li{position: relative;display: flex;gap:5px;padding-left: 15px;}
ul.ul_list01 > li .txt_wrap ul li::after{content:'';position: absolute;left: 0; top: 50%; transform:translateY(-50%);width: 4px; height: 4px; background: var(--co01); border-radius:50%;}
ul.ul_list01 > li .txt_wrap ul li:not(:last-child){margin-bottom: 12px;}
ul.ul_list01 > li .txt_wrap ul li p{font-size: 15px; color: #333;width: 60px;}
ul.ul_list01 > li .txt_wrap ul li span{display: block;font-size: 15px; color: #666;width: calc(100% - 65px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

table.tbl01{width: 100%;border-top: 1px solid var(--co01);}
table.tbl01 tr{border-bottom: 1px solid #ddd;}
table.tbl01 th{font-size: 15px; color: #333; font-weight: 500;padding: 10px;}
table.tbl01 td{font-size: 15px; color: #666; text-align: center;padding: 10px;}

/*login*/
.login_wrap{line-height: 1;}
.login_wrap h3{font-size: 35px; color: #333; font-weight: 700;text-align: center;margin-bottom: 40px;}
.login_wrap .login_box{width: 480px;margin: 0 auto;}
.login_wrap .login_box .input{display: flex; align-items: center; background: #fff; width: 100%; height: 50px; border-radius:12px;padding: 0 20px;margin-bottom: 10px;}
.login_wrap .login_box .input .icon{width: 40px;}
.login_wrap .login_box .input input[type="text"],
.login_wrap .login_box .input input[type="password"]{width: calc(100% - 40px);font-size: 17px; color: #888;border:0}
.login_wrap .login_box .input input[type="text"]::placeholder,
.login_wrap .login_box .input input[type="password"]::placeholder{font-size: 17px; color: #888;}
.login_wrap .login_box .input input[type="text"]:focus,
.login_wrap .login_box .input input[type="password"]:focus{outline:0;}
.login_wrap .login_box .login_btn{display: flex; align-items: center; justify-content: center;width: 100%; height: 60px;margin-top: 20px;font-size: 18px; color: #fff; font-weight: 500; border-radius:12px; background: #333;}
.login_wrap .login_box .img_wrap{width: 100%; height: 160px;margin-top: 40px; border-radius:12px; overflow: hidden;}
.login_wrap .login_box .img_wrap img{width: 100%; height: 100%; object-fit:cover;}

/*sub0101*/
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con{background: #fff;padding: 50px; border-radius:18px;}
.sub0101_wrap .txt strong{display: block;font-size: 18px; color: #333; font-weight: 700; line-height: 1.5;}
.sub0101_wrap .txt p{font-size: 16px; color: #666; line-height: 1.6;}

.sub0101_wrap .tit strong{margin-bottom: 15px;}
.sub0101_wrap .txt01{display: flex;align-items: center;gap:30px;margin: 30px 0 25px;}
.sub0101_wrap .txt01 .img_wrap{display: flex;align-items: center; justify-content: center; flex-direction: column;gap:20px;width: 300px; height: 400px; background: url(/assets/images/sub/sub0101_img01.jpg)center no-repeat; background-size: cover; border-radius:18px; overflow: hidden;}
.sub0101_wrap .txt01 .img_wrap p{font-size: 25px; color: #fff; font-weight: 700; line-height: 1.5;text-align: center;}
.sub0101_wrap .txt01 .txt_wrap{width: calc(100% - 330px);	}
.sub0101_wrap .txt01 .txt_wrap ul li{padding: 25px 10px 25px 15px;}
.sub0101_wrap .txt01 .txt_wrap ul li:not(:last-child){border-bottom: 1px solid #ddd;}
.sub0101_wrap .txt01 .txt_wrap strong{margin-bottom: 12px;}

.sub0101_wrap .sign{display: flex;align-items: center;justify-content: flex-end; margin-top: 30px;}
.sub0101_wrap .sign strong{position: relative;display: block;padding-left: 18px;font-size: 18px; color: #333; font-weight: 700;}
.sub0101_wrap .sign strong::after{content:'';position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 2px; height: 15px; background: var(--co01);}
.sub0101_wrap .sign p{font-size: 18px; color: #333; font-weight: 400;padding-left: 30px;}
.sub0101_wrap .sign img{padding-left: 15px;}

@media screen and (max-width:950px) {
.sub0101_wrap .txt01{flex-wrap:wrap;}
.sub0101_wrap .txt01 .img_wrap{width: 100%; height: 250px;background-attachment: fixed;}
.sub0101_wrap .txt01 .txt_wrap{width: 100%;}
}

/*sub0201*/
.sub0201_wrap{line-height: 1;}
.sub0201_wrap .con01{display: flex;gap:20px;margin-bottom: 30px;}
.sub0201_wrap .con01 .box{width: calc((100% - 20px) / 2);padding: 30px;background: #fff; border-radius:10px;}
.sub0201_wrap .con01 ul{display: flex;flex-wrap:wrap;gap:10px 20px;}
.sub0201_wrap .con01 ul li{position: relative;width: calc((100% - 20px) / 2);padding-left: 15px;font-size: 15px; color: #666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.sub0201_wrap .con01 ul li::after{content:'';position: absolute;left: 0; top: 50%; transform:translateY(-50%);width: 4px; height: 4px; background: var(--co01); border-radius:50%;}

/*sub0201_view*/
.sub0201_view_wrap{line-height: 1;}
.sub0201_view_wrap .con01{background: #fff; padding: 50px; border-radius:10px;}
.sub0201_view_wrap .con01 h2{font-size: 30px; color: #333; font-weight: 700;text-align: center; margin-bottom: 30px;}
.sub0201_view_wrap .con01 a.write_btn{display: flex;align-items: center; justify-content: center;width: fit-content;height: 35px;border-radius:5px; padding: 0 15px;color: #fff; font-size: 14px; background: var(--co01);margin-left: auto;margin-bottom: 20px;font-weight: 700;}

.sub0201_view_wrap .con01 table.tbl01 td .pop_btn{display: flex; align-items: center; justify-content: center; width: 70px; height: 30px; background: var(--co01); color: #fff;font-size: 14px; font-weight: 500;}

.sub0201_view_wrap .con01 .tbl_wrap_mob{display: none;}


.sub0201_view_wrap .pop_wrap{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.5);line-height: 1;}
.sub0201_view_wrap .pop_wrap .pop_box{position: absolute;top: 50%; left: 50%; transform:translate(-50%,-50%);width: 900px; background: #fff;padding: 50px; border-radius:12px;}
.sub0201_view_wrap .pop_wrap .pop_box h2{font-size: 25px; color: #333; font-weight: 700; text-align: center;margin-bottom: 30px;}
.sub0201_view_wrap .pop_wrap .pop_box h2 b{color: var(--co01);}
.sub0201_view_wrap .pop_wrap .tbl_wrap{height: 258px;overflow-y: scroll;}
.sub0201_view_wrap .pop_wrap .tbl_wrap table.tbl01{table-layout: fixed;}
.sub0201_view_wrap .pop_wrap .tbl_wrap table.tbl01 th{padding: 10px;}
.sub0201_view_wrap .pop_wrap .tbl_wrap table.tbl01 td{padding: 10px;}
.sub0201_view_wrap .pop_wrap .tbl_wrap table.tbl01 td em{display: flex; align-items: center; justify-content: center; width: 78px; height: 32px;margin: 0 auto;}
.sub0201_view_wrap .pop_wrap .tbl_wrap table.tbl01 td em.tag01{background: #ddd; color: #333;}
.sub0201_view_wrap .pop_wrap .tbl_wrap table.tbl01 td em.tag02{background: var(--co01);color: #fff;}
.sub0201_view_wrap .pop_wrap .tbl_wrap::-webkit-scrollbar {width: 5px;  /* 스크롤바의 너비 */}
.sub0201_view_wrap .pop_wrap .tbl_wrap::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: #ddd; /* 스크롤바의 색상 */border-radius: 10px;}
.sub0201_view_wrap .pop_wrap .tbl_wrap::-webkit-scrollbar-track {background: transparent;  /*스크롤바 뒷 배경 색상*/}
.sub0201_view_wrap .pop_wrap .pop_btn{display: flex; align-items: center; justify-content: center; width: 130px; height: 45px; background: #333; color: #fff; border-radius:12px;font-size: 15px;font-weight: 500;margin: 30px auto 0;}

@media screen and (max-width:1400px) {
.sub0201_view_wrap .con01 .tbl_wrap_pc{display: none;}
.sub0201_view_wrap .con01 .tbl_wrap_mob{display: block;}
.sub0201_view_wrap .con01 .tbl_wrap_mob ul{display: flex;flex-wrap:wrap;border-top: 1px solid var(--co01);}
.sub0201_view_wrap .con01 .tbl_wrap_mob ul li{position: relative;width: 50%;border-bottom: 1px solid #ddd;padding: 30px 20px;}
.sub0201_view_wrap .con01 .tbl_wrap_mob ul li:nth-child(2n-1)::after{content:'';position: absolute; top: 50%; transform:translateY(-50%); right: 0; height: calc(100% - 60px); width: 1px; background: #ddd;}
.sub0201_view_wrap .con01 .tbl_wrap_mob ul li .txt{display: flex;}
.sub0201_view_wrap .con01 .tbl_wrap_mob ul li .txt:not(:last-child){margin-bottom: 5px;}
.sub0201_view_wrap .con01 .tbl_wrap_mob ul li p{width: 150px;font-size: 15px; color: #333; font-weight: 500;line-height: 1.5;}
.sub0201_view_wrap .con01 .tbl_wrap_mob ul li span{display: block;width: calc(100% - 150px);font-size: 14px;color: #666;line-height: 1.5;word-break: break-word;}
.sub0201_view_wrap .con01 .tbl_wrap_mob ul li .txt:last-child span{display: flex; align-items: center;gap:10px;}
.sub0201_view_wrap .con01 .tbl_wrap_mob ul li .pop_btn{display: flex; align-items: center; justify-content: center; width: 70px; height: 25px; background: var(--co01); color: #fff;font-size: 13px; font-weight: 500;}

.sub0201_view_wrap .pop_wrap{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.5);line-height: 1;}
.sub0201_view_wrap .pop_wrap .pop_box{position: absolute;top: 50%; left: 50%; transform:translate(-50%,-50%);width: calc(100% - 5.2%); background: #fff;padding: 40px; border-radius:10px;}
.sub0201_view_wrap .pop_wrap .pop_box h2{font-size: 20px; color: #333; font-weight: 700; text-align: center;margin-bottom: 20px;}
.sub0201_view_wrap .pop_wrap .pop_box h2 b{color: var(--co01);}
.sub0201_view_wrap .pop_wrap .tbl_wrap{height: 227px;overflow-y: scroll;}
.sub0201_view_wrap .pop_wrap .tbl_wrap table.tbl01{table-layout: fixed;}
.sub0201_view_wrap .pop_wrap .tbl_wrap table.tbl01 th{padding: 8px;font-size: 13px; }
.sub0201_view_wrap .pop_wrap .tbl_wrap table.tbl01 td{padding: 8px;font-size: 13px; }
.sub0201_view_wrap .pop_wrap .tbl_wrap table.tbl01 td em{display: flex; align-items: center; justify-content: center; width: 78px; height: 30px;margin: 0 auto;}
.sub0201_view_wrap .pop_wrap .tbl_wrap table.tbl01 td em.tag01{background: #ddd; color: #333;}
.sub0201_view_wrap .pop_wrap .tbl_wrap table.tbl01 td em.tag02{background: var(--co01);color: #fff;}
.sub0201_view_wrap .pop_wrap .tbl_wrap::-webkit-scrollbar {width: 5px;  /* 스크롤바의 너비 */}
.sub0201_view_wrap .pop_wrap .tbl_wrap::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: #ddd; /* 스크롤바의 색상 */border-radius: 10px;}
.sub0201_view_wrap .pop_wrap .tbl_wrap::-webkit-scrollbar-track {background: transparent;  /*스크롤바 뒷 배경 색상*/}
.sub0201_view_wrap .pop_wrap .pop_btn{display: flex; align-items: center; justify-content: center; width: 120px; height: 40px; background: #333; color: #fff; border-radius:10px;font-size: 14px;font-weight: 500;margin: 30px auto 0;}
}

.sub0201_view_wrap.rent_his_wrap table.tbl01 .btn01{display: flex;align-items: center;justify-content: center;height: 30px;padding: 0px 10px;font-size: 15px; color: #fff;font-weight: 600;background: var(--co01); border-radius:5px;}
.sub0201_view_wrap.rent_his_wrap .mod_btn{display: flex;gap:5px;justify-content: center;}
.sub0201_view_wrap.rent_his_wrap .mod_btn a{display: flex;align-items: center;justify-content: center;height: 25px;padding: 0px 5px;font-size: 12px; color: #fff;font-weight: 500;background: var(--co01); border-radius:3px;}

/* 신규등록 */
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 .col01{width: 140px;}
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 .col02{width: calc(50% - 140px);}
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 .col03{width: 140px;}
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 .col04{width: calc(50% - 140px);}
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 .date_wrap{display: flex;align-items: center;gap:10px;}
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 input:focus{outline:0;}
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 input[type="text"]{border:1px solid #ddd; height: 35px;width: 100%;padding: 0px 15px;font-size: 14px;color: #666;}
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 input[type="date"]{border:1px solid #ddd; height: 35px;width: 100px;padding: 0px 15px;font-size: 14px;color: #666;}
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 select{border:1px solid #ddd; height: 35px;width: 60px;font-size: 16px;color: #666;text-align: center;}

.sub0201_view_wrap.new_form_wrap .btn_wrap{display: flex;justify-content: center;gap:15px;margin-top: 30px;}
.sub0201_view_wrap.new_form_wrap .btn_wrap a{display: flex;align-items: center;justify-content: center;width: 150px;height: 50px;border-radius: 10px;background: #333;font-size: 16px;color: #fff;font-weight: 500;transition: .4s;}
.sub0201_view_wrap.new_form_wrap .btn_wrap a:first-child{background: var(--co01);}

@media screen and (max-width:1024px) {
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 .date_wrap{align-items: flex-start;justify-content: flex-start;flex-direction: column;}
}

/*sub0301*/
.sub0301_wrap{line-height: 1;}
.sub0301_wrap .box_wrap .box{display: flex;align-items: center;gap:30px;}
.sub0301_wrap .box_wrap .box:not(:last-child){margin-bottom: 60px;}
.sub0301_wrap .box_wrap .box .img_con{width: 300px;}
.sub0301_wrap .box_wrap .box .img_wrap{position:relative; width:100%; padding-bottom:116.667%;border-radius:12px; overflow: hidden;}
.sub0301_wrap .box_wrap .box .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub0301_wrap .box_wrap .box .txt_con{width: calc(100% - 330px);}
.sub0301_wrap .box_wrap .box .txt_con ul li{display: flex;padding: 35px 30px;background: #fff;border-radius:12px;}
.sub0301_wrap .box_wrap .box .txt_con ul li:not(:last-child){margin-bottom: 20px;}
.sub0301_wrap .box_wrap .box .txt_con ul li p{position: relative;width: 110px;font-size: 18px; color: #333; font-weight: 700;padding-left: 15px;transform: translateY(3px);}
.sub0301_wrap .box_wrap .box .txt_con ul li p::after{content:'';position: absolute;left: 0; top: 7px; width: 4px; height: 4px; background: var(--co01); border-radius:50%;}
.sub0301_wrap .box_wrap .box .txt_con ul li span{display: block;width: calc(100% - 110px);font-size: 16px; color: #666;line-height: 1.5;}

.sub0301_wrap ul.ul_list01 > li .txt_wrap ul li::after{top: 9px;}

@media screen and (max-width:1024px) {
/*sub0301*/
.sub0301_wrap{line-height: 1;}
.sub0301_wrap .box_wrap .box{display: flex;align-items: center;gap:20px;flex-direction: column;}
.sub0301_wrap .box_wrap .box:not(:last-child){margin-bottom: 60px;}
.sub0301_wrap .box_wrap .box .img_con{width: 300px;margin: 0 auto;}
.sub0301_wrap .box_wrap .box .img_wrap{position:relative; width:100%; padding-bottom:116.667%;border-radius:12px; overflow: hidden;}
.sub0301_wrap .box_wrap .box .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub0301_wrap .box_wrap .box .txt_con{width: 100%;}
.sub0301_wrap .box_wrap .box .txt_con ul li{display: flex;padding: 35px 30px;background: #fff;border-radius:12px;}
.sub0301_wrap .box_wrap .box .txt_con ul li:not(:last-child){margin-bottom: 20px;}
.sub0301_wrap .box_wrap .box .txt_con ul li p{position: relative;width: 110px;font-size: 18px; color: #333; font-weight: 700;padding-left: 15px;transform: translateY(3px);}
.sub0301_wrap .box_wrap .box .txt_con ul li p::after{content:'';position: absolute;left: 0; top: 7px; width: 4px; height: 4px; background: var(--co01); border-radius:50%;}
.sub0301_wrap .box_wrap .box .txt_con ul li span{display: block;width: calc(100% - 110px);font-size: 16px; color: #666;line-height: 1.5;}
}

@media screen and (max-width:1024px) {
/*sub0401*/
.sub0401_wrap{line-height: 1;}
.sub0401_wrap .online_wrap ul{display: flex;flex-wrap:wrap;gap:30px 0px;}
.sub0401_wrap .online_wrap ul li{display: flex;width: 100%;padding: 0 20px;}
.sub0401_wrap .online_wrap ul li.li02{width: 100%;}
.sub0401_wrap .online_wrap ul li p{font-size: 18px; color: #333; font-weight: 700;width: 130px;transform: translateY(15px);}
.sub0401_wrap .online_wrap ul li p em{color: var(--co01);}
.sub0401_wrap .online_wrap ul li .input{width: calc(100% - 130px);}
.sub0401_wrap .online_wrap ul li .input select{border:0;background: url(/assets/images/sub/select_icon01.png)center right 20px #fff no-repeat;background-size: 14px;width: 100%; height: 50px;border-radius:12px;font-size: 15px; color: #888;padding: 0px 20px;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;}
.sub0401_wrap .online_wrap ul li .input select{outline:0;}
.sub0401_wrap .online_wrap ul li .input input[type="text"]{border:0;background: #fff;width: 100%; height: 50px;border-radius:12px;font-size: 15px; color: #888;padding: 0px 20px;}
.sub0401_wrap .online_wrap ul li .input input[type="text"]::placeholder{font-size: 15px; color: #888;}
.sub0401_wrap .online_wrap ul li .input input[type="text"]:focus{outline:0;}
.sub0401_wrap .online_wrap ul li a.addr_btn{display: flex;align-items: center; justify-content: center; width: 120px; height: 50px; border-radius:12px; background: var(--co01); color: #fff;font-size: 15px; }
.sub0401_wrap .online_wrap ul li .input textarea{border:0; width: 100%; height: 200px;background: #fff; border-radius:12px;padding: 15px 20px; resize:none;font-size: 15px; color: #888;}
.sub0401_wrap .online_wrap ul li .input textarea:focus{outline:0;}
.sub0401_wrap .online_wrap ul li .pri_chk{margin-top: 20px;}

.sub0401_wrap .online_wrap ul li .input02{display: flex; align-items: center; justify-content: center; gap:10px; width: calc(100% - 170px);}
.sub0401_wrap .online_wrap ul li .input02 input[type="text"]{width: calc(100% - 130px);}
.sub0401_wrap .online_wrap ul li em.pri_pop_btn{display: inline-block;font-size: 15px; color: #333; font-weight: 700;cursor:pointer;padding-left: 5px;}
.sub0401_wrap .online_wrap a.submit_btn{display: flex; align-items: center; justify-content: center;width: 220px; height: 55px; border-radius:12px;background: #333;font-size: 16px; color: #fff; font-weight: 500;transition:.4s;margin: 60px auto 0;}
.sub0401_wrap .online_wrap a.submit_btn:hover{background: var(--co01);}
}

/* pri_pop */
.f_pop{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.3);z-index: 9999;}
.f_pop .x_btn{position: fixed;top: -60px;right: 0px;color: #fff;font-size: 35px;}
.f_pop .pop_box{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);width: calc(100% - 200px); height: 80vh; background: #fff; border-radius: 20px;padding: 40px;}
.f_pop .pop_box02{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);width: calc(100% - 200px); height: auto; background: #fff; border-radius: 20px;padding: 40px;}
.pop_box h2{font-size:25px; color:#222; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd; text-align:center;}	
.pop_box02 h2{font-size:25px; color:#222; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd; text-align:center;}	
.pop_box .txt_box{overflow-y:scroll; height:60vh;}
.pop_box .txt_box h4.member_guide_tit{font-size:16px; margin-top: 20px; color:#222; font-weight:600;}
.pop_box .guide_type1 {padding-left: 10px; margin-top: 5px;}
.pop_box .guide_type2 {padding-left: 15px; margin-top: 5px;}
.pop_box .txt_box .guide_type1 > li{margin-bottom: 5px; font-size: 16px; color: #555; line-height: 1.4;}
.pop_box .guide_type2 > li {margin-bottom: 3px; font-size: 16px; color: #555; line-height: 1.4;}
.pop_box02 .txt_box p{font-size:16px; color:#555;}
.pop_box02 .txt_box p strong{display: block;background: #f5f5f5;padding: 10px 20px;margin: 10px 0;font-weight: 400;border-left: 3px solid #ddd;}
.pop_box02 .txt_box p strong img{display: inline-block;transform: translateY(7px);margin-right: 10px;}
.pop_box02 .txt_box02{padding: 15px 20px;margin: 10px 0;background: #FBE9E7;color: #9c1F1F;}

}