@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%;}

.fp-tableCell{display: block;height: auto !important;}
.fp-section.fp-table{height: auto !important;}
.main_quick{display: none;}

/*header*/
#header{position: fixed;top: 0; left: 0; width: 100%;z-index: 7000; line-height: 1;}
#header .inner{display: flex;align-items: center; justify-content: space-between; height: 50px;}
#header h1 a{display: block; background: url(/assets/images/main/main_logo01_mob.png)center no-repeat; width: 36px; height: 37px; background-size: cover;transition:.3s;}
#header .right_wrap{display: flex; align-items: center;gap:60px;}
#header ul.gnb{display: none;gap:60px;}
#header ul.gnb li a{font-size: 18px; color: #fff; font-weight: 700;transition:.3s;}
#header .nav_btn{background: url(/assets/images/main/nav_btn_mob.png)center no-repeat; width: 25px; height: 13px; background-size: cover;transition:.3s;}

#header.on h1 a{background: url(/assets/images/main/main_logo02_mob.png)center no-repeat; background-size: cover;}
#header.on ul.gnb li a{color: #333;}
#header.on .nav_btn{background: url(/assets/images/main/nav_btn02_mob.png)center no-repeat; background-size: cover; }

/* nav */
.navigation{position: fixed;top: 0px;right: 0px;z-index:5000;width:50%;background:#fff;height:100%;display:none;z-index: 8000;line-height: 1;}
.navigation #header{position: initial;}
.navigation #header .inner{justify-content: flex-end;padding: 0 10px; }
.navigation #header h1{display: none;}
.navigation #header.on .nav_btn{background: url(/assets/images/main/nav_x_btn_mob.png)center no-repeat; background-size: cover; width: 19px; height: 19px;}
.navigation .lnb{display: flex;flex-direction: column;gap:30px;height: 100%;padding: 30px 20px;}
.navigation .lnb .lnb_wrap{display: flex;align-items: flex-start;flex-direction: column;justify-content: flex-start;flex:initial;}
.navigation .lnb .lnb_wrap:not(:last-child){border-right: 0;}
.navigation .lnb .lnb_wrap h3{height: auto;overflow: hidden;transition:.4s;}
.navigation .lnb .lnb_wrap h3 a{font-size: 20px; color: #333; font-weight: 700; font-family: "Play", sans-serif;}
.navigation .lnb .lnb_wrap ul{padding-top: 20px;}
.navigation .lnb .lnb_wrap ul li:not(:last-child){margin-bottom: 20px;}
.navigation .lnb .lnb_wrap ul li a{display: block;font-size: 14px; color: #333;text-align: left;padding-left: 5px;}

.navigation .lnb .lnb_wrap h3.active,
.navigation .lnb .lnb_wrap h3.on{height: auto;}
.navi_bg{display: none;position: absolute;top: 0px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 7000;}

/*visual_wrap*/
#visual_wrap{position: relative;}
#visual_wrap .txt_wrap{position: absolute;left: 0; bottom: 100px;width: 100%;}
#visual_wrap .txt_wrap p{font-size: 30px; color: #fff; font-weight: 700; line-height: 35px; text-transform:uppercase;}
#visual_wrap .txt_wrap span{display: block;font-size: 13px; color: #fff; font-weight: 700;margin-top: 25px;}

#visual_wrap .vis_arr{position: absolute;right: 2.6%;bottom: 90px;}
#visual_wrap .vis_arr button{display: block;}
#visual_wrap .vis_arr button.vis_next{margin-top: 5px;}
#visual_wrap .vis_arr button img{width: 34px;}

#visual_wrap .scroll{position: absolute; left: 50%; transform:translateX(-50%); bottom: 20px;padding-bottom: 32px;}
#visual_wrap .scroll::before{content:'';position: absolute;left: 50%;bottom: 0; transform:translateX(-50%);width: 16px; height: 25px; border-radius:11px; border:1px solid rgba(255,255,255,.5);}
#visual_wrap .scroll::after{content:'';position: absolute;left: 50%;bottom: 6px; transform:translateX(-50%);width: 4px; height: 4px; background: #fff; border-radius:50%;animation: scrollAni 1s ease infinite alternate;}
#visual_wrap .scroll p{font-size: 12px; color: #fff;}
@keyframes scrollAni{
0%{bottom: 6px;}
100%{bottom: 15px;}
}

.main_quick{display: none;position: fixed;right: 70px;top: 50%;transform:translateY(-50%);z-index: 1000;}
.main_quick ul{display: flex;flex-direction: column;gap:30px;}
.main_quick ul li{position: relative;width: 8px; height: 8px; background: #fff; border-radius:50%;transition:.3s ease;}
.main_quick ul li::after{content:'';position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%); width: 0; height: 0; background: var(--co01); opacity: .3; border-radius:50%; transition:.3s ease;}
.main_quick ul li.gray{background: #bbb;}
.main_quick ul li.on{background: var(--co01);}
.main_quick ul li.on::after{width: 28px; height: 28px;}

/*section*/
.section{line-height: 1;}
.section .sec_tit{display: flex;align-items: center; justify-content: space-between;margin-bottom: 20px;}
.section .sec_tit p{font-size: 24px; color: #333; font-weight: 700;text-transform:uppercase; line-height: 1.2;}
.section a.more_btn{display: flex;align-items: center;gap:10px;font-size: 12px;color: #666;}
.section a.more_btn em{display: flex; align-items: center;justify-content: center; width: 22px; height: 22px; border-radius:50%; background: #666;}
.section a.more_btn em img{width: 10px;}

input[type="radio"]{display: none;}
input[type="radio"] + label{position: relative;font-size: 11px; color: #666;padding-left: 15px;line-height: 1;}
input[type="radio"] + label::after{content:'';position: absolute;left: 0; top: -1px;width: 11px; height: 11px; border:1px solid #ddd; border-radius:50%; background: #fff;}
input[type="radio"]:checked + label::after{border:4px solid #333;}

/*section01*/
#section01{padding: 60px 0;}
#section01 .box_wrap{display: flex;gap:15px;flex-wrap:wrap;}
#section01 .box_wrap .box{width: 100%;}
#section01 .box_wrap .box .img_box{overflow: hidden; border-radius:8px;}
#section01 .box_wrap .box .img_wrap{position:relative; width:100%; padding-bottom:39.437%;}
#section01 .box_wrap .box .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
#section01 .box_wrap .box .img_box .h_wrap{opacity: 0;position: absolute;width: 100%;height: 100%;bottom: 0px;transition:.4s;display: flex;flex-direction: column; justify-content: center;padding: 15px; background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, .7) 100%);}
#section01 .box_wrap .box .img_box .h_wrap p{font-size: 16px; color: #fff; font-weight: 700;text-align: center;text-transform:uppercase;}
#section01 .box_wrap .box .img_box .h_wrap span{display: block;font-size: 12px; color: #fff; font-weight: 500;text-align: center; margin-top:  10px; line-height: 1.6;}
#section01 .box_wrap .box:hover .img_box .h_wrap{opacity: 1;}
#section01 .box_wrap .box .txt_wrap{padding: 15px 10px 0;}
#section01 .box_wrap .box .txt_wrap p{font-size: 16px; color: #333; font-weight: 500;}
#section01 .box_wrap .box .txt_wrap span{display: block;font-size: 12px; color: #999; font-weight: 700;margin-top: 5px;}

/*section02*/
/* #section02 ul.bg_slide li{position: relative;}
#section02 ul.bg_slide li .txt_wrap{position: absolute;bottom: 50px; left: 0;width: 50%;z-index: 100;}
#section02 ul.bg_slide li .txt_wrap p{font-size: 24px; color: #fff; font-weight: 700;}
#section02 ul.bg_slide li .txt_wrap span{position: relative;display: block;font-size: 16px; line-height: 24px; color: #fff; margin-top: 20px;padding-top: 15px;padding-left: 0px;}
#section02 ul.bg_slide li .txt_wrap span::after{content:'';position: absolute;left: 0;top: 0px; width: 16px; height: 2px;background: var(--co01);}
#section02 ul.bg_slide li img{width: 100%; height: 660px; object-fit:cover;}

#section02 .sm_slide_wrap{position: absolute;bottom: 100px; right: 2.6%;z-index: 1000;width: 150px;padding: 0;}
#section02 ul.sm_slide .slick-list{width: 100%;}
#section02 ul.sm_slide li{width: 150px;margin-right: 0px;margin-bottom: 10px;}
#section02 ul.sm_slide li .img_wrap{position:relative; width:100%; padding-bottom:57.143%; overflow: hidden; border-radius:4px; border:1px solid #fff;}
#section02 ul.sm_slide li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
#section02 ul.sm_slide li .txt_wrap{padding: 5px 5px 0;}
#section02 ul.sm_slide li .txt_wrap span{display: block;font-size: 12px; color: #fff;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  } */

#section02{padding: 60px 0;background: url(/assets/images/main/sec02_bg.jpg)center left no-repeat; background-size: cover;}
ul.sec02_list{display: flex;flex-wrap:wrap;gap:20px;}
ul.sec02_list li{position: relative;width: 100%;}
ul.sec02_list li .img_wrap{ position:relative; width:100%; padding-bottom:54.212%;overflow: hidden; border-radius:6px; box-shadow:3px 3px 12px rgba(0,0,0,.15);}
ul.sec02_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;}
ul.sec02_list li .txt_wrap{position: absolute;z-index: 10;bottom: 15px; left: 15px;}
ul.sec02_list li .txt_wrap p{font-size: 15px; color: #fff; font-weight: 700;}
ul.sec02_list li .txt_wrap span{display: block;font-size: 13px; color: #fff; font-weight: 500; margin-top: 10px;}

/* section03 */
#section03{padding: 40px 0;background: url(/assets/images/main/sec03_bg01_mob.png)left bottom no-repeat; background-size: 126px;}
#section03 .inner{display: flex;align-items: flex-start;flex-direction: column;gap:30px;}
#section03 .left{width: 100%;}
#section03 .left .txt01 p{font-size: 16px; color: #333; font-weight: 700; }
#section03 .left .txt01 span{display: block;font-size: 12px; color: #666; margin-top: 10px;}
#section03 .left ul.txt02{display: flex;gap:30px;margin-top: 30px;}
#section03 .left ul.txt02 li{display: flex;gap:15px;}
#section03 .left ul.txt02 li:not(:last-child){margin-bottom: 0px;}
#section03 .left ul.txt02 li .icon{display: flex;align-items: center; gap:10px;width: auto;font-size: 12px; color: #999; font-weight: 700;text-transform:uppercase;}
#section03 .left ul.txt02 li:nth-child(1) .icon{gap:10px;}
#section03 .left ul.txt02 li:nth-child(1) .icon img{width: 10px;}
#section03 .left ul.txt02 li:nth-child(2) .icon img{width: 11px;}
#section03 .left ul.txt02 li p{font-size: 12px; color: #666;}

#section03 .right{width: 100%;}
#section03 .online_wrap{padding: 30px 20px; border-radius:8px; background: #f5f5f5;}
#section03 .online_wrap .input_wrap{display: flex;flex-direction: column;gap:10px;}
#section03 .online_wrap .input_wrap:not(:last-child){margin-bottom: 15px;}
#section03 .online_wrap .input_wrap p{width: 100%;font-size: 12px; color: #333; font-weight: 700;line-height: 1;}
#section03 .online_wrap .input_wrap .input{width: 100%;}
#section03 .online_wrap .input_wrap .input.chk_wrap{display: flex;gap:10px;margin: 10px 0;}
#section03 .online_wrap .input_wrap .input input[type="text"]{width: 100%;background: #fff; border:0;padding: 0 10px; height: 28px; border-radius:4px;font-size: 12px;	color: #666;}
#section03 .online_wrap .input_wrap .input input[type="text"]:focus{outline:0;}

#section03 .online_wrap .input_wrap .input textarea{width: 100%;height: 130px;background: #fff; border:0;padding: 20px; border-radius:6px;font-size: 12px;	color: #666; resize:none;}
#section03 .online_wrap .input_wrap .input textarea:focus{outline:0;}

#section03 .online_wrap .input_wrap .input select{width: 100%;background: #fff; border:0;padding: 0 10px; height: 28px; border-radius:6px;font-size: 15px;	color: #666;}
#section03 .online_wrap .input_wrap .input select:focus{outline:0;}

#section03 .online_wrap .input_wrap .pri_chk{margin: 15px 0;}
#section03 .online_wrap .input_wrap .pri_chk input[type="checkbox"]{display: none;}
#section03 .online_wrap .input_wrap .pri_chk input[type="checkbox"] + label{position: relative;font-size: 12px; color: #666;padding-left: 20px;}
#section03 .online_wrap .input_wrap .pri_chk input[type="checkbox"] + label::after{content:'';position: absolute;left: 0; top: 1px; width: 12px; height: 12px; border:1px solid #ddd; border-radius:3px; background: #fff;}
#section03 .online_wrap .input_wrap .pri_chk input[type="checkbox"]:checked + label::after{content:'✓';text-align: center;}
#section03 .online_wrap .input_wrap .pri_chk em.pri_pop_btn{font-size: 12px; color: #333; font-weight: 700;cursor:pointer;}
#section03 .online_wrap a.online_btn{display: flex; align-items: center; justify-content: center;width: 100%; height: 32px; border-radius:4px; background: #333;font-size: 12px; color: #fff; font-weight: 700;}

ul.quick_menu{position: fixed;bottom: 30px; right: 10px;z-index: 6000;}
ul.quick_menu li{width: 32px;height: 32px;}
ul.quick_menu li:not(:last-child){margin-bottom: 5px; border-radius:50%; box-shadow:5px 5px 6px rgba(0,0,0,.15);}
ul.quick_menu li img{max-width: 100%;}

#footer{position: relative;height: auto !important;}
#footer .fp-tableCell{height: auto !important;}
#footer .f_box{display: flex;justify-content: flex-start; flex-direction: column;gap:17px;border-top: 1px solid #ddd;padding: 25px 0;}
#footer .f_box .left{display: flex;gap:25px;flex-direction: column;}
#footer .f_box .left .f_logo img{width: 55px;}
#footer .f_box .left ul li{position: relative;display: flex;padding-left: 10px;}
#footer .f_box .left ul li::after{content:'';position: absolute;left: 0;top: 6px; width: 3px; height: 3px; background: #333;}
#footer .f_box .left ul li:not(:last-child){margin-bottom: 10px;}
#footer .f_box .left ul li p{width: 115px;font-size: 12px; color: #333; font-weight: 700; font-family: 'Play'; text-transform:uppercase;}
#footer .f_box .left ul li span{display: block;width: calc(100% - 115px);font-size: 11px; color: #999;}
#footer .f_box p.copy{font-size: 11px; color: #999;}

/* ===sub==================================== */
#sub_visual_wrap{position: relative;line-height: 1;}
#sub_visual_wrap .txt_wrap{position: initial;bottom: 60px;width: 100%;}
#sub_visual_wrap .txt_wrap .inner{display: block;align-items: flex-end; justify-content: space-between;}
#sub_visual_wrap .txt_wrap h3{position: absolute;left: 2.6%;top: 45%;transform:translateY(-50%);font-size: 45px; color: #fff; font-weight: 600;}

#sub_visual_wrap .txt_wrap ul.tab_menu{position: absolute;right: 2.6%;bottom: 20px;display: flex;gap:27px;}
#sub_visual_wrap .txt_wrap ul.tab_menu li a{font-size: 13px; color: #ddd;font-weight: 500;}
#sub_visual_wrap .txt_wrap ul.tab_menu li.on a{color: #fff; font-weight: 700;}

#sub_contents{position: relative;padding: 70px 0;}
#sub_contents .contop{line-height: 1; margin-bottom: 50px;}
#sub_contents .contop h3{font-size: 30px; color: #333; font-weight: 700;}
#sub_contents .contop h3 span{display: inline-block;font-size: 20px; color: #ddd; font-weight: 700;margin-left: 15px;}

/*sub0101*/
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con01{margin-bottom: 60px;}
.sub0101_wrap .con01 .txt_wrap{display: flex;flex-direction: column;gap:20px;}
.sub0101_wrap .con01 .txt_wrap p{width: 100%;font-size: 24px; color: #333;}
.sub0101_wrap .con01 .txt_wrap p br{display: none;}
.sub0101_wrap .con01 .txt_wrap span{display: block; width: 100%;font-size: 13px; color: #666; line-height: 1.6;padding: 0;border-left: 0;}
.sub0101_wrap .con01 .txt_wrap span br{display: none;}

.sub0101_wrap .con02{display: flex;align-items: center; flex-direction: column-reverse;gap:40px;}
.sub0101_wrap .con02 .txt_wrap{width: 100%;}
.sub0101_wrap .con02 .txt_wrap p{font-size: 13px; color: #666; line-height: 1.6;}
.sub0101_wrap .con02 .txt_wrap p:not(:last-child){margin-bottom: 10px;}
.sub0101_wrap .con02 .txt_wrap p br{display: none;}
.sub0101_wrap .con02 .txt_wrap strong{display: block;font-size: 15px; color: #333; font-weight: 700; line-height: 1.6; margin-top: 20px;}
.sub0101_wrap .con02 .img_wrap{width: 100%;}
.sub0101_wrap .con02 .img_wrap img{max-width: 100%;}

/*sub0102*/
.sub0102_wrap{line-height: 1;}
.sub0102_wrap .con{position: relative;display: flex;align-items: flex-end;flex-direction: column;gap:20px;}
.sub0102_wrap .con:not(:last-child){margin-bottom: 60px;}

.sub0102_wrap .con .txt_wrap{width: 100%;}
.sub0102_wrap .con .txt_wrap em{display: block;position: initial;left: 0; top: 0;font-size: 40px; color: #ddd; margin-bottom: 20px;}
.sub0102_wrap .con .txt_wrap img{display: block;width: 20px;}
.sub0102_wrap .con .txt_wrap p{font-size: 16px; color: #333; font-weight: 700; margin: 10px 0px 15px;}
.sub0102_wrap .con .txt_wrap span{display: block;font-size: 12px; color: #666; line-height: 1.6;}

.sub0102_wrap .con:nth-child(2n){flex-direction: column;}
.sub0102_wrap .con:nth-child(2n) .txt_wrap em{left: initial; right: 0;text-align: right;}
.sub0102_wrap .con:nth-child(2n) .txt_wrap img{margin-left: auto;}
.sub0102_wrap .con:nth-child(2n) .txt_wrap p{text-align: right;}
.sub0102_wrap .con:nth-child(2n) .txt_wrap span{text-align: right;}

.sub0102_wrap .con .img_wrap{width: 100%;}
.sub0102_wrap .con .img_wrap img{width: 100%;max-width: 100%;border-radius:10px; height: auto; object-fit:cover;}

/*sub0103*/
.sub0103_wrap{line-height: 1;}
.sub0103_wrap .his_con{position: relative;}
.sub0103_wrap .his_con::after{content:'';position: absolute;top: 0px; left: 89px;width: 2px; height: 100%; background: #ddd;z-index: -1;}
.sub0103_wrap .his_con .line{position: absolute;top: 0px; left: 89px;width: 2px; height: 0%; background: var(--co01);z-index: 1;}
.sub0103_wrap .his_wrap{display: flex;align-items: flex-start;}
.sub0103_wrap .his_wrap:not(:last-child){margin-bottom: 80px;}
.sub0103_wrap .his_wrap .year{position: relative;width: 100px;font-size: 20px; color: #333; }
.sub0103_wrap .his_wrap .year::after{content:'';position: absolute;right: 0;top: 50%;transform:translateY(-50%); width: 20px; height: 20px; background: var(--co01); border-radius:50%;border:5px solid #f7d0bd;}
.sub0103_wrap .his_wrap .txt_wrap{width: calc(100% - 100px);padding-left: 20px;}
.sub0103_wrap .his_wrap .txt_wrap .txt{display: flex;padding: 10px 0;}
.sub0103_wrap .his_wrap .txt_wrap .txt:not(:last-child){border-bottom: 1px solid #ddd;}
.sub0103_wrap .his_wrap .txt_wrap .txt p{width: 50px; font-size: 13px; color: #333;font-weight: 700;}
.sub0103_wrap .his_wrap .txt_wrap .txt span{display: block;width: calc(100% - 50px);font-size: 13px; color: #666;line-height: 1.4;}

/*sub0104*/
.sub0104_wrap{line-height: 1;}
.sub0104_wrap .box_wrap{display: flex;flex-wrap:wrap;gap:30px;}
.sub0104_wrap .box_wrap .box{width: 100%;}
.sub0104_wrap .box_wrap .box:nth-child(2n){transform:translateY(20px);}
.sub0104_wrap .box_wrap .box .img_wrap{position: relative;transition:.3s;border-radius:20px; overflow: hidden;}
.sub0104_wrap .box_wrap .box .img_wrap img{max-width: 100%;}
.sub0104_wrap .box_wrap .box .img_wrap .icon{position: absolute;left: 50%; top: 50%;transform:translate(-50%,-50%);}
.sub0104_wrap .box_wrap .box .img_wrap .icon img{transform:scale(0.8);}
.sub0104_wrap .box_wrap .box .txt_wrap{margin-top: 20px;}
.sub0104_wrap .box_wrap .box .txt_wrap p{font-size: 16px; color: #333; font-weight: 700; margin-bottom: 10px;transition:.3s;}
.sub0104_wrap .box_wrap .box .txt_wrap p b{font-size: 13px; font-weight: 700;}
.sub0104_wrap .box_wrap .box .txt_wrap p em{display: inline-block;margin-right: 10px;font-weight: 700; }
.sub0104_wrap .box_wrap .box .txt_wrap span{display: block;font-size: 13px; color: #666; line-height: 1.5;}




/* portfolio */
.list_wrap{line-height: 1;}
.list_wrap::after{content:'';position: absolute;right: 10px; top: -32px; background: url(/assets/images/main/sec03_bg01_mob.png)center no-repeat; width: 162px; height: 161px;background-size: cover;z-index: -1;}
.list_wrap .grid{width: 100%;}
.list_wrap .grid-sizer,
.list_wrap .grid-item {width: calc(100%); }
.list_wrap .grid-item {padding: 0px 10px 35px;box-sizing: border-box;}
.list_wrap .grid-item img {width: 100%;display: block; border-radius:6px;}
.list_wrap .grid-item .txt_wrap{margin-top: 15px;font-weight: 500;}
.list_wrap .grid-item .txt_wrap p{font-size: 14px; color: #333; }
.list_wrap .grid-item .txt_wrap span{display: block;font-size: 12px; color: #999;margin-top: 6px;}

.view_wrap{line-height: 1;}
.view_wrap .tit{margin-bottom: 25px;}
.view_wrap .tit p{font-size: 20px; color: #333; font-weight: 700;text-transform:uppercase;}

.view_wrap .view_bg_img img{width: 100%;min-height: 400px;height: auto;object-fit:cover}

.view_wrap .tit_box{margin-top: 30px;}
.view_wrap .tit_box p{font-size: 20px; color: #333; font-weight: 700;}

.view_wrap .txt_box{margin-top: 40px;}
.view_wrap .txt_box ul li{display: flex;}
.view_wrap .txt_box ul li:not(:last-child){margin-bottom: 12px;}
.view_wrap .txt_box ul li p{width: 95px;line-height: 24px;font-size: 15px; color: #333; font-weight: 700;}
.view_wrap .txt_box ul li span{display: block;width: calc(100% - 95px);font-size: 15px; line-height: 24px;color: #666; font-weight: 500;}
.view_wrap .txt_box .btn_wrap{display: flex;gap:20px; justify-content: center;margin-top: 40px;}
.view_wrap .txt_box .btn_wrap a{display: flex; align-items: center; justify-content: center;width: calc((100% - 20px) / 2); height: 40px; border:1px solid #333; color: #333;font-weight: 700;font-size: 14px; border-radius:5px;}
.view_wrap .txt_box .btn_wrap a.btn02{color: #fff; background: #333;}

.view_wrap .con02{margin-top: 70px;}
.view_wrap .con02 .edit_box img{display: block;width: 100%;}
.view_wrap .con02 .edit_box img:not(:last-child){margin-bottom: 30px;}
.view_wrap .con02 .btn_wrap{display: flex; justify-content: center;}
.view_wrap .con02 .btn_wrap a{display: flex; align-items: center; justify-content: center;width: 110px; height: 40px; background:#333; color: #fff;font-weight: 700;font-size: 14px; border-radius:6px;}

/*sub0301*/
.sub0301_wrap{line-height: 1;}
.sub0301_wrap .cate_wrap{display: flex;margin-bottom: 20px;}
.sub0301_wrap .cate_wrap a{position: relative;font-size: 13px; color: #666;padding: 0 15px;}
.sub0301_wrap .cate_wrap a::after{content:'';position: absolute;top: 50%;right: 0;transform:translateY(-50%);width: 1px; height: 8px; background: #ddd;}
.sub0301_wrap .cate_wrap a:first-child::before{content:'';position: absolute;top: 50%;left: 0;transform:translateY(-50%);width: 1px; height: 8px; background: #ddd;}
.sub0301_wrap .cate_wrap a.on{color: var(--co01);font-weight: 700;}

.sub0301_wrap .box_wrap{display: flex;flex-wrap:wrap;gap:20px;}
.sub0301_wrap .box_wrap .box{width: 100%;}
.sub0301_wrap .box_wrap .box .img_wrap{position:relative; width:100%; padding-bottom:63.882%;overflow: hidden; border-radius:10px 10px 0 0;}
.sub0301_wrap .box_wrap .box .img_wrap > img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub0301_wrap .box_wrap .box .img_wrap .sns{position: absolute;top: 0;right: 10px;}
.sub0301_wrap .box_wrap .box .img_wrap .sns img{width: 36px;}

.sub0301_wrap .box_wrap .box .txt_wrap{padding: 15px ;border:1px solid #ddd; border-radius: 0 0 10px 10px;}
.sub0301_wrap .box_wrap .box .txt_wrap em{display: block;font-size: 11px;color: #ddd; font-weight: 700;}
.sub0301_wrap .box_wrap .box .txt_wrap p{font-size: 13px; color: #333;  font-weight: 700; line-height: 1.6;margin-bottom: 10px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: auto;}
.sub0301_wrap .box_wrap .box .txt_wrap span{display: block;font-size: 12px; color: #666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*sub0401*/
.sub0401_wrap{line-height: 1;}
.sub0401_wrap .con01{display: flex;flex-direction: column;gap:30px;}	
.sub0401_wrap .con01 .txt_wrap{width: 100%;}
.sub0401_wrap .con01 .txt_wrap .tit{margin-bottom: 20px;}
.sub0401_wrap .con01 .txt_wrap .tit p{font-size: 22px; color: #333;text-transform:uppercase;line-height: 1.2;}
.sub0401_wrap .con01 .txt_wrap .tit p br{display: none;}
.sub0401_wrap .con01 .txt_wrap .txt01{margin-bottom: 40px;}
.sub0401_wrap .con01 .txt_wrap .txt01 p{font-size: 16px; color: #333; font-weight: 700;}
.sub0401_wrap .con01 .txt_wrap .txt01 span{display: block;font-size: 13px; color: #666; margin-top: 10px;}
.sub0401_wrap .con01 .txt_wrap ul li{display: flex;align-items: center;}
.sub0401_wrap .con01 .txt_wrap ul li:not(:last-child){margin-bottom: 10px;}
.sub0401_wrap .con01 .txt_wrap ul li .icon{margin-right: 5px;}
.sub0401_wrap .con01 .txt_wrap ul li .icon img{height: 14px;	}
.sub0401_wrap .con01 .txt_wrap ul li p{margin-right: 12px;font-size: 13px; color: #999;font-weight: 700;}
.sub0401_wrap .con01 .txt_wrap ul li span{display: block;font-size: 13px; color: #666;}

.sub0401_wrap .con01 .online_wrap{width: 100%;}
.sub0401_wrap .con01 .online_wrap .input_wrap{display: flex;flex-direction: column;gap:10px;}
.sub0401_wrap .con01 .online_wrap .input_wrap:not(:last-child){margin-bottom: 15px;}
.sub0401_wrap .con01 .online_wrap .input_wrap p{width: 100%;font-size: 12px; color: #333; font-weight: 700;line-height: 1;}
.sub0401_wrap .con01 .online_wrap .input_wrap .input{width: 100%;}
.sub0401_wrap .con01 .online_wrap .input_wrap .input.chk_wrap{display: flex;gap:10px;margin: 10px 0;}
.sub0401_wrap .con01 .online_wrap .input_wrap .input input[type="text"]{width: 100%;background: #fff; padding: 0 10px; height: 28px; border-radius:4px;font-size: 12px;	color: #666;}
.sub0401_wrap .con01 .online_wrap .input_wrap .input input[type="text"]:focus{outline:0;}

.sub0401_wrap .con01 .online_wrap .input_wrap .input textarea{width: 100%;height: 130px;background: #fff; padding: 15px 10px; border-radius:6px;font-size: 12px;	color: #666; resize:none;}
.sub0401_wrap .con01 .online_wrap .input_wrap .input textarea:focus{outline:0;}

.sub0401_wrap .con01 .online_wrap .input_wrap .input select{width: 100%;background: #fff; border:0;padding: 0 10px; height: 28px; border-radius:6px;font-size: 12px;	color: #666;border:1px solid #ddd}
.sub0401_wrap .con01 .online_wrap .input_wrap .input select:focus{outline:0;}

.sub0401_wrap .con01 .online_wrap .input_wrap .pri_chk{margin: 15px 0;}
.sub0401_wrap .con01 .online_wrap .input_wrap .pri_chk input[type="checkbox"]{display: none;}
.sub0401_wrap .con01 .online_wrap .input_wrap .pri_chk input[type="checkbox"] + label{position: relative;font-size: 12px; color: #666;padding-left: 20px;}
.sub0401_wrap .con01 .online_wrap .input_wrap .pri_chk input[type="checkbox"] + label::after{content:'';position: absolute;left: 0; top: 1px; width: 12px; height: 12px; border:1px solid #ddd; border-radius:3px; background: #fff;}
.sub0401_wrap .con01 .online_wrap .input_wrap .pri_chk input[type="checkbox"]:checked + label::after{content:'✓';text-align: center;}
.sub0401_wrap .con01 .online_wrap .input_wrap .pri_chk em.pri_pop_btn{font-size: 12px; color: #333; font-weight: 700;cursor:pointer;}
.sub0401_wrap .con01 .online_wrap a.online_btn{display: flex; align-items: center; justify-content: center;width: 100%; height: 32px; border-radius:4px; background: #333;font-size: 12px; color: #fff; font-weight: 700;}


}