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

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

/* === Main === */
#wrap {position:relative; width:100%; max-width:767px; min-width: 375px; margin:0 auto; overflow:hidden; word-break: keep-all;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}

/* header */
#header{position: relative;line-height: 1;}
#header .h_top{display: none;background: #555f68;}
#header .h_top .inner{display: flex;align-items: center; gap:40px; justify-content: flex-end;height: 40px; }
#header .h_top a{position: relative;font-size: 16px; color: #fff;transition:.2s;border-bottom: 1px solid transparent;}
#header .h_top a:not(:last-child)::after{content:'';position: absolute; right: -22px; top: 50%; transform:translateY(-50%);width: 4px; height: 4px; background: rgba(255,255,255,.5); border-radius:50%;}
#header .h_top a:hover{border-bottom: 1px solid #fff;}

#header .h_bot{background: #fff;}
#header .h_bot .inner{display: flex;align-items: center; justify-content: space-between;height: 45px; }
#header .h_bot h1 a img{width: 133px;}

#header .gnb{display: none;}
#header .gnb > li{position: relative;padding: 30px 55px;}
#header .gnb span a{display: block;font-size: 20px; color: #333; font-weight: 500;transition:.3s;}
#header .gnb > li.on span a{color: var(--co01);font-weight: 700;}
#header .gnb .lnb_sub{position: absolute; top: 80px; left: 50%; transform:translateX(-50%);z-index: 100; width: 230px; }
#header .gnb .lnb_sub ul{display: none;box-shadow:6px 8px 12px rgba(0,0,0,.15);}
#header .gnb .lnb_sub ul li a{display: flex;align-items: center; justify-content: center;color: #666;height: 54px;font-size: 18px;text-align: center;background: #f5f5f5;transition:.4s;}
#header .gnb .lnb_sub ul li:hover a{background: var(--co01); color: #fff; }

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

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

