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

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

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

#header{position: relative;line-height: 1; z-index: 8000;}
#header .inner{display: flex;align-items: center; justify-content: space-between; height: 80px;}
#header h1 a img{width: 166px;}
#header .gnb{display: none;}
#header .gnb > li{position: relative;padding: 40px 41px;}
#header .gnb > li::after{content:'';position: absolute; left: 50%; transform:translateX(-50%); bottom: 0;width: 0; height: 2px; background: var(--co01);transition:.4s;}
#header .gnb > li.on::after{width: 40px;}
#header .gnb span a{display: block;font-size: 20px; color: #333; font-weight: 700;}
#header .gnb .lnb_sub{position: absolute; top: 100px; left: 50%; transform:translateX(-50%);z-index: 100}
#header .gnb .lnb_sub ul{display: none;}
#header .gnb .lnb_sub ul li{display: flex;align-items: center; justify-content: center;width: 200px; height: 50px;background: rgba(51,51,51,.5);}
#header .gnb .lnb_sub ul li a{display: block;color: #fff;font-size: 18px;text-align: center;font-weight: 500;}
#header .gnb .lnb_sub ul li:not(:last-child){margin-bottom: 1px;}

#header .right_wrap{display: flex;align-items: center; gap:20px;}
#header .search_wrap{display: flex;width: 230px; height: 34px; background: #f6f6f6; border-radius:17px; padding: 0px 15px;}
#header .search_wrap input[type="text"]{width: calc(100% - 30px);font-size: 13px; color: #666; border:0;background: transparent;}
#header .search_wrap input[type="text"]::placeholder{font-size: 13px; color: #666;}
#header .search_wrap input[type="text"]:focus{outline:0;}
#header .search_wrap button{width: 30px;}
#header .search_wrap button img{width: 12px;margin-left: auto;}

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

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

