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

*,html{cursor: initial;}
.cursor {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 10000;}
.cursor img {display: none;position: absolute;transform: translate(-50%, -50%);}
.f_cursor {width: 60px; height: 60px;}
.m_cursor {width: 60px;height: 56px;}

.cursor.hover{opacity: .9;}


#intro_con{position: fixed;top: 0;left: 0;width: 100%; height: 100vh;	overflow: hidden;z-index: 9999; background: #000;}
#intro_con .intro_wrap video{width: 100%; height: 100vh; object-fit:cover;}
#intro_con .skip_btn{position: absolute;top: 30px;right: 20px;display: flex;align-items: center;font-size: 30px; color: #fff;font-weight: 700;}

 @media screen and (max-width:1400px) {
#intro_con{display: none;}
}

#header{position: fixed;top: 0; left: 0; width: 100%; z-index: 8000; background: #1d1c1c;transition: var(--trs01);}
#header .inner{display: flex;align-items: center; justify-content: space-between;height: 70px;}
#header h1 a img{width: 80px;}

#header .right_wrap{display: flex;gap:0px;align-items: center;}
#header .right_wrap a.sns{display: none;position: relative;}
#header .right_wrap a.sns img{transition:.4s;}
#header .right_wrap a.sns img.off{position: absolute; top: 0; left: 0;opacity: 0;}
#header .right_wrap a.sns:hover img.off{opacity: 1;}
#header .right_wrap a.sns:hover img.on{opacity: 0;}

#header ul.gnb{display: none;gap:40px;}
#header ul.gnb li a{font-size: 20px; color: #fff;transition:.4s;}
#header ul.gnb li:hover a{color: var(--co01);}