.navigation{position:absolute;top: 45px;z-index:5000;width:50%;background-color:#fff;height:100%;display:none;right: 0px;z-index: 4000; line-height: 1;}
.navigation .log_wrap{display: flex; background: #555f68;}
.navigation .log_wrap a{display: flex;align-items: center; justify-content: center;flex:1;font-size: 12px; color: #fff;height: 35px;}
.navigation .log_wrap a:not(:last-child){border-right: 1px solid rgba(255,255,255,.5);}
.navigation h3{height:50px;width:100%;}
.navigation h3 a{border-bottom: 1px solid #ddd;}
.navigation h3:nth-child(1) a{border-top: 1px solid #ddd;}
.navigation h3.active a:after{background:url(/assets/images/main/nav_top_mob.png)center no-repeat;background-size:cover ;}
.navigation h3.on a:after{;background:url(/assets/images/main/nav_top_mob.png)center no-repeat;background-size:cover ;}
.navigation h3 a{position: relative;height:50px;width:100%;background-color:#fff;display: flex;align-items: center;padding: 0 10px;color:#222;font-size:14px;font-weight: 500;}
.navigation h3.on a,
.navigation h3.active a,
.navigation h3.hover a{font-weight: 700; color: var(--co01);}
.navigation h3 a:after{content:"";position: absolute;top: 50%;transform:translateY(-50%);right: 10px;width: 14px;height: 8px;background:url(/assets/images/main/nav_bt_tab.png)center no-repeat;background-size:cover ;}
.navigation ul{display: block; padding:15px 0;background:#f5f5f5;border-top:2px solid var(--co01);border-bottom: 1px solid #ddd;}
.navigation ul li{margin-bottom: 18px;}
.navigation ul li:last-child{margin-bottom: 0;}
.navigation ul li a{display:flex;height:auto;width:100%;color:#666;font-size:13px;border:none;font-weight: 400;padding-left: 10px; word-break:keep-all;}
.navigation ul li.on a{color: var(--co01);font-weight: 700;}
.navi_bg{display: none;position: absolute;top: 45px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 1000;}

/* visual_wrap */
#visual_wrap{position: relative;line-height: 1;}
#visual_wrap .slick-dots{display: flex;gap:5px;align-items: flex-end;position: absolute; left: 50%; transform:translateX(-50%); bottom: 25px;}
#visual_wrap .slick-dots li{text-indent: -9999px;width: 25px; height: 2px; background: rgba(51,51,51,.5);transition:.3s;}
#visual_wrap .slick-dots li.slick-active{height: 5px;background: var(--co01);}

/* section */
.section{padding: 65px 0;line-height: 1;}
.section .sec_tit{}
.section .sec_tit p{font-size: 22px; color: #333; font-weight: 700; line-height: 30px;}
.section .sec_tit p b{color: var(--co01);font-weight: 700;}
.section .sec_tit span{display: block;font-size: 14px; color: #666; line-height: 21px; margin-top: 10px;}
.section .more_btn01{position: relative;width: 125px; height: 36px; margin-top: 25px;transition:.4s; overflow: hidden;border-radius: 18px; border:1px solid #ddd;z-index: 1;background: #fff;}
.section .more_btn01::after{content:''; position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: var(--co01);z-index: -1;transition:.6s;}
.section .more_btn01 a{display: flex;align-items: center;justify-content: space-between;width: 100%; height: 100%;font-size: 12px; color: #333;padding: 0 20px; transition:.4s; }
.section .more_btn01 a img{width: 6px;	}
.section .more_btn01:hover::after{width: 100%;}
.section .btn_wrap{display:flex; align-items:center; justify-content:flex-start; gap:10px;}
.section .btn_wrap .more_btn02 a{background:#333; color:#fff; border:none;}

/* section01 */
#section01{position: relative;}
#section01 .bg_txt{position: absolute;top: 30px;right: 0;font-size: 60px; color: #f5f5f5; font-weight: 700;z-index: -1;}
#section01 .inner{display: flex;align-items: center;flex-direction: column;justify-content: center;gap:50px;}
#section01 .con01{position: relative;width: 100%;}
#section01 .con01 .bg01{position: absolute;top: -40px; left: 0;width: 122px; height: 122px;background: linear-gradient(45deg,rgba(251, 173, 125, 1) 0%, rgba(247, 199, 109, 1) 100%); border-radius:50%;animation: floatRotate 8s ease-in-out infinite;}
#section01 .con01 .bg02{position: absolute;top: 120px; right: 25px;width: 80px; height: 80px;background: linear-gradient(90deg,rgba(230, 229, 227, 1) 0%, rgba(248, 247, 246, 1) 50%, rgba(230, 229, 227, 1) 100%);border-radius:50%;animation: floatRotate 6s ease-in-out infinite;}
#section01 .con01 .icon{position: relative;width: 225px; height: 165px; border-radius:15px;background: rgba(255, 255, 255, .5);backdrop-filter: blur(10px); box-shadow: 6px 6px 10px rgba(0,0,0,.1);margin: 0 auto;}
#section01 .con01 .icon .logo{position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);z-index: 2;}
#section01 .con01 .icon .logo img{width: 76px;}
#section01 .con01 .icon .sha{position: absolute; left: 44%;top: 54%;transform:translate(-50%,-50%);z-index: 1;}
#section01 .con01 .icon .sha img{width: 91px;}

@keyframes floatRotate {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  25% {
    transform: translateY(-5px) rotate(90deg);
  }
  50% {
    transform: translateY(0) rotate(180deg);
  }
  75% {
    transform: translateY(5px) rotate(270deg);
  }
  100% {
    transform: translateY(0) rotate(360deg);
  }
}

#section01 .con02{width: 100%;padding-left: 0px;}
#section01 .con02 .sec_tit p br{display: block;}
#section01 .con02 .sec_tit p i{display: none;}
#section01 .con02 .sec_tit span br{display: none;}

.video_pop_wrap{display: none;position: fixed;top: 0;left: 0; width: 100%; height: 100vh;background: rgba(0,0,0,.5);z-index: 9999;}
.video_pop_wrap .pop_wrap{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);width: 1000px;max-width: calc(100% - 5.2%);}
.video_pop_wrap .pop_x_btn{display: block;margin-left: auto;margin-bottom: 10px;}
.video_pop_wrap .pop_x_btn img{width: 20px;}
.video_pop_wrap .pop_wrap .video_wrap{position:relative; width:100%; padding-bottom:56.25%;}
.video_pop_wrap .pop_wrap .video_wrap video{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;}

/*section02*/
#section02{background: url(/assets/images/main/sec02_bg01_mob.jpg)center no-repeat; background-size: cover;}
#section02 .inner{display: flex;align-items: center; align-items: center; flex-direction: column;gap:50px}
#section02 .con01{width: 100%;padding-right: 25px;}
#section02 .con01 .sec_tit p br{display: block;}
#section02 .con01 .sec_tit p i{display: none;}
#section02 .con01 .sec_tit span br{display: none;}

#section02 .con02{position: relative;width: 100%;z-index: 10;padding-top: 40px;}
#section02 .con02 .bg_img{position: absolute;left: 50%; top: 50%; transform:translate(-50%,-50%);z-index: -1;}
#section02 .con02 .bg_img img{width: 270px;}
#section02 .con02 .box_wrap{max-width: 500px;margin: 0 auto;}
#section02 .con02 .box{position: relative;display: flex; align-items: center; justify-content: center; width: 185px; height: 45px; border-radius:25px; box-shadow: 6px 8px 12px rgba(0,0,0,.15);}
#section02 .con02 .box01{background: #333;left: 40px; margin-bottom: 20px;}
#section02 .con02 .box02{background: var(--co01);margin-left: auto;right: 10px;margin-bottom: 0px;}
#section02 .con02 .box03{background: var(--co02);top: -5px;margin-bottom: 25px;}
#section02 .con02 .box04{background: #555f68;margin-left: auto;right: 60px;}
#section02 .con02 .box p{color: #fff;font-size: 15px; font-weight: 700;}
#section02 .con02 .box img{position: absolute; right: -30px; top: 50%; transform:translateY(-50%);}

#section02 .con02 .box01 img{width: 57px;}
#section02 .con02 .box02 img{width: 33px;right: -16px;}
#section02 .con02 .box03 img{width: 57px;right: -25px;}
#section02 .con02 .box04 img{width: 47px;top: 90%;right: -13px;}

@media screen and (max-width:500px) {
/*section02*/
#section02{background: url(/assets/images/main/sec02_bg01_mob.jpg)center no-repeat; background-size: cover;}
#section02 .inner{display: flex;align-items: center; align-items: center; flex-direction: column;gap:50px}
#section02 .con01{width: 100%;padding-right: 25px;}
#section02 .con01 .sec_tit p br{display: block;}
#section02 .con01 .sec_tit p i{display: none;}
#section02 .con01 .sec_tit span br{display: none;}

#section02 .con02{position: relative;width: 100%;z-index: 10;padding-top: 40px;}
#section02 .con02 .bg_img{position: absolute;left: 50%; top: 50%; transform:translate(-50%,-50%);z-index: -1;}
#section02 .con02 .bg_img img{width: 270px;}
#section02 .con02 .box_wrap{max-width: 100%;margin: 0 auto;}
#section02 .con02 .box{position: relative;display: flex; align-items: center; justify-content: center; width: 145px; height: 35px; border-radius:18px; box-shadow: 6px 8px 12px rgba(0,0,0,.15);}
#section02 .con02 .box01{background: #333;left: 40px; margin-bottom: 20px;}
#section02 .con02 .box02{background: var(--co01);margin-left: auto;right: 10px;margin-bottom: 0px;}
#section02 .con02 .box03{background: var(--co02);top: -5px;margin-bottom: 25px;}
#section02 .con02 .box04{background: #555f68;margin-left: auto;right: 60px;}
#section02 .con02 .box p{color: #fff;font-size: 14px; font-weight: 700;}
#section02 .con02 .box img{position: absolute; right: -30px; top: 50%; transform:translateY(-50%);}

#section02 .con02 .box01 img{width: 57px;}
#section02 .con02 .box02 img{width: 33px;right: -16px;}
#section02 .con02 .box03 img{width: 57px;right: -25px;}
#section02 .con02 .box04 img{width: 47px;top: 90%;right: -13px;}
}



/* section03 */
#section03{position: relative;}
#section03 .bg_txt{position: absolute; bottom: 4px;left: 0;font-size: 60px; color: #f5f5f5; font-weight: 700;}
#section03 .sec_tit{text-align: center; margin-bottom: 20px;}
#section03 .box_wrap{display: flex;gap:8px;flex-wrap:wrap;}
#section03 .box_wrap .box{width: 100%; height: 108px; background: #f5f5f5; border-radius:15px; box-shadow: 6px 8px 10px rgba(0,0,0,.1);transition:.4s;}
#section03 .box_wrap .box a{display: flex;align-items: center; justify-content: center; flex-direction: column;gap:12px;width: 100%; height: 100%;}
#section03 .box_wrap .box p{font-size: 15px; color: #333; font-weight: 700;transition:.4s;}
#section03 .box_wrap .box:hover p{color: var(--co02);}
#section03 .box_wrap .box:hover{box-shadow: 6px 8px 20px rgba(0,0,0,.15);}

#section03 .box_wrap .box:nth-child(1) img{width: 48px;}
#section03 .box_wrap .box:nth-child(2) img{width: 46px;}
#section03 .box_wrap .box:nth-child(3) img{width: 40px;}

#section03 .more_btn01{margin: 25px auto 0;}

/* pri_pop */
.pri_pop_wrap{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);z-index: 9999;line-height: 1;}
.pri_pop_wrap .pop_box_wrap{position: absolute; left: 50%;top: 50%;transform:translate(-50%,-50%);width: calc(100% - 10px); }
.pri_pop_wrap .pop_x_btn{display: block;position: relative;width: fit-content;font-size: 15px; color: #fff;font-weight: 700;margin-bottom: 15px;padding-right: 20px; margin-left: auto;}
.pri_pop_wrap .pop_x_btn::after{content:'';position: absolute;right: 0; top: 50%; transform:translateY(-50%);width: 13px; height: 2px; background: #fff;}
.pri_pop_wrap .pop_box{width: 100%; height: 380px;background: #fff; border-radius:12px;padding: 25px 20px;}
.pri_pop_wrap .pop_box .txt{overflow-y: scroll;height: 100%;}
.pri_pop_wrap .pop_box .txt p{font-size: 13px; color: #999;line-height: 1.8;white-space:pre-wrap;}

.pri_pop_wrap .pop_box .txt::-webkit-scrollbar {width: 6px;  /* 스크롤바의 너비 */}
.pri_pop_wrap .pop_box .txt::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: #ddd; /* 스크롤바의 색상 */border-radius: 10px;}
.pri_pop_wrap .pop_box .txt::-webkit-scrollbar-track {background: rgba(33, 122, 244, 0);  /*스크롤바 뒷 배경 색상*/}

/* banner_slide */
.banner_slide_wrap{padding: 10px 0;line-height: 1;border-top: 1px solid #ddd;}
.banner_slide_wrap .inner{display: flex;gap: 20px;align-items: center;}
.banner_slide_wrap .slide_wrap{width: calc(100% - 90px);}
.banner_slide_wrap .slick-list{width: calc(100% + 10px);}
.banner_slide_wrap ul li{margin-right: 10px;border-radius: 4px;border: 1px solid #ddd;overflow: hidden;transition: .4s;}
.banner_slide_wrap ul li .img_wrap{position: relative;width: 100%;padding-bottom: 35.273%;}
.banner_slide_wrap ul li .img_wrap img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: auto;height: auto;max-width: 90%;max-height: 90%;}
.banner_slide_wrap .arr_wrap{display: flex;align-items: center;gap:10px;}
.banner_slide_wrap .arr_wrap button{display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;width: 30px;height: 30px;border-radius: 50%;transition: .4s;}
.banner_slide_wrap .arr_wrap button.prev{transform: rotate(180deg);}
.banner_slide_wrap .arr_wrap button img{width: 6px;}

/* footer */
#footer{border-top: 1px solid #ddd;padding: 37px 0; line-height: 1;}
#footer .inner{display: flex;justify-content: center; align-items: center;flex-direction: column-reverse;gap:15px;}
#footer .f_logo img{width: 133px;}
#footer .a_wrap{display: flex;justify-content: center;gap:20px;margin-bottom: 15px;}
#footer .a_wrap a{position: relative;font-size: 12px; color: #333;transition:.2s;border-bottom: 1px solid transparent;}
#footer .a_wrap a:hover{border-bottom: 1px solid #333;}
#footer .a_wrap a:not(:last-child)::after{content:'';position: absolute; right: -11px; top: 50%; transform:translateY(-50%);width: 1px; height: 9px; background: #ddd;}
#footer address p{font-size: 12px; color: #333; line-height: 18px;text-align: center;}
#footer address p i{display: inline-block;width: 15px;}
#footer address p i:nth-of-type(2){display: block; width: 10px; height: 0;}
#footer p.copy{font-size: 12px; color: #999; margin-top: 12px;text-align: center;}
#footer p.copy i{display: block;}

/* ====sub============================================= */
#sub_visual_wrap{position: relative;height: 160px; background: #fdf7ed; line-height: 1;}
#sub_visual_wrap .bg01{position: absolute;left: 0;bottom: 0;}
#sub_visual_wrap .bg01 img{width: 110px;}
#sub_visual_wrap .bg02{position: absolute;right: 0;bottom: 0;}
#sub_visual_wrap .bg02 img{width: 93px;}
#sub_visual_wrap .bg03{position: absolute;right: 2.6%;bottom: 0;}
#sub_visual_wrap .bg03 img{width: 135px;}
#sub_visual_wrap .txt_wrap{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);width: 100%;}
#sub_visual_wrap .txt_wrap span{display: block;font-size: 14px; color: var(--co01); font-weight: 700;text-align: center;margin-bottom: 10px;}
#sub_visual_wrap .txt_wrap p{font-size: 24px; color: #333; font-weight: 700; text-align: center;}

.tab_menu_pc{display: none;}

.tab_menu_mob{display: block; height: 40px; border-bottom: 1px solid #ddd;}
.tab_menu_mob .inner{position:relative; display: flex; height:100%;}
.tab_menu_mob .menu {display: flex; width:calc(100%); height:100%;background:#fff; }
.tab_menu_mob .menu > li {position:relative;flex:1; height:100%;}
.tab_menu_mob .menu > li.menulink01{border-right: 1px solid #ddd;}
.tab_menu_mob .menu > li::after{content:'';position: absolute; right: 10px; top: 50%; transform:translateY(-50%);width: 10px; height: 6px; background: url(/assets/images/sub/tab_arr_tab.png)center no-repeat; background-size: cover;transition:.3s;}
.tab_menu_mob .menu > li.on::after{transform:translateY(-50%) rotate(180deg);}
.tab_menu_mob .menu > li > a {display:flex; align-items:center; padding: 0 10px; width:100%; height:100%; font-size: 12px; color:#333; font-weight: 500; line-height:1.2; box-sizing:border-box; word-break:keep-all;}
.tab_menu_mob .menu > li ul {display:none; position:absolute; width:100%; top:102%; left:-1px; box-sizing:content-box; background-color:#fff; z-index:10;box-shadow: 4px 4px 8px rgba(0,0,0,.15);}
.tab_menu_mob .menu > li ul li a{display:flex; align-items:center; position:relative; width:100%; height: 30px; font-size:11px; color:#666;  font-weight: 400;padding:0 10px; box-sizing:border-box; line-height:1.2;transition:.3s}
.tab_menu_mob .menu > li ul li.on{border-bottom: 2px solid var(--co02);}
.tab_menu_mob .menu > li ul li.on a{color: var(--co02);font-weight: 700;}

#sub_contents{padding: 45px 0px 50px;}
#sub_contents .contop{line-height: 1;margin-bottom: 25px;}
#sub_contents .contop h3{font-size: 22px; color: #333; font-weight: 700;text-align: center;}

/* 공통 */
h4.h4_tit01{font-size: 16px;color: #333; font-weight: 700;line-height: 1.4;}

a.btn_st01{display: flex;align-items: center; justify-content: center;width: fit-content;min-width: 100px;height: 35px;padding: 0 20px;font-size: 16px; color: #333; font-weight: 700; border:1px solid var(--co01); border-radius:22px;}
a.btn_st02{display: flex;align-items: center; justify-content: center;width: fit-content;min-width: 200px;height: 50px;padding: 0 20px;font-size: 14px; color: #fff; font-weight: 700; background: var(--co01); border-radius:30px;}

.btn_wrap_st01{display: flex;justify-content: center;gap:10px;}
.btn_wrap_st01 a.btn_st02{width: calc((100% - 10px) / 2);min-width: initial;}

input.chk_st01{display: none;}
input.chk_st01 + label{position: relative;display: block;font-size: 14px; color: #333; font: 500;padding-left: 22px;font-weight: 500;}
input.chk_st01 + label::after{content:'';position: absolute;left: 0; top: 0px; width: 16px; height: 16px; border-radius:3px; border:1px solid #ddd;background: url(/assets/images/sub/chk_icon01.png)center no-repeat; background-size: 11px;}
input:checked.chk_st01 + label::after{background: var(--co01); background: url(/assets/images/sub/chk_icon02.png)center no-repeat var(--co01); border:1px solid var(--co01);background-size: 11px;}

/* sub0101 */
.sub0101_wrap{position: relative;line-height: 1;padding-bottom: 100px;}
.sub0101_wrap .bg02{position: absolute;bottom: 0px;right: 0;}
.sub0101_wrap .bg02 img{width: 216px;}
.sub0101_wrap .con_wrap{display: flex;flex-wrap:wrap;gap:30px;padding: 45px 10px 0;}
.sub0101_wrap .con_wrap .img_con{position: relative;width: 100%;}
.sub0101_wrap .con_wrap .img_con .bg{position: absolute;top: -45px;left: -45px;width: 132px; height: 132px;background: linear-gradient(90deg,rgba(247, 203, 107, 1) 0%, rgba(251, 169, 128, 1) 100%);opacity: .3;border-radius:50%; z-index: -1;animation: floatRotate 8s ease-in-out infinite;}
.sub0101_wrap .con_wrap .img_con .img_wrap{position:relative; width:100%; padding-bottom:57.632%;overflow: hidden; border-radius:10px;}
.sub0101_wrap .con_wrap .img_con .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;}

.sub0101_wrap .con_wrap .txt_con{width: 100%;}
.sub0101_wrap .con_wrap .txt_con .txt_pc{display: none;}
.sub0101_wrap .con_wrap .txt_con strong{display: block;font-size: 18px; color: #333; line-height: 27px;font-weight: 700;}
.sub0101_wrap .con_wrap .txt_con .txt{position: relative;margin-top: 25px;padding-top: 25px;}
.sub0101_wrap .con_wrap .txt_con .txt::after{content:'';position: absolute; left: 0;top: 0;width: 15px; height: 1px;background: #ddd;}
.sub0101_wrap .con_wrap .txt_con .txt p{font-size: 13px; color: #666; line-height: 22px;}
.sub0101_wrap .con_wrap .txt_con .txt p br{display: none;}
.sub0101_wrap .con_wrap .txt_con .txt p:not(:last-child){margin-bottom: 25px;}

/* sub0102 */
.sub0102_wrap{position: relative;line-height: 1;padding-top: 10px;}
.sub0102_wrap .con{position: relative;display: flex;flex-wrap:wrap;gap:10px;}
.sub0102_wrap .con:not(:last-child){margin-bottom: 60px;}
.sub0102_wrap .con .left{width: 100%;}
.sub0102_wrap .con .left .tit em{display: block;font-size: 13px; color: var(--co01); font-weight: 700;margin-bottom: 10px;}
.sub0102_wrap .con .left .tit strong{display: block;font-size: 15px; color: #333;font-weight: 700;}
.sub0102_wrap .con .left .tit .txt{position: relative;margin-top: 15px;padding-top: 15px;}
.sub0102_wrap .con .left .tit .txt::after{content:'';position: absolute; top: 0; left: 0;width: 20px; height: 1px; background: #ddd;}
.sub0102_wrap .con .left .tit .txt p{font-size: 13px;color: #666; font-weight: 500;}

.sub0102_wrap .nav_slide_wrap{position: initial; left: -10px; bottom: -10px;margin-top: 20px;transform:translateX(-10px);}
.sub0102_wrap .con .left .nav_slide .slick-list{padding: 10px;}
.sub0102_wrap .con .left .nav_slide li{width: 65px;margin-right: 10px; cursor:pointer;}
.sub0102_wrap .con .left .nav_slide li .img_wrap{position:relative; width:100%; padding-bottom:100%;overflow: hidden; border-radius:8px;transition:.4s;}
.sub0102_wrap .con .left .nav_slide li.slick-current .img_wrap{box-shadow: 0px 0px 4px 2px rgba(236, 166, 75);}
.sub0102_wrap .con .left .nav_slide 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;}

.sub0102_wrap .con .right{width: 100%;}
.sub0102_wrap .con .right .slide li .img_wrap{position:relative; width:100%; padding-bottom:60.465%;overflow: hidden; border-radius:12px;}
.sub0102_wrap .con .right .slide 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;}

/* sub02 */
.sub02_wrap{line-height: 1;margin-top: 20px;}
.sub02_wrap .con:not(:last-child){margin-bottom: 60px;}
.sub02_wrap .con01 .txt_wrap{margin-bottom: 20px;}
.sub02_wrap .con01 .txt_wrap p{font-size: 12px; color: #333; line-height: 1.6;margin-top: 12px;}
.sub02_wrap .con01 .txt_wrap p b{color: var(--co01); font-weight: 400;}
.sub02_wrap .con01 .img_wrap{width: 100%;height: 200px;border-radius:12px;overflow: hidden;}
.sub02_wrap .con01 .img_wrap img{max-width: 100%;width: 100%;height: 100%;object-fit:cover;}

.sub02_wrap .con04 h4.h4_tit01{margin-bottom: 20px;}
.sub02_wrap .con04 .box_wrap{display: flex;gap:10px;flex-wrap:wrap;}
.sub02_wrap .con04 .box_wrap .box{position: relative;width: calc((100% - 10px) / 2);}
.sub02_wrap .con04 .box_wrap .box .img_wrap{position:relative; width:100%; padding-bottom:134.426%;overflow: hidden; border-radius:16px;}
.sub02_wrap .con04 .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;}
.sub02_wrap .con04 .box_wrap .box .txt_wrap{display: flex;justify-content: flex-end;gap:10px; flex-direction: column;position: absolute; top: 0; left: 0; width: 100%; height: 100%;padding: 20px;}
.sub02_wrap .con04 .box_wrap .box .txt_wrap em{position: absolute; top: 20px;right: 20px;font-size: 18px; }
.sub02_wrap .con04 .box_wrap .box .txt_wrap span{display: block;font-size: 14px;font-weight: 700;}
.sub02_wrap .con04 .box_wrap .box .txt_wrap p{font-size: 13px; color: #fff; font-weight: 500; line-height: 1.6;}

.sub02_wrap .con05 .box_wrap{display: flex;align-items: center;justify-content: center;flex-wrap:wrap;padding: 25px 0; border-radius:100px;background: linear-gradient(180deg,rgba(221, 221, 221, .2) 0%, rgba(255, 255, 255, 0) 100%); border-top: 1px solid #ddd;width: 356px;margin: 30px auto 0;}
.sub02_wrap .con05 .box_wrap .box{position: relative;display: flex;align-items: center; justify-content: center;width: 150px; height: 150px; border-radius:50%;background: linear-gradient(180deg,rgba(179, 216, 243, .5) 0%, rgba(255, 255, 255, 0) 100%);}
.sub02_wrap .con05 .box_wrap .box:nth-child(1){transform:translateX(10px);}
.sub02_wrap .con05 .box_wrap .box:nth-child(2){transform:translateX(-10px);}
.sub02_wrap .con05 .box_wrap .box:nth-child(3){transform:translateX(10px);}
.sub02_wrap .con05 .box_wrap .box:nth-child(4){transform:translateX(-10px);}
.sub02_wrap .con05 .box_wrap .box p{font-size: 13px; color: #333; font-weight: 700; line-height: 1.6;}

.sub02_wrap .con06 .box_wrap{position: relative;display: flex;align-items: center;flex-wrap:wrap;gap:20px;padding-bottom: 40px;width: 356px;margin: 0 auto;}
.sub02_wrap .con06 .box_wrap .bg_txt01{position: absolute;top: 0;left: 0;font-size: 80px; color: #eef8ff; font-weight: 700;z-index: -1;}
.sub02_wrap .con06 .box_wrap .bg_txt02{position: absolute;bottom: 50px;left: 50px;font-size: 80px; color: #f5f5f5; font-weight: 700;z-index: -1;opacity: .5;}
.sub02_wrap .con06 .box_wrap .img_box{display: flex;align-items: center;justify-content: center;width: 100%;}
.sub02_wrap .con06 .box_wrap .img_box img{width: 150px;}

.sub02_wrap .con06 .box_wrap .txt_box{width: 100%;}
.sub02_wrap .con06 .box_wrap .txt_box .txt:not(:last-child){margin-bottom: 15px;}
.sub02_wrap .con06 .box_wrap .txt_box .txt p{font-size: 15px; color: #333; font-weight: 700;line-height: 1.6;text-align: center;}
.sub02_wrap .con06 .box_wrap .txt_box .txt b{font-weight: 700;}
.sub02_wrap .con06 .box_wrap .txt_box .txt01 b{color: #42a1e8;}
.sub02_wrap .con06 .box_wrap .txt_box .txt02 b{color: #379ee7;}

/*sub0202*/
.sub0202_wrap .con01 .txt_wrap p b{color: #379ee7;}

/* sub0203 */
.sub0203_wrap .con01 .txt_wrap p b{color: #7fc01e;}
.sub0203_wrap .con05 .box_wrap .box{background: linear-gradient(180deg,rgba(196, 237, 136, .5) 0%, rgba(255, 255, 255, 0) 100%);}
.sub0203_wrap .con06 .box_wrap .bg_txt01{color: #effadf;top: -47px;left: 0px;opacity: .5;}
.sub0203_wrap .con06 .box_wrap .bg_txt02{bottom: 139px;left: -32px;}
.sub0203_wrap .con06 .box_wrap .txt_box .txt01 b{color: #7fc01e;}

/* sub0204 */
.sub0204_wrap .con01 .txt_wrap p b{color: #f95959;}
.sub0204_wrap .con05 .box_wrap .box{background: linear-gradient(180deg,rgba(255, 198, 198, .5) 0%, rgba(255, 255, 255, 0) 100%);}
.sub0204_wrap .con06 .box_wrap .bg_txt01{top: 0px;color: #fff2f2;opacity: .5;}
.sub0204_wrap .con06 .box_wrap .bg_txt02{left: initial;right: 0px;bottom: 130px;}
.sub0204_wrap .con06 .box_wrap .img_box img{width: 120px;}
.sub0204_wrap .con06 .box_wrap .txt_box .txt01 b{color: #f95959;}

/* sub0201 */
.sub0201_wrap .con01 .img_wrap{height: auto;border-radius:0;}
.sub0201_wrap .con01 video{max-width: 100%;}
.sub0201_wrap .con02 .box_wrap{display: flex;flex-wrap:wrap; gap:5px;margin-top: 30px;}
.sub0201_wrap .con02 .box{position: relative;display: flex;justify-content: space-between;align-items: flex-end;width: calc((100% - 5px) / 2);}
.sub0201_wrap .con02 .box::after{content:'';position: absolute;left: 0px;bottom: 0;width: calc(100% - 70px); height: 1px;background: #ddd;}
.sub0201_wrap .con02 .box .txt_wrap{width: calc(100% - 80px);padding-bottom: 10px;padding-left: 0px;}
.sub0201_wrap .con02 .box .txt_wrap .icon{position: absolute;top: 50%; left: 20px;opacity: 0;transform:translateY(-50%);padding: 10px 0;transition:.4s;}
.sub0201_wrap .con02 .box .txt_wrap .icon img{width: 40px;}
.sub0201_wrap .con02 .box .txt_wrap p{font-size: 13px; color: #333; font-weight: 700; margin-bottom: 12px;}
.sub0201_wrap .con02 .box .txt_wrap span{display: block;font-size: 12px; color: #666; font-weight: 500;line-height: 1.3;}

.sub0201_wrap .con02 .box .img_wrap{position: relative;width: 80px; height: 80px;border-radius:125px 125px 0 125px; background: var(--co01);overflow: hidden;}
.sub0201_wrap .con02 .box .img_wrap img{transition:.4s;}
.sub0201_wrap .con02 .box .img_wrap img.img_on{opacity: 0;width: 100%;height: 100%;object-fit:cover;}
.sub0201_wrap .con02 .box .img_wrap img.icon{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) scale(0.5);}

.sub0201_wrap .con02 .box.on .txt_wrap .icon{opacity: 1;transform:translateY(-50%);opacity: .3;}
.sub0201_wrap .con02 .box.on .img_wrap img.icon{opacity: 0;}
.sub0201_wrap .con02 .box.on .img_wrap img.img_on{opacity: 1;}

.sub0201_wrap .con02 .box02 .img_wrap{border-radius:125px 125px 125px 0; }
.sub0201_wrap .con02 .box03 .img_wrap{border-radius: 125px 0 125px 125px; }
.sub0201_wrap .con02 .box04 .img_wrap{border-radius: 0 125px 125px 125px; }

.sub0201_wrap .con02 .box:nth-child(2n){flex-direction: row-reverse;}
.sub0201_wrap .con02 .box:nth-child(2n)::after{left: initial;right: 0px;}
.sub0201_wrap .con02 .box:nth-child(2n) .txt_wrap{padding-right: 0px;}
.sub0201_wrap .con02 .box:nth-child(2n) .txt_wrap .icon{left: initial; right: 20px;}
.sub0201_wrap .con02 .box:nth-child(2n) .txt_wrap .icon img{display: block;margin-left: auto;}
.sub0201_wrap .con02 .box:nth-child(2n) .txt_wrap p{text-align: right;}
.sub0201_wrap .con02 .box:nth-child(2n) .txt_wrap span{text-align: right;}

.sub0201_wrap .con03{display: flex;align-items: center;flex-direction: column;gap:40px;padding: 40px 0 30px;}
.sub0201_wrap .con03 .img_con{position: relative;width: 100%;padding-right: 20px;}
.sub0201_wrap .con03 .img_box img{width: 200px;}
.sub0201_wrap .con03 .img_box.img01 img{display: block;margin-left: auto;}
.sub0201_wrap .con03 .img_box.img02{position: absolute;left: 20px;top: -30px;z-index: -1;}
.sub0201_wrap .con03 .img_box.img02 img{width: 235px;}

.sub0201_wrap .con03 .txt_con{width: 100%;}
.sub0201_wrap .con03 .txt_con p{font-size: 20px; color: #333; font-weight: 700;text-align: center;}
.sub0201_wrap .con03 .txt_con p b.co01{color: var(--co03);font-weight: 700;}
.sub0201_wrap .con03 .txt_con p b.co02{color: var(--co01);font-weight: 700;}
.sub0201_wrap .con03 .txt_con span{display: block;font-size: 13px; color: #666;text-align: center;margin-top: 15px;}
.sub0201_wrap .con03 .txt_con .logo{width: fit-content;margin: 30px auto 0;}
.sub0201_wrap .con03 .txt_con .logo img{width: 50px;}

/* sub0301 */
.sub0301_wrap{line-height: 1;}
.sub0301_wrap .cate_wrap{position: relative;display: flex;align-items: center; justify-content: space-between; padding-top: 70px;margin-bottom: 20px;}
.sub0301_wrap .cate_wrap .cate01{display: flex;align-items: center;gap:20px;}
.sub0301_wrap .cate_wrap .cate01 a{font-size: 14px; color: #9a9a9a;font-weight: 700; padding-bottom: 6px;border-bottom: 1px solid transparent;}
.sub0301_wrap .cate_wrap .cate01 a.on{border-bottom: 1px solid var(--co02); color: var(--co02); }

.sub0301_wrap .cate_wrap .cate02{position: absolute;top: 0;left: 50%;transform:translateX(-50%);display: flex;padding: 6px; background: #ffecd1;border-radius:28px;width: 100%;}
.sub0301_wrap .cate_wrap .cate02 a{display: flex;align-items: center; justify-content: center;width: auto;flex:1; height: 35px;font-size: 14px; color: #666;font-weight: 600;border-radius:22px;transition:.4s;}
.sub0301_wrap .cate_wrap .cate02 a.on{background: var(--co02); color: #fff;}
.sub0301_wrap .cate_wrap .cate02 a:hover{background: var(--co02); color: #fff;}

.sub0301_wrap .cate_wrap .total{font-size: 13px; color: #666; font-weight: 700;}

.sub0301_wrap ul.list_wrap{display: flex;flex-wrap:wrap;gap:30px;}
.sub0301_wrap ul.list_wrap li{width: 100%;}
.sub0301_wrap ul.list_wrap li .img_box{position: relative;}
.sub0301_wrap ul.list_wrap li .img_wrap{position:relative; width:100%; padding-bottom:79%;border-radius:20px;overflow: hidden;}
.sub0301_wrap ul.list_wrap 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;}
.sub0301_wrap ul.list_wrap li .qr_box{position: absolute;bottom: 15px; right: 15px;z-index: 100;width: 75px;border:1px solid #ddd;}
.sub0301_wrap ul.list_wrap li .qr_box .qr_img{position:relative; width:100%; padding-bottom:100%;}
.sub0301_wrap ul.list_wrap li .qr_box .qr_img img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0301_wrap ul.list_wrap li .txt_wrap{padding: 15px 10px 0;}
.sub0301_wrap ul.list_wrap li .txt_wrap p{font-size: 14px; color: #333; font-weight: 700;}

/* sub0302 */
.sub0302_wrap{line-height: 1;}
.sub0302_wrap .logo_wrap{width: 100%; height: 200px; padding: 30px; border-radius:20px; background: url(/assets/images/sub/sub0302_bg01.png)center no-repeat; background-size: cover; background-attachment: fixed;}
.sub0302_wrap .logo_wrap strong{display: block;font-size: 18px; font-weight: 700;text-align: center;color: var(--co02);}
.sub0302_wrap .logo_wrap .logo{margin: 25px auto 0;width: fit-content;}
.sub0302_wrap .logo_wrap .logo img{width: 250px;max-width: 100%;}

.sub0302_wrap .list_wrap{margin-top: 60px;}
.sub0302_wrap .list_wrap .box{display: flex;flex-direction: column;gap:15px;}
.sub0302_wrap .list_wrap .box:not(:last-child){margin-bottom: 40px;}
.sub0302_wrap .list_wrap .box .tit{width: 100%;}
.sub0302_wrap .list_wrap .box a.btn_st01{border:1px solid #ddd;transition:.4s;}
.sub0302_wrap .list_wrap .box.on a.btn_st01{border:1px solid var(--co01)}
.sub0302_wrap .list_wrap .box .img_box{width: 100%;}
.sub0302_wrap .list_wrap .box ul.slide .img_wrap{position:relative; width:100%; padding-bottom:56.346%;overflow: hidden; border-radius:18px;}
.sub0302_wrap .list_wrap .box ul.slide .img_wrap img,
.sub0302_wrap .list_wrap .box ul.slide .img_wrap video,
.sub0302_wrap .list_wrap .box ul.slide .img_wrap iframe{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;}

.sub0302_wrap .list_wrap .box ul.slide .slick-prev{position: absolute; left: 0; top: 50%; transform:translateY(-50%);width: 30px; height: 30px;background: url(/assets/images/sub/sub0302_prev.png)center no-repeat rgba(0,0,0,.5); text-indent: -9999px;z-index: 10; background-size: 15px;}
.sub0302_wrap .list_wrap .box ul.slide .slick-next{position: absolute; right: 0; top: 50%; transform:translateY(-50%);width: 30px; height: 30px;background: url(/assets/images/sub/sub0302_next.png)center no-repeat rgba(0,0,0,.5); text-indent: -9999px;z-index: 10;background-size: 15px;}

.sub0302_wrap .list_wrap .box ul.nav_slide{display: flex;}
.sub0302_wrap .list_wrap .box ul.nav_slide .slick-list{width: calc(100% + 10px);padding-left: 5px;}
.sub0302_wrap .list_wrap .box ul.nav_slide li{width: 60px;margin-right: 10px;padding: 15px 0px ;}
.sub0302_wrap .list_wrap .box ul.nav_slide .img_wrap{position:relative; width:100%; padding-bottom:100%;overflow: hidden; border-radius:10px;transition:.3s;}
.sub0302_wrap .list_wrap .box ul.nav_slide .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;}
.sub0302_wrap .list_wrap .box ul.nav_slide li.slick-current .img_wrap{border:1px solid var(--co01);box-shadow: 0px 0px 12px 2px rgba(255, 215, 163,.5);}

/* sub0303 */
.sub0303_wrap{position: relative;line-height: 1;}
.sub0303_wrap .cate_wrap{display: flex;justify-content: center;align-items: center;gap:5px;margin-bottom: 20px;}
.sub0303_wrap .cate_wrap select{width: calc((100% - 75px) / 3);height: 35px;font-size: 13px;color: #666;font-weight: 700;padding: 0px 10px;border:1px solid #ddd; border-radius:5px; background: url(/assets/images/sub/select_icon01.png)center right 10px no-repeat; background-size: 10px; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;}
.sub0303_wrap .cate_wrap .search_btn{display: flex;align-items: center; justify-content: center;width: 60px;height: 35px;font-size: 13px; color: #fff; font-weight: 500;border-radius:5px; background: var(--co02);}

.sub0303_wrap .con_wrap{width: 100%;}
.sub0303_wrap .tit_wrap{display: flex; align-items: center;justify-content: flex-end;margin-bottom: 20px;}
.sub0303_wrap .tit_wrap .total{font-size: 14px; color: #333; font-weight: 500;}

.sub0303_wrap ul.list_wrap{display: flex;flex-wrap:wrap;gap:30px;}
.sub0303_wrap ul.list_wrap li{width: 100%;overflow: hidden; border-radius:20px; border:1px solid #ddd;transition:.4s;}
.sub0303_wrap ul.list_wrap li:hover{border:1px solid var(--co01); box-shadow: 0px 0px 9px rgba(255,215,163,.5);}
.sub0303_wrap ul.list_wrap li .img_wrap{position:relative; width:100%; padding-bottom:55%;}
.sub0303_wrap ul.list_wrap 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;}

.sub0303_wrap ul.list_wrap li .txt_wrap{padding: 20px 15px 15px;border-top: 1px solid #f6f6f6;}
.sub0303_wrap ul.list_wrap li .txt_wrap p{font-size: 15px; color: #333; font-weight: 600; line-height: 1.6; height: 48px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.sub0303_wrap ul.list_wrap li .txt_wrap .bot{display: flex;align-items: center; justify-content: flex-end;gap:15px;margin-top: 25px;}
.sub0303_wrap ul.list_wrap li .txt_wrap .bot span{display: flex;align-items: center;gap:6px;font-size: 13px; color: #666; font-weight: 500;}

/* sub0402 */
.sub0402_wrap{width: 100%;line-height: 1;}
.sub0402_wrap .list_wrap{display: flex;flex-wrap:wrap;gap:10px;}
.sub0402_wrap .list_wrap li{display: flex;width: 100%; border:1px solid #ddd; border-radius:8px; overflow: hidden;}
.sub0402_wrap .list_wrap li.li02{width: 100%;}
.sub0402_wrap .list_wrap li .tit{display: flex;align-items: center;width: 100px; height: 100%;padding: 0 20px;background: #f5f5f5;}
.sub0402_wrap .list_wrap li .tit p{font-size: 14px; color: #666; font-weight: 500;}
.sub0402_wrap .list_wrap li .tit p b{color: #e33333; font-weight: 500;}
.sub0402_wrap .list_wrap li input{width: calc(100% - 100px);height: 40px;font-size: 13px; color: #666; border:0;padding: 0px 20px;}
.sub0402_wrap .list_wrap li input::placeholder{font-size: 13px; color: #999;}
.sub0402_wrap .list_wrap li input:focus{outline:0;}
.sub0402_wrap .list_wrap li textarea{width: calc(100% - 100px);height: 200px;font-size: 13px; color: #666; border:0;padding: 20px;resize:none;}
.sub0402_wrap .list_wrap li textarea::placeholder{font-size: 13px; color: #999;}
.sub0402_wrap .list_wrap li textarea:focus{outline:0;}
.sub0402_wrap .online_btn{position: relative;background: #fff;color: #333;margin: 30px auto 0; }
.sub0402_wrap .online_btn::after{content:'';position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: calc(100% + 4px); height: calc(100% + 4px); border-radius: 32px; background: linear-gradient(120deg,rgba(247, 203, 107, 1) 0%, rgba(251, 169, 128, 1) 100%);z-index: -1;}


/* 회원가입 */
.join_wrap{line-height: 1;}
.join_wrap.join01{padding: 0px;}
.join_wrap.join01 .top_box{width: 100%; padding: 20px; background: #fdf7ed; border-radius:6px; margin-bottom: 20px;}
.join_wrap.join01 .top_box p{font-size: 14px; line-height: 1.5; color: #333; font-weight: 700;text-align: center;}
.join_wrap.join01 ul{border:1px solid #ddd;border-radius:6px;}
.join_wrap.join01 ul li{padding: 20px;}
.join_wrap.join01 ul li:not(:last-child){border-bottom: 1px solid #ddd;}
.join_wrap.join01 ul li .txt_box{min-height: 208px;background: #f8f8f8; border-radius:8px;margin-top: 15px;padding: 10px;}
.join_wrap.join01 ul li .txt_box table{background: #fff; width: 100%;}
.join_wrap.join01 ul li .txt_box table .col01{width: 40%;}
.join_wrap.join01 ul li .txt_box table .col02{width: 30%;}
.join_wrap.join01 ul li .txt_box table .col03{width: 30%;}
.join_wrap.join01 ul li .txt_box table th{font-size: 12px; padding: 10px; color: #fff; font-weight: 600; background: #c4c4c4;border:1px solid #ddd;}
.join_wrap.join01 ul li .txt_box table td{font-size: 12px; padding: 10px; color: #666;border:1px solid #ddd;}
.join_wrap.join01 .join_btn{margin: 30px auto 0;}


.join_wrap.join02{width: 100%; margin: 0 auto;}
.join_wrap.join02 ul li:not(:last-child){margin-bottom: 20px;}
.join_wrap.join02 ul li p{font-size: 14px; color: #666;font-weight: 700; margin-bottom: 10px;}
.join_wrap.join02 ul li p b{color: #e33333;font-weight: 700;}
.join_wrap.join02 ul li input[type="text"]{width: 100%;height: 45px;border:1px solid #ddd;border-radius:6px;padding: 0 10px;font-size: 13px; color: #999;}
.join_wrap.join02 ul li input[type="text"]::placeholder{font-size: 12px; color: #ddd; font-weight: 500;}
.join_wrap.join02 ul li input[type="text"]:focus{outline:0;}
.join_wrap.join02 ul li input[type="password"]{width: 100%;height: 45px;border:1px solid #ddd;border-radius:6px;padding: 0 10px;font-size: 13px; color: #999;}
.join_wrap.join02 ul li input[type="password"]::placeholder{font-size: 12px; color: #ddd; font-weight: 500;}
.join_wrap.join02 ul li input[type="password"]:focus{outline:0;}
.join_wrap.join02 ul li span{display: block;font-size: 12px;color: #ddd; font-weight: 700;margin-top: 10px;}
.join_wrap.join02 ul li .chk_wrap input.chk_st01 + label{margin-top: 12px;color: #666;}
.join_wrap.join02 ul li .chk_wrap input.chk_st01 + label:first-child{margin-top: 0;}
.join_wrap.join02 ul li .chk_wrap span{padding-left: 22px;}
.join_wrap.join02 ul li .a_wrap{display: flex;gap:10px;flex-wrap:wrap;width: 100%;flex-direction: column-reverse;}
.join_wrap.join02 ul li .a_wrap .input_wrap{display: flex;gap:10px;width: 100%;}
.join_wrap.join02 ul li .a_wrap .img{width: calc((100% - 10px) / 2);height: 45px;background: #ddd; border-radius:6px;}
.join_wrap.join02 ul li .a_wrap .img img{max-width: 100%;max-height: 100%;}
.join_wrap.join02 ul li .a_wrap input{width: calc((100% - 10px) / 2);}

.join_wrap.join02 ul li .btn_wrap{display: flex;justify-content: flex-end;gap:10px;width: 100%;}
.join_wrap.join02 ul li .btn_wrap a{display: flex;align-items: center; justify-content: center;width: 45px;height: 45px;background: #f5f5f5;border-radius:6px;}
.join_wrap.join02 ul li .btn_wrap a img{transform:scale(0.8)}
.join_wrap.join02 .btn_wrap_st01{margin-top: 40px;}

}