.navigation{position:absolute;top: 80px;z-index:5000;width:50%;background-color:#fff;height:100%;display:none;right: 0px;z-index: 4000;line-height: 1;}
.navigation.on{display:block;}
.navigation h3{height:55px;width:100%;}
.navigation h3 a{border-bottom: 1px solid #ddd;}
.navigation h3:nth-child(1) a{border-top: 1px solid #ddd;}
.navigation h3.active a:after{transform:translateY(-50%) rotate(180deg);}
.navigation h3.on a:after{transform:translateY(-50%) rotate(180deg);}
.navigation h3 a{position: relative;height:55px;width:100%;background-color:#fff;display: flex;align-items: center;padding: 0 20px;color:#333;font-size:18px;font-weight: 600;}
.navigation h3.on a,
.navigation h3.active a,
.navigation h3.hover a{font-weight: 500;}
.navigation h3 a:after{content:"";position: absolute;top: 50%;transform:translateY(-50%);right: 20px;width: 15px;height: 8px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szxobbx.zx.pb.xe%2Snffrgf%2Svzntrf%2Sznva%2Sani_og_gno.cat)center no-repeat;background-size:cover ;transition:.4s;}
.navigation ul{display: block; padding:20px 0;background:#f5f5f5;border-top:2px solid var(--co01);border-bottom: 1px solid #ddd;}
.navigation ul li{margin-bottom: 28px;}
.navigation ul li:last-child{margin-bottom: 0;}
.navigation ul li a{display:flex;height:auto;width:100%;color:#555;font-size:15px;border:none;font-weight: 400;padding: 0 20px; word-break:keep-all;}
.navigation ul li.on a{color: var(--co01);font-weight: 600;}
.navi_bg{display: none;position: absolute;top: 80px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 1000;}

/* visual_wrap */
#visual_wrap{position: relative; line-height: 1;}

@media screen and (max-width:1100px) {
#visual_wrap .sm_swiper{position: absolute;right: 2.6%;top: 50%; transform:translateY(-50%);z-index: 100;width: 282px; overflow: hidden;}
#visual_wrap .sm_swiper .img_con{width: 207px;}
#visual_wrap .sm_swiper .img_wrap{position:relative; width:100%; padding-bottom:149.697%;}
#visual_wrap .sm_swiper .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%;}
#visual_wrap .sm_swiper li{transition:.3s;}
#visual_wrap .sm_swiper li:not(.swiper-slide-active){filter: brightness(0.5);}
#visual_wrap .bg_swiper{width: 100%;}
}

#visual_wrap .vis_items{display: flex;gap:25px;align-items: center;position: absolute; bottom: 30px; left: 50%; transform:translateX(-50%); z-index: 100;}
#visual_wrap .swiper-pagination{position: initial;display: flex;gap:8px;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet{display: block;margin: 0;width: 9px; height: 9px; border-radius:6px; background: rgba(51,51,51,.3);transition:.4s;opacity: 1;	}
#visual_wrap .swiper-pagination  span.swiper-pagination-bullet.swiper-pagination-bullet-active{width: 24px; background: var(--co01);}
#visual_wrap .vis_tog{display: flex;align-items: center;gap:8px;}
#visual_wrap .vis_tog > div{cursor:pointer;}
#visual_wrap .vis_tog > div img{height: 8px;}

#visual_wrap .txt_wrap{position: absolute;left: 2.6%; top: 50%; transform:translateY(-50%); width: 45%;}
#visual_wrap .txt_wrap .txt span{display: block;font-size: 15px; color: #333; font-weight: 700;margin-bottom: 25px; }
#visual_wrap .txt_wrap .txt strong{display: block;font-size: 35px; color: #333; font-weight: 700; margin-bottom: 15px;line-height: 43px;}
#visual_wrap .txt_wrap .txt p{font-size: 15px; color: #666; line-height: 21px;height: 45px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#visual_wrap .txt_wrap a{display: flex; align-items: center; justify-content: center;gap:20px;width: 127px; height: 38px; border-radius:19px; background: rgba(51,51,51,.5);font-size: 15px; color: #fff; font-weight: 500; margin-top: 35px;}
#visual_wrap .txt_wrap a img{width: 12px;transition:.4s;}
#visual_wrap .txt_wrap a:hover img{transform:rotate(90deg);}


/* section */
.section{line-height: 1;padding-top: 80px;}
.section .sec_slide_con{display: flex;padding-left: 2.6%;}
.section .sec_slide_con .tit_wrap{position: relative;width: 300px;padding: 80px 30px 80px;background: #f5f5f5;}
.section .sec_slide_con .tit_wrap strong{display: block;font-size: 35px; color: #333; font-weight: 700;}
.section .sec_slide_con .tit_wrap .arr_wrap{position: absolute; left: 30px; bottom: 80px; display: flex;gap:10px;}
.section .sec_slide_con .tit_wrap .arr_wrap button{position: relative;display: flex;align-items: center; justify-content: center;width: 44px; height: 44px;border-radius:50%;background: rgba(51,51,51,.5); overflow: hidden;}
.section .sec_slide_con .tit_wrap .arr_wrap button img{width: 15px;transition:.4s;}
.section .sec_slide_con .tit_wrap .arr_wrap button.prev01:hover img{transform:translateX(-50px);}
.section .sec_slide_con .tit_wrap .arr_wrap button.prev01::after{content:'';position: absolute; top: 50%; left: 150%; transform:translate(-50%,-50%); background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szxobbx.zx.pb.xe%2Snffrgf%2Svzntrf%2Sznva%2Sceri01_cp.cat)center no-repeat;width: 15px; height: 12px; background-size: cover;transition:.4s;}
.section .sec_slide_con .tit_wrap .arr_wrap button.prev01:hover::after{left: 50%;}
.section .sec_slide_con .tit_wrap .arr_wrap button.next01:hover img{transform:translateX(50px);}
.section .sec_slide_con .tit_wrap .arr_wrap button.next01::after{content:'';position: absolute; top: 50%; left: -50%; transform:translate(-50%,-50%); background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szxobbx.zx.pb.xe%2Snffrgf%2Svzntrf%2Sznva%2Sarkg01_cp.cat)center no-repeat;width: 15px; height: 12px; background-size: cover;transition:.4s;}
.section .sec_slide_con .tit_wrap .arr_wrap button.next01:hover::after{left: 50%;}

.section .sec_slide_con .tit_wrap .tab-menu-wrap{margin-top: 25px;}
.section .sec_slide_con .tit_wrap .tab-menu-wrap a{position: relative;display: block;font-size: 15px; color: #666;width: fit-content;transition:.3s;}
.section .sec_slide_con .tit_wrap .tab-menu-wrap a:not(:last-child){margin-bottom: 15px;}
.section .sec_slide_con .tit_wrap .tab-menu-wrap a::after{content:'';opacity: 0;position: absolute; right: -10px; top: -8px; width: 5px; height: 5px; background: var(--co01); border-radius:50%;transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.section .sec_slide_con .tit_wrap .tab-menu-wrap a.on{color: var(--co01); font-weight: 700;}
.section .sec_slide_con .tit_wrap .tab-menu-wrap a.on::after{opacity: 1;top: -5px;}

.section .sec_slide_con .slide_wrap{width: calc(100% - 300px);transform: translateX(-90px);padding: 0 0 50px;}
.section .sec_slide_con .slide_wrap .slickk-list{padding-top: 50px;}
.section .sec_slide_con .slide_wrap ul{width: max-content;}
.section .sec_slide_con .slide_wrap ul li{width: 220px;margin-right: 25px;}
.section .sec_slide_con .slide_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:141%;border:1px solid #ddd;box-shadow: 5px 5px 12px rgba(0,0,0,.12); background: #fff;}
.section .sec_slide_con .slide_wrap ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.section .sec_slide_con .slide_wrap ul li .txt_wrap{margin-top: 20px;}
.section .sec_slide_con .slide_wrap ul li .txt_wrap p{font-size: 16px; color: #333; font-weight: 700;text-align: center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.section .sec_slide_con .slide_wrap ul li .txt_wrap span{display: block;font-size: 15px; color: #999; font-weight: 700;text-align: center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-top: 10px;}
.section .sec_slide_con .slide_wrap .progress{position:relative; width:calc(100% + 70px); height:2px; background:#ddd;margin-top: 35px;}
.section .sec_slide_con .slide_wrap .progress .slider__label { position:absolute; left:0; top:50%; transform:translateY(-50%); width:0; height:100%; background:#333; transition:0.5s;}

/* section03 */
#section03{padding: 80px 0;}
#section03 .inner{display: flex;gap:40px;}
#section03 .con{width: calc((100% - 40px) / 2);}
#section03 .con .tit{display: flex; align-items: center; justify-content: space-between;padding-bottom: 20px; border-bottom: 1px solid #333;}
#section03 .con .tit p{font-size: 25px; color: #333; font-weight: 700;}
#section03 .con .tit a{transition:.4s;}
#section03 .con .tit a:hover{transform:rotate(90deg);}
#section03 .con .tit a img{width: 15px;}
#section03 .con ul li{position: relative;border-bottom: 1px solid #333;transition:.5s;}
#section03 .con ul li:hover{padding-left: 10px;}
#section03 .con ul li a{display: flex;align-items: flex-start; flex-direction: column; justify-content: flex-start;gap:10px;height: auto;padding: 20px 0;}
#section03 .con ul li p{width: calc(100% - 30px);font-size: 16px; color: #333; font-weight: 700;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#section03 .con ul li .date{display: flex;align-items: flex-start; justify-content: flex-start;gap:30px;width: 100%;}
#section03 .con ul li .date span{font-size: 15px; color: #999;}
#section03 .con ul li .date em{display: block;position: absolute; right: 0; top: 50%; transform:translateY(-50%);}
#section03 .con ul li .date em img{width: 18px;}
#section03 .con ul li:hover .date em{animation:moreAni01 1s ease forwards alternate;}
@keyframes moreAni01{
0%{transform:translateX(0px) translateY(-50%);}
50%{transform:translateX(-15px) translateY(-50%);}
100%{transform:translateX(0px) translateY(-50%);}
}

#section03 .con .online_wrap{position: relative;display: flex;gap:12px;flex-direction: column;padding-top: 18px;overflow: hidden;padding-bottom: 83px;}
#section03 .con .online_wrap .left{display: flex;flex-direction: column;justify-content: space-between;width: 100%;}
#section03 .con .online_wrap .left strong{display: block;font-size: 18px; color: #333; font-weight: 700; line-height: 30px;}
#section03 .con .online_wrap .left strong:not(:last-child){display: inline-block;}
#section03 .con .online_wrap .left .bot{position: absolute; left: 0; bottom: 0;width: 100%;}
#section03 .con .online_wrap .left .bot .chk{display: flex;gap:5px;}
#section03 .con .online_wrap .left .bot .chk input[type="checkbox"]{display: none;}
#section03 .con .online_wrap .left .bot .chk input[type="checkbox"] + label{position: relative;padding-left: 22px;font-size: 14px; color: #999;cursor:pointer;}
#section03 .con .online_wrap .left .bot .chk input[type="checkbox"] + label::after{content:'';position: absolute; left: 0; top: 50%; transform:translateY(-50%);width: 14px; height: 14px; border:1px solid #ddd;transition:.3s;}
#section03 .con .online_wrap .left .bot .chk input[type="checkbox"]:checked + label::after{content:'✓'; font-size: 12px; color: #fff; background: var(--co01); border:1px solid var(--co01);text-align: center; line-height: 12px;}
#section03 .con .online_wrap .left .bot .chk .pri_btn{font-size: 14px; color: #999;cursor:pointer;}
#section03 .con .online_wrap .left .bot a{display: flex; align-items: center; justify-content: center;width: 100%; height: 38px; font-size: 15px; font-weight: 500; color: #fff;background: #333;margin-top: 15px; border:2px solid #333;transition:.3s;}
#section03 .con .online_wrap .left .bot a:hover{background: #fff; color: #333;}
#section03 .con .online_wrap .right{width: 100%;}
#section03 .con .online_wrap .right .input{display: flex;background: #f5f5f5;padding: 12px 15px;}
#section03 .con .online_wrap .right .input:not(:last-child){margin-bottom: 5px;}
#section03 .con .online_wrap .right .input p{width: 55px;font-size: 14px; color: #333; font-weight: 700;transform: translateY(5px);}
#section03 .con .online_wrap .right .input p em{color: var(--co01);}
#section03 .con .online_wrap .right .input input[type="text"]{width: calc(100% - 55px); border:0;background: transparent;font-size: 14px; color: #666;}
#section03 .con .online_wrap .right .input input[type="text"]:focus{outline:0;}
#section03 .con .online_wrap .right .input textarea{height: 60px;background:transparent;border:0;font-size: 14px; color: #666;resize:none;}
#section03 .con .online_wrap .right .input textarea:focus{outline:0;}

/* footer */
#footer{padding: 50px 0px 60px;background: #333;line-height: 1;}
#footer .inner{display: flex;justify-content: center; align-items: center; flex-direction: column-reverse;gap:43px;	}
#footer .left{width: 100%;}
#footer .left .f_logo_wrap01{display: flex; gap:20px; align-items: center;justify-content: center;}
#footer .left .f_logo{display: block;margin-bottom: 20px;width:  fit-content;}
#footer .left .f_logo:nth-child(1) img{width: 140px;}
#footer .left .f_logo:nth-child(2) img{width: 245px;}
#footer .left address p{font-size: 14px; color: #fff; line-height: 27px;text-align: center;}
#footer .left address p i{display: inline-block; width: 25px;}
#footer .left address p b{display: inline-block; width: 10px;}
#footer .left .f_logo_wrap{display: flex;flex-wrap:wrap; align-items: center;gap: 15px 20px;justify-content: center;margin: 10px auto 0;width: 500px;}
#footer .left .f_logo_wrap a img{height: 20px;}

#footer .left p.copy{font-size: 14px; color: #999;margin-top: 23px;text-align: center;}

#footer .right{width: 100%;}
#footer .right .fam_wrap{position: relative;margin: 0 auto 30px;width: fit-content;}
#footer .right .fam_wrap em{display: flex; align-items: center; justify-content: space-between; width: 170px; height: 35px; font-size: 15px; color: #ddd;border-bottom: 1px solid #555; cursor:pointer;}
#footer .right .fam_wrap em img{transition:.3s;width: 8px;}
#footer .right .fam_wrap em.on img{transform:rotate(180deg)}
#footer .right .fam_wrap ul{display: none;position: absolute; left: 0; top: 34px;padding: 15px;background: #333;width: 100%; border:1px solid #555;height: 225px;}
#footer .right .fam_wrap ul li:not(:last-child){margin-bottom: 12px;}
#footer .right .fam_wrap ul li a{font-size: 14px;color: #ddd;}
#footer .right .sns_wrap{display: flex;align-items: center; gap:35px;justify-content: center;}
#footer .right .sns_wrap a img{height: 18px;}


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


/* ==sub================================================ */
#sub_contents{padding: 100px 0;}
#sub_contents.no_pb{padding-bottom: 0;}
#sub_contents .contop{line-height: 1;margin-bottom: 60px;}
#sub_contents .contop h3{font-size: 40px; color: #333; font-weight: 700;}

ul.sub_tab{display: flex;flex-wrap:wrap;gap:10px;line-height: 1; margin-top: 30px;}
ul.sub_tab li a{display: flex;align-items: center;padding: 0 15px;font-size: 14px; color: #666; font-weight: 500;background: #f5f5f5; height: 34px; border-radius:17px;transition:.3s;}
ul.sub_tab li.on a{background: var(--co01);color: #fff;}
ul.sub_tab li:hover a{background: var(--co01);color: #fff;}

ul.ul_list01{display: flex;flex-wrap:wrap;gap:40px;}
ul.ul_list01 li{width: 100%;}
ul.ul_list01 li a{display: flex; align-items: center; gap:30px;}
ul.ul_list01 li .img_con{width: 200px;border:1px solid #ddd;}
ul.ul_list01 li .img_wrap{position:relative; width:100%; padding-bottom:142%;}
ul.ul_list01 li .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%;}
ul.ul_list01 li .txt_con{width: calc(100% - 230px);}
ul.ul_list01 li .txt_con strong{display: block;font-size: 18px; color: #333; font-weight: 700;}
ul.ul_list01 li .txt_con span{display: block;font-size: 15px; color: #999; font-weight: 700;margin: 15px 0px 25px;}
ul.ul_list01 li .txt_con span i{display: inline-block;width: 2px;height: 12px; background: #ddd;margin: 0 12px;}
ul.ul_list01 li .txt_con p{font-size: 15px; color: #666; line-height: 25px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word;}

/* sub0101 */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con01{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szxobbx.zx.pb.xe%2Snffrgf%2Svzntrf%2Sfho%2Sfho0101_vzt01.wct)center no-repeat; background-size: cover; height: 350px; background-attachment: fixed;margin-bottom: 80px;}
.sub0101_wrap .con02 strong{display: block;font-size: 22px; color: #333; font-weight: 700; line-height: 1.8;margin-bottom: 20px;}
.sub0101_wrap .con02 strong b{font-weight: 700; color: var(--co01);-webkit-text-fill-color: rgba(26, 26, 26, 0.1);-webkit-background-clip: text;background-repeat: no-repeat;background-image: linear-gradient(90deg, var(--co01) 0%, var(--co01) 50%, transparent 50.1%);background-size: 0% 100%;}
.sub0101_wrap .con02 p{font-size: 16px;color: #666; line-height: 1.6;}
.sub0101_wrap .con02 p:not(:last-child){margin-bottom: 20px;}

/* sub0102 */
.sub0102_wrap{line-height: 1;background: #f5f5f5;padding: 100px 0;}
.sub0102_wrap .con01:not(:last-child){margin-bottom: 100px;}
.sub0102_wrap .con01 .tit{margin-bottom: 40px;}
.sub0102_wrap .con01 .tit p{font-size: 30px; color: #333; font-weight: 700;text-align: center;}
.sub0102_wrap .con01 .tit span{display: block;font-size: 16px; color: #666;text-align: center;margin-top: 20px;line-height: 1.6;}
.sub0102_wrap .con01 .tit span i{display: block;}
.sub0102_wrap .con01 ul{display: flex; gap:20px;}
.sub0102_wrap .con01 ul li{width: calc((100% - 80px) / 5);}
.sub0102_wrap .con01 ul li .img_wrap{position:relative; width:100%; padding-bottom:142.188%;border:1px solid #ddd; box-shadow: 5px 5px 12px rgba(0,0,0,.12);}
.sub0102_wrap .con01 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;}

/* sub0103 */
.sub0103_wrap{line-height: 1;}
.sub0103_wrap .con01 .txt{margin-bottom: 40px;}
.sub0103_wrap .con01 .txt strong{position: relative;display: inline-block;font-size: 30px; color: #333; font-weight: 700;padding-left: 35px;}
.sub0103_wrap .con01 .txt strong::after{content:'';position: absolute; left: 0; top: 50%;transform:translateY(-50%); background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szxobbx.zx.pb.xe%2Snffrgf%2Svzntrf%2Sfho%2Sfho0103_vpba01.cat)center no-repeat; width: 20px;height: 26px; background-size: cover;}
.sub0103_wrap .con01 .txt span{display: inline-block;font-size: 16px; color: #666;padding-left: 15px;}
.sub0103_wrap .con01 .map_wrap{position:relative; width:100%; padding-bottom:52.25%;}
.sub0103_wrap .con01 .map_wrap .root_daum_roughmap{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;}
.sub0103_wrap .con01 .map_wrap .root_daum_roughmap .wrap_map{height: 100%;}

/* sub02_list */
.sub02_list_wrap{line-height: 1;}
.sub02_list_wrap .top_down{width:100%; background:#f5f5f5; padding:20px 30px; border-radius:12px; margin-bottom:40px; display:flex; align-items:center; justify-content:space-between;}
.sub02_list_wrap .top_down p{font-size:18px; font-weight:600; color:#333;}
.sub02_list_wrap .top_down a{display:flex; align-items:center; justify-content:center; gap:8px; background:#fff; border:1px solid #ddd; border-radius:6px; height:38px; width:120px; color:#666; font-weight:500;}
.sub02_list_wrap .top_down span{font-size:15px;}
.sub02_list_wrap .top_down img{width:15px;}
.sub02_list_wrap .top_down a:hover{border:2px solid #333; color:#333;}

/* sub02_view */
.sub02_view_wrap{line-height: 1;}
.sub02_view_wrap .con01 .tit{display: block;margin-bottom: 40px;}
.sub02_view_wrap .con01 .tit em.tag{display: block;width: fit-content;height: 34px; line-height: 34px; border:1px solid var(--co01); color: var(--co01);font-size: 14px; font-weight: 500;padding: 0 15px; border-radius:20px;margin-right: 0px;vertical-align: initial;margin-bottom: 20px;}
.sub02_view_wrap .con01 .tit .txt{width: 100%;}
.sub02_view_wrap .con01 .tit strong{font-size: 35px; color: #333; font-weight: 700;}
.sub02_view_wrap .con01 .tit span{display: inline-block;font-size: 20px; color: #666;margin-left: 20px;}
.sub02_view_wrap .con01 .box_wrap{display: flex;align-items: center;gap:30px;border:1px solid #ddd;padding: 30px;}
.sub02_view_wrap .con01 .box_wrap .img_box{width: 220px;border:1px solid #ddd;}
.sub02_view_wrap .con01 .box_wrap .img_wrap{position:relative; width:100%; padding-bottom:142.222%;}
.sub02_view_wrap .con01 .box_wrap .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%;}
.sub02_view_wrap .con01 .box_wrap .txt_box{width: calc(100% - 250px);}
.sub02_view_wrap .con01 .box_wrap .txt_box ul li{position: relative;display: flex;align-items: center;padding-left: 15px;}
.sub02_view_wrap .con01 .box_wrap .txt_box ul li::after{content:'';position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 3px;height: 3px; background: var(--co01); border-radius:50%;}
.sub02_view_wrap .con01 .box_wrap .txt_box ul li:not(:last-child){margin-bottom: 14px;}
.sub02_view_wrap .con01 .box_wrap .txt_box ul li p{width: 60px;font-size: 15px; color: #333; font-weight: 700;}
.sub02_view_wrap .con01 .box_wrap .txt_box ul li span{display: block;width: calc(100% - 60px);font-size: 15px; color: #666;}
.sub02_view_wrap .con01 .box_wrap .txt_box .btn_wrap{display: flex;gap:5px;margin-top: 30px;flex-wrap:wrap;}
.sub02_view_wrap .con01 .box_wrap .txt_box .btn_wrap a{display: flex; align-items: center; justify-content: center;width: 79px; height: 38px; border:1px solid #ddd; background: #f5f5f5;font-size: 13px; color: #666; font-weight: 500;transition:.3s;}
.sub02_view_wrap .con01 .box_wrap .txt_box .btn_wrap a:hover{background: var(--co01); color: #fff; border:1px solid var(--co01);}

.sub02_view_wrap .con02{margin-top: 40px;}
.sub02_view_wrap .con02 .tab-menu-wrap{display: flex;}
.sub02_view_wrap .con02 .tab-menu-wrap a{position: relative;display: flex; align-items: center; justify-content: center;height: 45px;flex:1;font-size: 15px; color: #666; font-weight: 500; border:1px solid #ddd;}
.sub02_view_wrap .con02 .tab-menu-wrap a:not(:last-child){border-right: 0;}
.sub02_view_wrap .con02 .tab-menu-wrap a::after{content:'';position: absolute; left: 50%; transform:translateX(-50%); top: -2px; width: 0%; height: 2px; background: var(--co01);transition:.3s;}
.sub02_view_wrap .con02 .tab-menu-wrap a.on{border-bottom: 0;}
.sub02_view_wrap .con02 .tab-menu-wrap a.on::after{width: 100%;}
.sub02_view_wrap .con02 .tab-con{font-size: 15px; color: #555;margin-top: 30px;}
.sub02_view_wrap .con02 .tab-con img{max-width: 100%;}

/* sub0401 */
.sub0401_wrap{line-height: 1;}
.sub0401_wrap .con01 .txt_wrap{margin-bottom: 40px;}
.sub0401_wrap .con01 .txt_wrap strong{display: block;text-align: center;font-size: 22px; line-height: 1.8; color: #333; font-weight: 700;}
.sub0401_wrap .con01 .txt_wrap strong b{font-weight: 700;color: var(--co01);-webkit-text-fill-color: rgba(26, 26, 26, 0.1);-webkit-background-clip: text;background-repeat: no-repeat;background-image: linear-gradient(90deg, var(--co01) 0%, var(--co01) 50%, transparent 50.1%);background-size: 0% 100%;}
.sub0401_wrap .con01 ul{display: flex;gap:20px;}
.sub0401_wrap .con01 ul li{width: calc((100% - 60px) / 4); background: #f5f5f5;padding: 40px 0px;}
.sub0401_wrap .con01 ul li .icon{display: flex;align-items: center; justify-content: center;width: 80px; height: 80px; background: #fff; border-radius:50%;margin: 0 auto;}
.sub0401_wrap .con01 ul li .icon img{transition:.4s;transform: scale(0.8) rotateY(0deg);}
.sub0401_wrap .con01 ul li:hover .icon img{transform: scale(0.8) rotateY(360deg);}
.sub0401_wrap .con01 ul li .txt{position: relative;margin-top: 20px; padding-top: 30px;}
.sub0401_wrap .con01 ul li .txt::before{content:'';position: absolute; top: 0; right: 50%; transform: translateX(14px); width: 25px; height: 3px;background: var(--co01);transition:.25s;}
.sub0401_wrap .con01 ul li:hover .txt::before{width: 0;}
.sub0401_wrap .con01 ul li .txt::after{content:'';position: absolute; top: 0; left: 50%; transform: translateX(-12px); width: 0px; height: 3px;background: var(--co01);transition:.25s; transition-delay:.25s;}
.sub0401_wrap .con01 ul li:hover .txt::after{width: 25px;}
.sub0401_wrap .con01 ul li .txt strong{display: block;font-size: 18px; color: #333; font-weight: 700;text-align: center;}
.sub0401_wrap .con01 ul li .txt p{font-size: 13px; color: #666;text-align: center; margin-top: 15px;}



}