/* navi */
.nav_btn{position: relative;display: block;width: 38px; height: 18px;}
.nav_btn::before{content:'';position: absolute;right: 0; top: 0;width: 100%;height: 2px;background: #fff;}
.nav_btn::after{content:'';position: absolute; right: 0; bottom: 0;width: 100%;height: 2px;background: #fff;}
.nav_btn span{display: block;position: absolute; right: 0; top: 8px; width: 100%;height: 2px;background: #fff;}

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

#header.close .nav_btn::before{top: 0px;transform:rotate(0deg);}
#header.close .nav_btn::after{bottom: 0px;transform:rotate(0deg);}
#header.close span{opacity: 1;}


.navigation{position: fixed;display: block;top: -100%;width: 100%;height:100%;left: 0;z-index: 7000;line-height: 1; transition:all 1000ms cubic-bezier(0.550, 0.135, 0.440, 1.005);line-height: 1;}
.navigation .lnb_wrap{display: flex;gap:45px;flex-direction: column;align-items: flex-start; justify-content: center;padding: 45px 45px 45px  45px ;background-color: rgba(29,28,28,.9);width:100%;min-width: 50%;height: calc(100% - 70px);margin-left: auto;backdrop-filter: blur(10px);}
.navigation .lnb_wrap h3 a{position: relative;display: block;font-size: 36px; color: #fff;font-family: 'Poppins';font-weight: 400;transition:.3s;}
.navigation .lnb_wrap h3 a:hover{color: var(--co01);}
.navigation .lnb_wrap h3 a.on{color: var(--co01);}
.navigation .lnb_wrap h3 a.active{color: var(--co01);}
.navigation .lnb_wrap h3 a img{transition:.3s;width: 35px;}
.navigation .lnb_wrap h3 a img.on{position: absolute;top: 0;left: 0px;opacity: 0;}
.navigation .lnb_wrap h3 a:hover img.on{opacity: 1;}
.navigation .lnb_wrap h3 a:hover img.off{opacity: 0;}
.navigation.on{top: 70px;}

#visual_wrap{position: relative;line-height: 1;width: 100%;margin-top: 70px;}
#visual_wrap .visual{width: 100%;}
#visual_wrap .video_wrap {width: 100%;display: none; }
#visual_wrap .visual img,
#visual_wrap .visual video{width: 100%;}

/* section */
.section{position: relative;line-height: 1;background: #fff;z-index: 10;}
.section .sec_tit{margin-bottom: 72px;}
.section .sec_tit strong{display: block; color: #000; font-weight: 600;font-size: 40px; text-align: center;margin-bottom: 0px; line-height: 1.3;}
.section .sec_tit p{font-size: 20px;color: #000; line-height: 1.4;text-align: center;}
.section .sec_tit p div{color: #222;}
/* .section .sec_tit p div:hover{animation:secTitAni01 1s ease forwards;}
@keyframes secTitAni01{
0%{color: #222;}
50%{color: var(--co01);}
100%{color: #222;}
} */

.section .sec_tit a.more_btn_st01{margin: 20px auto 0;}
a.more_btn_st01{position: relative;display: flex;justify-content: center;align-items: center;width: 170px;height: 60px;font-size: 22px; color: #000; font-weight: 500;border-radius:50px; box-shadow: 0px 4px 14px rgba(0,0,0,.15);transition:.4s;}
a.more_btn_st01:hover{background: var(--co01); }

/* section01 */
#section01{padding: 0;}
#section01::after{content:'';position: absolute; left: 0; top: -140px; width: 100%; height: 140px;background: linear-gradient(0deg,rgba(0, 0, 0, 1) 20%, transparent 90%);}
#section01 .sec_tit{position: absolute;left: 50%; top: 50%;transform:translate(-50%,-50%);margin-bottom: 0;}
#section01 .video_wrap video{width: 100%;}


/* section02 */
#section02{padding: 160px 0; background: url(/assets/images/main/sec02_bg01_pc.png)center no-repeat; background-size: cover;}
#section02 .inner{padding: 0 2.6%;}
#section02 .sec_tit{margin-bottom: 100px;}
#section02 .sec_tit strong{display: block;text-align: left;background-image: linear-gradient(90deg, #171717 0%, #636363 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#section02 .sec_tit p{text-align: left;}

#section02 .box_wrap{display: flex;gap:20px;flex-wrap:wrap;padding-left: 0px ;}
#section02 .box_wrap .box{position: relative;width: calc((100% - 20px) / 2); height: 360px;  border-radius:16px;overflow: hidden;}
#section02 .box_wrap .box .bg{width: 100%; height: 100%;padding: 34px 24px;background: #fff;transition:.5s;}
#section02 .box_wrap .box .icon{position: absolute; right: 24px; bottom: 40px;}
#section02 .box_wrap .box:nth-child(1) .icon{bottom: 30px;}
#section02 .box_wrap .box p{font-size: 52px; font-weight: 800;color: #171717;overflow-y: hidden;width: 100%;}
#section02 .box_wrap .box p b{position: relative;display: inline-block;height: 46px;overflow: hidden;font-weight: 800;}
#section02 .box_wrap .box p b .number{}
#section02 .box_wrap .box p b .dummy{position: absolute;top: 0;left: 0;}
#section02 .box_wrap .box p img{width: 32px;transform: translate(-5px, 5px);}
#section02 .box_wrap .box em{display: block;color: #0D0D0D;font-size: 26px; font-weight: 600;margin-top: 6px;}
#section02 .box_wrap .box .icon img{width: 140px;}
#section02 .box_wrap .box:nth-child(1) .icon img{width: 120px;}

#section02 .box_wrap .box:hover .bg{background: #15141D;}
#section02 .box_wrap .box:hover p{color: #fff;}
#section02 .box_wrap .box:hover em{color: #fff;}

/* #section02 ul{margin-top: 40px;}
#section02 ul li{position: relative;padding-left: 16px;font-size: 16px; color: #222; font-weight: 500;}
#section02 ul li:not(:last-child){margin-bottom: 12px;}
#section02 ul li::after{content:'';position: absolute; left: 0; top: 6px;width: 4px; height: 4px;background: #222; border-radius:50%;} */

#slider_bg_wrap{position: relative;z-index: 100;background: linear-gradient(0deg,rgba(250, 248, 253, 1) 50%, rgba(255, 255, 255, 1) 100%);}

/* section03 - section05 */
#section03,
#section04,
#section05{background: transparent;}
#section03{padding: 300px 0 170px;}
.section .slide_wrap{padding: 55px 0;}
.section .slide_wrap .slick-list{overflow: visible;}
.section .slide_wrap .slide.slick-center{transform: scale(1.25);z-index: 2;}
.section .slide_wrap .slide{position: relative;width: 320px;transition:.5s;box-sizing: border-box;margin-right: 20px;}
.section .slide_wrap .img_wrap{position:relative; width:100%; padding-bottom:137.931%;border-radius:20px; overflow: hidden;}
.section .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;}
.section .slide_wrap .slick-dots{display: flex; align-items: center; justify-content: center;gap:16px;margin-top: 100px;}
.section .slide_wrap .slick-dots li{width: 16px; height: 16px;background: #D9D9D9; border-radius:50%;text-indent: -9999px;transition:.4s;}
.section .slide_wrap .slick-dots li.slick-active{background: #000;}
.section .slide_wrap .slick-dots li:first-child{width: 12px; height: 12px;}
.section .slide_wrap .slick-dots li:last-child{width: 12px; height: 12px;}

.section .slide_wrap .dots_slider{position: relative;width: 100%;}
.section .slide_wrap .dots_slider .slick-list{width: 240px;overflow: hidden;margin: 0 auto;}
.section .slide_wrap .dots_slider .dot{width: 12px; height: 12px;background: #D9D9D9; border-radius:50%;margin-right: 16px;transition:.4s;margin-top: 100px;}
.section .slide_wrap .dots_slider .dot.slick-center{background: #000;}

/*section05*/
#section05{padding: 120px 0 220px;}

/*section06*/
#section06{position: relative;z-index: 100;height: 100vh;background: #FAF8FD;line-height: 1; }
#section06 .txt_wrap{position: absolute;left: 50%; top: 50%; transform:translate(-50%,-50%);width: 100%;}

#section06 .txt_wrap p{font-size: 90px;font-weight: 500;	background-image: linear-gradient(90deg, #1A1B1F 0%, #484C5F 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;}
#section06 .txt_wrap strong{display: flex;align-items: center; justify-content: center;font-size: 90px;font-weight: 500;	background-image: linear-gradient(90deg, #FFDE4A 0%, #FFBC69 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;}
#section06 .txt_wrap strong em{position: relative;display: block;width: 120px;}
#section06 .txt_wrap strong em img{position: absolute;left: 50%; top: 50%; transform:translate(-50%,-50%);width: 170px;}
#section06 .txt_wrap .more_btn01{width: fit-content;margin: 80px auto 0;transition:.4s;border-radius: 50px;}
#section06 .txt_wrap .more_btn01:hover{background: var(--co01);}
#section06 .txt_wrap a.more_btn_st01{width: 240px; height: 80px;font-size: 28px;background-image: linear-gradient(130deg, #8B8D96 30%, #484C5F 70%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 500;}
#section06 .txt_wrap a.more_btn_st01 img{display: inline-block;width: 40px;margin-left: 10px;}

.stamp{position: absolute;width: 120px;transform: translate(-50%, -50%) scale(0);pointer-events: none;animation: pop 0.2s ease-out forwards;z-index: 1000;}
@keyframes pop {
	100% {transform: translate(-50%, -50%) scale(1);}
}

/* footer */
#footer{background: #000;padding: 40px 0;}
#footer .inner{display: flex; align-items: flex-end; justify-content: space-between;}
#footer .f_logo img{width: 92px;}
#footer .left{display: flex;align-items: flex-start;flex-direction: column; gap:20px;}
#footer .left address strong{display: block;color: #fff;font-size: 14px;font-weight: 700; margin-bottom: 5px;}
#footer .left address p{font-size: 13px; color: rgba(255,255,255,.5);}
#footer .right{display: flex; align-items: center; justify-content: center;gap:20px;}
#footer .right .box strong{display: block;font-size: 14px; color: #fff;font-weight:  400;}
#footer .right .box p{font-size: 13px; color: rgba(255,255,255,.5);font-weight:  400;}
#footer .right a.sns{display: block; margin-left: 15px;}
#footer .right a.sns img{width: 20px;}

/* ===sub=============================================== */
#header.sub_header{background: var(--co01);}
#header.sub_header ul.gnb li a{color: #222;}

#header.sub_header .nav_btn::before{background: #1d1c1c;}
#header.sub_header .nav_btn::after{background: #1d1c1c;}
#header.sub_header .nav_btn span{background: #1d1c1c;}

#sub_contents{padding: 150px 0px 150px;}
#sub_contents.no_pb{padding: 150px 0px 0px;}

#sub_contents .inner{width: 100%;padding: 0 30px;}
#sub_contents .contop{padding-bottom: 30px;}
#sub_contents .contop h3{width: 100%;font-size: 62px; color: #222; font-weight: 600;margin-bottom: 0px;}
#sub_contents .contop h4{font-size: 62px;color: #222; font-weight: 600;margin-bottom: 0px;}
#sub_contents .contop .txt{width: 100%;}
#sub_contents .contop .txt strong{display: block;font-size: 32px; color: #222; font-weight: 700;}
#sub_contents .contop .txt p{font-size: 25px;line-height: 1.3;color: #222; margin-top: 5px;font-weight: 300;}

/* list */
.list_wrap01{line-height: ;}
.list_wrap01 ul{display: flex;flex-wrap:wrap;gap:30px 15px ;}
.list_wrap01 ul li{width: calc((100% - 30px) / 3);}
.list_wrap01 ul li .img_wrap{position:relative; width:100%; padding-bottom:141.582%; overflow: hidden; border-radius:10px;}
.list_wrap01 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;}
.list_wrap01 ul li .bg_txt{display: flex;align-items: center; justify-content: center;flex-direction: column;position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;background: rgba(0,0,0,.7);transition:.4s ease;width: 100%;}
.list_wrap01 ul li .bg_txt p{font-size: 25px; color: #fff; font-weight: 700;text-align: center;}
.list_wrap01 ul li .bg_txt span{display: block;font-size: 16px; color: #fff; text-align: center;margin-top: 12px;}
.list_wrap01 ul li:hover .bg_txt{opacity: 1;}

/* view */
.view_wrap01{line-height: 1;}
.view_wrap01 .con_wrap{display: flex;gap:15px;}
.view_wrap01 .con_wrap .img_con .txt_wrap{display: none;}
.view_wrap01 .con_wrap .img_box{width: 280px;}
.view_wrap01 .con_wrap .img_wrap{position:relative; width:100%; padding-bottom:156.725%;overflow: hidden;border-radius:20px;}
.view_wrap01 .con_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;}

.view_wrap01 .con_wrap .txt_con{display: flex;flex-direction: column;justify-content: space-between;width: calc(100% - 295px);padding: 50px 25px 50px;background: #fff;border-radius:20px;padding-right: 0;box-shadow: 0px 0px 15px rgba(0, 0, 0, .05);}
.view_wrap01 .con_wrap .txt_con .txt_wrap{display: flex;gap:45px;padding-right: 105px;}
.view_wrap01 .con_wrap .tag{display: flex;align-items: center; width: fit-content; height: 36px;padding: 0px 20px; margin-bottom: 20px; background: #000;border-radius:18px;color: var(--co01); font-size: 20px;text-transform:uppercase;}
.view_wrap01 .con_wrap .txt01{margin-left: 10px;}
.view_wrap01 .con_wrap .txt01 strong{display: block;font-size: 32px; color: #222; font-weight: 700; margin-bottom: 15px;}
.view_wrap01 .con_wrap .txt01 p{font-size: 18px; color: #222; line-height: 24px;}
.view_wrap01 .con_wrap .txt01 .sns_wrap{display: flex;align-items: center;gap:14px; margin-top: 15px;}
.view_wrap01 .con_wrap .txt01 .sns_wrap .sns a{display: flex; align-items: center; gap:7px;font-size: 17px; color: #222;}

.view_wrap01 .con_wrap .txt_con .slide_wrap{position: relative; width: 100%; margin-top: 10px;}
.view_wrap01 .con_wrap .txt_con .slide_wrap::after{content:'';position: absolute; right: 0; top: 0;height: 100%; width: 207px; background: linear-gradient(90deg,transparent 50%, rgba(255, 255, 255, 1) 100%);}
.view_wrap01 .con_wrap .txt_con .slide_wrap .arr_wrap{position: absolute; right: 20px; top: -42px;display: flex;align-items: center; gap:10px;z-index: 10;}
.view_wrap01 .con_wrap .txt_con .slide_wrap ul{}
.view_wrap01 .con_wrap .txt_con .slide_wrap ul li{width: 300px;margin-right: 10px;}
.view_wrap01 .con_wrap .txt_con .slide_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:56.205%; overflow: hidden; border-radius:12px;transition:.4s;}
.view_wrap01 .con_wrap .txt_con .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;}
.view_wrap01 .con_wrap .txt_con .slide_wrap ul li .img_wrap:hover{filter: brightness(0.7);}


@media screen and (max-width:920px) {
.view_wrap01{line-height: 1;}
.view_wrap01 .con_wrap{display: flex;gap:20px;}
.view_wrap01 .con_wrap .img_box{width: 226px;}
.view_wrap01 .con_wrap .img_wrap{position:relative; width:100%; padding-bottom:141.582%;overflow: hidden;border-radius:20px;}
.view_wrap01 .con_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;}

.view_wrap01 .con_wrap .txt_con{width: calc(100% - 246px);padding: 30px 20px 25px;background: #fff;border-radius:20px;padding-right: 0;box-shadow: 0px 0px 15px rgba(0, 0, 0, .05);}
.view_wrap01 .con_wrap .txt_con .txt_wrap{display: flex;gap:45px;padding-right: 20px;}
.view_wrap01 .con_wrap .tag{display: flex;align-items: center; width: fit-content; height: 36px;padding: 0px 20px; margin-bottom: 20px; background: #000;border-radius:18px;color: var(--co01); font-size: 20px;text-transform:uppercase;}
.view_wrap01 .con_wrap .txt01{margin-left: 10px;}
.view_wrap01 .con_wrap .txt01 strong{display: block;font-size: 30px; color: #222; font-weight: 700; margin-bottom: 7px;}
.view_wrap01 .con_wrap .txt01 p{font-size: 16px; color: #222; line-height: 1.3;}
.view_wrap01 .con_wrap .txt01 .sns_wrap{display: flex;align-items: center;gap:14px; margin-top: 8px;}
.view_wrap01 .con_wrap .txt01 .sns_wrap .sns a{display: flex; align-items: center; gap:7px;font-size: 16px; color: #222;}
.view_wrap01 .con_wrap .txt01 .sns_wrap .sns:nth-child(1) img{width: 24px;}
.view_wrap01 .con_wrap .txt01 .sns_wrap .sns:nth-child(2) img{width: 20px;}
.view_wrap01 .con_wrap .txt01 .sns_wrap .sns:nth-child(3) img{width: 20px;}
.view_wrap01 .con_wrap .txt01 .sns_wrap .sns.mail img{width: 20px;}


.view_wrap01 .con_wrap .txt_con .slide_wrap{position: relative; width: 100%; margin-top: 5px;}
.view_wrap01 .con_wrap .txt_con .slide_wrap::after{content:'';position: absolute; right: 0; top: 0;height: 100%; width: 80px; background: linear-gradient(90deg,transparent 50%, rgba(255, 255, 255, 1) 100%);}
.view_wrap01 .con_wrap .txt_con .slide_wrap .arr_wrap{position: relative; right: initial; top: initial;display: flex;align-items: center; gap:6px;z-index: 10;justify-content: flex-end;padding-right: 20px;margin-bottom: 10px;}
.view_wrap01 .con_wrap .txt_con .slide_wrap .arr_wrap button img{width: 28px;}
.view_wrap01 .con_wrap .txt_con .slide_wrap ul{}
.view_wrap01 .con_wrap .txt_con .slide_wrap ul li{width: 200px;margin-right: 10px;}
.view_wrap01 .con_wrap .txt_con .slide_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:56.205%; overflow: hidden; border-radius:10px;transition:.4s;}
.view_wrap01 .con_wrap .txt_con .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;}
.view_wrap01 .con_wrap .txt_con .slide_wrap ul li .img_wrap:hover{filter: brightness(0.7);}
}

.view_wrap01 .con_wrap .pop_wrap{display: none;position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 9999; background: rgba(0,0,0,.5);}
.view_wrap01 .con_wrap .pop_wrap .pop_box{position: absolute; left: 50%;top: 50%;transform:translate(-50%,-50%);width: calc(100% - 20px);max-height: initial;overflow-y: scroll;max-width: 1000px;}
.view_wrap01 .con_wrap .pop_wrap .pop_box::-webkit-scrollbar {width: 5px;  /* 스크롤바의 너비 */}
.view_wrap01 .con_wrap .pop_wrap .pop_box::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: var(--co01); /* 스크롤바의 색상 */border-radius: 10px;}
.view_wrap01 .con_wrap .pop_wrap .pop_box::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0);  /*스크롤바 뒷 배경 색상*/}
.view_wrap01 .con_wrap .pop_wrap .pop_box .pop_x_btn{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius:50%;margin-left: auto;margin-bottom: 20px; }
.view_wrap01 .con_wrap .pop_wrap .pop_box .pop_x_btn img{width: 20px;}
.view_wrap01 .con_wrap .pop_wrap .pop_box .img_wrap{position:relative; width:100%; padding-bottom:56.25%; overflow: hidden; border-radius:12px;}
.view_wrap01 .con_wrap .pop_wrap .pop_box .img_wrap img,
.view_wrap01 .con_wrap .pop_wrap .pop_box .img_wrap video,
.view_wrap01 .con_wrap .pop_wrap .pop_box .img_wrap iframe{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

.view_wrap01 .con01{padding-bottom: 50px;}
.view_wrap01 .con02{background: #101010;padding: 70px 0px 80px;}
.view_wrap01 .con02 .tit{margin-bottom: 40px;}
.view_wrap01 .con02 .tit p{font-size: 42px; color: #fff; font-weight: 600;}

/* contact */
.sub0401_wrap{line-height: 1;}
.sub0401_wrap ul.online{display: flex;flex-wrap:wrap;gap:30px 20px;}
.sub0401_wrap ul.online li{display: flex;width: calc((100% - 20px) / 2);}
.sub0401_wrap ul.online li.li02{width: 100%;}
.sub0401_wrap ul.online li.li03{width: auto;}
.sub0401_wrap ul.online li p{font-size: 19px; color: #222; font-weight: 600;width: 95px;padding-left: 0px;transform: translateY(9px);}
.sub0401_wrap ul.online li .input{width: calc(100% - 95px);}
.sub0401_wrap ul.online li .input input[type="text"]{font-size: 14px; color: #222;border:1px solid #ddd;width: 100%;height: 40px; border-radius:10px; padding: 0px 15px;}
.sub0401_wrap ul.online li .input input[type="text"]::placeholder{font-size: 14px; color: #999;}
.sub0401_wrap ul.online li .input input[type="text"]:focus{outline:0;}

.sub0401_wrap ul.online li .input select{font-size: 14px; color: #222;border:1px solid #ddd;width: 100%;height: 40px; border-radius:10px; padding: 0px 15px;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url(/assets/images/sub/select_icon_tab.png)center right 15px no-repeat; background-size: 12px;}
.sub0401_wrap ul.online li .input select:not(:last-child){margin-bottom: 10px;}
.sub0401_wrap ul.online li .input select:focus{outline:0;background: url(/assets/images/sub/select_icon_on_tab.png)center right 15px no-repeat; background-size: 12px;}
.sub0401_wrap ul.online li .input select option{background: #f6f6f6; color: #999;}

.sub0401_wrap ul.online li .input textarea{font-size: 14px; color: #222;border:1px solid #ddd;width: 100%;height: 200px; border-radius:10px; padding: 15px;}
.sub0401_wrap ul.online li .input textarea::placeholder{font-size: 14px; color: #999;}
.sub0401_wrap ul.online li .input textarea:focus{outline:0;}

.sub0401_wrap ul.online li .input input[type="file"]{display: none;}
.sub0401_wrap ul.online li .input .file_wrap{display: flex;gap:10px;}
.sub0401_wrap ul.online li .input .file_wrap .file_txt{display: block;font-size: 14px; color: #999;border:1px solid #ddd;width: 245px;height: 40px; border-radius:10px; padding: 0px 15px; line-height: 38px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.sub0401_wrap ul.online li .input .file_wrap .file_btn{display: flex;align-items: center; justify-content: center;font-size: 14px;width: 100px;height: 40px; border-radius:10px; color: #fff; background: #222;}

.sub0401_wrap ul.online li .select_wrap{display: flex;gap:10px;}
.sub0401_wrap ul.online li .select_wrap select{width: calc((100% - 10px) / 2);}

.sub0401_wrap .more_btn_st01{width: 250px;height: 50px;margin: 60px auto 0; border-radius:35px;justify-content: center;}


}