/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	src: url('/assets/font/Pretendard-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	src: url('/assets/font/Pretendard-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: url('/assets/font/Pretendard-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('/assets/font/Pretendard-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: url('/assets/font/Pretendard-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: url('/assets/font/Pretendard-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: url('/assets/font/Pretendard-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: url('/assets/font/Pretendard-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: url('/assets/font/Pretendard-Black.woff2') format('woff2');
}


/* Common **********************************************************************/ 
html,body {width:100%; scroll-behavior: smooth;}
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6; font-family: 'Pretendard'; color:#7d7d7d;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* input {appearance: none; -webkit-appearance: none; -webkit-border-radius: 0;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none;} */


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


:root {
  --co01: #b7aa87;
  --co02: #f7f4ed;
}

::selection{background: var(--co01); color: #fff;}

.fg{font-family: 'GmarketSans';}

/* ==main== */
#wrap{ position: relative; width: 100%; max-width: 100%; min-width: 1500px; margin: 0 auto; overflow: hidden;word-break: keep-all; background: var(--co02);}
.inner{width: 1300px; margin: 0 auto; max-width:100%;}

/* header */
#header{position: relative;line-height: 1;z-index: 8000;}
#header .inner{display: flex; align-items: center; justify-content: space-between; height: 90px;}
#header ul.gnb{display: flex;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 .log_btn{display: flex; align-items: center; justify-content: center;gap:10px;padding: 0 23px; height: 38px; background: var(--co01); color: #fff;font-size: 16px; color: #fff;border-radius:19px;}

/* navi */
#header .nav_btn{display: none;}
.navigation{display: none;}

/* visual_wrap */
#visual_wrap{position: relative;line-height: 1;}
#visual_wrap .visual{border-radius:20px;overflow: hidden;}
#visual_wrap .txt_wrap{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); font-size: 52px; line-height: 76px; 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: 30px;}

#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:40px;}
#section01 .box{position: relative;width: calc((100% - 40px) / 2); background: #fff; border-radius:20px; border-radius:20px;}
#section01 .box a{display: block;padding: 60px 40px;}
#section01 .box p{font-size: 40px; color: #333; font-weight: 700;}
#section01 .box span{display: block;font-size: 18px; color: #888; line-height: 30px;margin: 25px 0;}
#section01 .box .more{position: relative;display: flex;align-items: center;justify-content: center;width: 50px; height: 50px; 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_pc.png)center no-repeat; width: 25px; height: 19px; background-size: cover;transition:.4s;}
#section01 .box .more img{transition:.3s;}
#section01 .box:hover .more img{transform: translateX(150%);}
#section01 .box:hover .more::after{left: 50%;}
#section01 .box .icon{position: absolute; bottom: 40px; right: 40px;transition:.5s;}
#section01 .box:nth-child(2) .icon{bottom: 25px; right: 20px;}
#section01 .box:hover .icon{transform:translateY(-10px);}

.quick_menu{position: fixed; bottom: 100px; right: 60px;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:10px;flex-direction: column; width: 70px; height: 70px; 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: 16px; color: #fff; font-weight: 500;background: #333;}

/* footer */
#footer{line-height: 1;padding: 80px 0;background: var(--co01);}
#footer .f_logo{font-size: 28px; color: #fff; font-weight: 700;}
#footer address{display: flex;justify-content: space-between;border-top: 1px solid #fff;margin-top: 30px; padding-top: 35px;}	
#footer address p{color: #fff;font-size: 17px; line-height: 32px;}
#footer address p i{display: inline-block; margin: 0 10px; width: 2px; height: 12px; 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: 45px; color: #fff;font-weight: 700; text-shadow: 6px 6px 30px rgba(54,53,51,.15);}

#sub_contents{padding: 100px 0px;}

/* 공통 */
h4.h4_tit01{position: relative;padding-left: 35px;font-size: 35px; color: #333;margin-bottom: 40px; font-weight: 700;font-family: 'GmarketSans';}
h4.h4_tit01::after{content:'';position: absolute; left: 0; top: 40%; transform:translateY(-50%);width: 20px; height: 20px; 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: 30px;font-size: 18px; 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: 18px; height: 18px; background: #fff;}
input[type="checkbox"]:checked.chk_st01 + label::after{content:'✓'; color: #fff;border:1px solid var(--co01); font-size: 12px; line-height: 16px; text-align: center; background: var(--co01);}

ul.ul_list01{display: flex;flex-wrap:wrap;gap:60px 40px;}
ul.ul_list01 > li{width: calc((100% - 120px) / 4);}
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: 30px;}
ul.ul_list01 > li .txt_wrap strong{display: block;font-size: 20px;color: #333; font-weight: 700;margin-bottom: 20px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
ul.ul_list01 > li .txt_wrap ul li{position: relative;display: flex;gap:5px;padding-left: 20px;}
ul.ul_list01 > li .txt_wrap ul li::after{content:'';position: absolute;left: 0; top: 50%; transform:translateY(-50%);width: 5px; height: 5px; 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: 18px; color: #333;width: 72px;}
ul.ul_list01 > li .txt_wrap ul li span{display: block;font-size: 18px; color: #666;width: calc(100% - 77px);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: 18px; color: #333; font-weight: 500;padding: 15px;}
table.tbl01 td{font-size: 18px; color: #666; text-align: center;padding: 15px;word-break: break-word;}
table.tbl01 td.left{text-align: left;}

/*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: 60px; border-radius:20px;}
.sub0101_wrap .txt strong{display: block;font-size: 20px; color: #333; font-weight: 700; line-height: 1.5;}
.sub0101_wrap .txt p{font-size: 18px; color: #666; line-height: 30px;}

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

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

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

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

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

.sub0201_view_wrap .con01 table.tbl01 td{font-size: 14px;}

.sub0201_view_wrap .con01 table.tbl01 .col01{width: 75px;}
.sub0201_view_wrap .con01 table.tbl01 .col02{width: 140px;}
.sub0201_view_wrap .con01 table.tbl01 .col03{width: 105px;}
.sub0201_view_wrap .con01 table.tbl01 .col04{width: 100px;}
.sub0201_view_wrap .con01 table.tbl01 .col05{width: 110px;}
.sub0201_view_wrap .con01 table.tbl01 .col06{width: 80px;}
.sub0201_view_wrap .con01 table.tbl01 .col07{width: 123px;}
.sub0201_view_wrap .con01 table.tbl01 .col08{width: 123px;}
.sub0201_view_wrap .con01 table.tbl01 .col09{}
.sub0201_view_wrap .con01 table.tbl01 .col10{width: 100px;}
.sub0201_view_wrap .con01 table.tbl01 .col11{width: 90px;}
.sub0201_view_wrap .con01 table.tbl01 .col12{width: 80px;}

.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: 30px; 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: 290px;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: 12px;}
.sub0201_view_wrap .pop_wrap .tbl_wrap table.tbl01 td{padding: 12px;}
.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: 160px; height: 50px; background: #333; color: #fff; border-radius:12px;font-size: 17px;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: 35px;padding: 0px 10px;font-size: 15px; color: #fff;font-weight: 600;background: var(--co01); border-radius:5px;width: fit-content;margin: 0 auto;}
.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: 30px;padding: 0px 10px;font-size: 13px; color: #fff;font-weight: 500;background: var(--co01); border-radius:3px;}

/* 신규등록 */
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01.pc_tbl{}
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01.mob_tbl{display: none;}
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 .col01{width: 180px;}
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 .col02{width: calc(50% - 180px);}
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 .col03{width: 180px;}
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 .col04{width: calc(50% - 180px);}
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 .date_wrap{display: flex;align-items: center;gap:20px;}
.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: 40px;width: 100%;padding: 0px 20px;font-size: 16px;color: #666;}
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 input[type="date"]{border:1px solid #ddd; height: 40px;width: 200px;padding: 0px 20px;font-size: 16px;color: #666;}
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 select{border:1px solid #ddd; height: 40px;width: 100px;font-size: 16px;color: #666;text-align: center;}
.sub0201_view_wrap.new_form_wrap .con01 table.tbl01 select:focus{outline:0;}

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

/*sub0301*/
.sub0301_wrap{line-height: 1;}
.sub0301_wrap .box_wrap .box{display: flex;align-items: center;gap:40px;}
.sub0301_wrap .box_wrap .box:not(:last-child){margin-bottom: 60px;}
.sub0301_wrap .box_wrap .box .img_con{width: 360px;}
.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% - 400px);}
.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: 128px;font-size: 20px; color: #333; font-weight: 700;padding-left: 20px;transform: translateY(4px);}
.sub0301_wrap .box_wrap .box .txt_con ul li p::after{content:'';position: absolute;left: 0; top: 7px; width: 5px; height: 5px; background: var(--co01); border-radius:50%;}
.sub0301_wrap .box_wrap .box .txt_con ul li span{display: block;width: calc(100% - 128px);font-size: 18px; color: #666;line-height: 1.6;}

.sub0301_wrap .con:not(:last-child){margin-bottom: 60px;}
.sub0301_wrap ul.ul_list01 > li .img_wrap{padding-bottom: 100%;}
.sub0301_wrap ul.ul_list01 > li .txt_wrap ul li span{white-space: initial;overflow: visible;text-overflow: initial;line-height: 1.5;}
.sub0301_wrap ul.ul_list01 > li .txt_wrap ul li::after{transform:initial;top: 11px;}
.sub0301_wrap ul.ul_list01 > li .txt_wrap ul li:not(:last-child){margin-bottom: 5px;}

/*sub0401*/
.sub0401_wrap{line-height: 1;}
.sub0401_wrap .online_wrap ul{display: flex;flex-wrap:wrap;gap:40px 0px;}
.sub0401_wrap .online_wrap ul li{display: flex;width: 50%;padding: 0 20px;}
.sub0401_wrap .online_wrap ul li.li02{width: 100%;}
.sub0401_wrap .online_wrap ul li p{font-size: 20px; color: #333; font-weight: 700;width: 170px;transform: translateY(15px);}
.sub0401_wrap .online_wrap ul li p em{color: var(--co01);}
.sub0401_wrap .online_wrap ul li .input{width: calc(100% - 170px);}
.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: 17px; 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: 17px; color: #888;padding: 0px 20px;}
.sub0401_wrap .online_wrap ul li .input input[type="text"]::placeholder{font-size: 17px; 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: 160px; height: 50px; border-radius:12px; background: var(--co01); color: #fff;font-size: 17px; }
.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: 17px; 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: auto;}
.sub0401_wrap .online_wrap ul li .input02 input[type="text"]{width: 600px;}
.sub0401_wrap .online_wrap ul li em.pri_pop_btn{display: inline-block;font-size: 18px; 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: 240px; height: 60px; border-radius:12px;background: #333;font-size: 18px; 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: -70px;right: 0px;color: #fff;font-size: 40px;}
.f_pop .pop_box{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);width: 1200px; height: 700px; background: #fff; border-radius: 20px;padding: 60px;}
.f_pop .pop_box02{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);width: 1200px; background: #fff; border-radius: 20px;padding: 60px;}
.pop_box h2{font-size:30px; color:#222; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd; text-align:center;}	
.pop_box .txt_box{overflow-y:scroll; height:460px;}
.pop_box .txt_box h4.member_guide_tit{font-size:18px; margin-top: 20px; color:#222; font-weight:600;line-height: 1.6;}
.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: 18px; color: #555; line-height: 1.6;font-family: 'SBAggroL';}
.pop_box .guide_type2 > li {margin-bottom: 3px; font-size: 18px; color: #555; line-height: 1.6;}
.pop_box02 h2{font-size:30px; color:#222; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd; text-align:center;}	
.pop_box02 .txt_box p{font-size:18px; color:#555;font-family: 'SBAggroL';line-height: 1.6;}
.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;}