@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;z-index: 7000;}
#header .inner{display: flex;align-items: center; justify-content: space-between; width: 100%; height: 55px; padding: 0px 2.6%;}
#header h1 a img{width: 112px;}
#header .right_wrap{display: flex;align-items: center;gap:10px;}
#header .right_wrap .log_btn img{width: 20px;}
#header button{position: relative;width: 24px; height: 16px;}
#header button::before{content:'';position: absolute;top: 0;	right: 0;width: 100%; height: 2px; background: #333;transition:.3s ease-in-out;}
#header button::after{content:'';position: absolute;bottom: 0;	right: 0;width: 100%; height: 2px; background: #333;transition:.3s ease-in-out;}
#header button span{position: absolute;top: 7px;	right: 0;width: 100%; height: 2px; background: #333;}

ul.gnb{display: none;gap:50px;}
ul.gnb li a{font-size: 18px; color: #333; font-weight: 500;}

#header button.all_btn{display: none;}
#header button.all_btn.on::before{top: 11px;transform:rotate(45deg);}
#header button.all_btn.on::after{bottom: 10px;transform:rotate(-45deg);}
#header button.all_btn.on span{opacity: 0;}

.all_menu_wrap{display: none;position: absolute; top: 100px; line-height: 1;background: #fff;width: 100%;height: calc(100vh - 100px);padding-top: 90px;z-index: 7000;}
.all_menu_wrap .inner{display: flex;flex-wrap:wrap;}
.all_menu_wrap .all_menu{width: calc(100% / 5);padding: 35px 40px; border-right: 1px solid #ddd;}
.all_menu_wrap .all_menu:first-child{border-left: 1px solid #ddd;}
.all_menu_wrap .all_menu:nth-child(6){border-left: 1px solid #ddd;}
.all_menu_wrap .all_menu strong{display: block;font-size: 24px; color: #333; font-weight: 700; margin-bottom: 20px;}
.all_menu_wrap .all_menu ul li a{font-size: 16px; color: #666; line-height: 28px;}
.all_menu_wrap .all_menu ul li:hover a{text-decoration:underline;}

/* nav */
.nav_btn{display: block;}
.navigation{display: none;}
#header.nav button.nav_btn::before{top: 7px;transform:rotate(45deg);}
#header.nav button.nav_btn::after{bottom: 7px;transform:rotate(-45deg);}
#header.nav button.nav_btn span{opacity: 0;}

.navigation{position:absolute;top: 55px;z-index:5000;width:50%;height:100%;display:none;right: 0px;z-index: 4000;line-height: 1;}
.navigation .log_wrap{display: flex; margin-top: 10px;}
.navigation .log_wrap a{position: relative;display: flex;align-items: center;gap:5px;justify-content: center;flex:1; height: 40px; background: #333;color: #fff;font-size: 12px;}
.navigation .log_wrap a img{width: 13px;}
.navigation .log_wrap a:not(:last-child)::after{content:'';position: absolute;top: 50%;right: 0;transform:translateY(-50%);width: 1px; height: 15px; background: #999;}


.navigation h3{height:40px;width:100%;}
.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:40px;width:100%;display: flex;align-items: center;padding: 0 10px;color:#222;font-size:16px;font-weight: 700;}
.navigation h3 a:after{content:"";position: absolute;top: 50%;transform:translateY(-50%);right: 10px;width: 9px;height: 6px;background:url(/assets/images/main/nav_bt_mob.png)center no-repeat;background-size:cover ;}
.navigation ul{display: block; padding:15px 10px;}
.navigation ul li{margin-bottom: 12px;}
.navigation ul li:last-child{margin-bottom: 0;}
.navigation ul li a{display:flex;height:auto;width:100%;color:#666;font-size:14px;border:none;font-weight: 400;word-break:keep-all;}
.navigation ul li a:after{display: none;}

.navi_bg{display: none;position: absolute;width: 100%; height: 100%;top: 55px; z-index: 3500;background: rgba(0,0,0,.5);}

#visual_wrap{position: relative; line-height: 1; margin-bottom: 120px;}
#visual_wrap > .inner{width: 100%; padding: 0 2.6%;}
#visual_wrap .visual{border-radius:12px; overflow: hidden;}
#visual_wrap .txt_wrap{position: absolute;width: 100%; }
#visual_wrap .txt_wrap strong{display: block;font-size: 15px; color: #fff;font-weight: 700; margin-bottom: 10px;opacity: 0; transform:translateY(100px); transition:1s ease-in-out;}
#visual_wrap .txt_wrap p{font-size: 35px; line-height: 50px; color: #fff; font-weight: 800;opacity: 0; transform:translateY(100px); transition:1.2s ease-in-out;}
#visual_wrap .txt_wrap span{display: block;font-size: 12px; line-height: 18px;color: #fff; margin-top: 20px;opacity: 0; transform:translateY(100px); transition:1.4s ease-in-out;}
#visual_wrap .txt_wrap span i{display: block;}

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

#visual_wrap .vis_items{display: flex;gap:22px; align-items: center;position: absolute;bottom: 50px;}
#visual_wrap .vis_items img{width: 10px;}
#visual_wrap .vis_items .vis_dots .slick-dots{display: flex; align-items: center;gap:15px;}
#visual_wrap .vis_items .vis_dots .slick-dots li{position: relative;}
#visual_wrap .vis_items .vis_dots .slick-dots li::after{content:'';position: absolute; left: 26px; top: 50%;transform:translateY(-50%);width: 0; height: 2px; background: #fff;opacity: .5; }
#visual_wrap .vis_items .vis_dots .slick-dots li button{width: 6px; height: 6px; border:1px solid #fff; opacity: .5; text-indent: -9999px; border-radius:50%;}
#visual_wrap .vis_items .vis_dots .slick-dots li.slick-active{padding-right: 40px;}
#visual_wrap .vis_items .vis_dots .slick-dots li.slick-active::after{width: 25px;transition:.4s;}
#visual_wrap .vis_items .vis_dots .slick-dots li.slick-active button{border:2px solid #fff; background: #fff;opacity: 1; transition:.3s;}

.section{line-height: 1;margin-bottom: 70px;}
.section .tit_wrap{display: flex;align-items: center; justify-content: center;flex-direction: column;gap:20px;margin-bottom: 25px;text-align: center;}
.section .tit_wrap .sec_tit01{margin-bottom: 0;}
.section .sec_tit01{margin-bottom: 25px;}
.section .sec_tit01 p{font-size: 20px; color: #333; font-weight: 700; line-height: 30px;}
.section .sec_tit01 .txt{ margin-top: 12px;}
.section .sec_tit01 span{display: block;font-size: 12px; color: #999; line-height: 18px;}

.section .sec_tit01.center{text-align: center;}
.section .sec_tit01.wh p{color: #fff;}
.section .sec_tit01.wh span{color: #fff;}

.more_btn_st01{display: flex;align-items: center;justify-content: space-between;width: 104px;height: 32px; background: #f5f5f5;border-radius:27px;padding: 0 10px;}
.more_btn_st01 p{font-size: 12px; color: #333;}
.more_btn_st01 em{position: relative;display: flex;align-items: center; justify-content: center; width: 18px; height: 18px; background: #fff;border-radius:50%;overflow: hidden;}
.more_btn_st01 em img{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);transition:.3s ease-in-out;width: 8px;}
.more_btn_st01 em img.arr01{left: -150%;}
.more_btn_st01:hover em img.arr01{left: 50%;}
.more_btn_st01:hover em img.arr02{left: 150%;}

/* section01 */
#section01 .inner{display: flex;align-items: flex-start; justify-content: flex-start;flex-direction: column;gap:25px;}
#section01 .txt_box_wrap{width: 350px;}
#section01 .txt_box_wrap .txt_box{display: flex;flex-wrap:wrap;gap:5px;}
#section01 .txt_box_wrap .txt_box p{display: flex;align-items: center;height: 27px;font-size: 10px; color: #333; background: #f5f5f5; padding: 0 10px; border-radius:32px;cursor:pointer;transition:.4s;}
#section01 .txt_box_wrap .txt_box p.on{color: #fff; background: var(--co01);}
#section01 .img_box_wrap{position: relative;width: 100%; border-radius:10px;overflow: hidden;}
#section01 .img_wrap{position:relative; width:100%; padding-bottom:50.704%;}
#section01 .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;}
#section01 .tag_wrap{position: absolute;left: 0; bottom: 0; display: flex;flex-wrap:wrap; gap:8px 10px; width: 100%; padding: 20px;}
#section01 .tag_wrap em{font-size: 12px; color: #fff; font-weight: 700;}

/* section02 */
#section02 .con_wrap{position: relative;}
#section02 .bg_wrap .bg img{width: 100%;}
#section02 .txt_box_wrap{position: absolute;left: 0; top: 0; display: flex; flex-wrap:wrap; width: 100%; height: 100%;}
#section02 .txt_box{position: relative;flex:initial;width: calc(100% / 2);transition:.4s;}
#section02 .txt_box.on{flex:initial;}
#section02 .txt_box:not(:last-child){border-right: 1px solid #ddd;}
#section02 .txt_box:nth-child(1){border-bottom: 1px solid #ddd;}
#section02 .txt_box:nth-child(2){border-right: 0;border-bottom: 1px solid #ddd;}
#section02 .txt_box a{display: flex;align-items: center; justify-content: center;flex-direction: column;width: 100%; height: 100%;pointer-events: none;}
#section02 .txt_box.on a{pointer-events: initial;}
#section02 .txt_box p{font-size: 15px; color: #fff; font-weight: 700;}
#section02 .txt_box span{display: block;font-size: 12px; color: rgba(255,255,225,.5);text-align: center; font-weight: 700; margin-top: 15px;text-transform:uppercase;}
#section02 .txt_box em.more_btn{opacity: 0;position: absolute;bottom: 20px; left: 50%;transform:translate(-50%, 100px);display: flex;align-items: center;justify-content: center; width: 26px; height: 26px; background: rgba(255,255,255,.5); border-radius:50%;transition:.4s ease-in-out;}
#section02 .txt_box em.more_btn img{width: 12px;}
#section02 .txt_box.on em.more_btn{transform:translate(-50%, 0px); opacity: 1;}

/* section03 */
#section03 .inner{display: flex;align-items: flex-start; flex-wrap:wrap;gap:25px;}
#section03 .txt_wrap{display: flex;align-items: center; justify-content: center; flex-direction: column;width: 100%;text-align: center;gap:20px;}
#section03 .sec_tit01{margin-bottom: 0px;}
#section03 .sec_tit01 br{display: block;}
#section03 .slide_wrap{width: 100%;}
#section03 .slide_wrap ul{padding: 0 75px;}
#section03 .slide_wrap ul .slick-list{width: 100%;padding-right: 1px;}
#section03 .slide_wrap ul li{margin-right: 0px;}
#section03 .slide_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:144.509%;overflow: hidden; border-radius:16px;border:1px solid var(--co01)}
#section03 .slide_wrap ul 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;}
#section03 .slide_wrap ul li:hover .img_wrap img{transform:scale(1.05);}
#section03 .slide_wrap ul li .txt_wrap{display: block;margin-top: 15px;}
#section03 .slide_wrap ul li .txt_wrap span{display: block;font-size: 12px; color: var(--co01); font-weight: 700; margin-bottom: 10px;}
#section03 .slide_wrap ul li .txt_wrap p{font-size: 12px; color: #333;font-weight: 700;}
#section03 .slide_wrap ul li .txt_wrap p b{font-size: 15px;font-weight: 700;}
#section03 .slick-prev{position: absolute;top: 50%;left: 0;transform:translateY(-50%); background: url(/assets/images/main/prev01_mob.png)center no-repeat; width: 30px; height: 30px; background-size: cover; text-indent: -9999px;}
#section03 .slick-next{position: absolute;top: 50%;right: 0;transform:translateY(-50%); background: url(/assets/images/main/next01_mob.png)center no-repeat; width: 30px; height: 30px; background-size: cover; text-indent: -9999px;}

/* section04 */
#section04 .inner{width: 100%; padding: 0 2.6%;}
#section04 .con_wrap{padding: 75px 0px;background: url(/assets/images/main/sub04_bg01_mob.jpg)center no-repeat; border-radius:12px;background-attachment: fixed;background-size: cover;}
#section04 .con_wrap .sec_tit01{margin-bottom: 75px;}
#section04 .con_wrap .box_wrap{display: flex;align-items: center; justify-content: center;}
#section04 .con_wrap .box_wrap .box{position: relative;flex:1;display: flex;align-items: center; justify-content: center;flex-direction: column;}
#section04 .con_wrap .box_wrap .box:not(:last-child)::after{content:'';position: absolute; top: 50%;right: 0; transform:translateY(-50%);width: 1px; height: 40 px; background: rgba(255,255,255,.3);}
#section04 .con_wrap .box_wrap .box p{font-size: 24px;color: #fff;font-weight: 700;text-align: center;}
#section04 .con_wrap .box_wrap .box p em{font-weight: 700;}
#section04 .con_wrap .box_wrap .box span{display: block;font-size: 12px; color: #fff; text-align: center; margin-top: 15px;}

/* section05 */
#section05{position: relative;padding-top: 120px;}
#section05 .box_wrap{display: flex;align-items: flex-start; flex-wrap:wrap;gap:10px;}
#section05 .box_wrap .txt_wrap{padding: 15px;}
#section05 .box_wrap .txt_wrap p{font-size: 15px; color: #333; font-weight: 700;}
#section05 .box_wrap .txt_wrap span{display: block;font-size: 11px; color: #666; line-height: 17px; margin-top: 10px;}
#section05 .box_wrap .txt_wrap em{display: flex;width: 26px; height: 26px; border-radius:50%; display: flex;align-items: center; justify-content: center; background: #fff; margin-top: 0px;}
#section05 .box_wrap .txt_wrap em img{transition:.4s;width: 12px;}
#section05 .box_wrap .txt_wrap em:hover img{transform:rotate(180deg);}
#section05 .box_wrap .img_box{border-radius:10px; overflow: hidden;}
#section05 .box_wrap .img_box img{width: 100%;}

#section05 .box_wrap .box01 .img_box{position: relative;}
#section05 .box_wrap .box01 .txt_wrap{position: absolute; left: 0; bottom: 0; display: flex;align-items: end;  width: 50%; height: 100%; background: rgba(255,255,255,.5); backdrop-filter:blur(10px);}
#section05 .box_wrap .box01 .txt_wrap em{position: absolute;top: 15px; right: 15px;}

#section05 .box_wrap .box02 .sec_tit01{position: absolute;top: 0; left: 50%;transform:translateX(-50%);text-align: center;width: 100%; }
#section05 .box_wrap .box02 a.more_btn_st01{position: absolute;top: 70px; right: initial;left: 50%;transform:translateX(-50%);}
#section05 .box_wrap .box02 .img_box{position: relative;display: flex; background: var(--co01);  margin-top: 0px;}
#section05 .box_wrap .box02 .txt_wrap{position: absolute;left: 0; bottom: 0; width: 50%; height: 100%; display: flex;align-items: end; background: var(--co01);}
#section05 .box_wrap .box02 .txt_wrap p{color: #fff;}
#section05 .box_wrap .box02 .txt_wrap span{color: #fff;margin-top: 10px;}
#section05 .box_wrap .box02 .txt_wrap em{position: absolute;top: 15px; right: 15px;background: rgba(255,255,255,.3);margin-top: 0;}

/* section06 */
#section06 .sec_tit01 i{display: block;}
#section06 .slide_wrap ul .slick-list{overflow: visible;}
#section06 .slide_wrap ul li{width: 235px;padding: 20px 15px;margin-right: 10px; background: #f5f5f5; border-radius:10px;transition:.4s;}
#section06 .slide_wrap ul li .icon{position: relative;margin-bottom: 60px; height: 32px;}
#section06 .slide_wrap ul li .icon img{transition:.4s; width: 40px;}
#section06 .slide_wrap ul li .icon img.on{position: absolute;left: 0; top: 0;opacity: 0;}
#section06 .slide_wrap ul li .icon img.icon04{width: 32px;}
#section06 .slide_wrap ul li .txt_wrap p{font-size: 15px; color: #333; font-weight: 700;transition:.4s;}
#section06 .slide_wrap ul li .txt_wrap span{display: block;font-size: 12px; color: #666; line-height: 18px;transition:.4s; margin-top: 14px;letter-spacing: 0px;}

#section06 .slide_wrap ul li:hover{background: var(--co01);}
#section06 .slide_wrap ul li:hover .icon img.on{opacity: 1;}
#section06 .slide_wrap ul li:hover .txt_wrap p{color: #fff;}
#section06 .slide_wrap ul li:hover .txt_wrap span{color: #fff;}

/* section07 */
#section07 .txt_box{position: relative;display: flex;align-items: flex-end;justify-content: space-between;padding: 30px 15px 15px;background: url(/assets/images/main/sec07_bg01_mob.png)center no-repeat; background-size: cover; border-radius:20px;}
#section07 .txt_box .sec_tit01{margin-bottom: 15px;}
#section07 .txt_box em{display: block;font-size: 12px;color: #fff;font-weight: 700;margin-bottom: 8px;}
#section07 .sns_wrap{position: relative;display: flex;gap:6px;z-index: 10;}
#section07 .sns_wrap img{width: 30px;}
#section07 .bg_txt{display: none;position: absolute;bottom: -5px; right: 0;text-transform:uppercase;font-size: 55px; color: rgba(255,255,255,.1); font-weight: 700;}

/* section08 */
#section08 .sec_tit01 i{display: block;}
#section08 .box_wrap{display: flex;gap:25px;flex-direction: column;}
#section08 .box_wrap .left{width: 100%;}
#section08 .box_wrap .left .video_wrap{position:relative; width:100%; padding-bottom:56.25%; border-radius:10px; overflow: hidden;}
#section08 .box_wrap .left iframe,
#section08 .box_wrap .left video,
#section08 .box_wrap .left 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;}

#section08 .box_wrap .right{width: 100%;}
#section08 .box_wrap .right .y_btn{display: flex; align-items: center; justify-content: center;gap:12px; width: 100%; height: 32px; border-radius:35px;font-size: 12px; color: #fff; font-weight: 700; margin-bottom: 15px; background: #e01e1e;}
#section08 .box_wrap .right .y_btn img{width: 18px;}
#section08 .box_wrap .right .list_wrap .list:not(:last-child){margin-bottom: 10px;}
#section08 .box_wrap .right .list_wrap .list a{display: flex;align-items: center;gap:15px;}
#section08 .box_wrap .right .list_wrap .img_box{width: 90px; border-radius:6px; overflow: hidden;}
#section08 .box_wrap .right .list_wrap .img_wrap{ position:relative; width:100%; padding-bottom:56.25%;}
#section08 .box_wrap .right .list_wrap .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;}
#section08 .box_wrap .right .list_wrap .txt_box{width: calc(100% - 105px);}
#section08 .box_wrap .right .list_wrap .txt_box p{font-size: 12px; color: #333; font-weight: 700; line-height: 1.2;}
#section08 .box_wrap .right .list_wrap .list:hover .txt_box p{text-decoration:underline;}

/* section09 */
.pc_slide{display: none;}
.mob_slide{display: block;}
#section09 .tit_wrap{margin-bottom: 0;}
#section09 .slide_wrap ul .slick-list{width: 100%;padding-top: 25px;}
#section09 .slide_wrap ul li{margin-right: 0px; border-radius:10px;background: transparent;}
#section09 .slide_wrap ul li .box_wrap{display: flex; flex-wrap:wrap;gap:15px;width: 100%;	}
#section09 .slide_wrap ul li .box_wrap .box{width: calc((100% - 20px) / 2);background: #f4ede8; border-radius:10px;}
#section09 .slide_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:80%; border-radius:10px; overflow: hidden;transition:.4s;}
#section09 .slide_wrap ul li:hover .img_wrap{transform:translateY(0px);}
#section09 .slide_wrap ul li .img_wrap img{position:absolute; left:0; right:0; top:0; width:100%; max-width:100%; }
#section09 .slide_wrap ul li .img_wrap em{position: absolute; display: flex;align-items: center;justify-content: center;top: 10px; right: 10px;width: 30px; height: 15px;font-size: 11px; font-weight: 700; background: var(--co01);z-index: 100;color: #fff; border-radius:3px;}
#section09 .slide_wrap ul li .txt_wrap{padding: 15px;}
#section09 .slide_wrap ul li .txt_wrap p{font-size: 12px; color: #333; line-height: 18px; height: 35px; font-weight: 700;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;word-break: break-all;}
#section09 .slide_wrap ul li .txt_wrap span{display: block;font-size: 11px; color: #999; margin-top: 15px;}

#section09 .progress { position:relative; width:calc(100%); height:2px; background:#ddd;margin-top: 25px;}
#section09 .progress .slider__label {position:absolute; left:0; top:50%; transform:translateY(-50%); width:0; height:100%; background:#424652; transition:0.5s;}

/*banner_wrap*/
#banner_wrap{padding: 17px 0;border-top: 1px solid #ddd;margin-bottom: 35px;}
#banner_wrap .banner_slide .slick-list{width: calc(100% + 38px);}
#banner_wrap .banner_slide li{margin-right: 38px;}
#banner_wrap .banner_slide li img{max-width: 70px;}

.quick_menu{position: fixed; left: 0;right:initial; bottom: 0px;display: flex;z-index: 5000;width: 100%;}
.quick_menu.rel{position: fixed;left: 0; bottom: 0;}
.quick_menu a{display: flex;align-items: center; justify-content: center;flex-direction: row;gap:10px;flex:1;width: auto; font-size: 12px; height: 35px; border-radius:0px; background: var(--co01);color: #fff;}
.quick_menu a:not(:last-child){margin-bottom: 0px;}
.quick_menu a.quick02{background: #333;}
.quick_menu a.top_btn{background: #fff; border:1px solid var(--co01);}
.quick_menu a img{width: 18px;}
.quick_menu a.quick02 img{width: 16px;}
.quick_menu a.top_btn img{width: 11px;}

/* footer */
#footer{padding: 35px 0 70px; line-height: 1; background: url(/assets/images/main/f_bg_mob.jpg)center no-repeat; background-size: cover;}
#footer .f_top{display: flex;flex-direction: column;gap:25px; margin-bottom: 25px;}
#footer .f_top .map_box{width: 100%;}
#footer .f_top .map_wrap{position:relative; width:100%; padding-bottom:42.254%;}
#footer .f_top .map_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;}

#footer .f_top .txt_box{width: 100%;}
#footer .f_top .txt_box .top{margin-bottom: 25px;}
#footer .f_top .txt_box .top strong{display: block;font-size: 15px; color: #fff; font-weight: 700; margin-bottom: 12px;}
#footer .f_top .txt_box .top p{display: flex;align-items: center;gap:10px;font-size: 12px; color: #fff; font-weight: 700; line-height: 20px;}
#footer .f_top .txt_box .top p img{width: 10px;transform: translateY(0px);}
#footer .f_top .txt_box .top .btn_wrap{display: flex;gap:5px;margin-top: 15px;}
#footer .f_top .txt_box .top .btn_wrap a{display: flex;align-items: center; justify-content: center; width: calc((100% - 10px) / 3); height: 27px; background: rgba(255,255,255,.1); border-radius:3px;font-size: 11px; color: #fff;transition:.3s;}
#footer .f_top .txt_box .top .btn_wrap a:hover{background: #fff; color: var(--co01);}

#footer .f_top .txt_box .bot .txt_wrap{display: flex;}
#footer .f_top .txt_box .bot .txt_wrap:not(:last-child){margin-bottom: 25px;}
#footer .f_top .txt_box .bot .txt_wrap p{width: 70px;font-size: 12px; color: #fff; font-weight: 700;}
#footer .f_top .txt_box .bot .txt_wrap strong{ display: block;transform: translateY(-3px);font-size: 20px; color: #fff;font-weight: 700;}
#footer .f_top .txt_box .bot .txt_wrap .txt{width: calc(100% - 70px);}
#footer .f_top .txt_box .bot .txt_wrap .txt ul{display: flex;flex-wrap:wrap;gap:10px 0;}
#footer .f_top .txt_box .bot .txt_wrap .txt ul li{display: flex;width: 310px;}
#footer .f_top .txt_box .bot .txt_wrap .txt ul li:last-child{width: 100%;}
#footer .f_top .txt_box .bot .txt_wrap .txt ul li em{display: block;color: #fff;font-size: 12px;width: 65px;}
#footer .f_top .txt_box .bot .txt_wrap .txt ul li b{display: block; font-size: 13px; color: #fff; font-weight: 700;width: calc(100% - 65px);}

#footer .f_bot .a_wrap{display: flex;gap:20px;margin-bottom: 20px;}
#footer .f_bot .a_wrap a{font-size: 12px; color: #fff; font-weight: 700;}
#footer .f_bot .bot{display: flex;align-items: flex-end;justify-content: space-between;}
#footer .f_bot .bot strong{display: block;font-size: 15px;color: #fff;font-weight: 700; margin-bottom: 15px;}
#footer .f_bot .bot address{font-size: 11px; color: #fff; line-height: 17px;}
#footer .f_bot .bot address i{display: inline-block;width: 15px;}
#footer .f_bot .bot address i:nth-of-type(2),
#footer .f_bot .bot address i:nth-of-type(3){display: block; width: 0; height: 0;}
#footer .f_bot .bot .right a img{width: 82px;}

.pop_wrap{display: none;position: fixed;left: 0;top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.5);z-index: 9999; line-height: 1;}
.pop_wrap .pop_con{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);width: 900px; max-width: 95%;}
.pop_wrap .pop_con .pop_x_btn{display: block; width: fit-content;margin-left: auto; margin-bottom: 12px;}
.pop_wrap .pop_con .pop_x_btn img{width: 18px;}
.pop_wrap .pop_box{padding: 25px 20px 30px;background: #fff; border-radius:10px;}
.pop_wrap .pop_box .tit{padding-bottom: 12px; margin-bottom: 20px;border-bottom: 1px solid #333;}
.pop_wrap .pop_box .tit p{font-size: 14px; color: #333; font-weight: 700;}

.pop_wrap .pop_box .box_wrap{overflow-y: scroll;max-height: 380px;}
.pop_wrap .pop_box .box_wrap::-webkit-scrollbar {width: 5px; height: 5px; /* 스크롤바의 너비 */}
.pop_wrap .pop_box .box_wrap::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: var(--co01); /* 스크롤바의 색상 */border-radius: 10px;}
.pop_wrap .pop_box .box_wrap::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0);  /*스크롤바 뒷 배경 색상*/}
.pop_wrap .pop_box .box_wrap .box:not(:last-child){margin-bottom: 30px;}
.pop_wrap .pop_box .box_wrap .box h4{font-size: 13px; color: #333; font-weight: 700;margin-bottom: 15px;}

table.tbl_st02{width: 100%; border-top: 2px solid var(--co01);}
table.tbl_st02 th{padding: 8px 5px;font-size: 11px; color: #333;background: #f4ede8;font-weight: 400; border:1px solid #ddd; line-height: 1.4;}
table.tbl_st02 td{padding: 8px 5px;font-size: 11px; color: #333;border:1px solid #ddd; line-height: 1.4;text-align: center;}
table.tbl_st02 th:first-child,
table.tbl_st02 td:first-child{border-left: 0;}
table.tbl_st02 th:first-child,
table.tbl_st02 td:first-child{border-right:  0;}

.pop_wrap .pop_box .box_wrap p{font-size: 12px;}

/* ===sub=========================================== */
#sub_visual_wrap{position: relative;line-height: 1;}
#sub_visual_wrap > .inner{width: 100%; padding: 0 2.6%;}
#sub_visual_wrap .inner > p{background: #f4ede8; border-radius:12px;}
#sub_visual_wrap .txt_wrap{position: absolute;left: 0; top: 50%; transform:translateY(-50%); width: 100%; }
#sub_visual_wrap .txt_wrap .inner{width: 100%;padding: 0 30px;}
#sub_visual_wrap .txt_wrap h3{font-size: 28px;  color: #333; font-weight: 700; margin-bottom: 15px;}
#sub_visual_wrap .txt_wrap .inner > ul{display: flex;align-items: center;gap:15px;}
#sub_visual_wrap .txt_wrap .inner > ul > li{position: relative;}
#sub_visual_wrap .txt_wrap .inner > ul > li img{width: 8px;}
#sub_visual_wrap .txt_wrap .inner > ul > li:not(:first-child)::after{content:'';position: absolute;top: 50%; left: 0;transform:translateY(-50%); width: 3px; height: 3px; background: #bbb; border-radius:50%;}

#sub_visual_wrap .txt_wrap li.tab_menu{position: relative;}
#sub_visual_wrap .txt_wrap li.tab_menu em{position: relative;font-size: 12px; color: #666; padding: 0 18px; cursor:pointer;}
#sub_visual_wrap .txt_wrap li.tab_menu em::after{content:'';position: absolute; top: 50%;right: 0; transform:translateY(-50%); background: url(/assets/images/sub/tab_arr_pc.png)center no-repeat; width: 6px; height: 4px; background-size: cover;transition:.3s;}
#sub_visual_wrap .txt_wrap li.tab_menu em.on::after{transform:translateY(-50%) rotate(180deg); }
#sub_visual_wrap .txt_wrap li.tab_menu ul{display: none;position: absolute;left: 0;top: 20px;background: #fff; padding: 10px; border-radius:5px; width: 105px; box-shadow:6px 6px 12px rgba(64,63,63,.25);}
#sub_visual_wrap .txt_wrap li.tab_menu ul li a{font-size: 11px;color: #666; line-height: 19px;line-height: 1.5;}

#sub_contents{padding: 45px 0 80px;}
#sub_contents .inner{width: 100%;}

/* 공통 */
.sub_tit01{margin-bottom: 25px;}
.sub_tit01.center{text-align: center;}
.sub_tit01 p{font-size: 20px; color: #333; font-weight: 700; line-height: 30px;}
.sub_tit01 p b{color: var(--co01); font-weight: 700; }
.sub_tit01 span{display: block; font-size: 13px; color: #666; line-height: 1.6; margin-top: 15px;}
.sub_tit01 em{display: block;font-size: 12px; font-weight: 700;color: var(--co01); margin-bottom: 8px;}

.sub_tit01.br{position: relative;padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd;}
.sub_tit01.br::after{content:'';position: absolute;left: 0;bottom: -1px; width: 60px; height: 2px; background: var(--co01);}

.sub_tit02{display: flex;align-items: flex-start;flex-direction: column;gap:10px; margin-bottom: 30px;}
.sub_tit02 p{font-size: 22px; color: #333; font-weight: 700;}
.sub_tit02 span{font-size: 13px; color: var(--co01);display: block;}

.sub_tit03{display: flex;align-items: flex-start;flex-direction: column;justify-content: flex-start;gap:10px;margin-bottom: 15px; padding-bottom: 15px;border-bottom: 1px solid #ddd;}
.sub_tit03::after{content:'';position: absolute;left: 0;bottom: -1px;width: 50px; height:2px; background: var(--co01);}
.sub_tit03 h3{font-size: 22px;}

ul.li_st01 li{position: relative;font-size: 14px; color: #666;padding-left: 13px;line-height: 1.5;}
ul.li_st01 li:not(:last-child){margin-bottom: 8px;}
ul.li_st01 li::after{content:'▪';position: absolute;left: 0; top: 0; color: var(--co01);font-size: 11px;line-height: 1.7;}

.tbl_wrap01{border:1px solid #ddd; border-radius:10px;overflow: hidden;}
table.tbl_st01{width: 100%;}
table.tbl_st01 th{font-size: 12px; color: #333; font-weight: 500;padding: 5px;border-bottom: 1px solid #ddd; background: #f5f5f5;}
table.tbl_st01 td{font-size: 12px; color: #333; font-weight: 500;padding: 5px;text-align: center;}
table.tbl_st01 .br{border-right: 1px solid #ddd;}

table.tbl_st01 em{display: flex;align-items: center;justify-content: center;width: 35px; height: 20px; border-radius:50px; font-size: 11px; font-weight: 500; color: #fff;margin: 0 auto;}
table.tbl_st01 em.tag01{background: var(--co01);}
table.tbl_st01 em.tag02{background: #524439;}

input[type="radio"].ra_st01{display: none;}
input[type="radio"].ra_st01 + label{position: relative;padding-left: 16px;font-size: 12px; color: #222;font-weight: 700;}
input[type="radio"].ra_st01 + label::after{content:'';position: absolute; left: 0; top: 0; width: 12px; height: 12px; border:1px solid #ddd; border-radius:50%;}
input[type="radio"]:checked.ra_st01 + label::after{border:3px solid #222;}

/* sub0101 */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con:not(:last-child){margin-bottom: 40px;}
.sub0101_wrap .con01 .box_wrap{display: flex;flex-wrap:wrap;gap:5px;}
.sub0101_wrap .con01 .box_wrap .box{display: flex;align-items: center;gap:5px;width: 100%; height: 35px; background: #f5f5f5; border-radius:5px;padding: 0 10px;}
.sub0101_wrap .con01 .box_wrap .box img{width: 15px;}
.sub0101_wrap .con01 .box_wrap .box p{font-size: 12px; color: #333;}
.sub0101_wrap .con01 .box_wrap .box p b{font-weight: 700; color: var(--co01);}

.sub0101_wrap .con02 .sub_tit01{margin-bottom: 45px;}
.sub0101_wrap .con02 .sub_tit01 i{display: block;}
.sub0101_wrap .con02 .box{position: relative;background: url(/assets/images/sub/sub0101_img01_mob.png)center no-repeat; height: 230px; background-size: cover; border-radius:5px;}
.sub0101_wrap .con02 .box .txt_wrap{position: absolute; left: 0; bottom: 0;padding: 30px 20px;}
.sub0101_wrap .con02 .box .txt_wrap span{display: block;font-size: 12px; color: #fff; line-height: 18px; margin-bottom: 12px;}
.sub0101_wrap .con02 .box .txt_wrap p{font-size: 25px;color: #fff; font-weight: 700;}
.sub0101_wrap .con02 .box .bg_txt{position: absolute;bottom: -3px; right: 0;font-size: 28px; color: rgba(255,255,255,.1); text-transform:uppercase;font-weight: 700;}

.sub0101_wrap .con03 .box_wrap{display: flex;flex-wrap:wrap;gap:10px;}
.sub0101_wrap .con03 .box_wrap .box{position: relative;width: 100%; padding: 20px; border-radius:5px; border:1px solid #ddd;}
.sub0101_wrap .con03 .box_wrap .box .tit{display: flex;align-items: center; justify-content: space-between;margin-bottom: 40px;}
.sub0101_wrap .con03 .box_wrap .box .tit p{font-size: 15px; color: var(--co01); font-weight: 700;text-transform:uppercase;}
.sub0101_wrap .con03 .box_wrap .box .tit em{display: flex;align-items: center; justify-content: center; width: 58px; height: 22px; background: var(--co01);font-size: 12px; color: #fff; font-weight: 700; border-radius:20px;}
.sub0101_wrap .con03 .box_wrap .box .txt p{font-size: 14px; color: #333; font-weight: 700; margin-bottom: 12px;}
.sub0101_wrap .con03 .box_wrap .box .txt span{display: block;font-size: 12px; color: #666; line-height: 18px;}
.sub0101_wrap .con03 .box_wrap .box .txt span br{display: none;}
.sub0101_wrap .con03 .box_wrap .box img{position: absolute;bottom: 20px; right: 20px;z-index: -1;width: 84px;}
.sub0101_wrap .con03 .box_wrap .box:nth-child(3) img{width: 59px;}
.sub0101_wrap .con03 .box_wrap .box:nth-child(3) .tit,
.sub0101_wrap .con03 .box_wrap .box:nth-child(4) .tit{margin-bottom: 40px;}

/* sub0102 */
.sub0102_wrap{line-height: 1;}
.sub0102_wrap img{max-width: 100%;}
.sub0102_wrap .con{padding: 60px 0;}

.sub0102_wrap .con01{padding-top: 0;}
.sub0102_wrap .con01 .sub_tit01.right{text-align: right;margin-top: 25px;}
.sub0102_wrap .con01 .img_wrap img{width: 100%; height: 160px; object-fit:cover; border-radius:10px;}

.sub0102_wrap .con02{background: #f5f5f5;}
.sub0102_wrap .con02 .sub_tit01 span br{display: none;}
.sub0102_wrap .con02 .sub_tit01 span i{display: block;}

.sub0102_wrap .con03{padding-bottom: 0;}
.sub0102_wrap .con03 .list_wrap .list{display: flex;gap:30px;align-items: flex-start;flex-direction: column;align-items: center;justify-content: center;}
.sub0102_wrap .con03 .list_wrap .list:not(:last-child){margin-bottom: 60px;}
.sub0102_wrap .con03 .list_wrap .list .img_box{width: 400px;max-width: 100%;}
.sub0102_wrap .con03 .list_wrap .list .img_box em{position: absolute;left: 15px; bottom: 15px;display: flex; align-items: center; justify-content: center; height: 25px; background: var(--co01);font-size: 13px; padding: 0px 12px;font-weight: 700;color: #fff; border-radius:20px;z-index: 10;}
.sub0102_wrap .con03 .list_wrap .list .img_wrap{position:relative; width:100%; padding-bottom:113.636%;border-radius:12px; overflow: hidden;}
.sub0102_wrap .con03 .list_wrap .list .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 .con03 .list_wrap .list .txt_box{width: 100%;}
.sub0102_wrap .con03 .list_wrap .list .txt_wrap .sub_tit01 em{font-size: 20px; color: var(--co01);font-weight: 700;margin-left: 5px;}
.sub0102_wrap .con03 .list_wrap .list .txt_wrap ul.li_st01{display: flex;flex-wrap: wrap;}
.sub0102_wrap .con03 .list_wrap .list .txt_wrap ul.li_st01 li{width: 100%;}
.sub0102_wrap .con03 .list_wrap .list .tbl_wrap01{margin-top: 25px;}

/* sub0103 */
.sub0103_wrap{line-height: 1;}
.sub0103_wrap img{max-width: 100%;}
.sub0103_wrap .con:not(:last-child){padding-bottom: 80px;}

.sub0103_wrap .con:first-child{padding-bottom: 0;}
.sub0103_wrap .con01 .box{background: url(/assets/images/sub/sub0103_img01.png) right center no-repeat; height: 300px;background-size: 80%;}

.sub0103_wrap .con02{position: relative;}
.sub0103_wrap .con02::after{content:'';position: absolute; left: 0;bottom: 0; width: 100%; height: 600px; background: #f5f5f5; border-radius:60px 60px 0 0;z-index: -1;}
.sub0103_wrap .con02 .box_wrap{display: flex;gap:20px;flex-wrap:wrap;}
.sub0103_wrap .con02 .box_wrap .box{width:100%; height: auto; padding: 50px 20px; border-radius:12px; border:1px solid #ddd;transition:.4s; background: #fff;}
.sub0103_wrap .con02 .box_wrap .box .icon{display: flex;align-items: center;justify-content: center;height: 70px; margin-bottom: 40px;}
.sub0103_wrap .con02 .box_wrap .box .icon img{transform:scale(0.7)}
.sub0103_wrap .con02 .box_wrap .box .txt em{display: block;font-size: 13px; font-weight: 700;text-align: center;color: var(--co01);	}
.sub0103_wrap .con02 .box_wrap .box .txt p{font-size: 18px; color: #333; font-weight: 700;text-align: center; padding: 15px 0px 20px;}
.sub0103_wrap .con02 .box_wrap .box .txt span{display: block;text-align: center;font-size: 14px; color: #666; line-height: 1.5;}
.sub0103_wrap .con02 .box_wrap .box:hover{background: #f4ede8;border:1px solid #f4ede8; box-shadow:0px 0px 30px rgba(134,102,79,.15)}

.sub0103_wrap .con03{padding-top: 80px;}
.sub0103_wrap .con03 .box_wrap .box{display: flex;justify-content: space-between;align-items: center; flex-direction: column; gap:5px; padding: 30px 20px; border:1px solid #ddd; border-radius:12px;}
.sub0103_wrap .con03 .box_wrap .box:not(:last-child){margin-bottom: 20px;}
.sub0103_wrap .con03 .box_wrap .box.box01{background: url(/assets/images/sub/sub0103_bg01.png)center no-repeat; background-size: cover;}
.sub0103_wrap .con03 .box_wrap .box.box02{background: url(/assets/images/sub/sub0103_bg02.png)center no-repeat; background-size: cover;}
.sub0103_wrap .con03 .box_wrap .box.box03{background: url(/assets/images/sub/sub0103_bg03.png)center no-repeat; background-size: cover;}

.sub0103_wrap .con03 .box_wrap .box .left{display: flex;width: 100%;}
.sub0103_wrap .con03 .box_wrap .box .left em{width: 30px;font-size: 16px; color: var(--co01);	opacity: .5;font-weight: 700;}
.sub0103_wrap .con03 .box_wrap .box .left p{font-size: 18px; color: #333; font-weight: 700; line-height: 1.6;transform: translateY(-6px);width: calc(100% - 30px);}
.sub0103_wrap .con03 .box_wrap .box .left p br{display: none;}
.sub0103_wrap .con03 .box_wrap .box .left p b{color: var(--co01);font-weight: 700;}

.sub0103_wrap .con03 .box_wrap .box .right{width: 100%;}

/* sub0105 */
.sub0105_wrap{line-height: 1;}
.sub0105_wrap .list{display: flex;gap:20px;align-items: center;flex-direction: column;}
.sub0105_wrap .list:not(:last-child){margin-bottom: 40px;}
.sub0105_wrap .list .img_box{width: 100%;}
.sub0105_wrap .list .img_wrap{position:relative; width:100%; padding-bottom:75%;overflow: hidden; border:1px solid var(--co01);border-radius:20px;}
.sub0105_wrap .list .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0105_wrap .list .txt_box{width: 100%;}
.sub0105_wrap .list .txt_box p{font-size: 18px; color: #333; line-height: 1.5; font-weight: 700;}
.sub0105_wrap .list .txt_box span{display: block;font-size: 14px; color: #666; font-weight: 500; line-height: 1.6; margin-top: 12px;}

/* sub0106 */
.sub0106_wrap{line-height: 1;}
.sub0106_wrap .con01{margin-bottom: 50px;}
.sub0106_wrap .con01 .box_wrap{position: relative;padding: 30px 0 200px; background: #f8f8f8;}
.sub0106_wrap .con01 .box_wrap .txt_wrap .txt{display: flex;align-items: center;gap:8px;}
.sub0106_wrap .con01 .box_wrap .txt_wrap .txt:not(:last-child){margin-bottom: 12px;}
.sub0106_wrap .con01 .box_wrap .txt_wrap .txt:nth-child(2){margin-left: 25px;}
.sub0106_wrap .con01 .box_wrap .txt_wrap .txt:nth-child(3){margin-left: 50px;}
.sub0106_wrap .con01 .box_wrap .txt_wrap .txt .icon img{width: 30px;}
.sub0106_wrap .con01 .box_wrap .txt_wrap .txt p{font-size: 17px; color: var(--co02); font-weight: 500;}
.sub0106_wrap .con01 .box_wrap .img_wrap{position: absolute;right: 2.6%; bottom: 0;}
.sub0106_wrap .con01 .box_wrap .img_wrap img{width: 275px;}

.sub0106_wrap .con02 .slide_wrap .img_wrap{ position:relative; width:100%; padding-bottom:48.571%; overflow: hidden;}
.sub0106_wrap .con02 .slide_wrap .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;}

.sub0106_wrap .con02 .slide_wrap .big_slide .img_wrap{border-radius:12px;}
.sub0106_wrap .con02 .slide_wrap .slick-arrow{position: absolute; top: 50%; transform:translateY(-50%);text-indent: -9999px;width: 36px; height: 36px;z-index: 100;}
.sub0106_wrap .con02 .slide_wrap .slick-prev{left: -5px;background: url(/assets/images/sub/prev01.png)center no-repeat;background-size: cover;}
.sub0106_wrap .con02 .slide_wrap .slick-next{right: -5px;background: url(/assets/images/sub/next01.png)center no-repeat;background-size: cover;}

.sub0106_wrap .con02 .slide_wrap .sm_slide_wrap{margin-top: 10px;}
.sub0106_wrap .con02 .slide_wrap .sm_slide .slick-list{width: calc(100% + 10px);}
.sub0106_wrap .con02 .slide_wrap .sm_slide li{margin-right: 10px;}
.sub0106_wrap .con02 .slide_wrap .sm_slide .img_wrap{border-radius:8px;}
.sub0106_wrap .con02 .slide_wrap .sm_slide .img_wrap{padding-bottom: 53.03%;}

/* sub0107 */
.sub0107_wrap{line-height: 1;}
.sub0107_wrap .con:not(:last-child){margin-bottom: 80px;}

.sub0107_wrap .con01 ul{margin-bottom: 40px;}
.sub0107_wrap .con01 ul li{display: flex;align-items: center;}
.sub0107_wrap .con01 ul li:not(:last-child){margin-bottom: 15px;}
.sub0107_wrap .con01 ul li .icon{width: 30px;}
.sub0107_wrap .con01 ul li .icon img{width: 20px;}
.sub0107_wrap .con01 ul li p{width: calc(100% - 30px);font-size: 14px; color: #333; font-weight: 700;}
.sub0107_wrap .con01 .map_wrap{ position:relative; width:100%; padding-bottom:48.571%;overflow: hidden; border-radius:12px;}
.sub0107_wrap .con01 .map_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;}
.sub0107_wrap .con01 .bot_txt{font-size: 20px; color: #ddd;text-align: right;font-weight: 700; margin-top: 20px;}

.sub0107_wrap .con02 .box_wrap{margin-top: 30px;}
.sub0107_wrap .con02 .box_wrap .box:not(:last-child){margin-bottom: 40px;}
.sub0107_wrap .con02 .box_wrap .box{display: flex;flex-direction: column;gap:15px;}
.sub0107_wrap .con02 .box_wrap .box .tit{width: 100%;font-size: 18px; color: #333; font-weight:  700;}
.sub0107_wrap .con02 .box_wrap .box ul{width: 100%;}
.sub0107_wrap .con02 .box_wrap .box ul li{display: flex;gap:5px 15px;align-items: center;line-height: 1.6;flex-wrap:wrap;}
.sub0107_wrap .con02 .box_wrap .box ul li:not(:last-child){margin-bottom: 12px;}
.sub0107_wrap .con02 .box_wrap .box ul li em{display: flex;align-items: center; justify-content: center;width: 80px; height: 30px; color: #fff;font-size: 13px; font-weight: 700; border-radius:20px;}
.sub0107_wrap .con02 .box_wrap .box ul li em.co01{background: #f58733;}
.sub0107_wrap .con02 .box_wrap .box ul li em.co02{background: #0cb20c;}
.sub0107_wrap .con02 .box_wrap .box ul li em.co03{background: #00097b;}
.sub0107_wrap .con02 .box_wrap .box ul li em.co04{background: #00d0d2;}
.sub0107_wrap .con02 .box_wrap .box ul li em.co05{background: #c7a58b;}
.sub0107_wrap .con02 .box_wrap .box ul li em.co06{background: #524439;}
.sub0107_wrap .con02 .box_wrap .box ul li p{font-size: 13px; color: #333; font-weight: 500;width: calc(100% - 95px);}
.sub0107_wrap .con02 .box_wrap .box ul li p b{display: inline-block;color: #999; font-weight: 500;margin: 0px 10px;}
.sub0107_wrap .con02 .box_wrap .box ul li a{display: flex; align-items: center; justify-content: center; width: 120px; height: 30px; border:1px solid var(--co01);color: var(--co01);font-size: 13px;font-weight: 700; border-radius:20px;margin-left: 0px;margin-left: auto;} 


/* 디자인페이지 공통 */
img{max-width: 100%;}
.sub_wrap .con:not(:last-child){margin-bottom: 80 px;}
em.num{display: flex;align-items: center; justify-content: center;width: 28px; height: 28px; background: var(--co01); border-radius:50%;font-size: 14px; color: #fff; font-weight: 700;}

/* con01 */
.txt_box_st01{padding: 20px;border-radius:12px; overflow: hidden;background: #f5f5f5;}
.txt_box_st01 p{font-size: 14px; color: #666; line-height: 1.6;white-space: pre-wrap;}

.img_flex_st01{display: flex;gap:10px;flex-direction: column; margin-top: 20px;}

/* con02 */
.box_wrap_st01{display: flex;align-items: center;flex-direction: column;gap:30px;}
.box_wrap_st01 .txt_box{width: 100%;}
.box_wrap_st01 .txt_box .txt strong{display: block;font-size: 15px; color: var(--co01); font-weight: 700; line-height: 1.6;white-space: initial; margin-bottom: 15px;}
.box_wrap_st01 .txt_box .txt p{font-size: 14px; color: #666; line-height: 1.6;}
.box_wrap_st01 .txt_box .txt p:not(:last-child){margin-bottom: 10px;}
.box_wrap_st01 .img_box{width: 100%;}
.box_wrap_st01 .img_box img{width: 100%;}

/* con03 */
ul.ul_st01{display: flex;flex-wrap:wrap;flex-direction: column; border-top: 2px solid var(--co01);}
ul.ul_st01 li{display: flex;align-items: center;gap:10px; width: 100%;padding: 10px;border-bottom: 1px solid #ddd;}
ul.ul_st01 li.none{display: none;}
ul.ul_st01 li p{width: calc(100% - 38px);font-size: 14px; color: #333;line-height: 1.5;}

/* con04 */
.box_wrap_st02{display:flex;gap:20px;flex-direction: column;align-items: center;}
.box_wrap_st02 .img_box{width: 100%;}
.box_wrap_st02 .img_box img{width: 100%;}
.box_wrap_st02 .txt_box{padding: 30px;background: #333; border-radius:12px;width: 100%;}
.box_wrap_st02 .txt_box strong{display: block;font-size: 18px; color: #fff;font-weight: 700; margin-bottom: 12px; line-height: 1.5;}
.box_wrap_st02 .txt_box ul li{display: flex;gap:10px;padding: 10px 0;}
.box_wrap_st02 .txt_box ul li:not(:last-child){border-bottom: 1px solid #ddd;}
.box_wrap_st02 .txt_box ul li em{display: flex;align-items: center;justify-content: center; width: 14px; height: 14px; border:1px solid var(--co01);transform: translateY(1px);}
.box_wrap_st02 .txt_box ul li em img{display: block;transform: translate(2px, -2px);}
.box_wrap_st02 .txt_box ul li p{font-size: 13px; color: #fff; line-height: 1.5;width: calc(100% - 24px);}


/* con05 */
.box_wrap_st03{display: flex;flex-wrap:wrap;gap:10px;}
.box_wrap_st03 .box{display: flex;justify-content: space-between;flex-direction: column;gap:30px;width: 100%; min-height: initial;height: auto;padding: 20px;background: #f4ede8; border-radius:12px;}
.box_wrap_st03 .box .icon{width: fit-content;margin-left: auto;}
.box_wrap_st03 .box .icon img{transform:scale(0.6);}
.box_wrap_st03 .box .txt_wrap p{font-size: 16px; color: #333; font-weight: 700;}
.box_wrap_st03 .box .txt_wrap span{display: block;font-size: 14px; color: #666; line-height: 1.5; margin-top: 10px;white-space: initial;}

/* con06 */
.tab_box_st01 .tit_box_wrap{display: flex;justify-content: space-between;align-items: center;flex-direction: column;gap:15px;margin-bottom: 20px;}
.tab_box_st01 .tit_box_wrap .sub_tit01{margin-bottom: 0;}
.tab_box_st01 .tabs{display: flex;column-gap: 15px;}
.tab_box_st01 .tabs li{position: relative;font-size: 15px;color: #bbb;line-height: 1;font-weight: 800;cursor: pointer;}
.tab_box_st01 .tabs li.active{color: #c7a58b;}
.tab_box_st01 .tabs li.active::after{content: '';display: block;z-index: -1;position: absolute;top: -8px;right: -8px;width: 16px;height: 16px;border-radius: 50%;background-color: #f4ede8;}

.tab_box_st01 .tab_box .tab{display: none;}
.tab_box_st01 .tab_box .tab.active{display: block;}
.tab_box_st01 .tab_box .tab .img img{width: 100%;height: 150px; border-radius:12px; overflow: hidden;object-fit:cover;}
.tab_box_st01 .tab_box .tab .txt_box{margin-top: 30px;}
.tab_box_st01 .tab_box .tab .txt_box .txt_wrap{display: flex;align-items: flex-start;flex-direction: column;gap:10px;}
.tab_box_st01 .tab_box .tab .txt_box .txt_wrap:not(:last-child){ margin-bottom: 25px;}
.tab_box_st01 .tab_box .tab .txt_box .txt_wrap .tit{display: flex;align-items: center;gap:10px;width: 100%;}
.tab_box_st01 .tab_box .tab .txt_box .txt_wrap .tit p{font-size: 15px; color: #333; font-weight: 700;}
.tab_box_st01 .tab_box .tab .txt_box .txt_wrap .txt{width: 100%;transform: translateY(0);}
.tab_box_st01 .tab_box .tab .txt_box .txt_wrap .txt p{font-size: 14px; color: #666; line-height: 1.6;}

/* con07 */
.box_wrap_st04{background: url(/assets/images/sub/sub0201_img08.png)center no-repeat; background-size: cover; padding: 0px; height: auto; border-radius:12px;min-height: initial;}
.box_wrap_st04 .txt_box{width: 100%; margin-left: initial; backdrop-filter: blur(5px);padding: 30px 20px;border-radius:12px;}
.box_wrap_st04 .txt_box .sub_tit01{margin-bottom: 12px;}
.box_wrap_st04 .txt_box ul{padding: 20px 15px;background: rgba(255,255,255,.8); border-radius:12px; box-shadow: 0px 0px 8px rgba(51,51,51,.15)}
.box_wrap_st04 .txt_box ul li{display: flex;gap:10px;align-items: center;}
.box_wrap_st04 .txt_box ul li:not(:last-child){margin-bottom: 10px;}
.box_wrap_st04 .txt_box ul li p{width: calc(100% - 38px);font-size: 14px;color: #333; line-height: 1.6;}

/* 추가 */
.txt_box_st01-2{margin-bottom: 20px;}
.txt_box_st01-2 p{font-size: 14px; text-align: center;color: #333;}

.txt_box_st02{position: relative;display: flex;}
.txt_box_st02::after{content:'';position: absolute;top: 7px; left: 0;width: 100%;border-top: 0;}
.txt_box_st02 .txt_box{position: relative;padding-top: 20px;width: 100%;}
.txt_box_st02 .txt_box::after{display: none;content:'';position: absolute;top: 0;left: 50%;transform:translateX(-50%);width: 16px; height: 16px; border-radius:50%; background: #fff; border:2px solid var(--co01);z-index: 10;}
.txt_box_st02 .txt_box .top{text-align: center; margin-bottom: 20px;}
.txt_box_st02 .txt_box .top em{display: block;font-size: 15px; color: var(--co01); font-weight: 700;}
.txt_box_st02 .txt_box .top p{font-size: 16px; color: #222; font-weight: 700; margin-top: 10px;}
.txt_box_st02 .txt_box .box{display: flex;align-items: center;justify-content: center;position: relative;padding: 20px ;min-height: auto;}
.txt_box_st02 .txt_box .box::after{content:'';position: absolute;top: 0; left: 50%;transform:translateX(-50%);width: 105%; height: 100%; background: rgba(222,201,186,.3); border-radius:80px;}
.txt_box_st02 .txt_box .box p{font-size: 14px; color: #333; line-height: 1.6;text-align: center;white-space: initial;}

@media screen and (max-width:1023px) {
.txt_box_st02{flex-direction: column;}
.txt_box_st02::after{border-top: 0;border-left: 2px dashed var(--co01);}
}

.txt_box_st03{padding: 20px;text-align: center; border-radius:10px;color: #f4ede8; font-weight: 500; background: #333;}
.txt_box_st03 p{font-size: 15px;line-height: 1.6;}
.txt_box_st03 span{display: block;font-size: 13px;margin-top: 10px;}

.txt_box_st04{display: flex;flex-direction: column;gap:20px;padding: 30px 20px;border:1px solid #ddd; border-radius:20px; margin-top: 40px;}
.txt_box_st04 .tit{width: 100%;font-size: 18px; color: #333; font-weight: 700;}
.txt_box_st04 .txt_wrap{display: flex;flex-wrap:wrap;gap:14px 0;width: 100%;}
.txt_box_st04 .txt_wrap .txt{display: flex;align-items: center;gap:12px;width: calc(100% / 2);}
.txt_box_st04 .txt_wrap .txt em{font-size: 14px; color: var(--co01);font-weight: 700;}
.txt_box_st04 .txt_wrap .txt p{font-size: 13px;font-weight: 500;color: #333;d}
.txt_box_st04 .txt_wrap .txt:last-child{width: 100%;}

ul.ul_st02 li{position: relative;font-size: 13px;color: #666; line-height: 1.6;padding-left: 22px;}
ul.ul_st02 li:not(:last-child){margin-bottom: 10px;}
ul.ul_st02 li::after{content:'';position: absolute; left: 0; top: 2px;width: 16px; height: 16px; background: url(/assets/images/sub/chk_icon02.png)center no-repeat; background-size: cover;}
ul.ul_st02 li span{display: flex;gap:5px;}

ul.ul_st02.bl li{color: #333;}
ul.ul_st02.bl li span{color: #666;}

ul.ul_st03{display: flex;flex-wrap:wrap;gap:5px; margin-top: 20px;}
ul.ul_st03 li{display: flex;gap:10px;width: 100%;font-size: 14px; padding: 5px 10px; color: #fff; background: var(--co01);border-radius:6px;line-height: 1.5;}
ul.ul_st03 li em{font-weight: 600; color: #f6e5d7;}

.box_wrap_st02-2 .txt_box{width: 100%;}
.box_wrap_st02-2 .txt_box ul{display: flex;flex-wrap:wrap;gap:0px ;}
.box_wrap_st02-2 .txt_box ul li{width: 100%;}
.box_wrap_st02-2 .txt_box ul li:last-child{border-bottom: 1px solid #ddd;}

.box_wrap_st03.sm-h .box{ min-height: 150px;}

.box_wrap_st03_sub{position: relative;margin-top: 30px;}
.box_wrap_st03_sub::after{display: none;content:'';position: absolute; bottom: 100%; left: 50%;transform:translatex(-50%);width: 280px; height: 50px; border:2px dashed var(--co01); border-radius:20px;z-index: -2;}
.box_wrap_st03_sub::before{display: none;content:'';position: absolute; bottom: 100%; left: 50%;transform:translatex(-50%);width: 200px; height: 25px; z-index: -1; background: #fff;}
.box_wrap_st03_sub p{font-size: 15px; color: #333;text-align: center;font-weight: 700;padding-top: 0px;}
.box_wrap_st03_sub p strong{color: var(--co01);}

.box_wrap_st04-2 .txt_box{width: 100%;}
.box_wrap_st04-2 .txt_box .ul_wrap{display: flex;flex-wrap:wrap;padding: 30px;background: rgba(255, 255, 255, .8);border-radius: 12px;box-shadow: 0px 0px 8px rgba(51, 51, 51, .15);}
.box_wrap_st04-2 .txt_box .ul_wrap ul{width: 100%;padding: 0;background: transparent;border-radius: 0;box-shadow: initial;}

.point_box_st01{padding: 40px 20px;background: url(/assets/images/sub/sub0608_img02.png)center left no-repeat; border:1px solid #ddd; border-radius:12px; margin-bottom: 40px;}
.point_box_st01 .txt_wrap{position: relative;width: 100%; margin-left: auto;padding-left: 0px;}
.point_box_st01 .txt_wrap::before{display: none;content:'';position: absolute;top: 4px;right: calc(100% + 310px); width: 20px; height: 20px; border-radius:50%; background: var(--co01); border:5px solid #e9dbd1;}
.point_box_st01 .txt_wrap::after{display: none;content:'';position: absolute;top: 13px; right: calc(100% - 30px); width: 340px; height: 2px; border-top: 2px dashed var(--co01);}
.point_box_st01 .txt_wrap em{display: flex;align-items: center; height: 25px; padding: 0px 10px;background: #faf2eb; border-radius:15px;font-size: 13px; font-weight: 700; margin:0 auto 15px;color: #c7a58b;width: fit-content;}
.point_box_st01 .txt_wrap p{font-size: 14px;color: #333; line-height: 1.6;}

/* sub02 */
.sub0205_wrap .con03 .txt_box_st03{margin-bottom: 40px;}

/* sub03 */
.sub0301_wrap .box_wrap_st04{background: url(/assets/images/sub/sub0301_img04.png)center no-repeat; background-size: cover; }

/* sub04 */
.sub0401_wrap .box_wrap_st04{background: url(/assets/images/sub/sub0401_img04.png)center no-repeat; background-size: cover; }

.sub0403_wrap .con07 .bg{position: relative;background: url(/assets/images/sub/sub0403_img02.png)center no-repeat; background-size: cover; border-radius:10px;padding: 0;padding-bottom: 40px; z-index: -1;}
.sub0403_wrap .con07 .txt_box_st02 .txt_box .box{padding: 30px 20px;border:1px solid var(--co01);background: rgba(255,255,255,.5); border-radius:80px;min-height: auto;}
.sub0403_wrap .con07 .txt_box_st02 .txt_box .box p{font-size: 14px;}
.sub0403_wrap .con07 .txt_box_st02 .txt_box .box::after{display: none;width: 350px; background: rgba(255,255,255,.5); border-radius:100px;border:1px solid var(--co01)}

/* sub05 */
.sub0501_wrap .box_wrap_st04{background: url(/assets/images/sub/sub0501_img04.png)center no-repeat; background-size: cover; }
.sub0501_wrap .con02 ul.ul_st02{margin-top: 20px;}

/* sub06 */
.sub0601_wrap .box_wrap_st04{background: url(/assets/images/sub/sub0601_img04.png)center no-repeat; background-size: cover; }

/* sub0801 */
.sub0801_wrap ul.list_wrap{display: flex;flex-wrap:wrap;gap:20px;}
.sub0801_wrap ul.list_wrap li{width: 100%;border-radius:10px;}
.sub0801_wrap ul.list_wrap li .box_wrap{display: flex; flex-wrap:wrap;gap:15px;width: 100%;	}
.sub0801_wrap ul.list_wrap li .box_wrap .box{width: calc((100% - 20px) / 2);background: #f4ede8; border-radius:10px;}
.sub0801_wrap ul.list_wrap li .img_wrap{position:relative; width:100%; padding-bottom:80%; border-radius:10px; overflow: hidden;transition:.4s;}
.sub0801_wrap ul.list_wrap li:hover .img_wrap{transform:translateY(0px);}
.sub0801_wrap ul.list_wrap li .img_wrap img{position:absolute; left:0; right:0; top:0; width:100%; max-width:100%; }
.sub0801_wrap ul.list_wrap li .img_wrap em{position: absolute; display: flex;align-items: center;justify-content: center;top: 10px; right: 10px;width: 60px; height: 25px;font-size: 14px; font-weight: 700; background: var(--co01);z-index: 100;color: #fff; border-radius:3px;}
.sub0801_wrap ul.list_wrap li .txt_wrap{padding: 15px;}
.sub0801_wrap ul.list_wrap li .txt_wrap p{font-size: 14px; color: #333; line-height: 18px; height: 35px; font-weight: 700;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;word-break: break-all;}
.sub0801_wrap ul.list_wrap li .txt_wrap span{display: block;font-size: 13px; color: #999; margin-top: 15px;}

/* sub0802 */
.sub0802{line-height: 1;}
.sub0802 .top .total{font-size: 13px; color: #333; font-weight: 700;}
.sub0802 .top .search_wrap{display: flex;gap:5px;justify-content: flex-end;width: 100%;}
.sub0802 .top .search_wrap select{width: 120px; height: 35px;padding: 0 10px;border:1px solid #ddd; border-radius:4px;font-size: 12px; color: #333;font-weight: 700; background: url(/assets/images/sub/select_icon01.png)center right 10px no-repeat; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;}
.sub0802 .top .search_wrap .search{position: relative;}
.sub0802 .top .search_wrap .search input[type="text"]{width: 200px; height: 35px;padding: 0 30px 0 10px;border:1px solid #ddd; border-radius:4px;font-size: 12px;color: #666;}
.sub0802 .top .search_wrap .search input::placeholder{color: #ddd;}
.sub0802 .top .search_wrap .search a.search_btn{position: absolute;right: 10px; top: 50%; transform:translateY(-50%);}
.sub0802 .top .search_wrap .search a.search_btn img{width: 16px;}
.sub0802 .top .txt p{font-size: 13px; color: #333; font-weight: 700;}

.sub0802_wrap .list_wrap{display: flex; flex-wrap:wrap;gap:20px 10px;}
.sub0802_wrap .list_wrap .list{width: calc((100% - 10px) / 2);}
.sub0802_wrap .list_wrap .list .img_wrap{position:relative; width:100%; padding-bottom:113.636%;overflow: hidden; border-radius:12px; border:1px solid var(--co01);}
.sub0802_wrap .list_wrap .list .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;}
.sub0802_wrap .list_wrap .list .txt_wrap{margin-top: 15px;	}
.sub0802_wrap .list_wrap .list .txt_wrap p{font-size: 14px; color: #333; font-weight: 700;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.sub0802_wrap .list_wrap .list .txt_wrap span{display: block;font-size: 12px; color: #999; margin-top: 12px;}
.sub0802_wrap .list_wrap .list .txt_wrap span b{display: inline-block;color: #ddd;font-weight: 400;padding: 0px 10px;}

/* sub0803 */
.sub0803_wrap .list_wrap{display: flex;gap:30px; flex-wrap:wrap;}
.sub0803_wrap .list_wrap .list{width: 100%;}
.sub0803_wrap .list .img_flex{display: flex;border-radius:12px; overflow: hidden;}
.sub0803_wrap .list .img_flex .img_box{position: relative;width: 50%;overflow: hidden;}
.sub0803_wrap .list .img_flex .img_box em{position: absolute; top: 15px; left: 15px;display: flex;align-items: center;justify-content: center;width: 80px; height: 25px; border-radius:15px;background: #222;font-size: 14px; color: #fff;font-weight: 500;z-index: 100;}
.sub0803_wrap .list .img_flex .img_wrap{position:relative; width:100%; padding-bottom:121.212%;}
.sub0803_wrap .list .img_flex .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;}

.sub0803_wrap .list .img_flex .img_box.after{border-left: 2px solid #fff;}
.sub0803_wrap .list .img_flex .img_box.after em{background: var(--co01);}
.sub0803_wrap .list .img_flex .img_box.after .img_wrap{filter: brightness(0.5);}
.sub0803_wrap .list .img_flex .img_box.after .txt{position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);width: 100%;}
.sub0803_wrap .list .img_flex .img_box.after .txt p{font-size: 14px; color: #fff; line-height: 1.6; text-align: center;font-weight: 500;}

.sub0803_wrap .list .txt_wrap{margin-top: 15px;}
.sub0803_wrap .list .txt_wrap p{font-size: 15px; color: #222; font-weight: 600; line-height: 1.5;}

/* sub1101 */
.sub1101_wrap{line-height: 1;}
.sub1101_wrap .con02 .box_wrap{position: relative;display: flex;flex-wrap:wrap;gap:10px;padding-bottom: 0px;}
.sub1101_wrap .con02 .box_wrap::after{content:'';display: none;position: absolute;left: 0;bottom: 0;width: 100%;height: 3px; border-bottom: 2px dashed #c7a58b;}
.sub1101_wrap .con02 .box_wrap .box{position: relative;width: calc((100% - 10px) / 2); background: #f5efea;  border-radius:12px;}
.sub1101_wrap .con02 .box_wrap .box::after{display: none;content:'';position: absolute;bottom: -57px;left: 50%;transform:translateX(-50%);width: 16px; height: 16px; background: #fff; border:2px solid #c7a58b; border-radius:50%;z-index: 10;}
.sub1101_wrap .con02 .box_wrap .box .img img{max-width: 100%;width: 100%;border-radius:12px;}
.sub1101_wrap .con02 .box_wrap .box .txt{padding: 25px 15px 30px;}
.sub1101_wrap .con02 .box_wrap .box .txt span{display: block;font-size: 12px; color: #c7a58b; font-weight: 700;}
.sub1101_wrap .con02 .box_wrap .box .txt p{font-size: 14px; color: #333; font-weight: 700;margin-top: 10px;line-height: 1.5;}

.sub1101_wrap .con03 .box_wrap{display: flex;gap:20px;flex-wrap:wrap;}
.sub1101_wrap .con03 .box_wrap .img_box{width:100%;}
.sub1101_wrap .con03 .box_wrap .img_box img{max-width: 100%;display: block; margin: 0 auto;}
.sub1101_wrap .con03 .box_wrap .txt_box{width:100%; border-top: 1px solid #ddd;}
.sub1101_wrap .con03 .box_wrap .txt_box .txt{padding: 20px 10px;border-bottom: 1px solid #ddd;}
.sub1101_wrap .con03 .box_wrap .txt_box .txt strong{display: block;font-size: 16px; font-weight: 700;color: #c7a58b; margin-bottom: 10px;}
.sub1101_wrap .con03 .box_wrap .txt_box .txt strong span{font-weight: 500;}
.sub1101_wrap .con03 .box_wrap .txt_box .txt p{font-size: 13px; color: #333; font-weight: 500; line-height: 1.6;} 

.sub1101_wrap .con04 .box_wrap{display: flex;flex-wrap:wrap;gap:10px;}
.sub1101_wrap .con04 .box_wrap .box{position: relative;display: flex;justify-content: space-between;flex-direction: column;padding: 20px;width: calc((100% - 10px) / 2); height: 160px; border-radius:12px;background: #eee4dc; overflow: hidden;z-index: 1;}f
.sub1101_wrap .con04 .box_wrap .box::after{content:'';position: absolute;left: 0; bottom: 0;width: 100%; height: 3px; background: #e3d2c5;}
.sub1101_wrap .con04 .box_wrap .box p{font-size: 14px; color: #333; font-weight: 700; line-height: 1.6;}
.sub1101_wrap .con04 .box_wrap .box p br{display: none;}
.sub1101_wrap .con04 .box_wrap .box .icon{position: absolute;bottom: 20px; right: 20px;width: fit-content;margin-top: 7px;margin-left: auto;z-index: -1;opacity: .7;}
.sub1101_wrap .con04 .sub_txt{margin-top: 15px;font-size: 13px; color: #999; font-weight: 500;line-height: 1.6;}

/* 개인정보이용약관 동의*/
.agree_wrap{width: 100%;margin: 0 auto;line-height: 1;}
.agree_wrap h3{font-size: 14px; color: #222; font-weight: 700; margin-bottom: 15px;}
.agree_wrap .con:not(:last-child){margin-bottom: 30px;}
.agree_wrap .con .txt_box{width: 100%;height: 180px;padding: 20px;border:1px solid #ddd;border-radius:3px;overflow-y:scroll;font-family: 'Pretendard-All-R';}
.agree_wrap .con .txt_box::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
.agree_wrap .con .txt_box::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: #999; /* 스크롤바의 색상 */border-radius: 10px;}
.agree_wrap .con .txt_box::-webkit-scrollbar-track {background: transparent;  /*스크롤바 뒷 배경 색상*/}
.agree_wrap .con .txt_box .txt:not(:last-child){margin-bottom: 15px;}
.agree_wrap .con .txt_box .txt strong{display: block;font-size: 13px; color: #333; font-weight: 700;margin-bottom: 3px;}
.agree_wrap .con .txt_box .txt p{font-size: 12px; color: #666; line-height: 1.4;}

/* 회원가입 */
.join_wrap{width: 100%;margin: 0 auto;line-height: 1;padding: 0 2.6%; }
.join_wrap .tit{padding-bottom: 30px; margin-bottom: 20px;border-bottom: 2px solid #222;}
.join_wrap .tit h2{font-size: 20px; color: #222;text-align: center;}
.join_wrap .con:not(:last-child){margin-bottom: 20px;}
.join_wrap .con ul li:not(:last-child){margin-bottom: 20px;}
.join_wrap .con ul li p{width: 100%; font-size: 13px; color: #222;font-weight: 700; margin-bottom: 10px;}
.join_wrap .con ul li p em{color: #fe5c04;font-weight: 700;}
.join_wrap .con ul li span{display: block;}
.join_wrap .con ul li input[type="text"]{width: 100%; height: 40px; border-radius:3px; border:1px solid #ddd;padding: 0 10px;font-size: 12px; color: #666;}
.join_wrap .con ul li input[type="password"]{width: 100%; height: 40px; border-radius:3px; border:1px solid #ddd;padding: 0 20px;font-size: 12px; color: #666;}
.join_wrap .con ul li .addr .addr_search{display: flex;gap:5px;}
.join_wrap .con ul li .addr .addr_search input[type="text"]{width: calc(100% - 105px);}
.join_wrap .con ul li .addr .addr_search a{display: flex; align-items: center; justify-content: center;width: 100px; height: 40px; background: #222; color: #fff; font-size: 13px; border-radius:3px;}
.join_wrap .con ul li .addr > input[type="text"]{margin-top: 5px;}
.join_wrap .ra_wrap{display: flex;gap:20px;margin-top: 13px;}

.join_wrap a.btn{display: flex; align-items: center; justify-content: center;width: 100%; height: 45px; background: #222; color: #fff;font-size: 14px; font-weight: 500; margin-top: 30px;}

/* 로그인 */
.login_skin02{width: 100%;margin: 0 auto;padding: 0 2.6%; }
.login_skin02 .tit{padding-bottom: 30px; margin-bottom: 20px;border-bottom: 2px solid #222;}
.login_skin02 .tit h2{font-size: 20px; color: #222;text-align: center;}
.login_skin02 .login_wrap{width: 100%;}
.login_skin02 .login_wrap .input_wrap .box:not(:last-child){margin-bottom: 20px;}
.login_skin02 .login_wrap .input_wrap .box p{font-size: 13px; color: #222; font-weight: 700; margin-bottom: 10px;}
.login_skin02 .login_wrap .input_wrap .input{display: flex;gap:20px;align-items: center;width: 100%; height: 40px; color: #666;font-weight: 500;font-size: 12px;line-height: 40px;border: 1px solid #c9c9c9;border-radius: 12px;background-color: #fff;padding: 0 10px; border-radius:3px;}
.login_skin02 .login_wrap .input_wrap .input input{border:0;width: calc(100% - 100px);font-size: 12px;color: #666;}
.login_skin02 .login_wrap .input_wrap .input input::placeholder{font-size: 13px; color: #999; font-weight: 500;}
.login_skin02 .login_wrap .input_wrap .input input:focus{outline:0;background: #fff;}

.login_skin02 .login_wrap .a_wrap{display: flex; justify-content: flex-end;gap:20px;margin-top: 20px;}
.login_skin02 .login_wrap .a_wrap a{position: relative;font-size: 13px; color: #222;font-weight: 700;}
.login_skin02 .login_wrap .a_wrap a:not(:last-child)::after{content:'';position: absolute; top: 50%;transform:translateY(-50%); right: -10px; height: 8px;width: 1px; background: #ddd;}

.login_skin02 .login_wrap .log_btn{width: 100%; margin-top: 20px; }
.login_skin02 .login_wrap .log_btn a{display: block;height: 40px;font-size: 13px; color: #fff; line-height: 40px;text-align: center;font-weight: 500;border:1px solid #222;background: #222;font-family: 'Pretendard-All-M';text-transform:uppercase;}
.login_skin02 .login_wrap .log_btn a.join_btn{background: #fff;color: #222; margin-top: 10px;}

.login_skin02 .login_wrap .sns_log_btn{display: flex;gap:10px; margin-top: 15px;}
.login_skin02 .login_wrap .sns_log_btn a{display: flex;align-items: center;gap:10px;justify-content: center;width: 100%;height: 40px;font-size: 13px; font-weight: 500;}
.login_skin02 .login_wrap .sns_log_btn a.naver{background: #00de5a;color: #fff;}
.login_skin02 .login_wrap .sns_log_btn a.kakao{background: #fff100;color: #3a2020;}
.login_skin02 .login_wrap .sns_log_btn a.naver img{width: 16px;}
.login_skin02 .login_wrap .sns_log_btn a.kakao img{width: 20px;}

}