@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{position: relative;line-height: 1; z-index: 7000;}
#header .inner{display: flex;align-items: center; justify-content: space-between; height: 50px; }
#header h1 a img{width: 132px;}
#header .right{display: flex;align-items: center;gap:20px;}
#header ul.gnb{display: none;gap:90px;}
#header ul.gnb li a{font-size: 20px; color: #333; font-weight: 500;}
.all_btn{display: none;cursor:pointer;}
#header .right .btn_wrap a img{width:20px;}
#header .search_pop_btn img{width: 20px;}

.all_menu_wrap{display: none;position: absolute;top: -100%; left: 0; width: 100%; height: 100vh; background: url(/assets/images/main/all_bg.png)bottom right no-repeat var(--co01);z-index: 8000; line-height: 1;transition:1s ease;}
.all_menu_wrap.on{top: 0;}
.all_menu_wrap .all_menu{padding: 150px 0;}
.all_menu_wrap .all_menu .inner{display: flex;justify-content: center;}
.all_menu_wrap .all_menu .menu{width: 400px;}
.all_menu_wrap .all_menu .menu strong{display: block;font-size: 32px; color: #fff; font-weight: 700; margin-bottom: 60px;}
.all_menu_wrap .all_menu .menu ul li:not(:last-child){margin-bottom: 40px;}
.all_menu_wrap .all_menu .menu ul li a{font-size: 24px; color: #8183a4; font-weight: 600;text-transform:uppercase;transition:.4s;}
.all_menu_wrap .all_menu .menu ul li:hover a{color: #fff;}

/*search*/
.search_pop{display: none;position: absolute; top: 50px;left: 0; width: 100%; background: #fff;padding: 30px 0px;z-index: 1000;}
.search_pop .inner{display: flex;justify-content: center;}
.search_pop .search_wrap{display: flex;align-items: center; justify-content: space-between;width: 350px; max-width:100%;height: 35px;border-bottom: 2px solid #333;}
.search_pop .search_wrap input[type="text"]{width: calc(100% - 60px);font-size: 13px; color: #999;font-weight: 700;border:0;}
.search_pop .search_wrap input[type="text"]::placeholder{font-size: 13px; color: #999;font-weight: 700;}
.search_pop .search_wrap input[type="text"]:focus{outline:0;}
.search_pop .search_wrap .btn{display: flex;gap:15px;align-items: center;justify-content: flex-end;width: 60px;}
.search_pop .search_wrap .btn a{display: flex;align-items: center;}
.search_pop .search_wrap .btn .search_btn img{width: 16px;}
.search_pop .search_wrap .btn .search_x_btn img{width: 14px;}

/*navi*/
.nav_btn{display: block;cursor:pointer;}
.nav_btn img{width: 21px;}

.navigation .nav_header{display: flex;align-items: center; justify-content: flex-end;height: 50px;background: #fff; padding: 0 10px; }
.navigation .nav_btn img{width: 15px;}
.navigation{position:absolute;top: 0px;z-index:5000;width:50%;background-color:#fff;height:100%;display:none;right: 0px;z-index: 8000;line-height: 1;}
.navigation h3{height:40px;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:40px;width:100%;background:#fff;display: flex;align-items: center;padding: 0 15px;color:#333;font-size:13px;font-weight: 700;transition:.3s;}
.navigation h3.on a,
.navigation h3.active a,
.navigation h3.hover a{color: #fff;background:var(--co01);border-bottom: 0;}
.navigation h3 a:after{content:"";position: absolute;top: 50%;transform:translateY(-50%);right: 15px;width: 8px;height: 4px;background:url(/assets/images/main/nav_bt_mob.png)center no-repeat;background-size:cover ;}
.navigation ul{display: block; padding:6px 0 15px;background:var(--co01);border-bottom: 1px solid #ddd;}
.navigation ul li{margin-bottom: 15px;}
.navigation ul li:last-child{margin-bottom: 0;}
.navigation ul li a{display:flex;height:auto;width:100%;color:#8183a4;font-size:11px;border:none;font-weight: 600;padding-left: 15px; word-break:keep-all;}
.navigation ul li a:after{display: none;}
.navi_bg{display: none;position: absolute;top: 0px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 1000;}

/*visual_wrap*/
#visual_wrap{position: relative;}
#visual_wrap .visual li .txt_wrap{position: absolute; top: 30%; left: 0;width: 100%;transform:translateY(-50%);}
#visual_wrap .visual li .txt_wrap p{opacity: 0;transform:translateX(200px);font-size: 27px; color: #fff; font-weight: 700; line-height: 42px;text-transform:uppercase;transition:1s ease;}
#visual_wrap .visual li.slick-active .txt_wrap p{opacity: 1;transform:translateX(0px);}

#visual_wrap .vis_items{position: absolute;left: 50%;transform:translateX(-50%);bottom: 40px;width: 100%;}
#visual_wrap .vis_items .inner{display: flex;gap:20px;align-items: center;justify-content: center;}
#visual_wrap .vis_items .dots_wrap ul{display: flex;gap:20px;align-items: center;}
#visual_wrap .vis_items .dots_wrap ul li{position: relative;width: 7px; height: 7px; background: #fff; border-radius:50%;text-indent: -9999px;transition:.4s;}
#visual_wrap .vis_items .dots_wrap ul li::after{content:'';opacity: 0;position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);width: 14px; height: 14px; background: var(--co01);border-radius:50%;transition:.4s;}
#visual_wrap .vis_items .dots_wrap ul li.slick-active{background: var(--co01);}
#visual_wrap .vis_items .dots_wrap ul li.slick-active::after{opacity: .2;}
#visual_wrap .vis_items button img{width: 7px;}
#visual_wrap .vis_items button.vis_pause{width: 6px;}

#visual_wrap .scroll{display: none;position: absolute;bottom: 60px;left: 50%;transform:translateX(-50%);font-size: 16px; color: #fff;font-weight: 300;padding-bottom: 45px;}
#visual_wrap .scroll::before{content:'';position: absolute;left: 50%;transform:translateX(-50%);bottom: 0;width: 22px; height: 36px; border-radius:11px; border:1px solid rgba(255,255,255,.5);}
#visual_wrap .scroll::after{content:'';position: absolute;left: 50%;transform:translateX(-50%);bottom: 10px;width: 6px; height: 6px; background: #fff; border-radius:50%;animation:scroll 0.7s linear infinite alternate;}
@keyframes scroll{
0%{bottom: 10px;}
100%{bottom: 20px;}
}

/* section */
.section{padding: 80px 0; line-height: 1;`}
.section .sec_tit{display: flex;align-items: center; justify-content: space-between; margin-bottom: 30px;}
.section .sec_tit p{font-size: 25px; color: #333; font-weight: 700;}

.section .arr_wrap{display: none;gap:20px;z-index: 100;}
.section .arr_wrap button{display: flex;align-items: center; justify-content: center; width: 60px; height: 60px; border-radius:50%; border:1px solid #ddd;transition:.4s; background: #fff;}
.section .arr_wrap button:hover{border:1px solid var(--co01);}
.section .arr_wrap button img{width: 10px;}

/*section01*/
#section01{position: relative;background: url(/assets/images/main/sec01_bg01_mob.png)top right no-repeat;padding-bottom:80px; background-size: 212px;}
#section01 .inner{width: 100%;padding: 0;padding-left: 2.6%;}
#section01 .sec_tit{width: calc(100% - 2.6%);}
#section01 .sec_tit .tit{display: flex;flex-direction: column;gap:30px; justify-content: space-between;width: 100%;}
#section01 .sec_tit .tit .tab-menu-wrap{display: flex;gap:23px;align-items: flex-end;}
#section01 .sec_tit .tit .tab-menu-wrap a{font-size: 14px; color: #999; font-weight: 700;padding-bottom: 6px;}
#section01 .sec_tit .tit .tab-menu-wrap a.on{border-bottom: 2px solid var(--co01); color: var(--co01);}
#section01 .arr_wrap{position: absolute;left: 50%;bottom: 100px;transform:translateX(-50%);}

#section01 .sec01_slide{position: relative;}
#section01 .sec01_slide .slick-list{padding-bottom: 40px;}
#section01 .sec01_slide li.slick-slide{position: relative;width: 280px;margin-right: 20px; border:1px solid #ddd;}
#section01 .sec01_slide li.slick-slide .img_wrap{position:relative; width:100%; padding-bottom:89.82%;}
#section01 .sec01_slide li.slick-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;}
#section01 .sec01_slide li.slick-slide .txt_wrap{position: absolute;left: 0; bottom: 0px;padding: 25px 20px;width: 100%;background: rgba(0,0,0,.5);z-index: 100;}
#section01 .sec01_slide li.slick-slide .txt_wrap p{font-size: 16px;font-weight: 700;color: #fff;}
#section01 .sec01_slide li.slick-slide .txt_wrap span{display: block;font-size: 12px;color: #fff; margin-top: 10px;}
#section01 .sec01_slide .slick-dots{display: flex;background: #f5f5f5;width: calc(100% - 10px);}
#section01 .sec01_slide .slick-dots li{height: 2px;text-indent: -9999px;flex:1; transition:.4s;}
#section01 .sec01_slide .slick-dots li.slick-active{background: #ccc;}

/*section02*/
#section02{position: relative;background: url(/assets/images/main/sec02_bg01_mob.jpg)center no-repeat; background-size: cover;}
#section02 .sec02_slide .slick-list{width: calc(100%);}
#section02 .sec02_slide li.slick-slide{width: 280px;margin-right: 20px;}
#section02 .sec02_slide li.slick-slide .img_wrap{position:relative; width:100%; padding-bottom:79.513%;}
#section02 .sec02_slide li.slick-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;}
#section02 .sec02_slide li.slick-slide .img_wrap em{position: absolute;left: 0;bottom: 0;display: flex;align-items: center;justify-content: center; background: var(--co01);min-width: 63px; height: 21px; color: #fff;font-size: 10px; font-weight: 500;z-index: 100;}
#section02 .sec02_slide li.slick-slide .txt_wrap{margin-top: 15px;}
#section02 .sec02_slide li.slick-slide .txt_wrap p{font-size: 14px; line-height: 20px;color: #333; font-weight: 700;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section02 .sec02_slide li.slick-slide .txt_wrap span{display: block;font-size: 11px;color: #999; margin-top: 10px;}
#section02 .sec02_slide li.slick-slide:hover .txt_wrap p{text-decoration:underline;}
#section02 .sec02_slide .slick-dots{display: flex;background: #fff;width: calc(100% - 10px); margin-top: 40px;}
#section02 .sec02_slide .slick-dots li{height: 2px;text-indent: -9999px;flex:1; transition:.4s;}
#section02 .sec02_slide .slick-dots li.slick-active{background: #ccc;}

/* footer */
#footer{padding: 40px 0;background: #222;line-height: 1;}
#footer .f_top{display: flex;align-items: center; justify-content: space-between;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,.3);}
#footer .f_top a.f_logo img{width: 150px;}
#footer .f_top .top_btn{display: flex;align-items: center; gap:10px;font-size: 12px; color: #fff; font-weight: 700;}
#footer .f_top .top_btn img{width: 11px;}
#footer address p{font-size: 11px; color: #999; line-height: 24px;}
#footer address p b{color: #fff;font-weight: 700;}
#footer address p em{display: inline-block;color: #333;margin: 0 6px;}
#footer address p em:nth-of-type(2){display: block;width: 0;height: 0;padding: 0;margin: 0;}
#footer address p em:nth-of-type(3){display: inline-block;width: auto;height: auto;padding: 0;margin: 0 6px;}
#footer address p.copy{margin-top: 20px;}

/* ===sub====================================== */
#sub_visual_wrap{position: relative;line-height: 1;}
#sub_visual_wrap .txt_wrap{position: absolute;left: 0;top: 0px; width: 100%;height: 100%;padding-top: 80px;}
#sub_visual_wrap .txt_wrap .box{display: flex;align-items: center; justify-content: space-between;padding-top: 30px;}
#sub_visual_wrap .txt_wrap h3{font-size: 30px; color: #fff; font-weight: 700;line-height: 1.2;}
#sub_visual_wrap ul.sub_nav{display: flex;align-items: center;gap:25px;}
#sub_visual_wrap ul.sub_nav li{position: relative;font-size: 12px; color: #bbb;font-weight: 500;}
#sub_visual_wrap ul.sub_nav li:last-child{color: #fff;}
#sub_visual_wrap ul.sub_nav li:not(:last-child)::after{content:'>';position: absolute;right: -16px; top: 50%;transform:translateY(-50%);font-size: 12px; color: #bbb;font-weight: 500;}

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

.tab_menu_wrap{position: absolute;right: 2.6%;bottom: 50px;}
.tab_menu_wrap em{display: flex;align-items: center; justify-content: space-between;width: 153px; height: 37px;font-size: 12px; color: #ddd; font-weight: 500;border:1px solid rgba(255,255,255,.8);padding: 0 15px; border-radius:36px;backdrop-filter: blur(2px); cursor:pointer;transition:.4s; line-height: 1.2;}
.tab_menu_wrap em img{width: 6px;transition:.4s;}
.tab_menu_wrap em.on{background: rgba(255,255,255,.4);color: #fff;}
.tab_menu_wrap em.on img{transform:rotate(180deg);}
.tab_menu_wrap ul{display: none;position: absolute; top: 42px;padding: 15px;background: rgba(6,11,73,.7); border-radius:15px;width: 100%;}
.tab_menu_wrap ul li:not(:last-child){margin-bottom: 15px;}
.tab_menu_wrap ul li a{font-size: 12px; color: #fff; font-weight: 500; line-height: 1.2;text-transform:uppercase;}
.tab_menu_wrap ul li.on a{color: #8289f1;}

/* 공통 */
h3.h3_tit01{position: relative;font-size: 22px; color: #333; font-weight: 700;margin-bottom: 15px;}

ul.ul_st01 li{position: relative;padding-left: 12px;font-size: 13px; line-height: 1.8;color: #666;}
ul.ul_st01 li::after{content:'';position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: var(--co01);}

.sub_tit01{letter-spacing: -0.5px;}
.sub_tit01.center{text-align: center;}
.sub_tit01 em{display: block;font-size: 13px; color: var(--co02); font-weight: 700;margin-bottom: 20px;}
.sub_tit01 p{font-size: 18px; color: #333; font-weight: 600; line-height: 1.6;}
.sub_tit01 span{display: block;font-size: 14px; color: #555; font-weight: 500;line-height: 1.6; margin-top: 10px;}

/* sub_list */
.sub_list_wrap{line-height: 1;}
.sub_list_wrap ul.list{display: flex;flex-wrap:wrap;gap:20px;}
.sub_list_wrap ul.list li{position: relative;width: 100%;border:1px solid #ddd; box-shadow:8px 8px 12px rgba(0,0,0,.12);}
.sub_list_wrap ul.list li .img_wrap{position:relative; width:100%; padding-bottom:89.82%;}
.sub_list_wrap ul.list 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;}
.sub_list_wrap ul.list li .txt_wrap{position: absolute;left: 0; bottom: 0px;padding: 30px 20px;width: 100%;background: rgba(0,0,0,.5);z-index: 100;}
.sub_list_wrap ul.list li .txt_wrap p{font-size: 18px;font-weight: 700;color: #fff;}
.sub_list_wrap ul.list li .txt_wrap span{display: block;font-size: 12px;color: #fff; margin-top: 10px;}

/* sub_view */
.sub_view_wrap{line-height: 1;}

.sub_view_wrap .con{margin-bottom: 60px;}
.sub_view_wrap .con .p_wrap p{font-size: 13px; color: #666; line-height: 1.6;}

.sub_view_wrap .con .img_con{padding: 40px;border-radius:20px; border:1px solid #ddd;}
.sub_view_wrap .con .img_con img{display: block;margin: 0 auto; max-width: 100%;}

.sub_view_wrap a.back_btn{display: flex; align-items: center; justify-content: center; width: 120px; height: 35px; background: var(--co01);font-size: 13px; color: #fff;padding: 0 10px; margin: 0 auto;}

.sub_view_wrap .con01{display: flex;flex-direction: column; align-items: center; justify-content: flex-end;gap:50px;}
.sub_view_wrap .con01 .img_box{width: 500px;border:1px solid #ddd;border-radius:10px;max-width: 100%;}
.sub_view_wrap .con01 .img_wrap{position:relative; width:100%; padding-bottom:76.923%;}
.sub_view_wrap .con01 .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%;}

.sub_view_wrap .con01 .txt_box{width: 100%;}
.sub_view_wrap .con01 .txt_box .tit{position: relative;padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid #ddd;}
.sub_view_wrap .con01 .txt_box .tit::after{content:'';position: absolute; left: 0; bottom: -1px; width: 50px; height: 2px; background: var(--co01);}
.sub_view_wrap .con01 .txt_box .tit span{display: block;font-size: 12px; color: var(--co01); font-weight: 700;margin-bottom: 10px;text-transform:uppercase;}
.sub_view_wrap .con01 .txt_box .tit p{font-size: 22px; color: #333; font-weight: 700;} 

/* sub0101 */
.sub0101_wrap{display: flex;align-items: center;flex-direction: column;gap:50px;position: relative;line-height: 1;}
.sub0101_wrap .inner{width: 100%;padding: 0 2.6%;}
.sub0101_wrap .txt_wrap{width: 100%;padding: 0px;}
.sub0101_wrap .txt_wrap .logo{margin-top: 30px;}
.sub0101_wrap .txt_wrap .logo img{width: 260px;}	
.sub0101_wrap .img_wrap{position: initial;right: 0;top: 50%;transform:initial;width: 100%;}
.sub0101_wrap .img_wrap img{display: block; margin-left: auto;max-width: 100%;}

/* sub0102 */
.sub0102_wrap{line-height: 1; background: url(/assets/images/sub/sub0102_bg01.png)right bottom 80px no-repeat;padding-bottom: 50px;background-size: 300px;}
.sub0102_wrap .img_wrap{background: url(/assets/images/sub/sub0102_img01.jpg)center no-repeat; height: 300px;background-attachment: fixed;}
.sub0102_wrap .txt_wrap{margin-top: 40px;}
.sub0102_wrap .txt_wrap p{font-size: 16px; color: #333; font-weight: 600; line-height: 1.6;}
.sub0102_wrap .txt_wrap span{display: block;font-size: 14px; color: #666; line-height: 1.6; margin-top: 10px;font-weight: 500;}
.sub0102_wrap .txt_wrap span br{display: none;}
.sub0102_wrap .txt_wrap .bot{position: relative;display: flex;gap:20px;margin-top: 20px;padding-top: 20px;border-top: 1px solid #ddd;width: fit-content;}
.sub0102_wrap .txt_wrap .bot::after{content:'';position: absolute;top: -2px; right: 0;width: 140px; height: 2px;background: var(--co02);}
.sub0102_wrap .txt_wrap .bot em{font-size: 16px; color: #333; font-weight: 700;}

/* sub0103 */
.sub0103_wrap{position: relative;line-height: 1;}
.sub0103_wrap .bg{position: absolute;left: 0;top: 0; z-index: -1;}
.sub0103_wrap .bg img{width: 50px;}

.sub0103_wrap .his_con{position: relative;	padding-left: 0px;padding-bottom: 60px;}
.sub0103_wrap .his_con::after{content:'';position: absolute;left: 135px;transform:initial;top: 40px; border-right:1px dashed var(--co02);width: 1px; height: calc(100% - 40px);z-index: -1;}
.sub0103_wrap .his_con::before{content:'';position: absolute;left: 130px;transform:initial;bottom: 0;width: 12px; height: 12px; background: var(--co02); border:3px solid #e2bec6; border-radius:50%;}
.sub0103_wrap .his_con .his_wrap{display: flex;align-items: center;gap:15px;}
.sub0103_wrap .his_con .his_wrap:not(:last-child){margin-bottom: 40px;}
.sub0103_wrap .his_con .his_wrap .img_wrap{width: 100px; height: 75px;}
.sub0103_wrap .his_con .his_wrap .img_wrap img{width: 100%; height: 100%; object-fit:cover;}
.sub0103_wrap .his_con .his_wrap .txt_wrap{display: flex;align-items: center;gap:15px;width: calc(100% - 115px);}
.sub0103_wrap .his_con .his_wrap .txt_wrap .date{display: flex;align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--co02); border-radius:50%;font-size: 14px; color: #fff; font-weight: 600;}
.sub0103_wrap .his_con .his_wrap .txt_wrap .date.logo{position: relative;}
.sub0103_wrap .his_con .his_wrap .txt_wrap .date.logo::after{content:'';position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);background: #f5e5e7; border-radius:50%; width: 50px; height: 50px;z-index: -1;}
.sub0103_wrap .his_con .his_wrap .txt_wrap .date.logo img{width: 30px;}
.sub0103_wrap .his_con .his_wrap .txt_wrap .txt{display: flex;align-items: center;width: calc(100% - 55px);}
.sub0103_wrap .his_con .his_wrap .txt_wrap .txt .month{width: 50px;font-size: 15px; color: var(--co02); font-weight: 600; }
.sub0103_wrap .his_con .his_wrap .txt_wrap .txt p{width: calc(100% - 50px);font-size: 12px; color: #555; font-weight: 500; line-height: 1.6;}
.sub0103_wrap .his_con .his_wrap .txt_wrap .txt p br{display: none;}

/* sub0104 */
.sub0104_wrap{line-height: 1; }
.sub0104_wrap .con01{background: url(/assets/images/sub/sub0104_bg01.jpg)center no-repeat; background-size: cover;padding: 60px 0;}
.sub0104_wrap .con01 .img_wrap{display: flex;gap:10px; align-items: center;margin-top: 20px;perspective: initial;transform-style: initial;will-change: initial;}
.sub0104_wrap .con01 .img_wrap img{transform-style: initial;will-change: initial;max-width: 100%;}

.sub0104_wrap .con02{position: relative;padding: 80px 0px 80px;background: linear-gradient(180deg,transparent 50%, var(--co01) 50%);}
.sub0104_wrap .con02::after{content:'';position: absolute;top: 0; left: 50%;transform:translateX(-50%);width: 1px; height: 40px; background: var(--co01); }
.sub0104_wrap .con02::before{content:'';position: absolute;top: 40px; left: 50%;transform:translateX(-50%);background: var(--co01); width: 10px;height: 10px; border:3px solid #b4b5c8; border-radius:50%;}
.sub0104_wrap .con02 .box_wrap{display: flex;gap:20px;flex-wrap:wrap;}
.sub0104_wrap .con02 .box_wrap .box{width: 100%; background: #f5f5f5;padding: 0px 20px 40px 20px;}
.sub0104_wrap .con02 .box_wrap .box .icon{position: relative;display: flex;align-items: center; justify-content: center;height: 120px;margin-bottom: 30px;}
.sub0104_wrap .con02 .box_wrap .box .icon::after{content:'';position: absolute;left: 50%;bottom: 0;transform:translateX(-50%);width: 30px; height: 1px; background: #ddd;}
.sub0104_wrap .con02 .box_wrap .box .icon img{transform:scale(0.6)}
.sub0104_wrap .con02 .box_wrap .box p{font-size: 13px; color: #333; font-weight: 600;text-align: center; line-height: 1.6;}

/* sub0105 */
.sub0105_wrap{line-height: 1;}
.sub0105_wrap .con:not(:last-child){margin-bottom: 60px;}
.sub0105_wrap .con .sub_tit01 em{margin-bottom: 15px;}
.sub0105_wrap .con .txt_st01{margin-bottom: 20px;}
.sub0105_wrap .con .txt_st01 p{font-size: 12px; color: #666; line-height: 1.6;}

.sub0105_wrap .con01 .box_wrap{display: flex;gap:10px;flex-wrap:wrap;}
.sub0105_wrap .con01 .box_wrap .box{position: relative;width: 100%;height: 160px;border:1px solid #ddd;overflow: hidden;}
.sub0105_wrap .con01 .box_wrap .box img{width: 100%;height: 100%;object-fit:cover;}
.sub0105_wrap .con01 .box_wrap .box .tag{display: flex;align-items: center; justify-content: center;position: absolute; top: -1px; left: -1px;width: 140px; height: 30px; background: url(/assets/images/sub/sub0105_bg01.png)center no-repeat; background-size: cover;font-size: 13px; color: #666; font-weight: 500;}

.sub0105_wrap .con02 .box_flex{display: flex;flex-direction: column;gap:20px;}
.sub0105_wrap .con02 .box_wrap{display: flex;gap:10px;width: 100%;flex-wrap:wrap;}
.sub0105_wrap .con02 .box_wrap .box{position: relative;padding: 20px;height: 200px;}
.sub0105_wrap .con02 .box_wrap .box p{font-size: 14px; color: #fff; font-weight: 500; line-height: 1.6;}
.sub0105_wrap .con02 .box_wrap .box .bot{position: absolute; bottom: 20px; left: 20px;}
.sub0105_wrap .con02 .box_wrap .box .bot span{display: inline-block;font-size: 12px; color: #fff; font-weight: 500;line-height: 1.8; margin-right: 6px;}


.sub0105_wrap .con02 .box_wrap .box01,
.sub0105_wrap .con02 .box_wrap .box02{width: 100%;}

.sub0105_wrap .con02 .box_wrap .box03,
.sub0105_wrap .con02 .box_wrap .box04{width: 100%;}
.sub0105_wrap .con02 .box_wrap .box01{background: url(/assets/images/sub/sub0105_img03.jpg)bottom right no-repeat var(--co02); background-size: 70px;}
.sub0105_wrap .con02 .box_wrap .box02{background: url(/assets/images/sub/sub0105_img04.jpg)bottom right no-repeat #6d6e71;background-size: 70px;}
.sub0105_wrap .con02 .box_wrap .box03{background: #be9c6b;}
.sub0105_wrap .con02 .box_wrap .box04{background: #bdbec0;}

.sub0105_wrap .con03 .img_wrap{display: flex; align-items: center; justify-content: center;height: 180px; border:1px solid #ddd;padding: 20px;}
.sub0105_wrap .con03 .img_wrap img{max-width: 100%;}

/* sub0108 */
.sub0108_wrap{line-height: 1;}
.sub0108_wrap .txt_wrap{margin-bottom: 40px;}
.sub0108_wrap .txt_wrap ul li{display: flex;gap:10px;align-items: center;}
.sub0108_wrap .txt_wrap ul li:not(:last-child){margin-bottom: 15px;}
.sub0108_wrap .txt_wrap ul li span{display: flex;align-items: center; justify-content: space-between;width: 80px; height: 25px; background: var(--co01);padding: 0 15px;}
.sub0108_wrap .txt_wrap ul li span b{font-size: 13px;color: #fff;font-weight: 600;}
.sub0108_wrap .txt_wrap ul li p{width: calc(100% - 90px);font-size: 13px;color: #333; font-weight: 500;line-height: 1.3;}
.sub0108_wrap .map_wrap{position:relative; width:100%; padding-bottom:50.5%;}
.sub0108_wrap .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;}
.sub0108_wrap .bot_txt{font-size: 50px; color: #f5f5f5;text-align: center; margin-top: 40px;font-weight: 700;}

}