@charset "utf-8";


/* mobile �κ� */

@media all and (min-width:770px){

    /**/
    #lang{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index: 105;display: flex;align-items: center;justify-content: center;}
    #lang .lang{width:420px;border-radius: 10px;background:#ffffff;overflow: hidden;}
    #lang .lang .title{padding: 20px;line-height: 32px;font-size: 22px;font-weight: bold;}
    #lang .lang .list{display: flex;align-items: center;padding: 5px 20px 40px;}
    #lang .lang .list .checklang{flex: 1;}
    #lang .lang .list .checklang + .checklang{margin-left: 20px;}
    #lang .lang .list .checklang input{display: none;}
    #lang .lang .list .checklang input ~ .box{position:relative;display: flex;align-items: center;justify-content: center;border-radius: 5px;border: 1px solid #e3e3e3;flex-direction: column;padding: 30px 15px 20px 15px;cursor: pointer;filter:grayscale(1)}
    #lang .lang .list .checklang input ~ .box img{border-radius: 5px;box-shadow: 0 3px 6px rgba(0,0,0,0.05);width: 70px;}
    #lang .lang .list .checklang input ~ .box p{margin: 15px 0 0 0;line-height: 18px;font-size: 13px;font-weight: bold;color: #1d1d1d;}
    #lang .lang .list .checklang input:checked ~ .box{filter:grayscale(0)}
    #lang .lang .list .checklang input:checked ~ .box:after{content:'';position:absolute;top: -1px;left: -1px;right: -1px;bottom: -1px;border-radius:5px;border:2px solid #1c68ff;box-sizing: border-box;pointer-events: none;box-shadow: 0 6px 12px rgb(0 0 0 / 15%);}
    #lang .lang .list .checklang input:checked ~ .box img{}
    #lang .lang .list .checklang input:checked ~ .box p{}
    #lang .lang .button{}
    #lang .lang .button .btn{border-radius:0;width:100%;flex:1;height: 56px;font-size: 14px;}

    /**/
    #wrap .pc-view{display:initial}
    #wrap .mo-view{display:none !important}

    /**/
    #wrap{position:relative;}
    #wrap .wrap{margin:0 auto;width: 1200px;max-width:100%;}

    /**/
    #wrap .btn{display:inline-flex;align-items:center;justify-content:center;padding: 0 20px;height: 44px;font-size: 15px;font-weight: bold;color:#303030;border: 1px solid #efefef;background:#fff;text-align: center;white-space: nowrap;border-radius: 8px;}
    #wrap .btn_01{background:#1c68ff;border-color:#1c68ff;color:#ffffff;} /* background:#1c68ff;border-color:#1c68ff;color:#ffffff; */
    #wrap .btn_02{background:#ffffff;border-color:#1c68ff;color:#1c68ff;}
    #wrap .btn_03{background:#353535;border-color:#353535;color:#ffffff;}
    #wrap .btn_04{background:#ffffff;border-color:#ececec;color:#6b6b6b;}
    #wrap .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4;pointer-events: none;}

    /**/
    #header{position: fixed;top: 0;left: 0;width: 100%;z-index: 105;background: #fff;}
    #header .tnb{border-bottom: 1px solid #e3e3e3;padding: 0 16px;}
    #header .tnb .wrap{display:flex;height:40px;align-items:center;}
    #header .tnb .lang{margin-left:auto;display: flex;align-items: center;}
    #header .tnb .lang a{position:relative;font-size:15px;color:#6a6a6a;display:flex;align-items:center;}
    #header .tnb .lang a img{height:18px;width:auto;margin-right: 10px;}
    #header .tnb .lang a + a{margin-left: 16px;padding-left: 16px;}
    #header .tnb .lang a + a:before{content:'';position:absolute;top:50%;left:0;width:1px;height:16px;background:#d8d8d8;transform:translateY(-50%)}
    #header .tnb .lang a.on{font-weight:bold;color:#272727}
    #header .header{padding: 0 16px;}
    #header .header .wrap{display:flex;height:80px;align-items:center;}
    #header .header .logo{flex-shrink:0;margin: 0 40px 0 0;width: auto;height: 48px; font-size: 32px;    font-weight: bold; }
    #header .header .logo a{display: flex;align-items: center;}
    #header .header .logo img{
		width: 40px;
        max-width: 100%;
        height: 40px;
        display: block;
        margin-right: 10px;}
    #header .header .logo p{margin-left:12px;line-height:16px;font-size:14px;font-weight:500;color:#6a6a6a;}
    #header .header .menu{margin: 0 auto;}
    #header .header .menu ul{display:flex;align-items:center;flex-wrap: unset !important;}
    #header .header .menu li{padding: 0 !important;}
    #header .header .menu li + li{margin:0 0 0 70px;}
    #header .header .menu li a{line-height:30px;font-size:20px;font-weight:500;color:#272727;white-space: nowrap;}
    #header .header .menu li.active a,
    #header .header .menu li:hover a{color:#2d51ff}
    #header .header .tool{padding: 0 12px;display: flex;}
    #header .header .tool a{position: relative;line-height: 21px;font-size: 15px;font-weight: 500;color: #6a6a6a;white-space: nowrap;}
    #header .header .tool a + a{margin: 0 0 0 14px;padding: 0 0 0 14px;}
    #header .header .tool a + a:before{content:'';position:absolute;top:50%;left:0;width:1px;height:16px;background:#d8d8d8;transform:translateY(-50%)}
    #header .header .tele{margin: 0 12px;}
    #header .header .tele a{display:flex;position:relative;overflow:hidden;align-items: center;}
    #header .header .tele a img{display:block;object-fit:cover;height: 28px;margin-top: 2px;margin-right: 6px;}
    #header .header .tele a p{font-size: 24px;font-weight: 500;color: #000;white-space: nowrap;}
    #header .header .kakao{margin:0 20px;}
    #header .header .kakao a{display:flex;position:relative;overflow:hidden;align-items: center;}
    #header .header .kakao a img{display:block;object-fit:cover;width: 44px;height: 44px;border-radius: 8px;order: 2;}
    #header .header .kakao a p{font-size: 15px;font-weight: 500;color: #000;order: 1;margin-right: 6px;}
    #header .header .search{}
    #header .header .search .form{display: flex;align-items: center;height: 46px;border: 1px solid #dbdbdb;border-radius: 8px;overflow: hidden;padding: 10px;}
    #header .header .search .form i{width: 20px;height: 20px;margin: 0 8px 0 0;display: flex;align-items: center;justify-content: center;}
    #header .header .search .form i img{display: block;width: auto;max-width: 100%;height: auto;}
    #header .header .search .form input[type="text"]{width: 92px;height: 20px;font-size: 14px;color: #919ba6;background: transparent;}
    #header .header .button{}
    #header .header #allmenu{display:none}
    #header .allmenu{display:none;}
    #header.fixed{border-bottom:1px solid #e3e3e3}

    /**/
    #container{padding: 100px 0 0 0;}

    #bo_title{padding:60px 0;text-align:center;font-size:36px;font-weight:bold;color:#383838;border-top:1px solid #ececec;}

    /**/
    #footer{background:#383838}
    #footer .footer{display:flex;align-items:center;padding: 34px 16px;border-bottom: 1px solid #585858;}
    #footer .footer .logo{margin:0 93px 0 0;width: 120px;height: auto;}
    #footer .footer .logo img{display:block;width:auto;max-width:100%}
    #footer .footer .menu{margin:0 auto 0 0;}
    #footer .footer .menu ul{display:flex;align-items:center;}
    #footer .footer .menu li{}
    #footer .footer .menu li + li{margin:0 0 0 52px;}
    #footer .footer .menu li a{font-size: 16px;color: #fff;}
    #footer .footer .social{margin:0 0 0 auto}
    #footer .footer .social ul{display:flex;align-items:center;}
    #footer .footer .social li{}
    #footer .footer .social li + li{margin: 0 0 0 12px;}
    #footer .footer .social li a{display: flex;width: 34px;height: 34px;border-radius: 34px;background: #5f5f5f;text-indent: -9999em;overflow: hidden;}
    #footer .footer .social li a.facebook{background:url("../img/icon_facebook.png") no-repeat 50% 50% / cover}
    #footer .footer .social li a.instagram{background:url("../img/icon_instagram.png") no-repeat 50% 50% / cover}
    #footer .footer .social li a.naver{background:url("../img/icon_naver.png") no-repeat 50% 50% / cover}
    #footer .info{padding: 25px 16px 35px;display: flex;}
    #footer .info .address{}
    #footer .info .address span{display: flex;flex-wrap: wrap;margin:0 0 9px 0;}
    #footer .info .address p{position:relative;margin-right: 16px;padding-right: 16px;line-height: 20px;font-size: 14px;color: #c0c0c0;white-space: nowrap;}
    #footer .info .address p:after{content:'';position:absolute;top:50%;right:0;width:1px;height:12px;background:#fff;opacity:0.2;transform:translateY(-50%)}
    #footer .info .address p.last{flex: 1;clear: both;}
    #footer .info .address p.last:after{display:none}
    #footer .info .address cite{margin: 9px 0 0 0;line-height: 20px;font-size: 14px;color: #787878;}
    #footer .info .tele{text-align:right;margin-left:auto;display: flex;flex-direction: column;align-items: flex-end;}
    #footer .info .tele span{line-height: 17px;font-size: 12px;font-weight: bold;color: #c0c0c0;}
    #footer .info .tele strong{line-height: 45px;font-size: 31px;font-weight: bold;color: #c0c0c0;letter-spacing: 2px;}
    #footer .info .tele p{margin: 2px 0 0 0;line-height: 21px;font-size: 14px;font-weight: 500;color: #868686;}

    /**/
    #add-channel-button{position:fixed;bottom: 30px;right: 30px;width: 70px;height: 70px;border-radius:50px;box-shadow:0 3px 6px rgba(0,0,0,0.05);z-index: 999;background: #fddc3f;}
    #add-channel-button img{display:block;width:100%;height:100%;object-fit:cover}

    /**/
    #index{}
    #index .title{margin:0 0 60px 0;line-height:62px;font-size:42px;font-weight:bold;color:#272727;text-align:center;}
    #index .visual{background:#e3efff;}
    #index .visual .slider{height: 600px;overflow: hidden;height: 420px;/* margin-top: 10px; */position: relative;}
    #index .visual .slider .swiper-slide{display:flex;/* height: 350px; *//* opacity:0; *//* visibility: hidden; */transition:all 0.5s;/* margin-top: 15px; */padding: 30px 0 75px;}
    #index .visual .slider .swiper-slide-active{opacity:1;visibility:visible}
    #index .visual .slider .swiper-nums{display:none;}
    #index .visual .slider .swiper-prev{position:absolute;top:50%;left: 20px;transform:translateY(-50%);margin: -25px 0 0 0;width: 40px;height: 40px;background: rgba(0,0,0,0.2);z-index: 2;border-radius: 40px;opacity:0;visibility:hidden;transition:all 0.3s}
    #index .visual .slider .swiper-next{position:absolute;top:50%;right: 20px;transform:translateY(-50%);margin: -25px 0 0 0;width: 40px;height: 40px;background: rgba(0,0,0,0.2);z-index: 2;border-radius: 40px;opacity:0;visibility:hidden;transition:all 0.3s}

    #index .visual .slider:hover .swiper-prev,
    #index .visual .slider:hover .swiper-next{opacity:1;visibility:visible}
    #index .visual .slider:hover .swiper-button-disabled{opacity:0.5;filter:grayscale(1);pointer-events: none;}
    #index .visual .text{width: 50%;display: flex;flex-direction: column;justify-content: center;/*align-items: flex-start;*/ }
    #index .visual .text .txt{margin: 0 0 12px 0;line-height: 46px;font-size: 32px;color: #363636;padding: 0 10px;}
    #index .visual .text .tit{line-height: 74px;font-size: 58px;font-weight: bold;color: #272727;padding: 0 10px;}
    #index .visual .text .tit p{position: relative;}
    #index .visual .text .tit p span{position:relative;z-index:2;}
    #index .visual .text .tit p:before{z-index:1;content:'';position:absolute;bottom:0;left: -10px;right: -10px;height:30px;background:#bdd3ff;}
    #index .visual .image{/* width: 50%; */display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 10px;overflow: hidden;}
    #index .visual .image img{display:block;width: 120%;height: auto;}
    #index .quick{margin: -42px 0 0 0;position:relative;z-index:1;}
    #index .quick .wrap{border-radius:20px;background:#ffffff;box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);}
    #index .quick ul{display:flex;height: 80px;align-items: center;padding: 0 51px;}
    #index .quick li{flex: 1;text-align:center;padding:10px 10px 10px 10px;}
    #index .quick li + li{margin-left:44px;}
    #index .quick li img{display:block;margin: 0 auto 14px;width: 78px;}
    #index .quick li p{display: block;line-height: 29px;font-size: 20px;font-weight:500;color:#272727;word-break: keep-all;}
    #index .info{position: relative;padding: 88px 20px 100px;}
    #index .info:after{content:'';position:absolute;bottom:0;left:40px;right:40px;height:740px;border-radius:40px;/*background:#f7f8fa*/ }
    #index .info .wrap{position:relative;z-index:2;}
    #index .info .cont{}
    #index .info .cont ul{display:flex;flex-wrap:wrap;margin: 0 -10px;}
    #index .info .cont li{width:33.33%;padding: 0 10px 42px;}
    #index .info .cont li .inner{display:block;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(0, 0,0,0.12);background:#ffffff;}
    #index .info .cont li .inner img{height:200px;width:100%;object-fit:cover;}
    #index .info .cont li .inner p{padding: 15px 16px;line-height: 35px;font-size: 18px;color:#272727;text-align: center;/*font-weight: bold;*/ word-break: keep-all;}
    #index .review{display:none;}
    #index .started{padding:0px 0;}
    #index .started .title br{display:none}
    #index .started .cont{}
    #index .started .cont ul{display:flex}
    #index .started .cont li{flex:1;}
    #index .started .cont li + li{margin-left:24px;}
    #index .started .cont li .inner{display:flex;flex-direction:column;padding:40px;border-radius:20px;background:#f7f8fa}
    #index .started .cont li .inner .tit{margin:0 0 68px 0;line-height:46px;font-size:32px;font-weight:bold;color:#444444;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 92px;}
    #index .started .cont li .inner .ico{display:flex;}
    #index .started .cont li .inner .ico img{display:block;margin-left:auto}
    #index .current{padding: 100px 60px 136px;}
    #index .current .box{background: #fafafa url("../img/current_bg.png") no-repeat 50% 50% / cover;border-radius: 50px;padding: 100px 0 112px 0;}
    #index .current .title{color:#ffffff}
    #index .current .cont{}
    #index .current .cont ul{display:flex}
    #index .current .cont li{flex:1;position:relative;display: flex;flex-direction: column;align-items: center;}
    #index .current .cont li + li:before{content:'';position:absolute;top:50%;left:0;width:1px;height:80px;background:#dfdfdf;opacity:0.4;transform:translateY(-50%)}
    #index .current .cont li span{line-height: 40px;font-size: 28px;color: #ffffff;opacity: 0.8;margin: 0 0 4px 0;}
    #index .current .cont li strong{position: relative;line-height: 87px;font-size: 60px;font-weight: 900;color: #ffffff;}
    #index .current .cont li strong:after{content:'';position:absolute;bottom:-12px;left:-10px;right:-10px;height:4px;background:#1c68ff;}
    #index .partner{padding: 0 60px;}
    #index .partner .box{background: #fafafa;border-radius: 50px;padding: 60px 0 80px;}
    #index .partner .cont{}
    #index .partner .cont ul{display: flex;justify-content: center;flex-wrap: wrap;}
    #index .partner .cont ul + ul{}
    #index .partner .cont li{display: flex;align-items: center;justify-content: center;width: 18.5%;height: 100px;border-radius: 12px;box-shadow: 0 2px 24px 0 rgba(0,0,0,0.08);background: #ffffff;flex-shrink:0;margin: 0 0 24px 0;}
    #index .partner .cont li + li{ margin-left:12px; }
    #index .service{padding:120px 20px;}
    #index .service .cont{}
    #index .service .cont ul{display: flex;justify-content: center;}
    #index .service .cont ul li{flex:1;}
    #index .service .cont ul li + li{margin-left:24px;}
    #index .service .cont ul li .inner{position: relative;}
    #index .service .cont ul li .img{position: relative;border-radius:14px;overflow:hidden;z-index: 1;}
    #index .service .cont ul li .img img{display:block;width:100%;height:320px }
    #index .service .cont ul li .con{position:absolute;bottom:0;left:0;width:100%;padding:40px;z-index: 2;}
    #index .service .cont ul li .tit{line-height: 46px;font-size: 32px;font-weight: bold;color: #ffffff;margin: 0 0 20px 0;}
    #index .service .cont ul li .act{}
    #index .service .cont ul li .act a{display: inline-flex;align-items: center;justify-content: center;padding: 16px 29px;border-radius: 12px;background: #1c68ff;line-height: 29px;font-size: 20px;font-weight: 500;color: #ffffff;}
    #index .service .cont ul li .act a i{margin-left:6px;width:24px;height:24px;background:url("../img/icon_link.png") no-repeat 50% 50% / contain}

    #login{padding:120px 16px;background:#ececec;}
    #login .login{margin:0 auto;border-radius:16px;background:#fff;width:520px;padding: 6px 40px;text-align: center;/*border: 1px solid #979797;*/}
    #login .login .title{line-height: 49px;font-size: 34px;font-weight: bold;color: #303030;margin: 0 0 15px 0;}
    #login .login .title em {position: relative;color:#e53e53;}
    #login .login .title em:before {content: '';position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);width: 8px;height: 8px;border-radius: 8px;background: #ff5700;}
    #login .login .text{margin: 0 0 54px 0;line-height: 32px;font-size: 22px;color: #616161;}
    #login .login .text .space{width:60px;flex:0 0 auto}
    #login .login .text .tit{margin:0 20px;}
    #login .login .text .formBox1 {display:flex;align-items:center;justify-content:center;}
    #login .login .text .formBox1 .label{height:32px;width:100%;}
    #login .login .text .formBox1 .label label{top:50% !important;transform:translateY(-50%);height:24px;}
    #login .login .text .formBox1 .label label span{height:20px;width:20px;margin:1px;}
    #login .login .title .drag{position:relative;background:#c4def9;border-left:3px solid #007dff;border-right:3px solid #007dff;color:#243e57}
    #login .login .title .drag:before{content:'';position:absolute;top:0;left:-1px;width:10px;height:10px;border-radius:10px;background: #007dff;transform:translate(-50%,-50%);}
    #login .login .title .drag:after{content:'';position:absolute;bottom:0;right:-1px;width:10px;height:10px;border-radius:10px;background: #007dff;transform:translate(50%,50%);}
    #login .login .title .drag em{color:#243e57}
    #login .login .title .drag em:before{display:none;}
    #login .login .method{display:none;margin-top:60px;}
    #login .login .method .tit{display: flex;align-items: center;justify-content: center;line-height: 24px;font-size: 16px;font-weight: 500;color: #535353;margin: 0 0 20px 0;}
    #login .login .method .tit:before{content:'';margin:0 20px;width:40px;height:1px;background:#525252;}
    #login .login .method .tit:after{content:'';margin:0 20px;width:40px;height:1px;background:#525252;}
    #login .login .method .txt{padding: 0 60px;}
    #login .login .method .txt a{display: flex;align-items: center;justify-content: center;width: 100%;height: 46px;border-radius: 8px;background: #fafafa;}
    #login .login .method .txt a + a{margin-top:10px;}
    #login .login .method .txt a i{margin: 0 10px 0 0;width: 24px;height: 24px;}
    #login .login .method .txt a p{line-height: 20px;font-size: 14px;font-weight: bold;color: #272727;}
    #login .login .method .txt a.kakao{background:#ffea26}
    #login .login .method .txt a.kakao i{background:url("../img/icon-sns-kaako.png") no-repeat 50% 50% / cover}
    #login .login .method .txt a.facebook{background:#4460a0}
    #login .login .method .txt a.facebook p{color:#ffffff}
    #login .login .method .txt a.facebook i{background:url("../img/icon-sns-facebook.png") no-repeat 50% 50% / cover}
    #login .login .method .txt a.google{background:#ffffff;border-color:#979797;}
    #login .login .method .txt a.google i{background:url("../img/icon-sns-google.png") no-repeat 50% 50% / cover}
    #login .login .method .txt a.naver{background:#00c73c}
    #login .login .method .txt a.naver p{color:#ffffff}
    #login .login .method .txt a.naver i{background:url("../img/icon-sns-naver.png") no-repeat 50% 50% / cover}
    #login .login .form{margin-bottom: 15px;margin-top: 30px;}
    #login .login .form dl{text-align: left;}
    #login .login .form dl + dl{margin-top: 20px;}
    #login .login .form dt{margin: 0 0 10px 0;line-height: 24px;font-size: 16px;font-weight: 500;color: #616161;}
    #login .login .form dd{}
    #login .login .form dd input[type="text"],
    #login .login .form dd input[type="password"],
    #login .login .form dd input[type="number"]{display: flex;padding: 6px 12px;width: 100%;height: 50px;border-radius: 4px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 14px;color: #303030;}
    #login .login .tool{display:flex;margin:20px 0 40px 0;}
    #login .login .tool .save{margin-right:auto;}
    #login .login .tool .save .checkbox{}
    #login .login .tool .save .checkbox input{}
    #login .login .tool .save .checkbox input ~ i{}
    #login .login .tool .save .checkbox input ~ p{font-size:14px;}
    #login .login .tool .find{margin-left:auto;}
    #login .login .tool .find a{font-size:14px;color:#999;}
    #login .login .button{display:flex;flex-direction:column}
    #login .login .button .btn{}
    #login .login .button .btn + .btn{margin-top:10px;}
    #login .login .sign{margin-top:30px;line-height:30px;font-size:15px;color:#999;}
    #login .login .sign a{color: #1c68ff;}

    #login .login.none{}
    #login .login.none .notmem{margin: 55px 0 0 0;}
    #login .login.none .notmem .tit{display: flex;align-items: center;justify-content: center;line-height: 24px;font-size: 16px;font-weight: 500;color: #535353;margin: 0 auto 20px;}
    #login .login.none .notmem .tit p{min-width:135px;}
    #login .login.none .notmem .tit:before{content:'';margin:0 20px;width:40px;height:1px;background:#525252;}
    #login .login.none .notmem .tit:after{content:'';margin:0 20px;width:40px;height:1px;background:#525252;}
    #login .login.none .notmem .form{}
    #login .login.none .notmem .form dl{text-align: left;}
    #login .login.none .notmem .form dl + dl{margin-top: 30px;}
    #login .login.none .notmem .form dt{margin: 0 0 10px 0;line-height: 24px;font-size: 16px;font-weight: 500;color: #616161;}
    #login .login.none .notmem .form dd{}
    #login .login.none .notmem .form dd .inp{display:flex;}
    #login .login.none .notmem .form dd .inp + .inp{margin-top:10px;}
    #login .login.none .notmem .form dd input[type="text"]{display: flex;padding: 0 24px;width: 100%;height: 60px;border-radius: 8px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 20px;color: #303030;}
    #login .login.none .notmem .form dd input[type="number"]{display: flex;padding: 0 24px;width: 100%;height: 60px;border-radius: 8px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 20px;color: #303030;}
    #login .login.none .notmem .form dd button{display: flex;padding: 0 24px;width: 100px;height: 60px;border-radius: 8px;background: #1c68ff;border: 1px solid #1c68ff;font-size: 20px;color: #ffffff;align-items: center;justify-content: center;margin-left: 10px;}
    #login .login.none .notmem .button{margin: 50px 0 0 0;}
    #login .login.none .notmem .button .btn{width: 100%;height: 56px;font-size: 20px;}
    #login .login.none .notmem .button .btn_01{}


    #complete{display: flex;align-items: center;justify-content: center;background: #fafafa;}
    #complete .complete{margin: 10vh auto;width: 520px;max-width: 100%;background: #ffffff;border-radius: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 68px 40px;text-align: center;}
    #complete .complete .title{line-height: 49px;font-size: 34px;font-weight: bold;color: #303030;margin: 0 0 15px 0;}
    #complete .complete .image{margin: 0 auto 40px;width: 120px;height: auto;}
    #complete .complete .image img{display: block;width: 100%;height: auto;}
    #complete .complete .text{line-height: 24px;font-size: 20px;font-weight: bold;color: #6b6b6b;margin: 0 0 20px 0;word-break: keep-all;}
    #complete .complete .button{margin-top: 50px;display: flex;align-items: center;justify-content: center;}
    #complete .complete .button .btn{display: flex;width: 200px;height: 56px;font-size: 18px;}
    #complete .complete .button .btn + .btn{}

    #join_complete{display: flex;align-items: center;justify-content: center;background: #fafafa;}
    #join_complete .complete{margin: 10vh auto;width: 520px;max-width: 100%;background: #ffffff;border-radius: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 68px 40px;text-align: center;}
    #join_complete .complete .title{line-height: 49px;font-size: 34px;font-weight: bold;color: #303030;margin: 0 0 15px 0;}
    #join_complete .complete .title img{height:24px;width:auto;}
    #join_complete .complete .image{margin: 0 auto 20px;width: 120px;height: auto;}
    #join_complete .complete .image img{display: block;width: 100%;height: auto;}
    #join_complete .complete .cont{line-height: 24px;font-size: 20px;font-weight: bold;color: #6b6b6b;margin: 0 0 20px 0;word-break: keep-all;}
    #join_complete .complete .cont strong{display: block;font-size: 24px;margin-bottom: 16px;color: #4b5563;}
    #join_complete .complete .cont span{font-weight: 500;}
    #join_complete .complete .button{margin-top: 50px;display: flex;align-items: center;justify-content: center;}
    #join_complete .complete .button .btn{display: flex;width: 200px;height: 56px;font-size: 18px;}
    #join_complete .complete .button .btn + .btn{}

    #login .bottom{position:fixed;width:520px;padding:10px 20px;bottom:60px;text-align:left;}
    #login .bottom .rankTitle{line-height:20px;font-size:14px;font-weight:400;color:#999;margin-bottom:20px;}
    #login .bottom .rankList{overflow:hidden;height:184px}
    #login .bottom .rankList ul{display:flex;flex-direction:column;}
    #login .bottom .rankList li{display:flex;cursor:pointer;align-items: center;}
    #login .bottom .rankList li .num{flex:0 0 auto;margin-right:10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#eee;font-size:13px;font-weight:bold;color:#f44336;}
    #login .bottom .rankList li .tit{width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:14px;font-weight:500;color:#222;}
    #login .bottom .rankList li .up{flex:0 0 auto;color:#F44336;font-size:13px;font-weight:bold;l}
    #login .bottom .rankList li .down{flex:0 0 auto;color:#1c68ff;font-size:13px;font-weight:bold;l}
    #login .bottom .rankList li.one .num,
    #login .bottom .rankList li.two .num,
    #login .bottom .rankList li.three .num {color:#f44336}

    #intro_detail{margin:0 auto;width:520px;max-width:100%;}
    #intro_detail .intro_detail{padding:60px 16px; 32px;}
    #intro_detail .intro_detail .header{margin-bottom:60px;}
    #intro_detail .intro_detail .header .tit{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;margin-bottom:20px;}
    #intro_detail .intro_detail .header .tit:before{content:'';margin-right:20px;width:50px;height:1px;background:#333;}
    #intro_detail .intro_detail .header .tit:after{content:'';margin-left:20px;width:50px;height:1px;background:#333;}
    #intro_detail .intro_detail .header .txt{text-align:center;font-size:14px;font-weight:400;color:#666;}
    #intro_detail .intro_detail .content{text-align: left;}
    #intro_detail .intro_detail .content .tit{margin-bottom:20px;font-size:16px;font-weight:400;color:#333;}
    #intro_detail .intro_detail .content .txt{}

    #sign{padding:120px 16px;background:#ececec;}
    #sign .sign{margin:0 auto;border-radius:16px;background:#fff;width:520px;padding: 68px 40px;}
    #sign .sign .title{line-height: 49px;font-size: 34px;font-weight: bold;color: #303030;margin: 0 0 15px 0;text-align: center;}
    #sign .sign .form{}
    #sign .sign .form dl{}
    #sign .sign .form dl + dl{margin-top:40px;}
    #sign .sign .form dt{margin: 0 0 10px 0;line-height: 24px;font-size: 16px;font-weight: 500;color: #616161;}
    #sign .sign .form dd{display: flex;}
    #sign .sign .form dd input[type="text"]{display: flex;padding: 0 24px;width: 100%;height: 60px;border-radius: 8px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 20px;color: #303030;}
    #sign .sign .form dd input.datepicker{padding: 0 0 0 60px;position:relative;}
    #sign .sign .form dd input.datepicker{background: #f7f8fa url("../img/icon_datepicker.png") no-repeat left 24px center / 24px auto;}
    #sign .sign .form dd button{display: flex;align-items: center;justify-content: center;width: 120px;height: 60px;font-size: 20px;font-weight: 400;border-radius: 8px;flex-shrink: 0;}
    #sign .sign .form dd select{display: flex;padding: 0 24px;width: 100%;height: 60px;border-radius: 8px;border: 1px solid #e2e6ed;font-size: 20px;background: #f7f8fa url("../img/icon_select.png") no-repeat right 24px center;color: #ccc;}
    #sign .sign .form dd select option[value=""][disabled]{display:none;}
    #sign .sign .form dd .msg_info{margin: 40px 0 0 0;line-height: 24px;font-size: 16px;font-weight: 500;color: #3869f5;}
    #sign .sign .form dd input ~ button{margin: 0 0 0 10px;}
    #sign .sign .button{margin: 40px 0 0 0;display: flex;align-items: center;justify-content: center;}
    #sign .sign .button .btn{width: 100%;height: 56px;font-size: 20px;font-weight: 500;}
    #sign .sign .button .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4}

    #find{padding:120px 16px;background:#ececec;}
    #find .find{margin:0 auto;border-radius:16px;background:#fff;width:520px;padding: 68px 40px;}
    #find .find .title{line-height: 49px;font-size: 34px;font-weight: bold;color: #303030;margin: 0 0 15px 0;text-align: center;}
    #find .find .text{line-height: 24px;font-size: 18px;color: #606060;margin: 0 0 15px 0;text-align: center;}
    #find .find .form{}
    #find .find .form dl{}
    #find .find .form dl + dl{margin-top:40px;}
    #find .find .form dt{margin: 0 0 10px 0;line-height: 24px;font-size: 16px;font-weight: 500;color: #616161;}
    #find .find .form dd{display: flex;flex-direction: column;}
    #find .find .form dd input[type="text"]{display: flex;padding: 6px 12px;width: 100%;height: 50px;border-radius: 4px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 14px;color: #303030;}
    #find .find .form .inp{display:flex}
    #find .find .form .error{margin-top: 6px;color:#f00;font-size:13px;}
    #find .find .button{margin: 40px 0 0 0;display: flex;align-items: center;justify-content: center;}
    #find .find .button .btn{width: 100%;height: 56px;font-size: 20px;font-weight: 500;}
    #find .find .button .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4}
    #find .find .result{}
    #find .find .result .img{width: 100px;height: 100px;margin: 0 auto 25px;}
    #find .find .result .img img{display:block;width:auto;max-width:100%;height:auto;}
    #find .find .result .txt{margin-bottom:50px;text-align: center;line-height: 24px;font-size: 18px;color: #606060;}

    #change{padding:120px 16px;background:#ececec;}
    #change .change{margin:0 auto;border-radius:16px;background:#fff;width:520px;padding: 68px 40px;}
    #change .change .title{line-height: 49px;font-size: 34px;font-weight: bold;color: #303030;margin: 0 0 15px 0;text-align: center;}
    #change .change .text{line-height: 24px;font-size: 18px;color: #606060;margin: 0 0 15px 0;text-align: center;}
    #change .change .form{}
    #change .change .form dl{}
    #change .change .form dl + dl{margin-top:40px;}
    #change .change .form dt{margin: 0 0 10px 0;line-height: 24px;font-size: 16px;font-weight: 500;color: #616161;}
    #change .change .form dd{display: flex;flex-direction: column;}
    #change .change .form dd + dd{margin-top:20px;}
    #change .change .form dd input[type="text"]{display: flex;padding: 6px 12px;width: 100%;height: 50px;border-radius: 4px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 14px;color: #303030;}
    #change .change .form .inp{display:flex}
    #change .change .form .error{margin-top: 6px;color:#f00;font-size:13px;}
    #change .change .button{margin: 40px 0 0 0;display: flex;align-items: center;justify-content: center;}
    #change .change .button .btn{width: 100%;height: 56px;font-size: 20px;font-weight: 500;}
    #change .change .button .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4}

    #myinfo{padding:120px 16px;background:#ececec;}
    #myinfo .myinfo{margin:0 auto;border-radius:16px;background:#fff;width:520px;padding: 68px 40px;}
    #myinfo .myinfo .title{line-height: 49px;font-size: 34px;font-weight: bold;color: #303030;margin: 0 0 15px 0;text-align: center;}
    #myinfo .myinfo .link{display:flex;align-items:center;justify-content:flex-end;margin-bottom: 30px;}
    #myinfo .myinfo .link a{font-size:16px;font-weight:400;color:#909090;text-decoration:underline}
    #myinfo .myinfo .form{}
    #myinfo .myinfo .form dl{display: flex;min-height: 50px;align-items: flex-start;}
    #myinfo .myinfo .form dl + dl{/* margin-top: 25px; */}
    #myinfo .myinfo .form dt{margin: 0 0 10px 0;line-height: 24px;font-size: 16px;font-weight: 500;color: #616161;width: 160px;min-height: 50px;align-items: center;display: flex;}
    #myinfo .myinfo .form dd{display: flex;flex-direction: column;flex: 1;text-align: right;align-items: flex-end;}
    #myinfo .myinfo .form dd + dd{margin-top:20px;}
    #myinfo .myinfo .form dd input[type="text"],
    #myinfo .myinfo .form dd .box{display: flex;padding: 6px 12px;width: 100%;height: 50px;border-radius: 4px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 14px;color: #303030;align-items: center;}
    #myinfo .myinfo .form dd button{display: flex;padding: 6px 12px;width: 100px;height: 50px;border-radius: 4px;border: 1px solid transparent;font-size: 14px;}
    #myinfo .myinfo .form dd input[type="text"] ~ button{margin-left:10px;}
    #myinfo .myinfo .form .inp{display:flex;min-height: 50px;align-items: center;width: 100%;}
    #myinfo .myinfo .form .act{display:flex;justify-content:flex-end;height: 50px;align-items: center;}
    #myinfo .myinfo .form .act a{font-size:15px;color: #909090;text-decoration: underline;}
    #myinfo .myinfo .form .inp + .inp{margin-top:10px;}
    #myinfo .myinfo .form .act + .inp{margin-top:10px}
    #myinfo .myinfo .form .error{margin-top: 6px;color:#f00;font-size:13px;}
    #myinfo .myinfo .agree{margin-top: 50px;}
    #myinfo .myinfo .agree .tit{margin-bottom: 16px;line-height: 24px;font-size: 18px;font-weight: 500;color: #303030;}
    #myinfo .myinfo .agree .con{}
    #myinfo .myinfo .agree .con dl{display: flex;align-items: center;height: 36px;}
    #myinfo .myinfo .agree .con dt{width: 100px;flex-shrink:0;}
    #myinfo .myinfo .agree .con dd{flex: 1;display: flex;align-items: center;justify-content: flex-end;}
    #myinfo .myinfo .agree .agreebox{cursor:pointer;display:flex;}
    #myinfo .myinfo .agree .agreebox input[type="checkbox"]{display: none;}
    #myinfo .myinfo .agree .agreebox input[type="checkbox"] ~  i{width: 40px;height: 12px;background: rgb(0 0 0 / 10%);flex-shrink:0;border-radius: 20px;position: relative;display: flex;align-items: center;}
    #myinfo .myinfo .agree .agreebox input[type="checkbox"] ~  i:before{content:'';width: 20px;height: 20px;background: #606060;border-radius: 60px;box-shadow: 0 0 3px rgba(0,0,0,0.05);position: absolute;top: 50%;left: 0;transform: translateY(-50%);transition: all 0.3s;}
    #myinfo .myinfo .agree .agreebox input[type="checkbox"] ~  p{line-height: 29px;font-size: 18px;color: #444444;}
    #myinfo .myinfo .agree .agreebox input[type="checkbox"]:checked ~ i{background: rgb(28 104 255 / 20%);}
    #myinfo .myinfo .agree .agreebox input[type="checkbox"]:checked ~ i:before{background: #1c68ff;left: calc(100% - 20px);}
    #myinfo .myinfo .button{margin: 40px 0 0 0;display: flex;align-items: center;justify-content: center;}
    #myinfo .myinfo .button .btn{width: 100%;height: 56px;font-size: 20px;font-weight: 500;}
    #myinfo .myinfo .button .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4}

    #withdraw{padding:120px 16px;background:#ececec;}
    #withdraw .withdraw{margin:0 auto;border-radius:16px;background:#fff;width:520px;padding: 68px 40px;}
    #withdraw .withdraw .title{line-height: 49px;font-size: 34px;font-weight: bold;color: #303030;margin: 0 0 15px 0;text-align: center;}
    #withdraw .withdraw .text{line-height: 24px;font-size: 18px;color: #606060;margin: 0 0 15px 0;text-align: center;}
    #withdraw .withdraw .caution{margin-bottom: 50px;margin-top: 50px;}
    #withdraw .withdraw .caution p{display:flex;line-height:19px;font-size:15px;color:#303030;}
    #withdraw .withdraw .caution p:before{content:'';flex-shrink:0;width:3px;height:3px;border-radius:3px;margin: 9px 12px 0 0;background:#303030;}
    #withdraw .withdraw .caution p + p{margin-top:6px;}
    #withdraw .withdraw .agree{display:flex;flex-direction:column;}
    #withdraw .withdraw .agree .checkbox{}
    #withdraw .withdraw .agree .checkbox input{}
    #withdraw .withdraw .agree .checkbox input ~ i{}
    #withdraw .withdraw .agree .checkbox input ~ p{font-size:16px;color:#606060;}
    #withdraw .withdraw .agree .error{margin-top: 6px;color:#f00;font-size:13px;}
    #withdraw .withdraw .button{margin: 40px 0 0 0;display: flex;align-items: center;justify-content: center;}
    #withdraw .withdraw .button .btn{width: 100%;height: 56px;font-size: 20px;font-weight: 500;}
    #withdraw .withdraw .button .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4}

    #event{padding: 0 16px;/* background:#ececec; */border-top: 1px solid #e3e3e3;}
    #event .event{margin:0 auto;background: rgb(28 104 255 / 5%);width:520px;padding: 68px 40px;}
    #event .event .title{line-height: 49px;font-size: 34px;font-weight: bold;color: #303030;margin: 0 0 15px 0;text-align: center;}
    #event .event .text{line-height: 24px;font-size: 18px;color: #606060;margin: 0 0 15px 0;text-align: center;}
    #event .event .image{margin-bottom: 50px;}
    #event .event .image .box{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 240px;padding: 50px;background:url("../img/event_bg.png") no-repeat 50% 50% / contain;text-align: center;}
    #event .event .image .name{margin-bottom: 10px;line-height: 24px;font-size: 20px;font-weight: bold;}
    #event .event .image .price{line-height: 1;font-size: 50px;font-weight: bold;}
    #event .event .info{text-align: center;}
    #event .event .info .tit{line-height: 32px;font-size: 24px;font-weight: 500;margin-bottom: 32px;}
    #event .event .info .txt{line-height:24px;font-size: 15px;}
    #event .event .info .txt strong{display:block;margin-top:6px;font-size:30px;font-weight:bold;}
    #event .event .button{margin: 68px -40px -68px;padding: 68px 40px;display: flex;flex-direction:column;align-items: center;justify-content: center;background: #ffffff;}
    #event .event .button .btn{width: 100%;height: 56px;font-size: 20px;font-weight: 500;}
    #event .event .button .btn + .btn{margin-top:10px;}
    #event .event .button .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4}


    #join{padding:120px 16px;background:#ececec;}
    #join .join{margin:0 auto;border-radius:16px;background:#fff;width:520px;padding: 68px 40px;}
    #join .join .title{line-height: 49px;font-size: 34px;font-weight: bold;color: #303030;margin: 0 0 15px 0;text-align: center;}
    #join .join .form{}
    #join .join .form .inp{display:flex}
    #join .join .form .error{margin-top: 6px;color:#f00;font-size:13px;}
    #join .join .form dl{}
    #join .join .form dl + dl{margin-top: 30px;}
    #join .join .form dt{margin: 0 0 8px 0;line-height: 20px;font-size: 14px;font-weight: 500;color: #616161;}
    #join .join .form dd{display: flex;flex-direction: column;}
    #join .join .form dd + dd{margin-top:15px;}
    #join .join .form dd input[type="text"],
    #join .join .form dd input[type="password"],
    #join .join .form dd input[type="number"]{display: flex;padding: 6px 12px;width: 100%;height: 50px;border-radius: 4px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 14px;color: #303030;}
    #join .join .form dd input.datepicker{padding: 0 0 0 46px;position:relative;}
    #join .join .form dd input.datepicker{background: #f7f8fa url("../img/icon_datepicker.png") no-repeat left 16px center / 18px auto;}
    #join .join .form dd button{display: flex;align-items: center;justify-content: center;width: 100px;height: 50px;font-size: 16px;font-weight: 400;border-radius: 8px;flex-shrink: 0;}
    #join .join .form dd select{display: flex;padding: 0 16px;width: 100%;height: 56px;border-radius: 8px;border: 1px solid #e2e6ed;font-size: 16px;background: #f7f8fa url("../img/icon_select.png") no-repeat right 24px center;color: #ccc;}
    #join .join .form dd select option[value=""][disabled]{display:none;}
    #join .join .form dd .msg_info{margin: 20px 0 0 0;line-height: 20px;font-size: 14px;font-weight: 500;color: #3869f5;}
    #join .join .form dd input ~ button{margin: 0 0 0 8px;}
    #join .join .agree{margin:30px 0;}
    #join .join .agree ul{}
    #join .join .agree li{}
    #join .join .agree li + li{margin-top:10px;}
    #join .join .button{margin: 30px 0 0 0;display: flex;align-items: center;justify-content: center;}
    #join .join .button .btn{width: 100%;height: 46px;font-size: 16px;font-weight: 500;}
    #join .join .button .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4}
    #join .join .login{margin-top:30px;line-height:30px;font-size:15px;color:#999;text-align:center;}
    #join .join .login a{color: #1c68ff;vertical-align:top;}

    #service{}
    #service .service{padding: 120px 16px 0;background:#e6eeff;text-align: center;}
    #service .service .title{margin: 0 0 24px 0;line-height: 61px;font-size: 42px;font-weight: bold;color: #272727;}
    #service .service .text{line-height: 52px;font-size: 32px;color: #444444;margin: 0 0 24px 0;}
    #service .service .text span{color:#1c68ff;font-weight:bold;}
    #service .service .patent{margin: 0 auto;width: 940px;max-width: 100%;}
    #service .service .patent img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}
    #service .process{}
    #service .process ul{}
    #service .process li{padding: 168px 0;}
    #service .process li .wrap{display: flex;align-items: center;}
    #service .process li .img{width: 632px;flex-shrink: 0;border-radius: 30px;overflow: hidden;margin: 0 0 0 90px;order: 2;}
    #service .process li .img img{display: block;width: auto;max-width: 100%;height: auto;}
    #service .process li .con{flex: 1;}
    #service .process li .step{margin: 0 0 12px 0;line-height: 46px;font-size: 32px;font-weight: bold;color: #1c68ff;}
    #service .process li .tit{margin: 0 0 24px 0;line-height: 61px;font-size: 42px;font-weight: bold;color: #272727;}
    #service .process li .txt{line-height: 52px;font-size: 32px;color: #444444;}
    #service .process li:nth-child(even){background:#f7f8fa}
    #service .process li:nth-child(even) .img{order:1;margin:0 90px 0 0;}
    #service .process li:nth-child(even) .con{order:2;}

    #consultation{background:#ececec;border-top: 1px solid #e7e7e7;min-height:910px;}
    #consultation .category{position:relative;box-shadow: 0 8px 14px rgba(0,0,0,0.04);background:#fff;padding: 30px 0;text-align: center;}
    #consultation .category .tit{line-height: 35px;font-size: 24px;font-weight: bold;color: #272727;margin: 0 0 30px 0;}
    #consultation .category .con{}
    #consultation .category .con ul{display: flex;align-items: center;justify-content: center;}
    #consultation .category .con li{}
    #consultation .category .con li + li{margin-left:auto}
    #consultation .category .con li a{}
    #consultation .category .con li a img{display:block;margin:0 auto;width:auto;height:70px;}
    #consultation .category .con li a p{margin:10px 0 0 0;height:52px;line-height:26px;font-size:18px;font-weight:500;color:#272727;}
    #consultation .consultation{padding: 80px 0;background: #ffffff;}
    #consultation .consultation .box{padding: 0 120px 0 0;}
    #consultation .consultation .box .title{ /*display: none;*/ line-height: 49px;font-size: 34px;font-weight: bold;color: #272727;margin: 0 0 30px 0;}
    #consultation .consultation .box .text{line-height: 24px;font-size: 16px;color: #272727;margin: 0 0 40px 0;}
    #consultation .consultation .box .image{margin: 0 0 40px 0;}
    #consultation .consultation .box .image img{display: block;width: 100%;height: auto;}
    #consultation .consultation .box .info{}
    #consultation .consultation .box .info dl{margin: 0 !important;}
    #consultation .consultation .box .info dl + dl{margin: 100px 0 0 0 !important}
    #consultation .consultation .box .info dt{line-height: 49px;font-size: 34px;font-weight: bold;color: #272727;margin: 0 0 30px 0;}
    #consultation .consultation .box .info dd{line-height: 24px;font-size: 16px;color: #272727;display: grid;grid-gap: 20px;grid-template-columns: repeat(5, 1fr);}
    #consultation .consultation .box .info dd .item{display: flex;align-items: center;justify-content: center;background: #ffffff;height: 60px;border: 2px solid #d5d5d5;padding: 0 5px;border-radius: 60px;text-align: center;font-size: 16px;font-weight: 500;color: #404040;word-break: keep-all;cursor: pointer;width: auto;float: unset;margin: 0;}
    #consultation .consultation .box .info dd .item.on,
    #consultation .consultation .box .info dd .item:hover{border-color:#3275fe;color:#3275fe;}
    #consultation .consultation .box .button{margin: 60px 0 0 0;padding: 18px;display: flex;align-items: center;justify-content: center;position: sticky;bottom: 0;background: #ffffff;}
    #consultation .consultation .box .button .btn{max-width: 100%;height: 56px;font-size: 20px;font-weight: 500;}
    #consultation .consultation .box .button .btn + .btn{margin-left: 10px;}
    #consultation .consultation .box .button .btn_01{width: 356px;}
    #consultation .consultation .box .button .btn_02{width: 120px;}
    #consultation .consultation .box .cont{}
    #consultation .consultation .box .cont img{max-width:100%;height:auto;}
    #consultation .consultation.intro{padding: 50px 0;background:#f1f1f1;}
    #consultation .consultation.intro .wrap{border-radius:24px;background:#ffffff;width:800px;margin:0 auto;}
    #consultation .consultation.intro .wrap .box{padding:20px 40px}
    #consultation .consultation_step{padding: 60px 0;margin:0 auto;width:520px;max-width:100%;}
    #consultation .consultation_step .step{margin:0 0 30px 0;}
    #consultation .consultation_step .step .num{text-align:center;line-height:29px;font-size:20px;font-weight:500;color:#979797;}
    #consultation .consultation_step .step .num strong{font-weight:bold;color:#1c68ff}
    #consultation .consultation_step .step .bar{position:relative;margin:10px 0;width:100%;height:8px;border-radius:8px;background:#dadada;overflow:hidden;}
    #consultation .consultation_step .step .bar i{position:absolute;top:0;left:0;bottom:0;background:#1c68ff;border-radius:8px;transition: all 0.5s;}
    #consultation .consultation_step .content{border-radius:20px;background: #fff;padding: 40px;position:relative;}
    #consultation .consultation_step .content .title{padding: 20px 0 40px;text-align:center;}
    #consultation .consultation_step .content .title .tit{line-height: 49px;font-size: 28px;font-weight: bold;color: #303030;word-break: keep-all;}
    #consultation .consultation_step .content .title .txt{margin-top:10px;font-size:17px;color:#616161;}
    #consultation .consultation_step .content .text{min-height:240px}
    #consultation .consultation_step .content .text input[type="text"]{display: block;width: 100%;height: 60px;border-radius: 8px;border: 1px solid #e2e6ed;background: #f7f8fa;padding: 0 24px;font-size: 16px;line-height: 29px;}
    #consultation .consultation_step .content .selected{/*height: 270px;overflow-y: auto;*/}
    #consultation .consultation_step .content .selected ul{}
    #consultation .consultation_step .content .selected li{}
    #consultation .consultation_step .content .selected li .checked{}
    #consultation .consultation_step .content .selected li .checked input[type="radio"]{display: none;}
    #consultation .consultation_step .content .selected li .checked input[type="radio"] ~ .box{cursor:pointer;display:flex;align-items: flex-start;min-height: 60px;padding:16px 24px;border-radius:8px;border:1px solid #e2e6ed;background:#f7f8fa}
    #consultation .consultation_step .content .selected li .checked input[type="radio"] ~ .box i{width:20px;height:20px;background:#dadada;margin: 5px 12px 0 0;flex-shrink:0;border-radius: 20px;position: relative;}
    #consultation .consultation_step .content .selected li .checked input[type="radio"] ~ .box i:before{content:'';position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:10px;background:#ffffff;transform:translate(-50%,-50%)}
    #consultation .consultation_step .content .selected li .checked input[type="radio"] ~ .box p{line-height: 29px;font-size: 18px;color: #444444;}
    #consultation .consultation_step .content .selected li .checked input[type="radio"]:checked ~ .box{border-color:#1c68ff}
    #consultation .consultation_step .content .selected li .checked input[type="radio"]:checked ~ .box i{background:#1c68ff}
    #consultation .consultation_step .content .selected li .checked input[type="checkbox"]{display: none;}
    #consultation .consultation_step .content .selected li .checked input[type="checkbox"] ~ .box{cursor:pointer;display:flex;align-items: flex-start;min-height: 60px;padding:16px 24px;border-radius:8px;border:1px solid #e2e6ed;background:#f7f8fa}
    #consultation .consultation_step .content .selected li .checked input[type="checkbox"] ~ .box i{width:20px;height:20px;background:#dadada;margin: 5px 12px 0 0;flex-shrink:0;border-radius: 4px;position: relative;}
    #consultation .consultation_step .content .selected li .checked input[type="checkbox"] ~ .box i:before{content:'';position:absolute;top:50%;left:50%;width: 24px;height: 24px;background: url("../img/icon_checkbox.png") no-repeat 50% 50% / 100% auto;transform:translate(-50%,-50%)}
    #consultation .consultation_step .content .selected li .checked input[type="checkbox"] ~ .box p{line-height: 29px;font-size: 18px;color: #444444;}
    #consultation .consultation_step .content .selected li .checked input[type="checkbox"]:checked ~ .box{border-color:#1c68ff}
    #consultation .consultation_step .content .selected li .checked input[type="checkbox"]:checked ~ .box i{background:#1c68ff}
    #consultation .consultation_step .content .selected li + li{margin-top:16px;}
    #consultation .consultation_step .content .selected li input[type="text"]{display: block;width: 100%;height: 60px;border-radius: 8px;border: 1px solid #e2e6ed;background: #f7f8fa;padding: 0 24px;font-size: 16px;line-height: 29px;}
    #consultation .consultation_step .content .selected li textarea{display: block;width: 100%;height: 100px;border-radius: 8px;border: 1px solid #e2e6ed;background: #f7f8fa;padding: 12px 24px;font-size: 16px;line-height: 29px;}
    #consultation .consultation_step .content .filed{min-height:240px}
    #consultation .consultation_step .content .filed .file{cursor: pointer;display: flex;align-items: center;justify-content: center;min-height: 60px;padding: 16px 24px;border-radius: 8px;border: 1px solid #1c68ff;background: #fff;color: #1c68ff;}
    #consultation .consultation_step .content .filed .file input[type="file"]{display: none;}
    #consultation .consultation_step .content .filed .file input[type="file"] ~ p{line-height: 29px;font-size: 20px;color:#1c68ff;}
    #consultation .consultation_step .content .filed .file input[type="file"] ~ i{margin-left: 4px;width: 15px;height: 15px;background:url("../img/icon_upload.png") no-repeat 50% 50% / contain}
    #consultation .consultation_step .content .filed dl{}
    #consultation .consultation_step .content .filed dl + dl{margin-top:40px;}
    #consultation .consultation_step .content .filed dt{line-height:24px;font-size:16px;font-weight:500;color:#616161;margin:0 0 16px 0;display:flex;align-items:center;}
    #consultation .consultation_step .content .filed dt button{margin-left:12px;width:24px;height:24px;}
    #consultation .consultation_step .content .filed dt button img{display:block;width:auto;max-width:100%}
    #consultation .consultation_step .content .filed dd{}
    #consultation .consultation_step .content .filed ul{margin: 36px 0 0 0;}
    #consultation .consultation_step .content .filed ul li{display:flex;align-items: center;}
    #consultation .consultation_step .content .filed ul li .ico{margin: 0 12px 0 0;width: 20px;flex-shrink: 0;}
    #consultation .consultation_step .content .filed ul li .ico img{display: block;width: auto;max-width: 100%;height: auto;}
    #consultation .consultation_step .content .filed ul li .name{line-height:29px;font-size:20px;color:#272727;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    #consultation .consultation_step .content .filed ul li .delete{margin-left:auto;width:24px;height:24px;flex-shrink: 0;}
    #consultation .consultation_step .content .filed ul li .delete img{display:block;width:100%;object-fit:contain;}
    #consultation .consultation_step .content .filed ul li + li{margin:16px 0 0 0;}
    #consultation .consultation_step .content .form{min-height:240px}
    #consultation .consultation_step .content .form{}
    #consultation .consultation_step .content .form dl{}
    #consultation .consultation_step .content .form dl + dl{margin-top:40px;}
    #consultation .consultation_step .content .form dt{margin: 0 0 10px 0;line-height: 24px;font-size: 16px;font-weight: 500;color: #616161;}
    #consultation .consultation_step .content .form dd{display: flex;}
    #consultation .consultation_step .content .form dd input[type="text"]{display: flex;padding: 0 24px;width: 100%;height: 60px;border-radius: 8px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 20px;color: #303030;}
    #consultation .consultation_step .content .form dd input.datepicker{padding: 0 0 0 60px;position:relative;}
    #consultation .consultation_step .content .form dd input.datepicker{background: #f7f8fa url("../img/icon_datepicker.png") no-repeat left 24px center / 24px auto;}
    #consultation .consultation_step .content .form dd textarea{display: block;width: 100%;height: 92px;border-radius: 8px;border: 1px solid #e2e6ed;background: #f7f8fa;padding: 12px 24px;font-size: 20px;line-height: 34px;}
    #consultation .consultation_step .content .form dd button{display: flex;align-items: center;justify-content: center;width: 120px;height: 60px;font-size: 20px;font-weight: 400;border-radius: 8px;flex-shrink: 0;}
    #consultation .consultation_step .content .form dd select{display: flex;padding: 0 24px;width: 100%;height: 60px;border-radius: 8px;border: 1px solid #e2e6ed;font-size: 20px;background: #f7f8fa url("../img/icon_select.png") no-repeat right 24px center;color: #979797;}
    #consultation .consultation_step .content .form dd select option[value=""][disabled]{display:none;}
    #consultation .consultation_step .content .form dd select.select_timer{padding: 0 0 0 55px;position:relative;}
    #consultation .consultation_step .content .form dd select.select_timer{background: #f7f8fa url("../img/icon_datetimer.png") no-repeat left 24px center / 20px auto;}
    #consultation .consultation_step .content .form dd .msg_info{margin: 40px 0 0 0;line-height: 24px;font-size: 16px;font-weight: 500;color: #3869f5;}
    #consultation .consultation_step .content .form dd input ~ button{margin: 0 0 0 10px;}
    #consultation .consultation_step .content .button{margin-top: 30px;display: flex;align-items: center;}
    #consultation .consultation_step .content .button .btn{height: 60px;border-radius: 12px;font-size: 20px;font-weight: 500;flex: auto;}
    #consultation .consultation_step .content .button .btn + .btn{margin-left:10px}
    #consultation .consultation_step .content .button .btn_prev{width: 28%;}
    #consultation .consultation_step .content .button .btn_next{width: 72%;}
    #consultation .consultation_step .content .question{position:absolute;top:25px;right:25px;}
    #consultation .consultation_step .content .question img{width:35px;height:auto;display:block;cursor: pointer;}
    #consultation .consultation_step .content .question p{position:absolute;top:100%;left: 50%;margin: 13px 0 0 0;width:300px;background:#fff;border-radius: 10px;padding: 12px;border:1px solid #f7f8fa;font-size: 12px;color:#999;word-break:keep-all;text-align:center;transform: translateX(-50%);opacity: 0;visibility: hidden;}
    #consultation .consultation_step .content .question p:before{content:'';position:absolute;z-index:2;top:0;left:50%;transform: rotate(-45deg) translateX(-50%);background: #fff;width: 16px;height: 16px;margin-top: -12px;}
    #consultation .consultation_step .content .question p:after{content:'';position:absolute;z-index:1;top:0;left:50%;transform: rotate(-45deg) translateX(-50%);background: #f7f8fa;width: 16px;height: 16px;margin-top: -13px;}
    #consultation .consultation_step .content .question.active p{opacity:1;visibility:visible}
    #consultation .consultation_step .result{border-radius: 20px;background: #fff;padding: 40px;position:relative;text-align: center;padding-top: 60px;}
    #consultation .consultation_step .result .member{}
    #consultation .consultation_step .result .member .img{margin: 0 0 40px 0;}
    #consultation .consultation_step .result .member .img img{display: block;width: auto;max-width: 100%;height: auto;}
    #consultation .consultation_step .result .member .tit{line-height: 35px;font-size: 24px;font-weight: 500;color: #444444;position: relative;padding: 16px 0 0 0;margin: 0 0 24px 0;}
    #consultation .consultation_step .result .member .tit:before{content:'';position:absolute;top:0;left:50%;width:100%;height:6px;transform:translateX(-50%);background:url("../img/consultation_result_dot.png") no-repeat 50% 50% }
    #consultation .consultation_step .result .tit{line-height: 35px;font-size: 32px;font-weight: bold;color: #444444;position: relative;padding: 16px 0 0 0;margin: 0 0 24px 0;}
    #consultation .consultation_step .result .txt{  font-size: 18px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.65;letter-spacing: normal;text-align: center;color: #616161;}
    #consultation .consultation_step .result .member .con{}
    #consultation .consultation_step .result .member .con ul{}
    #consultation .consultation_step .result .member .con li{}
    #consultation .consultation_step .result .member .con li a{display:flex;padding: 20px 26px 20px 20px;border-radius: 12px;background-color: #f7f8fa;}
    #consultation .consultation_step .result .member .con li + li{margin-top:24px;}
    #consultation .consultation_step .result .member .con li .info{flex:1;text-align: left;display: flex;flex-direction: column;align-items: flex-start;}
    #consultation .consultation_step .result .member .con li .cate{margin: 0 0 8px 0;border-radius: 8px;border: 1px solid #1c68ff;padding: 0 12px;display: inline-flex;height: 40px;align-items: center;justify-content: center;font-size: 18px;font-weight: 500;color: #1c68ff;}
    #consultation .consultation_step .result .member .con li .name{line-height: 32px;font-size: 20px;font-weight: bold;color: #272727;}
    #consultation .consultation_step .result .member .con li .name em{font-size:16px;font-weight:500;color:#979797;}
    #consultation .consultation_step .result .member .con li .name del{color:#272727}
    #consultation .consultation_step .result .member .con li .price{margin-left:25px;padding-left:25px;border-left: 3px dotted #d2d7e0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
    #consultation .consultation_step .result .member .con li .price p{margin:0 0 2px 0;line-height:24px;font-size:16px;font-weight:500;color:#6b6b6b;}
    #consultation .consultation_step .result .member .con li .price strong{line-height: 35px;font-size: 24px;font-weight: bold;color: #1c68ff;}
    #consultation .consultation_step .result .benefit{margin: 40px 0 0 0;background: #edf3ff;border-radius: 16px;padding: 40px 65px;}
    #consultation .consultation_step .result .benefit .img{width: 80px;height: 80px;margin: 0 auto 10px;border-radius: 8px;background: #ffffff;overflow: hidden;display: flex;align-items: center;justify-content: center;}
    #consultation .consultation_step .result .benefit .tit{line-height: 35px;font-size: 24px;font-weight: 500;color: #6b6b6b;}
    #consultation .consultation_step .result .benefit .tit strong{line-height: 49px;font-size: 34px;font-weight: bold;color: #272727;}
    #consultation .consultation_step .result .benefit .tit strong span{color: #1c68ff;text-decoration: underline;}
    #consultation .consultation_step .result .benefit .act{margin: 24px 0 0 0;}
    #consultation .consultation_step .result .benefit .act .btn{width: 100%;height: 60px;font-size: 20px;font-weight: 500;}

    #faq{padding: 60px 16px;border-top: 1px solid #e7e7e7;}
    #faq .title{line-height: 50px;font-size: 42px;font-weight: bold;color: #272727;margin: 0 0 38px 0;}
    #faq .list{}
    #faq .list ul{}
    #faq .list li{margin: 0 0 16px 0;background: #f1f1f1;border-radius: 16px;overflow: hidden;}
    #faq .list li .subject{position: relative;z-index: 2;display: flex;width: 100%;padding: 21px 40px;align-items: center;}
    #faq .list li .subject p{line-height: 26px;font-size: 18px;font-weight: 500;color: #272727;opacity: 0.8;}
    #faq .list li .subject i{margin: 0 0 0 auto;width: 22px;height: 22px;background: url("../img/faq_arrow.png") no-repeat 50% 50% / contain;transition:all 0.5s}
    #faq .list li .content{margin: 0 50px;padding: 10px 0 20px;position: relative;z-index: 1;border-radius: 8px 8px 0 0;line-height: 24px;font-size: 16px;color: #1f1f1f;display: none;border-top: 1px solid #dededf;}
    #faq .list li.active .subject{}
    #faq .list li.active .subject p{opacity:1;color: #1c68ff;}
    #faq .list li.active .subject i{transform:rotate(180deg)}
    #faq .list li.active .subject ~ .content{}

    #qna{padding: 60px 16px;border-top: 1px solid #e7e7e7;}
    #qna .wrap{width:720px;}
    #qna .title{line-height: 50px;font-size: 42px;font-weight: bold;color: #272727;margin: 0 0 38px 0;}
    #qna .search{margin: 50px 0;display:flex;align-items:center;justify-content:center;}
    #qna .search .form{border-radius:5px;display:flex;background:#ffffff;border: 1px solid #e0e0e0;overflow: hidden;width: 100%;}
    #qna .search .form button{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
    #qna .search .form button img{width: 24px;display: block;height: auto;}
    #qna .search .form input{width: 100%;height: 50px;font-size: 17px;background: transparent;}
    #qna .button{display:flex;align-items:center;justify-content:flex-end;margin: 50px 0;}
    #qna .button .btn{min-width: 180px;height: 50px;}
    #qna .list{}
    #qna .list ul{}
    #qna .list li{}
    #qna .list li + li{margin-top:30px;padding-top:30px;border-top:1px solid #EAEDEF}
    #qna .list li .inner{padding: 0 20px;overflow: hidden;}
    #qna .list li .sub{line-height: 24px;font-size: 18px;font-weight: 500;}
    #qna .list li .con{margin-top: 10px;color: #828C94;font-size: 14px;line-height: 20px;height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    #qna .list li .bot{display: flex;align-items: center;}
    #qna .list li .bot .tool{position: relative;z-index: 2;display: flex;width: 100%;align-items: center;}
    #qna .list li .bot .tool button{display: flex;align-items: center;justify-content: center;}
    #qna .list li .bot .tool button + button{margin-left: 12px;}
    #qna .list li .bot .tool button img{display: block;width: auto;height: 18px;}
    #qna .list li .bot .tool button em{font-size: 12px;margin-left: 5px;color: rgba(197,197,197,1);}
    #qna .list li .bot .date{margin-left: auto;font-size: 12px;color: rgba(197,197,197,1);}
    #qna .list li .empty{display:flex;align-items:center;justify-content:Center;flex-direction:column;margin: 100px;}
    #qna .list li .empty .img{display:flex;width:86px;height:86px;border-radius:86px;background: rgb(28 104 255 / 10%);align-items: center;justify-content: center;margin-bottom: 20px;}
    #qna .list li .empty .img img{display: block;width: auto;height: 30px;}
    #qna .list li .empty .tit{font-size: 18px;color: #999;}

    #qna_detail{padding: 60px 16px;border-top: 1px solid #e7e7e7;}
    #qna_detail .wrap{width:720px;}
    #qna_detail .title{line-height: 1.583;font-size: 24px;font-weight: 700;color: #2d2d2d;}
    #qna_detail .info{margin-top: 1rem;display: flex;align-items: center;margin-bottom: 1.5rem;}
    #qna_detail .info .user{display: flex;align-items: center;}
    #qna_detail .info .user .img{width: 44px;height: 44px;border-radius: 44px;overflow: hidden;margin-right: 12px;}
    #qna_detail .info .user .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #qna_detail .info .user .con{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
    #qna_detail .info .user .con .name{margin: 0 0 0.125rem;font-weight: 500;color: #2d2d2d;font-size: 14px;}
    #qna_detail .info .user .con .date{margin: 0.125rem 0 0;color: #888;font-size: 12px;}
    #qna_detail .content{padding-top: 2rem;border-top: 1px solid #e0e0e0;line-height: 1.5;font-size: 16px;color: #2d2d2d;}
    #qna_detail .tag{display: flex;align-items: center;flex-wrap: wrap;margin: 1.5rem 0;padding: 1.5rem 0;border-top: 1px solid #f0f0f0;}
    #qna_detail .tag span{cursor: pointer;display: flex;align-items: center;padding: 0.25rem 0.875rem 0.25rem 0.75rem;border-radius: 8px;background-color: #f4f4f4;margin-right: 0.5rem;margin-bottom: 0.75rem;font-size: 14px;line-height: 1.57142857;letter-spacing: -.3px;color: #888;}
    #qna_detail .bottom{display: flex;align-items: center;}
    #qna_detail .bottom .tool{position: relative;z-index: 2;display: flex;width: 100%;align-items: center;}
    #qna_detail .bottom .tool button{display: flex;align-items: center;justify-content: center;}
    #qna_detail .bottom .tool button + button{margin-left: 12px;}
    #qna_detail .bottom .tool button img{display: block;width: auto;height: 18px;}
    #qna_detail .bottom .tool button p{font-size: 14px;margin-left: 5px;color:#888}
    #qna_detail .bottom .tool button em{font-size: 14px;margin-left: 5px;color:#888}
    #qna_detail .bottom .button{margin-left: auto;display: flex;align-items: center;}
    #qna_detail .bottom .button .btn{height: 32px;border-radius: 2px;font-size: 13px;font-weight: 500;}
    #qna_detail .bottom .button .btn + .btn{margin-left: 12px;}
    #qna_detail .comment{margin-top: 5rem;}
    #qna_detail .comment .total{margin-bottom: 2rem;display: flex;align-items: center;font-size: 14px;}
    #qna_detail .comment .total strong{margin: 0 6px;color: #1c68ff;}
    #qna_detail .comment .form{display: flex;align-items: center;margin-bottom: 3rem;}
    #qna_detail .comment .form .img{width: 42px;height: 42px;margin-right: 12px;border-radius: 42px;overflow: hidden;flex-shrink: 0;}
    #qna_detail .comment .form .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #qna_detail .comment .form .inp{display: flex;align-items: flex-start;position: relative;border-radius: 8px;border: 0.0625rem solid #f2f2f2;background-color: #fff;flex: 1;}
    #qna_detail .comment .form .inp input{flex: 1;padding: 12px;background: transparent;height: 50px;}
    #qna_detail .comment .form .inp button{width: auto;height: 50px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;padding: 0 12px;font-size: 14px;color: #999;}
    #qna_detail .comment .form .inp button img{width:auto;height: 20px;margin-right: 6px;}
    #qna_detail .comment .list{}
    #qna_detail .comment .list ul{}
    #qna_detail .comment .list li{}
    #qna_detail .comment .list li + li{margin-top:2rem;padding-top:2rem;border-top:1px solid #f0f0f0;}
    #qna_detail .comment .list .user{display: flex;align-items: center;}
    #qna_detail .comment .list .user .img{width: 32px;height: 32px;border-radius: 32px;overflow: hidden;margin-right: 12px;}
    #qna_detail .comment .list .user .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #qna_detail .comment .list .user .con{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
    #qna_detail .comment .list .user .con .name{margin: 0 0 0.125rem;font-weight: 500;color: #2d2d2d;font-size: 14px;}
    #qna_detail .comment .list .user .con .date{margin: 0.125rem 0 0;color: #888;font-size: 12px;}
    #qna_detail .comment .list li .cont{padding: 12px 12px 12px 44px;line-height: 1.5;font-size: 15px;color: #666;}
    #qna_detail .comment .list li .tool{display: flex;align-items: center;padding-left: 44px;}
    #qna_detail .comment .list li .tool .date{font-size: 13px;color: #666;}
    #qna_detail .comment .list li .tool .func{margin-left: auto;display: flex;align-items: center;justify-content: center;}
    #qna_detail .comment .list li .tool .func a{font-size: 13px;color: #999;}

    #qna_write{padding: 60px 16px;border-top: 1px solid #e7e7e7;}
    #qna_write .wrap{width:720px;}
    #qna_write .title{line-height: 1.583;font-size: 24px;font-weight: 700;color: #2d2d2d;}
    #qna_write .title input{width: 100%;height: 60px;padding: 20px;font-size: 16px;display: block;background: #fcfcfc;border-radius: 6px;}
    #qna_write .content{padding-top: 2rem;line-height: 1.5;font-size: 16px;color: #2d2d2d;}
    #qna_write .content textarea{display: block;width: 100%;height: 240px;border-radius: 10px;background: #fcfcfc;padding: 20px;font-size: 16px;}
    #qna_write .tag{display: flex;align-items: center;flex-wrap: wrap;margin: 3rem 0;padding: 3rem 0;border-top: 1px solid #f0f0f0;}
    #qna_write .tag input{width: 100%;height: 60px;padding: 20px;font-size: 16px;display: block;background: #fcfcfc;border-radius: 6px;}
    #qna_write .button{margin-left: auto;display: flex;align-items: center;justify-content: center;}
    #qna_write .button .btn{height: 50px;border-radius: 2px;font-weight: 500;min-width: 200px;font-size: 18px;}
    #qna_write .button .btn + .btn{margin-left: 12px;}

    #incruit{position: relative;padding: 60px 16px 120px;border-top: 1px solid #e7e7e7;}
    #incruit .tab-box{display:none}
    #incruit .tab-box.active{display:block}
    #incruit .wrap{position:relative;}
    #incruit .title{line-height: 61px;font-size: 42px;font-weight: bold;color: #272727;margin: 0 0 40px 0;}
    #incruit .tool{display: flex;align-items: center;margin-bottom: 50px;}
    #incruit .tool .tabs{}
    #incruit .tool .tabs ul{display: flex;align-items: center;}
    #incruit .tool .tabs li{}
    #incruit .tool .tabs li + li{margin-left: 10px;}
    #incruit .tool .tabs li a{display: inline-flex;align-items: center;justify-content: center;padding: 0 20px;height: 44px;font-size: 15px;font-weight: bold;color: #303030;border: 1px solid #efefef;background: #fff;text-align: center;white-space: nowrap;border-radius: 8px;background: #fafafa;}
    #incruit .tool .tabs li.active a,
    #incruit .tool .tabs li.on a{background:#1c68ff;border-color:#1c68ff;color:#ffffff}
    #incruit .tool .button{margin-left: auto;display: flex;align-items: center;justify-content: center;}
    #incruit .tool .button .btn{}
    #incruit .tool .button .btn + .btn{}
    #incruit .select{margin-bottom: 50px;position: fixed;top: 121px;left: 0;width: 100%;background: #eceffa;}
    #incruit .select .wrap{width:980px;max-width:100%;overflow:hidden;}
    #incruit .select .rigd {background-image: linear-gradient(to left,#eceffa 0,rgba(9,198,101,0) 100%);position: absolute;top: 0;right: 0;width: 8rem;height: 5rem;z-index: 10;}
    #incruit .select .db_arr {position: absolute;top: 0;right: 0;width: 3rem;height: 5rem;background: url('../img/db_arr.svg') no-repeat center;z-index: 11;background-size: 20px;}
    #incruit .select ul{}
    #incruit .select li{width: auto;}
    #incruit .select li.swiper-last{margin: 0 30px 0 0;}
    #incruit .select li a{position: relative;display: block;color: #666;font-size: 1.4rem;height: 5rem;line-height: 5rem;padding: 0 1.25rem;}
    #incruit .select dl{display: flex;align-items: center;gap: 10px;}
    #incruit .select dt{font-size: 16px;margin: 0 20px 0 0;font-weight: 500;flex-shrink: 0;color: #000;}
    #incruit .select dd{}
    #incruit .select dd select{width: 180px;height: 46px;border-radius: 6px;padding: 0 16px;font-size: 15px;background: url(../img/icon_select.png) no-repeat right 16px center / auto 20px;}
    #incruit .banner{margin-bottom:50px;}
    #incruit .banner a{display:block;width: 100%;height: auto;border-radius: 20px;overflow: hidden;}
    #incruit .banner img{width:100%;height:auto;object-fit:contain}
    #incruit .sorting{margin-bottom: 20px;display:flex;}
    #incruit .sorting select{width: 180px;height: 46px;border-radius:6px;padding:0 16px;font-size: 15px;background:url("../img/icon_select.png") no-repeat right 16px center / auto 20px;}
    #incruit .list{border-top: 2px solid #353535;}
    #incruit .list ul{}
    #incruit .list li{display:flex;border-bottom: 1px solid #e0e0e0;padding: 12px;}
    #incruit .list li .img{display: flex;align-items: center;justify-content: center;width: 62px;height: 62px;margin-left: 20px;background: #fafafa;order: 2;}
    #incruit .list li .img a{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
    #incruit .list li .img img{display:block;width: auto;height: auto;max-width: 100%;max-height: 100%;object-fit: cover;}
    #incruit .list li .con{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;ORDER: 1;}
    #incruit .list li .top{}
    #incruit .list li .bot{display: flex;align-items: center;margin: 20px 0 0 0;gap: 10px;}
    #incruit .list li .sub{}
    #incruit .list li .sub a{line-height:24px;font-size: 16px;color:#000;font-weight:600;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    #incruit .list li .date{line-height: 18px;font-size: 14px;font-weight: 400;color:#626262;}
    #incruit .list li .area{line-height: 18px;font-size: 14px;font-weight: 400;color:#626262;}
    #incruit .list li .cate{line-height: 18px;font-size: 14px;font-weight: 400;color:#1c68ff;}

    #incruit .list table{width:100%;border-collapse: collapse;table-layout: fixed;}
    #incruit .list table tr{border-bottom: 1px solid #e4e4e4;}
    #incruit .list table th,
    #incruit .list table td{padding: 16px;text-align: center;font-size: 16px;font-weight: 400;border-right: 1px solid #dedede;}
    #incruit .list table th:nth-child(1),
    #incruit .list table td:nth-child(1){border-left:1px solid #dedede;}
    #incruit .list table th{color: #6d6d6d;background:#f1f1f1;height: 40px;}
    #incruit .list table td{color:#292929;font-weight:500;height: 60px;}
    #incruit .list table td a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    #incruit .paging{display:flex;align-items:center;justify-content: center;margin: 24px 0 0 0;}
    #incruit .paging a{margin: 0 6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#8d8d8d;border-radius:36px}
    #incruit .paging a img{width: 25px;height:auto;display:block;}
    #incruit .paging a.current{background:#e5e8ea;color:#272727;}

    #incruit_detail{padding: 60px 16px;border-top: 1px solid #e7e7e7;}
    #incruit_detail .wrap{position:relative;width:720px;}
    #incruit_detail .title{line-height: 1.583;font-size: 24px;font-weight: 700;color: #2d2d2d;margin-bottom: 2rem;}
    #incruit_detail .info{margin-top: 1rem;display: flex;align-items: center;margin-bottom: 3rem;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}
    #incruit_detail .info dl{width: 33.33%;padding: 12px 6px;display: flex;align-items: center;}
    #incruit_detail .info dl + dl{}
    #incruit_detail .info dl dt{color: #999;width: 80px;}
    #incruit_detail .info dl dd{flex: 1;}
    #incruit_detail .content{padding-top: 2rem;line-height: 1.5;font-size: 16px;color: #2d2d2d;}
    #incruit_detail .content img{max-width:100%;height:auto;}
    #incruit_detail .caution{display: flex;align-items: center;justify-content: center;margin: 1.5rem 0;border-radius: 5px;background: #fcfcfc;padding: 20px;font-size: 16px;color: #666;}
    #incruit_detail .caution img{height: 24px;width: auto;}
    #incruit_detail .button{margin-top: 50px;display: flex;align-items: center;justify-content: center;}
    #incruit_detail .button .btn{font-weight: 500;}
    #incruit_detail .button .btn + .btn{margin-left: 12px;}
    #incruit_detail .popup{position:absolute;z-index:100;top:0;left:0;bottom: 94px;width:100%;background: rgba(255,255,255,0.85);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);display: flex;flex-direction: column;align-items: center;justify-content: center;}
    #incruit_detail .popup ul{width:50%;border:1px solid #e0e0e0;padding: 40px 50px;background: #ffffff;box-shadow: 0 0 24px rgba(0,0,0,0.09);}
    #incruit_detail .popup li{}
    #incruit_detail .popup li a{display:flex;width:100%;height:60px;background:#000;border:1px solid #e0e0e0;font-size:16px;font-weight:500;align-items: center;justify-content: center;text-align: center;}
    #incruit_detail .popup li a.pop01{border-color:#1c68ff;background:#1c68ff;color:#ffffff}
    #incruit_detail .popup li a.pop02{border-color:#4CAF50;background:#4CAF50;color:#ffffff}
    #incruit_detail .popup li a.pop03{border-color:#e7e7e7;background:#ffffff;color:#1c68ff}
    #incruit_detail .popup li + li{margin-top:20px;}

    #incruit_write{padding: 60px 16px;border-top: 1px solid #e7e7e7;}
    #incruit_write .wrap{width:720px;}
    #incruit_write .title{line-height: 1.583;font-size: 24px;font-weight: 700;color: #2d2d2d;}
    #incruit_write .title input{width: 100%;height: 60px;padding: 20px;font-size: 16px;display: block;background: #fcfcfc;border-radius: 6px;}
    #incruit_write .content{padding-top: 2rem;line-height: 1.5;font-size: 16px;color: #2d2d2d;}
    #incruit_write .content textarea{display: block;width: 100%;height: 240px;border-radius: 10px;background: #fcfcfc;padding: 20px;font-size: 16px;}
    #incruit_write .select{display: flex;align-items: center;flex-wrap: wrap;padding: 3rem 0;border-top: 1px solid #f0f0f0;margin: 0 -10px;}
    #incruit_write .select dl{width: 50%;padding: 0 10px;display: flex;align-items: center;}
    #incruit_write .select dt{width: 100px;font-size: 14px;flex-shrink: 0;}
    #incruit_write .select dd{flex: 1;}
    #incruit_write .select dd select{width: 100%;height: 40px;padding: 0 10px;font-size: 13px;display: block;background: #fcfcfc url("../img/icon_select.png") no-repeat right 10px center / auto 18px;border-radius: 6px;border: 0;}
    #incruit_write .button{margin-top: 50px;display: flex;align-items: center;justify-content: center;}
    #incruit_write .button .btn{height: 50px;border-radius: 2px;font-weight: 500;min-width: 200px;font-size: 18px;}
    #incruit_write .button .btn + .btn{margin-left: 12px;}
    #incruit_write .file{display: flex;align-items: center;flex-wrap: wrap;padding: 1rem 0;border-top: 1px solid #f0f0f0;margin: 3rem -10px 0;}
    #incruit_write .file dl{padding: 0 10px;display: flex;align-items: center;width: 100%;}
    #incruit_write .file dt{width: 100px;font-size: 14px;flex-shrink: 0;}
    #incruit_write .file dd{flex: 1;}
    #incruit_write .file dd label{width: 100%;height: 40px;padding: 0 10px;font-size: 13px;display: flex;background: #fcfcfc;align-items: center;justify-content: flex-start;border-radius: 6px;cursor: pointer;}
    #incruit_write .file dd label input{display:none;}
    #incruit_write .file dd label input ~ img{}
    #incruit_write .file dd label input ~ .txt{margin-left:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}


    #chating{padding: 0 16px;border-top: 1px solid #e7e7e7;background: #fafafa;display: flex;flex-direction: column;align-items: center;justify-content: center;height: calc(100vh - 121px);}
    #chating .chating{width:720px;margin: 0 auto;height: 100%;display: flex;flex-direction: column;background: #fff;padding: 16px;}
    #chating .chating .started{flex-shrink: 0;height: 60px;font-size: 16px;text-align: center;color: #999;display: flex;align-items: center;justify-content: center;}
    #chating .chating .list{flex: 1;max-height: calc(100% - 60px - 60px);display: flex;flex-direction: column;justify-content: flex-end;}
    #chating .chating .list ul{max-height: 100%;overflow-y: scroll;padding: 30px 0;}
    #chating .chating .list ul::-webkit-scrollbar-track{border-radius: 10px;background-color: #F5F5F5;}
    #chating .chating .list ul::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
    #chating .chating .list ul::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #666;}
    #chating .chating .list li{display: flex;align-items: flex-start;margin-top: 20px;}
    #chating .chating .list li.msg-you{}
    #chating .chating .list li.msg-my{}
    #chating .chating .list li .thumb{width: 52px;height: 52px;border-radius: 46px;overflow: hidden;margin-right: 18px;}
    #chating .chating .list li .thumb img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #chating .chating .list li .bubble{display: flex;flex-direction: column;padding-right: 70px;}
    #chating .chating .list li .bubble .user{display: flex;align-items: center;}
    #chating .chating .list li .bubble .user .name{font-size:16px;font-weight: 500;}
    #chating .chating .list li .bubble .user .time{margin-left: 17px;font-size:12px;color:#999;}
    #chating .chating .list li .bubble .text{margin-top: 10px;line-height: 1.5;font-size: 15px;color: #666;}
    #chating .chating .inputarea{display: flex;height: 60px;align-items: center;background: #eee;border-radius: 60px;padding: 0 20px;}
    #chating .chating .inputarea .file{flex-shrink:0;margin-right:12px;cursor: pointer;}
    #chating .chating .inputarea .file input{display:none}
    #chating .chating .inputarea .file span{background: #aaa;display: flex;align-items: center;justify-content: center;height: 40px;width: 80px;border-radius: 6px;color: #fff;}
    #chating .chating .inputarea .form{flex:1;display:flex;}
    #chating .chating .inputarea .form input{padding: 0 16px;width:100%;height: 40px;font-size:16px;border-radius: 6px;}
    #chating .chating .inputarea .form button{width: 72px;height: 40px;font-size:16px;border-radius: 6px;background: #1c68ff;border-color: #1c68ff;color: #ffffff;flex-shrink: 0;margin-left: 12px;}


    #visawork {
        padding: 60px 16px;
        border-top: 1px solid #e7e7e7;
    }

    #visawork .wrap {
        position: relative;
    }

    #visawork .title {
        line-height: 50px;
        font-size: 42px;
        font-weight: bold;
        color: #272727;
        margin: 0 0 50px 0;
    }

    #visawork .search {
        position: absolute;
        top: 0;
        right: 0;
    }

    #visawork .search .form {
        display: flex;
        min-width: 240px;
        height: 46px;
        border-radius: 8px;
        background: #fff;
        border: 1px solid #dbdbdb;
    }

    #visawork .search .form input {
        order: 2;
        height: 44px;
        width: 100%;
        background: transparent;
    }

    #visawork .search .form button {
        order: 1;
        width: 44px;
        height: 44px;
    }

    #visawork .search .form button img {
        width: 24px;
        display: block;
        margin: 0 auto;
    }

    #visawork .visawork {
        display: flex;
        align-items: flex-start;
    }

    #visawork .visawork .tabs {
        width: 240px;
        flex-shrink: 0;
        position: sticky;
        top: 140px;
    }

    #visawork .visawork .tabs ul {
    }

    #visawork .visawork .tabs li {
    }

    #visawork .visawork .tabs li + li {
        margin: 35px 0 0 0
    }

    #visawork .visawork .tabs li button {
        line-height: 35px;
        font-size: 24px;
        font-weight: bold;
        color: #ababab;
    }

    #visawork .visawork .tabs li.active button, #visawork .visawork .tabs li:hover button {
        color: #444444
    }

    #visawork .visawork .cont {
        flex: 1;
    }

    #visawork .visawork .cont .desc {
        margin: 0 0 50px 0;
        padding: 40px 30px 40px 30px;
        border-radius: 15px;
        background: #ffffff;
        box-shadow: 0px 4px 15px rgb(0 0 0 / 6%);
    }

    #visawork .visawork .cont .head {
        margin: 0 0 15px 0;
        line-height: 35px;
        font-size: 24px;
        font-weight: bold;
        color: #272727;
    }

    #visawork .visawork .cont .list {
    }

    #visawork .visawork .cont .list ul {
        display: flex;
        flex-wrap: wrap;
    }

    #visawork .visawork .cont .list li {
        width: 50%;
        padding: 15px 0;
    }

    #visawork .visawork .cont .list li a {
        position: relative;
        display: block;
        padding: 0 18px;
    }

    #visawork .visawork .cont .list li a:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 3px;
        height: 50px;
        background: #d5d5d5;
        transform: translateY(-50%)
    }

    #visawork .visawork .cont .list li a .tit {
        line-height: 30px;
        font-size: 20px;
        color: #2b2b2b;
    }

    #visawork .visawork .cont .list li a .txt {
        margin: 1px 0 0 0;
        line-height: 24px;
        font-size: 16px;
        color: #ababab;
    }

    #visawork .visawork .cont .list li a:hover {
    }

    #visawork .visawork .cont .list li a:hover:before {
        background: #1c68ff;
    }

    #visawork .visawork .cont .list li a:hover .tit {
        color: #1c68ff;
        font-weight: bold;
    }

    #visawork .visawork .cont .list li a:hover .txt {
        color: #1c68ff;
    }


    #blog{padding: 60px 16px 120px;border-top: 1px solid #e7e7e7;}
    #blog .wrap{position:relative;}
    #blog .title{line-height: 61px;font-size: 42px;font-weight: bold;color: #272727;margin: 0 0 40px 0;}
    #blog .search{position:absolute;top:0;right:0;display:flex;padding:0 16px;border:1px solid #dbdbdb;border-radius:8px;background:#ffffff;height:46px;align-items:center;}
    #blog .search button{width:20px;height:20px;margin:0 12px 0 0;flex-shrink:0;}
    #blog .search button img{display:block;width:100%;}
    #blog .search input{flex:1;width: 174px;max-width:100%;height: 32px;background:transparent}
    #blog .list{}
    #blog .list ul{display:flex;flex-wrap:wrap;margin: 0 -10px;}
    #blog .list li{width:33.33%;padding: 0 10px 42px;}
    #blog .list li .inner{display:block;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(0, 0,0,0.12);background:#ffffff;}
    #blog .list li .inner img{height:200px;width:100%;object-fit:cover;}
    #blog .list li .inner p{padding:18px 16px;line-height:26px;font-size:18px;color:#272727;word-break:keep-all;}
    #blog .paging{display:flex;align-items:center;justify-content: center;margin: 24px 0 0 0;}
    #blog .paging a{margin: 0 6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#8d8d8d;border-radius:36px}
    #blog .paging a img{width: 25px;height:auto;display:block;}
    #blog .paging a.current{background:#e5e8ea;color:#272727;}

    #blog_detail{width: 640px;margin: 0 auto;border-top: 1px solid #e7e7e7;}
    #blog_detail .wrap{position:relative;}
    #blog_detail .title{padding: 50px 0px 0 0;line-height: 68px;font-size: 34px;font-weight: bold;color: #272727;margin: 0 0 40px 0;text-align:center;}
    #blog_detail .share{position:absolute;top:0;right:0;display:flex;height: 68px;align-items: center;}
    #blog_detail .share a{}
    #blog_detail .share a + a{margin-left:10px;}
    #blog_detail .cont{}
    #blog_detail .cont .image{margin:0 0 70px 0;}
    #blog_detail .cont .image img{display:block;width:auto;max-width:100%;}
    #blog_detail .cont .text{display: block;line-height: 24px;font-size: 20px;color: #505050;margin: 0 0 50px 0;}
    #blog_detail .cont .text p{display: block;line-height: 24px;font-size: 20px;color: #505050;margin: 0 0 50px 0;}
    #blog_detail .cont .text strong{display: block;margin: 0 0 12px 0;line-height: 33px;font-size: 22px;font-weight: bold;color: #4d5866;}

    #notice{padding: 60px 16px 120px;border-top: 1px solid #e7e7e7;}
    #notice .wrap{position:relative;}
    #notice .title{line-height: 61px;font-size: 42px;font-weight: bold;color: #272727;margin: 0 0 40px 0;}
    #notice .notice{}
    #notice .notice ul{display:flex;flex-direction: column;border-top: 1px solid #ecf0f1;}
    #notice .notice li{display: flex;align-items: center;padding: 16px 24px;border-bottom: 1px solid #ecf0f1;}
    #notice .notice li:nth-child(odd){background:#fbfbfb}
    #notice .notice li:nth-child(even){background:#ffffff}
    #notice .notice li .lt_cate{margin:0 20px;flex-shrink: 0;}
    #notice .notice li .lt_cate span{border-radius: 5px;border: 1px solid #eee;padding: 3px 6px;background: #e2eaf6;color: #3a8afd;font-size: 13px;}
    #notice .notice li .lt_subject{flex: 1;}
    #notice .notice li .lt_subject a{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-size: 16px;font-weight: 600;}
    #notice .notice li .lt_subject a:hover{text-decoration:underline}
    #notice .notice li .lt_info{flex-shrink: 0;}
    #notice .notice li .lt_info span{font-size: 14px;color: #666;}
    #notice .notice li .lt_info span + span{margin-left: 40px;}
    #notice .notice li .lt_name{}
    #notice .notice li .inner img{height:200px;width:100%;object-fit:cover;}
    #notice .notice li .inner p{padding:18px 16px;line-height:26px;font-size:18px;color:#272727;word-break:keep-all;}
    #notice .paging{display:flex;align-items:center;justify-content: center;margin: 24px 0 0 0;}
    #notice .paging a{margin: 0 6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#8d8d8d;border-radius:36px}
    #notice .paging a img{width: 25px;height:auto;display:block;}
    #notice .paging a.current{background:#e5e8ea;color:#272727;}

    #board{padding: 60px 16px 120px;border-top: 1px solid #e7e7e7;}
    #board .wrap{position:relative;}
    #board .title{line-height: 61px;font-size: 42px;font-weight: bold;color: #272727;margin: 0 0 40px 0;}
    #board .board{}
    #board .board ul{display:flex;flex-direction: column;border-top: 1px solid #ecf0f1;}
    #board .board li{display: flex;align-items: center;padding: 16px 24px;border-bottom: 1px solid #ecf0f1;}
    #board .board li:nth-child(odd){background:#fbfbfb}
    #board .board li:nth-child(even){background:#ffffff}
    #board .board li .lt_cate{margin:0 20px;flex-shrink: 0;}
    #board .board li .lt_cate span{border-radius: 5px;border: 1px solid #eee;padding: 3px 6px;background: #e2eaf6;color: #3a8afd;font-size: 13px;}
    #board .board li .lt_subject{flex: 1;}
    #board .board li .lt_subject a{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-size: 16px;font-weight: 600;}
    #board .board li .lt_subject a:hover{text-decoration:underline}
    #board .board li .lt_info{flex-shrink: 0;}
    #board .board li .lt_info span{font-size: 14px;color: rgba(0,0,0,.34);}
    #board .board li .lt_info span + span{margin-left: 40px;}
    #board .board li .lt_name{}
    #board .board li .inner img{height:200px;width:100%;object-fit:cover;}
    #board .board li .inner p{padding:18px 16px;line-height:26px;font-size:18px;color:#272727;word-break:keep-all;}
    #board .paging{display:flex;align-items:center;justify-content: center;margin: 24px 0 0 0;}
    #board .paging a{margin: 0 6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#8d8d8d;border-radius:36px}
    #board .paging a img{width: 25px;height:auto;display:block;}
    #board .paging a.current{background:#e5e8ea;color:#272727;}

    #mypage{padding: 60px 16px 120px;border-top: 1px solid #e7e7e7;}
    #mypage .title{line-height: 61px;font-size: 42px;font-weight: bold;color: #272727;margin: 0 0 29px 0;}
    #mypage .tabs{margin: 0 0 50px 0;}
    #mypage .tabs ul{display: flex;}
    #mypage .tabs li{margin: 0 14px 0 0;}
    #mypage .tabs li a{display: flex;align-items: center;justify-content: center;height: 40px;line-height: 24px;font-size: 16px;font-weight: bold;color: #ffffff;padding: 0 28px;border-radius: 40px;background: #c4c4c4;}
    #mypage .tabs li.active{}
    #mypage .tabs li.active a{background: #1c68ff;}
    #mypage .tab-box{display:none}
    #mypage .tab-box.active{display:block;}
    #mypage .form{width: 440px;max-width: 100%;}
    #mypage .form dl{}
    #mypage .form dl + dl{margin-top:40px;}
    #mypage .form dt{margin: 0 0 10px 0;line-height: 24px;font-size: 16px;font-weight: 500;color: #616161;}
    #mypage .form dd{display: flex;}
    #mypage .form dd input[type="text"]{display: flex;padding: 0 24px;width: 100%;height: 60px;border-radius: 8px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 20px;color: #303030;}
    #mypage .form dd input.datepicker{padding: 0 0 0 60px;position:relative;}
    #mypage .form dd input.datepicker{background: #f7f8fa url("../img/icon_datepicker.png") no-repeat left 24px center / 24px auto;}
    #mypage .form dd button{display: flex;align-items: center;justify-content: center;width: 120px;height: 60px;font-size: 20px;font-weight: 400;border-radius: 8px;flex-shrink: 0;}
    #mypage .form dd select{display: flex;padding: 0 24px;width: 100%;height: 60px;border-radius: 8px;border: 1px solid #e2e6ed;font-size: 20px;background: #f7f8fa url("../img/icon_select.png") no-repeat right 24px center;/*color: #ccc;*/}
    #mypage .form dd select option[value=""][disabled]{display:none;}
    #mypage .form dd .msg_info{margin: 40px 0 0 0;line-height: 24px;font-size: 16px;font-weight: 500;color: #3869f5;}
    #mypage .form dd input ~ button{margin: 0 0 0 10px;}
    #mypage .table{border-top: 2px solid #353535;}
    #mypage .table table{width:100%;border-collapse: collapse;}
    #mypage .table table tr{border-bottom: 1px solid #e4e4e4;}
    #mypage .table table th,
    #mypage .table table td{padding:10px;text-align: center;font-size: 14px;font-weight: 400;border-right: 1px solid #dedede;}
    #mypage .table table th:nth-child(1),
    #mypage .table table td:nth-child(1){border-left:1px solid #dedede;}
    #mypage .table table th{color: #6d6d6d;background:#f1f1f1;height: 40px;}
    #mypage .table table td{color:#292929;font-weight:500;height: 60px;}
    #mypage .table table td a{border-radius:20px;display:inline-flex;height:28px;padding: 0 20px;background:#3869f5;color:#fff;align-items:center;justify-content: center;font-size: 12px;}
    #mypage .table table td .checkbox{margin:0 auto}
    #mypage .button{margin: 40px 0 0 0;display: flex;align-items: center;justify-content: center;width: 440px;max-width: 100%;}
    #mypage .button .btn{width: 100%;height: 56px;font-size: 20px;font-weight: 500;}
    #mypage .button .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4}

    /**/
    #wrap .modal_container{display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999;background: rgba(0, 0, 0, 0.75);overflow: hidden;}
    #wrap .modal_container.show{display: flex; align-items: center; justify-content: center;}
    #wrap .modal_container .modal_wrapper{width: 800px;max-width: 100%;box-shadow: 0 0 5px rgba(0, 0, 0, .2);background: #fff;border-radius: 8px;position: relative;display: flex;flex-direction: column;overflow: hidden;}
    #wrap .modal_container .modal_head{display:flex;padding:0 40px;height:72px;font-size:22px;font-weight:bold;color:#ffffff;align-items:Center;background:#383838}
    #wrap .modal_container .modal_cont{padding:56px 40px;max-height: 70vh;overflow-y: auto;}

    #wrap #visa_advice{}
    #wrap #visa_advice .modal_cont{}
    #wrap #visa_advice .modal_cont .form{}
    #wrap #visa_advice .modal_cont .form dl{}
    #wrap #visa_advice .modal_cont .form dl + dl{margin-top:36px;}
    #wrap #visa_advice .modal_cont .form dt{margin: 0 0 8px 0;line-height: 24px;font-size: 16px;font-weight: 500;color: #616161;}
    #wrap #visa_advice .modal_cont .form dd{}
    #wrap #visa_advice .modal_cont .form dd input{display: block;width: 100%;height: 60px;border-radius: 8px;border: 1px solid #e2e6ed;background: #f7f8fa;padding: 0 24px;font-size: 20px;line-height: 34px;}
    #wrap #visa_advice .modal_cont .form dd textarea{display: block;width: 100%;height: 92px;border-radius: 8px;border: 1px solid #e2e6ed;background: #f7f8fa;padding: 12px 24px;font-size: 20px;line-height: 34px;}
    #wrap #visa_advice .modal_cont .info{display:none;}
    #wrap #visa_advice .modal_close{  position:absolute; top:0; right: 40px; width:24px; height:24px; margin: 24px 0; }
    #wrap #visa_advice .modal_close img{display:block;width:100%;height:auto;}

    #wrap #consultation_reg{}
    #wrap #consultation_reg .modal_wrapper{width:420px;padding: 30px 20px;}
    #wrap #consultation_reg .modal_wrapper .title{margin: 0 0 21px 0;line-height: 32px;font-size: 22px;font-weight: bold;color: #272727;text-align: center;}
    #wrap #consultation_reg .modal_wrapper .text{line-height: 24px;font-size: 16px;color: #727272;}
    #wrap #consultation_reg .modal_wrapper .image{border-radius:12px;background: #d8d8d8;height:200px;margin: 0 0 17px;}
    #wrap #consultation_reg .modal_wrapper .image img{display:block;width:100%;height:100%;object-fit:cover;}
    #wrap #consultation_reg .modal_wrapper .button{margin: 38px -20px -30px;}
    #wrap #consultation_reg .modal_wrapper .button .btn{width: 100%;height: 56px;border-radius: 0;font-size: 16px;background: #1c68ff;color: #ffffff;border-color: #1c68ff;}

    #wrap #consultation_fam{}
    #wrap #consultation_fam .modal_wrapper{width:420px;padding: 30px 20px;}
    #wrap #consultation_fam .modal_wrapper .title{margin: 0 0 21px 0;line-height: 32px;font-size: 22px;font-weight: bold;color: #272727;text-align: center;}
    #wrap #consultation_fam .modal_wrapper .text{line-height: 24px;font-size: 16px;color: #727272;}
    #wrap #consultation_fam .modal_wrapper .image{border-radius:12px;background: #d8d8d8;height:200px;margin: 0 0 17px;}
    #wrap #consultation_fam .modal_wrapper .image img{display:block;width:100%;height:100%;object-fit:cover;}
    #wrap #consultation_fam .modal_wrapper .button{margin: 38px -20px -30px;}
    #wrap #consultation_fam .modal_wrapper .button .btn{width: 100%;height: 56px;border-radius: 0;font-size: 16px;background: #1c68ff;color: #ffffff;border-color: #1c68ff;}

    #wrap #consultation_true{}
    #wrap #consultation_true .modal_wrapper{width:420px;padding: 30px 20px;}
    #wrap #consultation_true .modal_wrapper .title{margin: 0 0 21px 0;line-height: 32px;font-size: 22px;font-weight: bold;color: #272727;text-align: center;}
    #wrap #consultation_true .modal_wrapper .text{line-height: 24px;font-size: 16px;color: #727272;}
    #wrap #consultation_true .modal_wrapper .image{border-radius:12px;background: #d8d8d8;height:200px;margin: 0 0 17px;}
    #wrap #consultation_true .modal_wrapper .image img{display:block;width:100%;height:100%;object-fit:cover;}
    #wrap #consultation_true .modal_wrapper .button{margin: 38px -20px -30px;}
    #wrap #consultation_true .modal_wrapper .button .btn{width: 100%;height: 56px;border-radius: 0;font-size: 16px;background: #1c68ff;color: #ffffff;border-color: #1c68ff;}

    #wrap #consultation_checklist{}
    #wrap #consultation_checklist .modal_wrapper{width:420px;padding: 30px 20px;}
    #wrap #consultation_checklist .modal_wrapper .title{margin: 0 0 35px 0;line-height: 32px;font-size: 22px;font-weight: bold;color: #272727;text-align: center;}
    #wrap #consultation_checklist .modal_wrapper .list{line-height: 24px;font-size: 16px;color: #727272;}
    #wrap #consultation_checklist .modal_wrapper .list ul{}
    #wrap #consultation_checklist .modal_wrapper .list li{}
    #wrap #consultation_checklist .modal_wrapper .list li + li{margin-top:24px}
    #wrap #consultation_checklist .modal_wrapper .list li .checkbox{width: 100%;display: flex;}
    #wrap #consultation_checklist .modal_wrapper .list li .checkbox input[type="checkbox"] ~ .box{display: flex;padding: 0 26px;width: 100%;border-radius: 8px;}
    #wrap #consultation_checklist .modal_wrapper .list li .checkbox input[type="checkbox"] ~ .box i{width:20px;height:20px;background:#dadada;margin: 5px 12px 0 0;flex-shrink:0;border-radius: 4px;position: relative;}
    #wrap #consultation_checklist .modal_wrapper .list li .checkbox input[type="checkbox"] ~ .box i:before{content:'';position:absolute;top:50%;left:50%;width: 24px;height: 24px;background: url("../img/icon_checkbox.png") no-repeat 50% 50% / 100% auto;transform:translate(-50%,-50%)}
    #wrap #consultation_checklist .modal_wrapper .list li .checkbox input[type="checkbox"] ~ .box p{line-height: 29px;font-size: 20px;color: #444444;}
    #wrap #consultation_checklist .modal_wrapper .list li .checkbox input[type="checkbox"]:checked ~ .box i{background: #3869f5;}
    #wrap #consultation_checklist .modal_wrapper .list li.all{}
    #wrap #consultation_checklist .modal_wrapper .list li.all .checkbox input[type="checkbox"] ~ .box{padding: 16px 26px;border:1px solid #e2e6ed;background:#f7f8fa;}
    #wrap #consultation_checklist .modal_wrapper .list li.all .checkbox input[type="checkbox"]:checked ~ .box{border-color:#1c68ff}
    #wrap #consultation_checklist .modal_wrapper .list li.all .checkbox input[type="checkbox"]:checked ~ .box p{font-weight:bold;}
    #wrap #consultation_checklist .modal_wrapper .button{margin: 38px -20px -30px;}
    #wrap #consultation_checklist .modal_wrapper .button .btn{width: 100%;height: 56px;border-radius: 0;font-size: 16px;background: #1c68ff;color: #ffffff;border-color: #1c68ff;}

    #wrap #consultation_consult{}
    #wrap #consultation_consult .modal_wrapper{width:420px;padding: 30px 20px;}
    #wrap #consultation_consult .modal_wrapper .title{margin: 0 0 21px 0;line-height: 32px;font-size: 22px;font-weight: bold;color: #272727;text-align: center;}
    #wrap #consultation_consult .modal_wrapper .text{line-height: 24px;font-size: 16px;color: #727272;text-align: center;}
    #wrap #consultation_consult .modal_wrapper .text .tit{line-height: 24px;font-size: 20px;font-weight: bold;color: #6b6b6b;margin: 0 0 20px 0;}
    #wrap #consultation_consult .modal_wrapper .text .txt{line-height: 24px;font-size: 16px;color: #6d7278;}
    #wrap #consultation_consult .modal_wrapper .image{margin: 0 0 17px;}
    #wrap #consultation_consult .modal_wrapper .image img{display:block;width:100%;height:100%;object-fit:cover;}
    #wrap #consultation_consult .modal_wrapper .button{margin: 38px -20px -30px;}
    #wrap #consultation_consult .modal_wrapper .button .btn{width: 100%;height: 56px;border-radius: 0;font-size: 16px;background: #1c68ff;color: #ffffff;border-color: #1c68ff;}



    #wrap #consultation_stop{}
    #wrap #consultation_stop .modal_wrapper{width:420px;padding: 30px 20px;}
    #wrap #consultation_stop .modal_wrapper .title{margin: 0 0 21px 0;line-height: 32px;font-size: 22px;font-weight: bold;color: #272727;text-align: center;}
    #wrap #consultation_stop .modal_wrapper .text{line-height: 24px;font-size: 16px;color: #6d7278;text-align: center;}
    #wrap #consultation_stop .modal_wrapper .image{margin: 0 0 17px;}
    #wrap #consultation_stop .modal_wrapper .image img{display:block;width:100%;height:100%;object-fit:cover;}
    #wrap #consultation_stop .modal_wrapper .button{margin: 38px -20px -30px;display: flex;align-items: center;}
    #wrap #consultation_stop .modal_wrapper .button .btn{flex: 1;height: 56px;border-radius: 0;font-size: 16px;}
    #wrap #consultation_stop .modal_wrapper .button .btn_01{background: #1c68ff;color: #ffffff;border-color: #1c68ff;}
    #wrap #consultation_stop .modal_wrapper .button .btn_02{background: #c4c4c4;color: #ffffff;border-color: #c4c4c4}

}
@media all and (max-width:769px){

    /**/
    #lang{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index: 105;display: flex;align-items: center;justify-content: center;padding: 16px;}
    #lang .lang{width:420px;border-radius: 10px;background:#ffffff;overflow: hidden;}
    #lang .lang .title{padding: 20px;line-height: 32px;font-size: 22px;font-weight: bold;}
    #lang .lang .list{display: flex;align-items: center;padding: 5px 20px 40px;}
    #lang .lang .list .checklang{flex: 1;}
    #lang .lang .list .checklang + .checklang{margin-left: 20px;}
    #lang .lang .list .checklang input{display: none;}
    #lang .lang .list .checklang input ~ .box{position:relative;display: flex;align-items: center;justify-content: center;border-radius: 5px;border: 1px solid #e3e3e3;flex-direction: column;padding: 30px 15px 20px 15px;cursor: pointer;filter:grayscale(1)}
    #lang .lang .list .checklang input ~ .box img{border-radius: 5px;box-shadow: 0 3px 6px rgba(0,0,0,0.05);width: 70px;}
    #lang .lang .list .checklang input ~ .box p{margin: 15px 0 0 0;line-height: 18px;font-size: 13px;font-weight: bold;color: #1d1d1d;}
    #lang .lang .list .checklang input:checked ~ .box{filter:grayscale(0)}
    #lang .lang .list .checklang input:checked ~ .box:after{content:'';position:absolute;top: -1px;left: -1px;right: -1px;bottom: -1px;border-radius:5px;border:2px solid #1c68ff;box-sizing: border-box;pointer-events: none;box-shadow: 0 6px 12px rgb(0 0 0 / 15%);}
    #lang .lang .list .checklang input:checked ~ .box img{}
    #lang .lang .list .checklang input:checked ~ .box p{}
    #lang .lang .button{}
    #lang .lang .button .btn{border-radius:0;width:100%;flex:1;height: 56px;font-size: 14px;}

    /**/
    #wrap .pc-view{display:none !important}
    #wrap .mo-view{}

    /**/
    #wrap{position:relative;background: #ffffff;}
    #wrap .wrap{margin:0 auto;width:1000px;max-width:100%;}

    /**/
    #wrap .btn{display:inline-flex;align-items:center;justify-content:center;padding: 0 20px;height: 40px;font-size: 15px;color:#303030;border: 1px solid #efefef;background:#fff;text-align: center;white-space: nowrap;flex-shrink: 0;border-radius: 8px;}
    #wrap .btn_01{background:#1c68ff;border-color:#1c68ff;color:#ffffff;}
    #wrap .btn_02{background:#ffffff;border-color:#1c68ff;color:#1c68ff;}
    #wrap .btn_03{background:#353535;border-color:#353535;color: #ffffff;}
    #wrap .btn_04{background:#ffffff;border-color:#ececec;color:#6b6b6b;}
    #wrap .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4;pointer-events: none;}

    /**/
    #header{
        top: 0;
        left: 0;
        position: fixed;
        width: 100%;
        z-index: 101;
        border-bottom: 1px solid #e7e7e7;
        background: #fff;
    }
    #header.fixed{top:0;left:0;/*position:fixed;*/ width:100%;z-index:101;border-bottom: 1px solid #e7e7e7;}
    #header .tnb{border-bottom: 1px solid #e3e3e3;display: none;}
    #header .tnb .wrap{display:flex;height:40px;align-items:center;}
    #header .tnb .lang{margin-left:auto;display: flex;align-items: center;}
    #header .tnb .lang a{position:relative;font-size:15px;color:#6a6a6a;}
    #header .tnb .lang a + a{margin-left:13px;padding-left:13px;}
    #header .tnb .lang a + a:before{content:'';position:absolute;top:50%;left:0;width:1px;height:16px;background:#d8d8d8;transform:translateY(-50%)}
    #header .tnb .lang a.on{font-weight:bold;color:#272727}
    #header .header{padding: 0 16px;}
    #header .header .wrap{display:flex;height:65px;align-items:center;}
    #header .header .logo{flex-shrink:0;margin: 0 auto 0 0;}
    #header .header .logo a{display: flex;align-items: center;font-size:28px;font-weight:bold;}
    #header .header .logo img{width:auto;max-width:100%;height: 26px;display:block}
    #header .header .logo p{margin-left:12px;line-height: 10px;font-size: 10px;font-weight:500;color:#6a6a6a;display: none;}
    #header .header .menu{display: none;}
    #header .header .menu ul{display:flex;align-items:center;}
    #header .header .menu li{}
    #header .header .menu li + li{margin:0 0 0 70px;}
    #header .header .menu li a{line-height:30px;font-size:20px;font-weight:500;color:#272727;white-space: nowrap;}
    #header .header .tool{display:none}
    #header .header .tele{margin:0 20px;}
    #header .header .tele a{display:flex;position:relative;overflow:hidden;align-items: center;}
    #header .header .tele a img{display:block;object-fit:cover;height: 24px;margin-top: 1px;margin-right: 2px;}
    #header .header .tele a p{font-size: 14px;font-weight: 500;color: #000;}
    #header .header .kakao{margin: 0 16px;}
    #header .header .kakao a{display:flex;align-items: center;}
    #header .header .kakao a img{display:block;width: 24px;height: 24px;border-radius: 4px;object-fit:cover;}
    #header .header .kakao a p{font-size: 12px;margin-left: 6px;font-weight:500;color: #666;}
    #header .header .button{margin-left:auto;display: none;}
    #header .header #allmenu{width: 24px;height: 24px;background: url("../img/icon_mobile_menu.png") no-repeat 50% 50% / 100% auto;flex-shrink: 0;}
    #header .allmenu{position:fixed;z-index:9999;top:0;right:0;width: 100%;min-height: 100vh;opacity: 0;visibility: hidden;}
    #header .allmenu.active{opacity: 1;visibility: visible;}
    #header .allmenu.active .cont{transform:translateX(0);}
    #header .allmenu .cont{position:relative;z-index:2;width:75vw;margin-left:auto;background: #fff;height: 100vh;transform:translateX(100%);transition: all 0.3s;display: flex;flex-direction: column;}
    #header .allmenu .title{padding: 0 16px;height: 63px;display:flex;align-items:center;background: #ffffff;    font-size: 22px; font-weight: bold;}
    #header .allmenu .title img{display:block;width: 87px;}
    #header .allmenu .close{position:absolute;top: 27px;right: 18px;width: 26px;height: 26px;display:flex;align-items:center;justify-content:center;}
    #header .allmenu .close a{display:block;}
    #header .allmenu .close img{width: auto;height: auto;max-width: 100%;display: block;vertical-align: top;}
    #header .allmenu .menu{border-top:1px solid #e6e6e6;}
    #header .allmenu .menu ul{padding: 0 18px;}
    #header .allmenu .menu li{}
    #header .allmenu .menu a{display:flex;align-items:center;border-bottom:1px solid #e6e6e6;display:flex;height: 64px;background: url("../img/icon_arrow_link.png") no-repeat right center / 24px auto;font-size: 16px;font-weight: 500;}
    #header .allmenu .menu li.active a{color:#1c68ff}
    #header .allmenu .login{padding: 0 18px;}
    #header .allmenu .login a{display:flex;align-items:center;display:flex;height: 64px;font-size: 16px;font-weight: 400;color: #989898;}
    #header .allmenu .bg{position:absolute;z-index:1;top:0;left:0;width: 100%;height: 100%;background:#282828;opacity: 0.7;}
    #header .allmenu .lang{margin:auto 0 0 0;padding: 22px 18px;display: flex;align-items: center;}
    #header .allmenu .lang a{position: relative;font-size: 14px;line-height: 17px;color: #989898;font-weight: 500;}
    #header .allmenu .lang a + a{margin: 0 0 0 18px;padding: 0 0 0 18px;}
    #header .allmenu .lang a + a:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:18px;background:#d4d4d4;}
    #header .allmenu .lang a.on{color: #000000;}


    /**/
    #container{padding: 65px 0 0 0;min-height:100vh;}

    /**/
    #footer{background:#383838;padding: 0 16px;overflow: hidden;}
    #footer .footer{display:flex;align-items: flex-start;padding: 42px 0 30px;border-bottom: 1px solid #585858;flex-direction: column;}
    #footer .footer .logo{margin: 0 0 26px 0;width: 320px;height: auto;}
    #footer .footer .logo img{display:block;width:auto;max-width:100%}
    #footer .footer .menu{margin: 0 0 5px 0;}
    #footer .footer .menu ul{display:flex;align-items:center;flex-wrap: wrap;}
    #footer .footer .menu li{margin: 0 38px 24px 0;}
    #footer .footer .menu li + li{}
    #footer .footer .menu li a{font-size: 16px;font-weight: 500;color: #fff;}
    #footer .footer .social{}
    #footer .footer .social ul{display:flex;align-items:center;}
    #footer .footer .social li{}
    #footer .footer .social li + li{margin: 0 0 0 12px;}
    #footer .footer .social li a{display: flex;width: 34px;height: 34px;border-radius: 34px;background: #5f5f5f;text-indent: -9999em;overflow: hidden;font-size: 0;}
    #footer .footer .social li a.facebook{background:url("../img/icon_facebook.png") no-repeat 50% 50% / cover}
    #footer .footer .social li a.instagram{background:url("../img/icon_instagram.png") no-repeat 50% 50% / cover}
    #footer .footer .social li a.naver{background:url("../img/icon_naver.png") no-repeat 50% 50% / cover}
    #footer .info{padding: 28px 0 45px;display: flex;flex-direction: column;}
    #footer .info .address{}
    #footer .info .address span{}
    #footer .info .address p{position:relative;margin-bottom: 8px;margin-right: 16px;line-height: 19px;font-weight: 300;font-size: 13px;color: #c0c0c0;/* white-space: nowrap; */display: inline-block;}
    #footer .info .address p:after{content:'';display: inline-block;position: relative;top: 4px;width:1px;height:12px;background:#fff;opacity:0.2;margin-left: 16px;vertical-align: top;}
    #footer .info .address p.last{flex: 1;clear: both;}
    #footer .info .address p.last:after{display:none}
    #footer .info .address cite{margin: 9px 0 0 0;line-height: 20px;font-size: 14px;color: #787878;}
    #footer .info .tele{text-align: left;margin: 24px 0 0 0;display: flex;flex-direction: column;align-items: flex-start;}
    #footer .info .tele span{line-height: 17px;font-size: 12px;font-weight: bold;color: white;}
    #footer .info .tele strong{line-height: 45px;font-size: 31px;font-weight: bold;color: white;letter-spacing: 2px;}
    #footer .info .tele p{margin: 2px 0 0 0;line-height: 21px;font-size: 14px;font-weight: 500;color: #868686;}

    /**/
    #add-channel-button{position:fixed;bottom: 30px;right: 30px;width: 70px;height: 70px;border-radius:50px;box-shadow:0 3px 6px rgba(0,0,0,0.05);z-index: 999;background: #fddc3f;}
    #add-channel-button img{display:block;width:100%;height:100%;object-fit:cover}

    /**/
    #index{flex-direction: column;display: flex;}
    #index .title{margin: 0 0 30px 0;line-height: 40px;font-size: 28px;font-weight:bold;color:#272727;text-align:center;word-break: keep-all;}
    #index .visual{position: relative;z-index: 1;background:#e3efff;overflow: hidden;order: 1;padding: 0 16px;}
    #index .visual .wrap{}
    #index .visual .slider{display:flex;position: relative;overflow: hidden;}
    #index .visual .slider .swiper-slide{display:flex;flex-direction: column;padding: 16px 0 45px;/* height: 220px; *//*padding: 70px 19px 0;*/}
    #index .visual .slider .swiper-nums{position:absolute;bottom: 52px;left: 6px;border-radius:18px;background:rgba(0,0,0,0.18);display:flex;align-items:center;height: 16px;z-index: 5;padding: 0 4px;}
    #index .visual .slider .swiper-nums p{font-size: 10px;font-weight: 500;color:#fff;}
    #index .visual .slider .swiper-prev,
    #index .visual .slider .swiper-next{display:none;}
    #index .visual .text{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;margin: 0 0 57px 0;}
    #index .visual .text .txt{margin: 0 0 12px 0;line-height: 32px;font-size: 22px;font-weight: 500;color: #363636;padding: 0 10px;}
    #index .visual .text .tit{line-height: 47px;font-size: 34px;font-weight: bold;color: #272727;padding: 0 10px;}
    #index .visual .text .tit p{position: relative;}
    #index .visual .text .tit p span{position:relative;z-index:2;}
    #index .visual .text .tit p:before{z-index:1;content:'';position:absolute;bottom:0;left: -10px;right: -10px;height:30px;background:#bdd3ff;}
    #index .visual .image{display: flex;flex-direction: column;align-items: center;justify-content: flex-end;border-radius: 6px;overflow: hidden;}
    #index .visual .image img{display:block;width: 150%;height: auto;}


    #index .quick{margin-top: -54px;padding: 20px 16px 50px;position:relative;z-index:2;order: 2;}
    #index .quick .wrap{border-radius:16px;box-shadow: 0 6px 16px rgba(0,0,0,0.1);background: #ffffff;}
    #index .quick ul{display:flex;flex-wrap:wrap;padding: 30px 25px 10px;}
    #index .quick li{width: 33.33%;text-align:center;padding: 0 5px 20px;}
    #index .quick li img{display:block;margin:0 auto 20px;width: 40px;}
    #index .quick li p{line-height: 20px;font-size: 14px;font-weight:500;color:#272727;word-break: keep-all;}
    #index .info{padding: 0px 16px 0px;order:2}
    #index .info .cont{}
    #index .info .cont ul{display:flex;flex-wrap:wrap;margin: 0 -5px -20px;}
    #index .info .cont li{width: 50%;padding: 0 5px 20px;}
    #index .info .cont li .inner{display:block;border-radius: 8px;overflow:hidden;box-shadow: 0 4px 24px rgba(0, 0,0,0.12);background:#ffffff;position: relative;z-index: 2;}
    #index .info .cont li .inner img{height: 120px;width:100%;object-fit:cover;}
    #index .info .cont li .inner p{padding: 16px;line-height: 20px;font-size: 14px;font-weight: 500;color:#272727;word-break:keep-all;}
    #index .review{padding: 50px 16px;order:5;display: none;}
    #index .review .cont{}
    #index .review .cont ul{display:flex;flex-wrap:wrap;margin: 0 -5px -20px;}
    #index .review .cont li{width: 50%;padding: 0 5px 20px;}
    #index .review .cont li .inner{display:block;border-radius: 8px;overflow:hidden;box-shadow: 0 4px 24px rgba(0, 0,0,0.12);background:#ffffff;position: relative;z-index: 2;}
    #index .review .cont li .inner img{height: 120px;width:100%;object-fit:cover;}
    #index .review .cont li .inner p{padding: 16px;line-height: 20px;font-size: 14px;font-weight: 500;color:#272727;word-break:keep-all;}
    #index .started{padding: 50px 16px;background: #fff;order: 3;}
    #index .started .cont{}
    #index .started .cont ul{display:flex;flex-direction: column;}
    #index .started .cont li{flex:1;}
    #index .started .cont li + li{margin-top: 24px;}
    #index .started .cont li .inner{display:flex;flex-direction:column;padding: 36px 34px;border-radius: 10px;background:#f7f8fa}
    #index .started .cont li .inner .tit{margin: 0 0 33px 0;line-height: 37px;font-size: 26px;font-weight:bold;color:#444444;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 74px;}
    #index .started .cont li .inner .ico{display:flex;}
    #index .started .cont li .inner .ico img{display:block;margin-left:auto;width: 147px;height: auto;max-width: 100%;}
    #index .current{order: 4;}
    #index .current .box{background: #000000 url("../img/current_bg.png") no-repeat 50% 50% / cover;padding: 100px 50px 140px 50px;}
    #index .current .title{margin: 0 0 80px 0;color:#ffffff}
    #index .current .cont{}
    #index .current .cont ul{display:flex;flex-direction: column;}
    #index .current .cont li{flex:1;position:relative;display: flex;flex-direction: column;align-items: center;}
    #index .current .cont li + li{margin-top: 70px;padding-top: 50px;}
    #index .current .cont li + li:before{content:'';position:absolute;top: 0;left: 50%;width: 110px;height: 1px;background:#dfdfdf;opacity:0.4;transform: translateX(-50%);}
    #index .current .cont li span{line-height: 35px;font-size: 24px;color: #ffffff;opacity: 0.8;margin: 0 0 16px 0;}
    #index .current .cont li strong{position: relative;line-height: 56px;font-size: 52px;font-weight: 900;color: #ffffff;padding: 0 0 10px 0;}
    #index .current .cont li strong:after{content:'';position:absolute;bottom: -16px;left: 0;right: 0;height:4px;background:#1c68ff;}
    #index .partner{display: none;}
    #index .partner .box{background: #fafafa;padding: 50px 16px 75px;}
    #index .partner .cont{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
    #index .partner .cont ul{display: flex;justify-content: center;flex-wrap: wrap;}
    #index .partner .cont ul + ul{}
    #index .partner .cont li{display: flex;align-items: center;justify-content: center;width: 90px;height: 50px;border-radius: 12px;box-shadow: 0 2px 24px 0 rgba(0,0,0,0.08);background: #ffffff;flex-shrink:0;margin: 6px;padding: 6px;}
    #index .partner .cont li + li{}
    #index .partner .cont li img{width:auto;max-width:100%;height:auto;}
    #index .service{padding: 50px 16px;display: block;order:10 }
    #index .service .cont{}
    #index .service .cont ul{display: flex;flex-direction: column;}
    #index .service .cont ul li{flex:1;}
    #index .service .cont ul li + li{margin-top: 12px;}
    #index .service .cont ul li a{display:block;}
    #index .service .cont ul li .inner{position: relative;}
    #index .service .cont ul li .img{position: relative;border-radius:14px;overflow:hidden;z-index: 1;}
    #index .service .cont ul li .img img{display:block;width:100%;height:auto}
    #index .service .cont ul li .con{position:absolute;bottom:0;left:0;width:100%;padding: 16px;z-index: 2;}
    #index .service .cont ul li .tit{line-height: 1.5;font-size: 20px;font-weight: bold;color: #ffffff;margin: 0 0 20px 0;}
    #index .service .cont ul li .act{}
    #index .service .cont ul li .act a{display: inline-flex;align-items: center;justify-content: center;padding: 8px 15px;border-radius: 12px;background: #1c68ff;line-height: 1.5;font-size: 14px;font-weight: 500;color: #ffffff;}
    #index .service .cont ul li .act a i{margin-left:6px;width: 16px;height: 16px;background:url("../img/icon_link.png") no-repeat 50% 50% / contain}

    #login{padding: 60px 16px 32px;background:#ececec;min-height:calc(100vh - 65px);display:flex;flex-direction:column;align-items:stretch;}
    #login .login{margin:0 auto;border-radius:16px;background:#fff;/*width: 100%;padding: 60px 16px 85px;*/text-align: center;/*border: 1px solid #979797;*/ width:100%;flex:1;display:flex;flex-direction:column;}
    #login .login .title{line-height: 39px;font-size: 27px;font-weight: bold;color: #303030;margin: 0 0 22px 0;}
    #login .login .title em {position: relative;color:#e53e53;}
    #login .login .title em:before {content: '';position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);width: 8px;height: 8px;border-radius: 8px;background: #ff5700;}
    #login .login .text{margin: 0 0 57px 0;line-height: 28px;font-size: 17px;color: #616161;}
    #login .login .text .space{width:50px;}
    #login .login .text .tit{margin:0 20px;}
    #login .login .text .formBox1{width:50px;}
    #login .login .text .formBox1 .label{height:30px;}
    #login .login .text .formBox1 .label label{top:50%;transform:translateY(-50%);height:24px;}
    #login .login .text .formBox1 .label label span{margin:1px;width:20px;height:20px;}

    #login .login .method{margin-top:40px;margin-bottom:40px;display:none;}
    #login .login .method .tit{display: flex;align-items: center;justify-content: center;line-height: 24px;font-size: 16px;font-weight: 500;color: #535353;margin: 0 0 20px 0;}
    #login .login .method .tit:before{content:'';margin:0 20px;width:40px;height:1px;background:#525252;}
    #login .login .method .tit:after{content:'';margin:0 20px;width:40px;height:1px;background:#525252;}
    #login .login .method .txt{}
    #login .login .method .txt a{display: flex;align-items: center;justify-content: center;width: 100%;height: 46px;border-radius: 8px;background: #fafafa;}
    #login .login .method .txt a + a{margin-top:10px;}
    #login .login .method .txt a i{margin: 0 10px 0 0;width: 24px;height: 24px;}
    #login .login .method .txt a p{line-height: 20px;font-size: 14px;font-weight: bold;color: #272727;}
    #login .login .method .txt a.kakao{background:#ffea26}
    #login .login .method .txt a.kakao i{background:url("../img/icon-sns-kaako.png") no-repeat 50% 50% / cover}
    #login .login .method .txt a.google{background:#ffffff;border-color:#979797;}
    #login .login .method .txt a.google i{background:url("../img/icon-sns-google.png") no-repeat 50% 50% / cover}
    #login .login .method .txt a.facebook{background:#4460a0}
    #login .login .method .txt a.facebook p{color:#ffffff}
    #login .login .method .txt a.facebook i{background:url("../img/icon-sns-facebook.png") no-repeat 50% 50% / cover}
    #login .login .method .txt a.naver{background:#00c73c}
    #login .login .method .txt a.naver p{color:#ffffff}
    #login .login .method .txt a.naver i{background:url("../img/icon-sns-naver.png") no-repeat 50% 50% / cover}
    #login .login .form{margin-bottom: 15px;margin-top: 30px;}
    #login .login .form dl{text-align: left;}
    #login .login .form dl + dl{margin-top: 20px;}
    #login .login .form dt{margin: 0 0 10px 0;line-height: 24px;font-size: 16px;font-weight: 500;color: #616161;}
    #login .login .form dd{}
    #login .login .form dd input[type="text"],
    #login .login .form dd input[type="password"],
    #login .login .form dd input[type="number"]{display: flex;padding: 6px 12px;width: 100%;height: 42px;border-radius: 4px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 14px;color: #303030;}
    #login .login .tool{display:flex;margin:20px 0 40px 0;}
    #login .login .tool .save{margin-right:auto;}
    #login .login .tool .save .checkbox{}
    #login .login .tool .save .checkbox input{}
    #login .login .tool .save .checkbox input ~ i{}
    #login .login .tool .save .checkbox input ~ p{font-size:14px;}
    #login .login .tool .find{margin-left:auto;}
    #login .login .tool .find a{font-size:14px;color:#999;}
    #login .login .button{display:flex;flex-direction:column}
    #login .login .button .btn{}
    #login .login .button .btn + .btn{margin-top:10px;}
    #login .login .sign{margin-top:30px;line-height:30px;font-size:15px;color:#999;}
    #login .login .sign a{color: #1c68ff;}

    #login .none{flex:1;display:flex;flex-direction:column;}

    #login .login.none{}
    #login .login.none .notmem{margin: 55px 0 0 0;}
    #login .login.none .notmem .tit{display: flex;align-items: center;justify-content: center;line-height: 24px;font-size: 16px;font-weight: 500;color: #535353;margin: 0 auto 20px;}
    #login .login.none .notmem .tit p{min-width:135px;}
    #login .login.none .notmem .tit:before{content:'';margin:0 20px;width:40px;height:1px;background:#525252;}
    #login .login.none .notmem .tit:after{content:'';margin:0 20px;width:40px;height:1px;background:#525252;}
    #login .login.none .notmem .form{}
    #login .login.none .notmem .form dl{text-align: left;}
    #login .login.none .notmem .form dl + dl{margin-top: 30px;}
    #login .login.none .notmem .form dt{margin: 0 0 10px 0;line-height: 24px;font-size: 14px;font-weight: 500;color: #616161;}
    #login .login.none .notmem .form dd{}
    #login .login.none .notmem .form dd input[type="text"]{display: flex;padding: 0 16px;width: 100%;height: 56px;border-radius: 8px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 16px;color: #303030;}
    #login .login.none .notmem .form dd input[type="number"]{display: flex;padding: 0 16px;width: 100%;height: 56px;border-radius: 8px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 16px;color: #303030;}
    #login .login.none .notmem .button{margin: 30px 0 0 0;}
    #login .login.none .notmem .button .btn{width: 100%;height: 46px;font-size: 16px;font-weight: 500;}
    #login .login.none .notmem .button .btn_01{}


    #login2{padding: 0px 16px;background:#ececec;}
    #login2 .login{margin:0 auto;border-radius:16px;background:#fff;/*width: 100%;*/padding: 60px 16px 85px;text-align: center;/*border: 1px solid #979797;*/ }
    #login2 .login .title{line-height: 39px;font-size: 27px;font-weight: bold;color: #303030;margin: 0 0 22px 0;}
    #login2 .login .text{margin: 0 0 57px 0;line-height: 28px;font-size: 17px;color: #616161;}
    #login2 .login .method{}
    #login2 .login .method .tit{display: flex;align-items: center;justify-content: center;line-height: 24px;font-size: 16px;font-weight: 500;color: #535353;margin: 0 0 20px 0;}
    #login2 .login .method .tit:before{content:'';margin:0 20px;width:40px;height:1px;background:#525252;}
    #login2 .login .method .tit:after{content:'';margin:0 20px;width:40px;height:1px;background:#525252;}
    #login2 .login .method .txt{}
    #login2 .login .method .txt a{display: flex;align-items: center;justify-content: center;width: 100%;height: 46px;border-radius: 8px;background: #fafafa;}
    #login2 .login .method .txt a + a{margin-top:10px;}
    #login2 .login .method .txt a i{margin: 0 10px 0 0;width: 24px;height: 24px;}
    #login2 .login .method .txt a p{line-height: 20px;font-size: 14px;font-weight: bold;color: #272727;}
    #login2 .login .method .txt a.kakao{background:#ffea26}
    #login2 .login .method .txt a.kakao i{background:url("../img/icon-sns-kaako.png") no-repeat 50% 50% / cover}
    #login2 .login .method .txt a.google{background:#ffffff;border-color:#979797;}
    #login2 .login .method .txt a.google i{background:url("../img/icon-sns-google.png") no-repeat 50% 50% / cover}
    #login2 .login .method .txt a.facebook{background:#4460a0}
    #login2 .login .method .txt a.facebook p{color:#ffffff}
    #login2 .login .method .txt a.facebook i{background:url("../img/icon-sns-facebook.png") no-repeat 50% 50% / cover}
    #login2 .login .method .txt a.naver{background:#00c73c}
    #login2 .login .method .txt a.naver p{color:#ffffff}
    #login2 .login .method .txt a.naver i{background:url("../img/icon-sns-naver.png") no-repeat 50% 50% / cover}
    #login2 .login .form{margin-bottom: 15px;margin-top: 30px;}
    #login2 .login .form dl{text-align: left;}
    #login2 .login .form dl + dl{margin-top: 20px;}
    #login2 .login .form dt{margin: 0 0 10px 0;line-height: 24px;font-size: 16px;font-weight: 500;color: #616161;}
    #login2 .login .form dd{}
    #login2 .login .form dd input[type="text"],
    #login2 .login .form dd input[type="password"],
    #login2 .login .form dd input[type="number"]{display: flex;padding: 6px 12px;width: 100%;height: 42px;border-radius: 4px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 14px;color: #303030;}
    #login2 .login .tool{display:flex;margin:20px 0 40px 0;}
    #login2 .login .tool .save{margin-right:auto;}
    #login2 .login .tool .save .checkbox{}
    #login2 .login .tool .save .checkbox input{}
    #login2 .login .tool .save .checkbox input ~ i{}
    #login2 .login .tool .save .checkbox input ~ p{font-size:14px;}
    #login2 .login .tool .find{margin-left:auto;}
    #login2 .login .tool .find a{font-size:14px;color:#999;}
    #login2 .login .button{display:flex;flex-direction:column}
    #login2 .login .button .btn{}
    #login2 .login .button .btn + .btn{margin-top:10px;}
    #login2 .login .sign{margin-top:30px;line-height:30px;font-size:15px;color:#999;}
    #login2 .login .sign a{color: #1c68ff;}
    #login2 .login.none{}
    #login2 .login.none .notmem{margin: 55px 0 0 0;}
    #login2 .login.none .notmem .tit{display: flex;align-items: center;justify-content: center;line-height: 24px;font-size: 16px;font-weight: 500;color: #535353;margin: 0 auto 20px;}
    #login2 .login.none .notmem .tit p{min-width:135px;}
    #login2 .login.none .notmem .tit:before{content:'';margin:0 20px;width:40px;height:1px;background:#525252;}
    #login2 .login.none .notmem .tit:after{content:'';margin:0 20px;width:40px;height:1px;background:#525252;}
    #login2 .login.none .notmem .form{}
    #login2 .login.none .notmem .form dl{text-align: left;}
    #login2 .login.none .notmem .form dl + dl{margin-top: 30px;}
    #login2 .login.none .notmem .form dt{margin: 0 0 10px 0;line-height: 24px;font-size: 14px;font-weight: 500;color: #616161;}
    #login2 .login.none .notmem .form dd{}
    #login2 .login.none .notmem .form dd input[type="text"]{display: flex;padding: 0 16px;width: 100%;height: 56px;border-radius: 8px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 16px;color: #303030;}
    #login2 .login.none .notmem .form dd input[type="number"]{display: flex;padding: 0 16px;width: 100%;height: 56px;border-radius: 8px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 16px;color: #303030;}
    #login2 .login.none .notmem .button{margin: 30px 0 0 0;}
    #login2 .login.none .notmem .button .btn{width: 100%;height: 46px;font-size: 16px;font-weight: 500;}
    #login2 .login.none .notmem .button .btn_01{}

    #login .bottom{position:relative;width:100%;margin-top:auto;text-align:left;}
    #login .bottom .rankTitle{line-height:20px;font-size:14px;font-weight:400;color:#999;margin-bottom:20px;}
    #login .bottom .rankList{overflow:hidden}
    #login .bottom .rankList ul{display:flex;flex-direction:column;height:184px;}
    #login .bottom .rankList li{display:flex;cursor:pointer;align-items: center;}
    #login .bottom .rankList li .num{flex:0 0 auto;margin-right:10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#eee;font-size:12px;font-weight:bold;color:#e53e53;}
    #login .bottom .rankList li .tit{width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:13px;font-weight:500;color:#222;}
    #login .bottom .rankList li .up{flex:0 0 auto;color:#F44336;font-size:12px;font-weight:bold;background:gray;color:#fff;padding:5px 5px;border-radius:5px;}
    #login .bottom .rankList li .down{flex:0 0 auto;color:#1c68ff;font-size:12px;font-weight:bold;background:#1c68ff;color:#fff;padding:5px 5px;border-radius:5px;}
    #login .bottom .rankList li.one .num,
    #login .bottom .rankList li.two .num,
    #login .bottom .rankList li.three .num {color:#f44336}

    #intro_detail{margin:0 auto;width:520px;max-width:100%;}
    #intro_detail .intro_detail{padding:60px 16px; 32px;}
    #intro_detail .intro_detail .header{margin-bottom:60px;}
    #intro_detail .intro_detail .header .tit{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;margin-bottom:20px;}
    #intro_detail .intro_detail .header .tit:before{content:'';margin-right:20px;width:50px;height:1px;background:#333;}
    #intro_detail .intro_detail .header .tit:after{content:'';margin-left:20px;width:50px;height:1px;background:#333;}
    #intro_detail .intro_detail .header .txt{text-align:center;font-size:14px;font-weight:400;color:#666;}
    #intro_detail .intro_detail .content{text-align:left;}
    #intro_detail .intro_detail .content .tit{margin-bottom:20px;font-size:16px;font-weight:400;color:#333;}
    #intro_detail .intro_detail .content .txt{}

    #complete{display: flex;align-items: center;justify-content: center;background: #fafafa;padding: 16px;}
    #complete .complete{margin: 50px auto;width: 520px;max-width: 100%;background: #ffffff;border-radius: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 68px 40px;text-align: center;}
    #complete .complete .title{line-height: 32px;font-size: 24px;font-weight: bold;color: #303030;margin: 0 0 15px 0;}
    #complete .complete .image{margin: 0 auto 20px;width: 80px;height: auto;}
    #complete .complete .image img{display: block;width: 100%;height: auto;}
    #complete .complete .text{line-height: 24px;font-size: 16px;font-weight: 600;color: #6b6b6b;margin: 0 0 20px 0;word-break: keep-all;}
    #complete .complete .button{margin-top: 20px;display: flex;align-items: center;justify-content: center;}
    #complete .complete .button .btn{display: flex;}
    #complete .complete .button .btn + .btn{}

    #join_complete{display: flex;align-items: center;justify-content: center;background: #fafafa;padding: 16px;}
    #join_complete .complete{margin: 50px auto;width: 520px;max-width: 100%;background: #ffffff;border-radius: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 68px 40px;text-align: center;}
    #join_complete .complete .title{line-height: 32px;font-size: 24px;font-weight: bold;color: #303030;margin: 0 0 15px 0;}
    #join_complete .complete .title img{height:24px;width:auto;}
    #join_complete .complete .image{margin: 0 auto 20px;width: 80px;height: auto;}
    #join_complete .complete .image img{display: block;width: 100%;height: auto;}
    #join_complete .complete .cont{line-height: 24px;font-size: 16px;font-weight: 600;color: #6b6b6b;margin: 0 0 20px 0;word-break: keep-all;}
    #join_complete .complete .cont strong{display: block;font-size: 24px;margin-bottom: 16px;color: #4b5563;}
    #join_complete .complete .cont span{font-weight: 500;}
    #join_complete .complete .button{margin-top: 20px;display: flex;align-items: center;justify-content: center;}
    #join_complete .complete .button .btn{display: flex;}
    #join_complete .complete .button .btn + .btn{}

    #sign{padding: 80px 16px;background:#ececec;}
    #sign .sign{margin:0 auto;border-radius:16px;background:#fff;width: 100%;padding: 60px 16px 30px;}
    #sign .sign .title{line-height: 39px;font-size: 27px;font-weight: bold;color: #303030;margin: 0 0 37px 0;text-align: center;}
    #sign .sign .form{}
    #sign .sign .form dl{}
    #sign .sign .form dl + dl{margin-top: 30px;}
    #sign .sign .form dt{margin: 0 0 8px 0;line-height: 20px;font-size: 14px;font-weight: 500;color: #616161;}
    #sign .sign .form dd{display: flex}
    #sign .sign .form dd input[type="text"]{display: flex;padding: 0 16px;width: 100%;height: 56px;border-radius: 8px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 16px;color: #303030;}
    #sign .sign .form dd input.datepicker{padding: 0 0 0 46px;position:relative;}
    #sign .sign .form dd input.datepicker{background: #f7f8fa url("../img/icon_datepicker.png") no-repeat left 16px center / 18px auto;}
    #sign .sign .form dd button{display: flex;align-items: center;justify-content: center;width: 80px;height: 56px;font-size: 16px;font-weight: 400;border-radius: 8px;flex-shrink: 0;}
    #sign .sign .form dd select{display: flex;padding: 0 16px;width: 100%;height: 56px;border-radius: 8px;border: 1px solid #e2e6ed;font-size: 16px;background: #f7f8fa url("../img/icon_select.png") no-repeat right 24px center;color: #ccc;}
    #sign .sign .form dd select option[value=""][disabled]{display:none;}
    #sign .sign .form dd .msg_info{margin: 20px 0 0 0;line-height: 20px;font-size: 14px;font-weight: 500;color: #3869f5;}
    #sign .sign .form dd input ~ button{margin: 0 0 0 8px;}
    #sign .sign .button{margin: 30px 0 0 0;display: flex;align-items: center;justify-content: center;}
    #sign .sign .button .btn{width: 100%;height: 46px;font-size: 16px;font-weight: 500;}
    #sign .sign .button .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4}
    #sign{padding: 80px 16px;background:#ececec;}

    #find{padding:80px 16px;background:#ececec;}
    #find .find{margin:0 auto;border-radius:16px;background:#fff;width: 100%;padding: 60px 16px 30px;}
    #find .find .title{line-height: 39px;font-size: 27px;font-weight: bold;color: #303030;margin: 0 0 17px 0;text-align: center;}
    #find .find .text{line-height: 18px;font-size: 16px;color: #606060;margin: 0 0 15px 0;text-align: center;}
    #find .find .form{}
    #find .find .form dl{}
    #find .find .form dl + dl{margin-top:30px;}
    #find .find .form dt{margin: 0 0 8px 0;line-height: 20px;font-size: 14px;font-weight: 500;color: #616161;}
    #find .find .form dd{display: flex;flex-direction: column;}
    #find .find .form dd input[type="text"]{display: flex;padding: 6px 12px;width: 100%;height: 42px;border-radius: 4px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 14px;color: #303030;}
    #find .find .form .inp{display:flex}
    #find .find .form .error{margin-top: 6px;color:#f00;font-size:13px;}
    #find .find .button{margin: 30px 0 0 0;display: flex;align-items: center;justify-content: center;}
    #find .find .button .btn{width: 100%;height: 46px;font-size: 16px;font-weight: 500;}
    #find .find .button .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4}
    #find .find .result{}
    #find .find .result .img{width: 80px;height: 80px;margin: 0 auto 25px;}
    #find .find .result .img img{display:block;width:auto;max-width:100%;height:auto;}
    #find .find .result .txt{margin-bottom:50px;text-align: center;line-height: 20px;font-size: 16px;color: #606060;}

    #change{padding:80px 16px;background:#ececec;}
    #change .change{margin:0 auto;border-radius:16px;background:#fff;width: 100%;padding: 60px 16px 30px;}
    #change .change .title{line-height: 39px;font-size: 27px;font-weight: bold;color: #303030;margin: 0 0 17px 0;text-align: center;}
    #change .change .text{line-height: 18px;font-size: 16px;color: #606060;margin: 0 0 15px 0;text-align: center;}
    #change .change .form{}
    #change .change .form dl{}
    #change .change .form dl + dl{margin-top:30px;}
    #change .change .form dt{margin: 0 0 8px 0;line-height: 20px;font-size: 14px;font-weight: 500;color: #616161;}
    #change .change .form dd{display: flex;flex-direction: column;}
    #change .change .form dd + dd{margin-top:20px;}
    #change .change .form dd input[type="text"]{display: flex;padding: 6px 12px;width: 100%;height: 42px;border-radius: 4px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 14px;color: #303030;}
    #change .change .form .inp{display:flex}
    #change .change .form .error{margin-top: 6px;color:#f00;font-size:13px;}
    #change .change .button{margin: 30px 0 0 0;display: flex;align-items: center;justify-content: center;}
    #change .change .button .btn{width: 100%;height: 46px;font-size: 16px;font-weight: 500;}
    #change .change .button .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4}

    #myinfo{padding:80px 16px;background:#ececec;}
    #myinfo .myinfo{margin:0 auto;border-radius:16px;background:#fff;width:100%;padding: 60px 16px 30px;}
    #myinfo .myinfo .title{line-height: 39px;font-size: 27px;font-weight: bold;color: #303030;margin: 0 0 17px 0;text-align: center;}
    #myinfo .myinfo .link{display:flex;align-items:center;justify-content:flex-end;margin-bottom: 30px;}
    #myinfo .myinfo .link a{font-size: 14px;font-weight:400;color:#909090;text-decoration:underline}
    #myinfo .myinfo .form{}
    #myinfo .myinfo .form dl{}
    #myinfo .myinfo .form dl + dl{margin-top: 20px;}
    #myinfo .myinfo .form dt{margin: 0 0 8px 0;line-height: 20px;font-size: 14px;font-weight: 500;color: #616161;}
    #myinfo .myinfo .form dd{display: flex;flex-direction: column;}
    #myinfo .myinfo .form dd + dd{margin-top:20px;}
    #myinfo .myinfo .form dd input[type="text"],
    #myinfo .myinfo .form dd .box{display: flex;padding: 6px 12px;width: 100%;height: 42px;border-radius: 4px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 14px;color: #303030;align-items: center;}
    #myinfo .myinfo .form dd button{display: flex;padding: 6px 12px;width: 80px;height: 42px;border-radius: 4px;border: 1px solid transparent;font-size: 14px;}
    #myinfo .myinfo .form dd input[type="text"] ~ button{margin-left:10px;}
    #myinfo .myinfo .form .inp{display:flex;min-height: 50px;align-items: center;}
    #myinfo .myinfo .form .act{display:flex;justify-content:flex-end;height: 30px;align-items: center;}
    #myinfo .myinfo .form .act a{font-size: 14px;color: #909090;text-decoration: underline;}
    #myinfo .myinfo .form .inp + .inp{margin-top:10px;}
    #myinfo .myinfo .form .act + .inp{margin-top:10px}
    #myinfo .myinfo .form .error{margin-top: 6px;color:#f00;font-size:13px;}
    #myinfo .myinfo .agree{margin-top: 50px;}
    #myinfo .myinfo .agree .tit{margin-bottom: 16px;line-height: 20px;font-size: 16px;font-weight: 500;color: #303030;}
    #myinfo .myinfo .agree .con{}
    #myinfo .myinfo .agree .con dl{display: flex;align-items: center;height: 36px;font-size: 14px;}
    #myinfo .myinfo .agree .con dt{width: 100px;flex-shrink:0;}
    #myinfo .myinfo .agree .con dd{flex: 1;display: flex;align-items: center;justify-content: flex-end;}
    #myinfo .myinfo .agree .agreebox{cursor:pointer;display:flex;}
    #myinfo .myinfo .agree .agreebox input[type="checkbox"]{display: none;}
    #myinfo .myinfo .agree .agreebox input[type="checkbox"] ~  i{width: 36px;height: 12px;background: rgb(0 0 0 / 10%);flex-shrink:0;border-radius: 20px;position: relative;display: flex;align-items: center;}
    #myinfo .myinfo .agree .agreebox input[type="checkbox"] ~  i:before{content:'';width: 20px;height: 20px;background: #606060;border-radius: 60px;box-shadow: 0 0 3px rgba(0,0,0,0.05);position: absolute;top: 50%;left: 0;transform: translateY(-50%);transition: all 0.3s;}
    #myinfo .myinfo .agree .agreebox input[type="checkbox"] ~  p{line-height: 29px;font-size: 18px;color: #444444;}
    #myinfo .myinfo .agree .agreebox input[type="checkbox"]:checked ~ i{background: rgb(28 104 255 / 20%);}
    #myinfo .myinfo .agree .agreebox input[type="checkbox"]:checked ~ i:before{background: #1c68ff;left: calc(100% - 20px);}
    #myinfo .myinfo .button{margin: 30px 0 0 0;display: flex;align-items: center;justify-content: center;}
    #myinfo .myinfo .button .btn{width: 100%;height: 46px;font-size: 16px;font-weight: 500;}
    #myinfo .myinfo .button .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4}

    #withdraw{padding:120px 16px;background:#ececec;}
    #withdraw .withdraw{margin:0 auto;border-radius:16px;background:#fff;width: 100%;padding: 60px 16px 30px;}
    #withdraw .withdraw .title{line-height: 39px;font-size: 27px;font-weight: bold;color: #303030;margin: 0 0 17px 0;text-align: center;}
    #withdraw .withdraw .text{line-height: 18px;font-size: 16px;color: #606060;margin: 0 0 15px 0;text-align: center;}
    #withdraw .withdraw .caution{margin-bottom: 50px;margin-top: 50px;}
    #withdraw .withdraw .caution p{display:flex;line-height:19px;font-size:15px;color:#303030;}
    #withdraw .withdraw .caution p:before{content:'';flex-shrink:0;width:3px;height:3px;border-radius:3px;margin: 9px 12px 0 0;background:#303030;}
    #withdraw .withdraw .caution p + p{margin-top:6px;}
    #withdraw .withdraw .agree{display:flex;flex-direction:column;}
    #withdraw .withdraw .agree .checkbox{}
    #withdraw .withdraw .agree .checkbox input{}
    #withdraw .withdraw .agree .checkbox input ~ i{}
    #withdraw .withdraw .agree .checkbox input ~ p{font-size: 12px;color:#606060;}
    #withdraw .withdraw .agree .error{margin-top: 6px;color:#f00;font-size:13px;}
    #withdraw .withdraw .button{margin: 40px 0 0 0;display: flex;align-items: center;justify-content: center;}
    #withdraw .withdraw .button .btn{width: 100%;height: 46px;font-size: 16px;font-weight: 500;}
    #withdraw .withdraw .button .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4}

    #event{padding: 0 16px;/* background:#ececec; */border-top: 1px solid #e3e3e3;}
    #event .event{margin:0 auto;background: rgb(28 104 255 / 5%);width: 100%;padding: 60px 16px 30px;}
    #event .event .title{line-height: 39px;font-size: 27px;font-weight: bold;color: #303030;margin: 0 0 17px 0;text-align: center;}
    #event .event .text{line-height: 18px;font-size: 16px;color: #606060;margin: 0 0 15px 0;text-align: center;}
    #event .event .image{margin-bottom: 50px;}
    #event .event .image .box{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;padding: 40px;background:url("../img/event_bg.png") no-repeat 50% 50% / contain;text-align: center;}
    #event .event .image .name{margin-bottom: 10px;line-height: 20px;font-size: 16px;font-weight: 500;}
    #event .event .image .price{line-height: 1;font-size: 36px;font-weight: bold;}
    #event .event .info{text-align: center;}
    #event .event .info .tit{line-height: 26px;font-size: 20px;font-weight: 500;margin-bottom: 32px;}
    #event .event .info .txt{line-height:24px;font-size: 15px;}
    #event .event .info .txt strong{display:block;margin-top:6px;font-size:30px;font-weight:bold;}
    #event .event .button{margin: 40px -16px -30px;padding: 40px 16px 40px;display: flex;flex-direction:column;align-items: center;justify-content: center;background: #ffffff;}
    #event .event .button .btn{width: 100%;height: 46px;font-size: 16px;font-weight: 500;}
    #event .event .button .btn + .btn{margin-top:10px;}
    #event .event .button .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4}

    #join .join{margin:0 auto;border-radius:16px;background:#fff;width: 100%;padding: 60px 16px 30px;}
    #join .join .title{line-height: 39px;font-size: 27px;font-weight: bold;color: #303030;margin: 0 0 37px 0;text-align: center;}
    #join .join .form{}
    #join .join .form .inp{display:flex}
    #join .join .form .error{margin-top: 6px;color:#f00;font-size:13px;}
    #join .join .form dl{}
    #join .join .form dl + dl{margin-top: 30px;}
    #join .join .form dt{margin: 0 0 8px 0;line-height: 20px;font-size: 14px;font-weight: 500;color: #616161;}
    #join .join .form dd{display: flex;flex-direction: column;}
    #join .join .form dd + dd{margin-top:15px;}
    #join .join .form dd input[type="text"],
    #join .join .form dd input[type="password"],
    #join .join .form dd input[type="number"]{display: flex;padding: 6px 12px;width: 100%;height: 42px;border-radius: 4px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 14px;color: #303030;}
    #join .join .form dd input.datepicker{padding: 0 0 0 46px;position:relative;}
    #join .join .form dd input.datepicker{background: #f7f8fa url("../img/icon_datepicker.png") no-repeat left 16px center / 18px auto;}
    #join .join .form dd button{display: flex;align-items: center;justify-content: center;width: 80px;height: 42px;font-size: 13px;font-weight: 400;border-radius: 8px;flex-shrink: 0;}
    #join .join .form dd select{display: flex;padding: 0 16px;width: 100%;height: 56px;border-radius: 8px;border: 1px solid #e2e6ed;font-size: 16px;background: #f7f8fa url("../img/icon_select.png") no-repeat right 24px center;color: #ccc;}
    #join .join .form dd select option[value=""][disabled]{display:none;}
    #join .join .form dd .msg_info{margin: 20px 0 0 0;line-height: 20px;font-size: 14px;font-weight: 500;color: #3869f5;}
    #join .join .form dd input ~ button{margin: 0 0 0 8px;}
    #join .join .agree{margin:30px 0;}
    #join .join .agree ul{}
    #join .join .agree li{}
    #join .join .agree li + li{margin-top:10px;}
    #join .join .button{margin: 30px 0 0 0;display: flex;align-items: center;justify-content: center;}
    #join .join .button .btn{width: 100%;height: 46px;font-size: 16px;font-weight: 500;}
    #join .join .button .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4}
    #join .join .login{margin-top:30px;line-height:30px;font-size:15px;color:#999;text-align:center;}
    #join .join .login a{color: #1c68ff;vertical-align:top;}

    #service{}
    #service .service{padding: 70px 16px 0;background:#e6eeff;text-align: center;}
    #service .service .title{margin: 0 0 16px 0;line-height: 35px;font-size: 24px;font-weight: bold;color: #272727;}
    #service .service .text{line-height: 28px;font-size: 16px;color: #444444;margin: 0 0 30px 0;}
    #service .service .text span{color:#1c68ff;font-weight:bold;}
    #service .service .patent{margin: 0 auto;width: 940px;max-width: 100%;}
    #service .service .patent img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}
    #service .process{}
    #service .process ul{}
    #service .process li{padding: 70px 16px;}
    #service .process li .wrap{flex-direction: column;display: flex;}
    #service .process li .img{border-radius: 20px;overflow: hidden;order: 2;height: 300px;}
    #service .process li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #service .process li .con{flex: 1;margin: 0 0 30px 0;order: 1;}
    #service .process li .step{margin: 0 0 8px 0;line-height: 28px;font-size: 16px;font-weight: bold;color: #1c68ff;}
    #service .process li .tit{margin: 0 0 16px 0;line-height: 35px;font-size: 24px;font-weight: bold;color: #272727;}
    #service .process li .txt{line-height: 28px;font-size: 16px;color: #444444;word-break: keep-all;}
    #service .process li .txt br{display:none;}
    #service .process li:nth-child(even){background:#f7f8fa}

    #consultation{background:#ececec;border-top: 1px solid #e7e7e7;}
    #consultation .category{position:relative;box-shadow: 0 8px 14px rgba(0,0,0,0.04);background:#fff;padding: 37px 16px 28px;text-align: center;}
    #consultation .category .tit{line-height: 35px;font-size: 24px;font-weight: bold;color: #272727;margin: 0 0 30px 0;}
    #consultation .category .con{}
    #consultation .category .con ul{display: flex;align-items: flex-start;flex-wrap: wrap;}
    #consultation .category .con li{width: 25%;display: flex;align-items: flex-start;}
    #consultation .category .con li + li{}
    #consultation .category .con li a{width: 100%;padding: 6px 9px;display: flex;border-radius: 10px;flex-direction: column;justify-content: flex-start;}
    #consultation .category .con li a img{display:block;margin:0 auto;width:auto;height: 30px;}
    #consultation .category .con li a p{margin:10px 0 0 0;line-height: 17px;font-size: 13px;font-weight:500;color:#272727;word-break: keep-all;}
    #consultation .category .con li.active a{background:#1c68ff;}
    #consultation .category .con li.active p{color:#ffffff}
    #consultation .consultation{padding: 52px 16px;}
    #consultation .consultation .box{margin:0 auto;width:1000px;max-width:100%;border-radius:24px;background:#ffffff;padding: 20px 16px 20px;}
    #consultation .consultation .box .title{line-height: 32px;font-size: 24px;font-weight: bold;color: #272727;margin: 0 0 16px 0;}
    #consultation .consultation .box .text{line-height: 24px;font-size: 16px;color: #272727;margin: 0 0 16px 0;}
    #consultation .consultation .box .text br{display:none;}
    #consultation .consultation .box .image{margin: 0 0 40px 0;}
    #consultation .consultation .box .image img{display: block;width: 100%;height: auto;}
    #consultation .consultation .box .info{}
    #consultation .consultation .box .info dl{}
    #consultation .consultation .box .info dl + dl{margin: 40px 0 0 0;}
    #consultation .consultation .box .info dt{line-height: 28px;font-size: 20px;font-weight: bold;color: #272727;margin: 0 0 8px 0;}
    #consultation .consultation .box .info dd{line-height: 24px;font-size: 14px;color: #272727;}
    #consultation .consultation .box .info dd{line-height: 24px;font-size: 16px;color: #272727;display: grid;grid-gap: 8px;grid-template-columns: repeat(2, 1fr);}
    #consultation .consultation .box .info dd .item{display: flex;align-items: center;justify-content: center;background: #ffffff;height: 50px;border: 2px solid #d5d5d5;padding: 0 5px;border-radius: 60px;text-align: center;font-size: 12px;font-weight: 500;color: #404040;word-break: keep-all;cursor: pointer;width: auto;float: unset;margin: 0;}
    #consultation .consultation .box .info dd .item.on,
    #consultation .consultation .box .info dd .item:hover{border-color:#3275fe;color:#3275fe;}
    #consultation .consultation .box .button{margin: 60px 0 0 0;display: flex;align-items: center;justify-content: center;position: sticky;bottom: 0px;height: 80px;padding: 12px;background: #fff;}
    #consultation .consultation .box .button .btn{width:auto;max-width: 100%;height: 44px;font-size: 16px;font-weight: 500;}
    #consultation .consultation .box .button .btn + .btn{margin-left:10px;width:40%}
    #consultation .consultation .box .button .btn_01{width:60%}
    #consultation .consultation .box .button .btn_04{width:50%}
    #consultation .consultation .box .cont{}
    #consultation .consultation .box .cont img{max-width:100%;height:auto;}
    #consultation .consultation_step{padding: 40px 16px;margin:0 auto;width:520px;max-width:100%;}
    #consultation .consultation_step .step{margin: 0 0 20px 0;}
    #consultation .consultation_step .step .num{text-align:center;line-height:29px;font-size:20px;font-weight:500;color:#979797;}
    #consultation .consultation_step .step .num strong{font-weight:bold;color:#1c68ff}
    #consultation .consultation_step .step .bar{position:relative;margin: 10px 0 0 0;width:100%;height:8px;border-radius:8px;background:#dadada;overflow:hidden;}
    #consultation .consultation_step .step .bar i{position:absolute;top:0;left:0;bottom:0;background:#1c68ff;border-radius:8px;transition: all 0.5s;}
    #consultation .consultation_step .content{border-radius: 16px;background: #fff;padding: 16px 16px 0 16px;position:relative;}
    #consultation .consultation_step .content .title{padding: 30px 0;text-align:center;}
    #consultation .consultation_step .content .title .tit{line-height: 32px;font-size: 22px;font-weight: bold;color: #303030;word-break: keep-all;}
    #consultation .consultation_step .content .title .txt{margin-top:10px;font-size:17px;color:#616161;}
    #consultation .consultation_step .content .text{min-height:240px}
    #consultation .consultation_step .content .text input[type="text"]{display: block;width: 100%;height: 56px;border-radius: 8px;border: 1px solid #e2e6ed;background: #f7f8fa;padding: 0 16px;font-size: 16px;line-height: 24px;}
    #consultation .consultation_step .content .selected{/* max-height: calc(100vh - 474px); *//* overflow-y: auto; */}
    #consultation .consultation_step .content .selected ul{}
    #consultation .consultation_step .content .selected li{}
    #consultation .consultation_step .content .selected li .checked{}
    #consultation .consultation_step .content .selected li .checked input[type="radio"]{display: none;}
    #consultation .consultation_step .content .selected li .checked input[type="radio"] ~ .box{cursor:pointer;display:flex;align-items: flex-start;min-height: 56px;padding: 15px;border-radius:8px;border:1px solid #e2e6ed;background:#f7f8fa}
    #consultation .consultation_step .content .selected li .checked input[type="radio"] ~ .box i{width:20px;height:20px;background:#dadada;margin: 3px 6px 0 0;flex-shrink:0;border-radius: 20px;position: relative;}
    #consultation .consultation_step .content .selected li .checked input[type="radio"] ~ .box i:before{content:'';position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:10px;background:#ffffff;transform:translate(-50%,-50%)}
    #consultation .consultation_step .content .selected li .checked input[type="radio"] ~ .box p{line-height: 24px;font-size: 16px;color: #444444;}
    #consultation .consultation_step .content .selected li .checked input[type="radio"]:checked ~ .box{border-color:#1c68ff}
    #consultation .consultation_step .content .selected li .checked input[type="radio"]:checked ~ .box i{background:#1c68ff}
    #consultation .consultation_step .content .selected li .checked input[type="checkbox"]{display: none;}
    #consultation .consultation_step .content .selected li .checked input[type="checkbox"] ~ .box{cursor:pointer;display:flex;align-items: flex-start;min-height: 56px;padding: 16px;border-radius:8px;border:1px solid #e2e6ed;background:#f7f8fa}
    #consultation .consultation_step .content .selected li .checked input[type="checkbox"] ~ .box i{width:20px;height:20px;background:#dadada;margin: 3px 6px 0 0;flex-shrink:0;border-radius: 4px;position: relative;}
    #consultation .consultation_step .content .selected li .checked input[type="checkbox"] ~ .box i:before{content:'';position:absolute;top:50%;left:50%;width: 24px;height: 24px;background: url("../img/icon_checkbox.png") no-repeat 50% 50% / 100% auto;transform:translate(-50%,-50%)}
    #consultation .consultation_step .content .selected li .checked input[type="checkbox"] ~ .box p{line-height: 24px;font-size: 16px;color: #444444;}
    #consultation .consultation_step .content .selected li .checked input[type="checkbox"]:checked ~ .box{border-color:#1c68ff}
    #consultation .consultation_step .content .selected li .checked input[type="checkbox"]:checked ~ .box i{background:#1c68ff}
    #consultation .consultation_step .content .selected li + li{margin-top: 20px;}
    #consultation .consultation_step .content .selected li input[type="text"]{display: block;width: 100%;height: 56px;border-radius: 8px;border: 1px solid #e2e6ed;background: #f7f8fa;padding: 0 16px;font-size: 16px;line-height: 24px;}
    #consultation .consultation_step .content .filed{min-height:240px}
    #consultation .consultation_step .content .filed .file{cursor: pointer;display: flex;align-items: center;justify-content: center;min-height: 56px;padding: 16px;border-radius: 8px;border: 1px solid #1c68ff;background: #fff;color: #1c68ff;}
    #consultation .consultation_step .content .filed .file input[type="file"]{display: none;}
    #consultation .consultation_step .content .filed .file input[type="file"] ~ p{line-height: 24px;font-size: 16px;color:#1c68ff;}
    #consultation .consultation_step .content .filed .file input[type="file"] ~ i{margin-left: 4px;width: 15px;height: 15px;background:url("../img/icon_upload.png") no-repeat 50% 50% / contain}
    #consultation .consultation_step .content .filed dl{}
    #consultation .consultation_step .content .filed dl + dl{margin-top:40px;}
    #consultation .consultation_step .content .filed dt{line-height:24px;font-size:16px;font-weight:500;color:#616161;margin:0 0 16px 0;display:flex;align-items:center;}
    #consultation .consultation_step .content .filed dt button{margin-left:12px;width:24px;height:24px;}
    #consultation .consultation_step .content .filed dt button img{display:block;width:auto;max-width:100%}
    #consultation .consultation_step .content .filed dd{}
    #consultation .consultation_step .content .filed ul{margin: 36px 0 0 0;}
    #consultation .consultation_step .content .filed ul li{display:flex;align-items: center;}
    #consultation .consultation_step .content .filed ul li .ico{margin: 0 12px 0 0;width: 20px;flex-shrink: 0;}
    #consultation .consultation_step .content .filed ul li .ico img{display: block;width: auto;max-width: 100%;height: auto;}
    #consultation .consultation_step .content .filed ul li .name{line-height: 20px;font-size: 14px;color:#272727;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    #consultation .consultation_step .content .filed ul li .delete{margin-left:auto;width:24px;height:24px;flex-shrink: 0;}
    #consultation .consultation_step .content .filed ul li .delete img{display:block;width:100%;object-fit:contain;}
    #consultation .consultation_step .content .filed ul li + li{margin:16px 0 0 0;}
    #consultation .consultation_step .content .form{min-height:240px}
    #consultation .consultation_step .content .form{}
    #consultation .consultation_step .content .form dl{}
    #consultation .consultation_step .content .form dl + dl{margin-top:40px;}
    #consultation .consultation_step .content .form dt{margin: 0 0 10px 0;line-height: 24px;font-size: 16px;font-weight: 500;color: #616161;}
    #consultation .consultation_step .content .form dd{display: flex;}
    #consultation .consultation_step .content .form dd input[type="text"]{display: flex;padding: 0 16px;width: 100%;height: 56px;border-radius: 8px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 16px;color: #303030;}
    #consultation .consultation_step .content .form dd input.datepicker{padding: 0 0 0 45px;position:relative;}
    #consultation .consultation_step .content .form dd input.datepicker{background: #f7f8fa url("../img/icon_datepicker.png") no-repeat left 16px center / 20px auto;}
    #consultation .consultation_step .content .form dd textarea{display: block;width: 100%;height: 114px;border-radius: 8px;border: 1px solid #e2e6ed;background: #f7f8fa;padding: 14px 16px;font-size: 16px;line-height: 28px;}
    #consultation .consultation_step .content .form dd button{display: flex;align-items: center;justify-content: center;width: 80px;height: 56px;font-size: 16px;font-weight: 400;border-radius: 8px;flex-shrink: 0;}
    #consultation .consultation_step .content .form dd select{display: flex;padding: 0 16px;width: 100%;height: 56px;border-radius: 8px;border: 1px solid #e2e6ed;font-size: 16px;background: #f7f8fa url("../img/icon_select.png") no-repeat right 16px center;color: #979797;}
    #consultation .consultation_step .content .form dd select option[value=""][disabled]{display:none;}
    #consultation .consultation_step .content .form dd select.select_timer{padding: 0 0 0 45px;position:relative;}
    #consultation .consultation_step .content .form dd select.select_timer{background: #f7f8fa url("../img/icon_datetimer.png") no-repeat left 16px center / 20px auto;}
    #consultation .consultation_step .content .form dd .msg_info{margin: 40px 0 0 0;line-height: 24px;font-size: 16px;font-weight: 500;color: #3869f5;}
    #consultation .consultation_step .content .form dd input ~ button{margin: 0 0 0 10px;}
    #consultation .consultation_step .content .button{margin-top: 15px;padding: 15px 0 30px 0;display: flex;align-items: center;position: sticky;bottom: 0;background: #ffffff;}
    #consultation .consultation_step .content .button .btn{height: 46px;border-radius: 8px;font-size: 16px;font-weight: 500;flex: auto;}
    #consultation .consultation_step .content .button .btn + .btn{margin-left:10px;}
    #consultation .consultation_step .content .button .btn_prev{width: 28%;}
    #consultation .consultation_step .content .button .btn_next{width: 72%;}
    #consultation .consultation_step .content .question{position:absolute;top: 16px;right: 16px;}
    #consultation .consultation_step .content .question img{width: 21px;height:auto;display:block;}
    #consultation .consultation_step .content .question p{position:absolute;top:100%;right: 0;margin: 13px 0 0 0;width: 80vw;background:#fff;border-radius: 10px 0 10px 10px;padding: 12px;border:1px solid #f7f8fa;font-size: 12px;color:#999;word-break:keep-all;text-align:center;opacity: 0;visibility: hidden;z-index: 5;}
    #consultation .consultation_step .content .question p:before{content:'';position:absolute;z-index:2;top:0;right: 3px;transform: rotate(-45deg);background: #fff;width: 12px;height: 12px;margin-top: -6px;}
    #consultation .consultation_step .content .question p:after{content:'';position:absolute;z-index:1;top:0;right: 3px;transform: rotate(-45deg);background: #f7f8fa;width: 12px;height: 12px;margin-top: -7px;}
    #consultation .consultation_step .content .question.active p{opacity:1;visibility:visible}
    #consultation .consultation_step .result{border-radius: 16px;background: #fff;padding: 40px 16px 16px;position:relative;text-align: center;}
    #consultation .consultation_step .result .member{}
    #consultation .consultation_step .result .member .head{margin:0 0 30px 0;}
    #consultation .consultation_step .result .member .head strong{display:block;margin:0 0 20px 0;line-height:37px;font-size:26px;font-weight:bold;color:#303030;}
    #consultation .consultation_step .result .member .head p{display:block;line-height:28px;font-size:17px;color:#616161;}
    #consultation .consultation_step .result .member .img{margin: 0 0 40px 0;}
    #consultation .consultation_step .result .member .img img{display: block;width: auto;height: auto;max-width: 100%;}
    #consultation .consultation_step .result .member .tit{line-height: 29px;font-size: 20px;font-weight: 500;color: #444444;position: relative;padding: 16px 0 0 0;margin: 0 0 20px 0;}
    #consultation .consultation_step .result .member .tit:before{content:'';position:absolute;top:0;left:50%;width:100%;height:6px;transform:translateX(-50%);background:url("../img/consultation_result_dot.png") no-repeat 50% 50% }
    #consultation .consultation_step .result .member .con{}
    #consultation .consultation_step .result .member .con ul{}
    #consultation .consultation_step .result .member .con li{}
    #consultation .consultation_step .result .member .con li a{display:flex;flex-direction: column;padding: 20px 26px 20px 20px;border-radius: 12px;background-color: #f7f8fa;}
    #consultation .consultation_step .result .member .con li + li{margin-top: 20px;}
    #consultation .consultation_step .result .member .con li .info{flex:1;text-align: left;display: flex;flex-direction: column;align-items: flex-start;}
    #consultation .consultation_step .result .member .con li .cate{margin: 0 0 8px 0;border-radius: 8px;border: 1px solid #1c68ff;padding: 0 10px;display: inline-flex;height: 30px;align-items: center;justify-content: center;font-size: 14px;font-weight: 500;color: #1c68ff;}
    #consultation .consultation_step .result .member .con li .name{line-height: 30px;font-size: 18px;font-weight: bold;color: #272727;}
    #consultation .consultation_step .result .member .con li .name em{font-size:16px;font-weight:500;color:#979797;}
    #consultation .consultation_step .result .member .con li .name del{color:#272727}
    #consultation .consultation_step .result .member .con li .price{margin-top: 16px;padding-top: 16px;border-top: 3px dotted #d2d7e0;display: flex;align-items: center;justify-content: flex-start;}
    #consultation .consultation_step .result .member .con li .price p{margin: 0 8px 0 0;line-height:24px;font-size:16px;font-weight:500;color:#6b6b6b;}
    #consultation .consultation_step .result .member .con li .price strong{line-height: 35px;font-size: 24px;font-weight: bold;color: #1c68ff;}
    #consultation .consultation_step .result .benefit{margin: 40px 0 0 0;background: #edf3ff;border-radius: 16px;padding: 40px;}
    #consultation .consultation_step .result .benefit .img{width: 80px;height: 80px;margin: 0 auto 20px;border-radius: 8px;background: #ffffff;overflow: hidden;display: flex;align-items: center;justify-content: center;}
    #consultation .consultation_step .result .benefit .tit{line-height: 26px;font-size: 18px;font-weight: 500;color: #6b6b6b;}
    #consultation .consultation_step .result .benefit .tit strong{line-height: 37px;font-size: 26px;font-weight: bold;color: #272727;margin: 4px 0 0 0;display: block;}
    #consultation .consultation_step .result .benefit .tit strong span{color: #1c68ff;text-decoration: underline;}
    #consultation .consultation_step .result .benefit .act{margin: 24px 0 0 0;}
    #consultation .consultation_step .result .benefit .act .btn{width: 100%;height: 46px;font-size: 16px;font-weight: 500;}
    #consultation .consultation_step .result .tit{line-height: 35px;font-size: 28px;font-weight: bold;color: #444444;position: relative;padding: 16px 0 0 0;margin: 0 0 24px 0;}
    #consultation .consultation_step .result .txt{font-size: 18px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.65;letter-spacing: normal;text-align: center;color: #616161;}

    #faq{padding: 60px 16px;border-top: 1px solid #e7e7e7;}
    #faq .title{line-height: 39px;font-size: 27px;font-weight: bold;color: #272727;margin: 0 0 38px 0;}
    #faq .list{}
    #faq .list ul{}
    #faq .list li{margin: 0 0 26px 0;border-radius: 8px;overflow: hidden;padding: 0 16px;background: #f1f1f1;border: 1px solid transparent;}
    #faq .list li .subject{position: relative;z-index: 2;display: flex;width: 100%;padding: 18px 0;border-radius: 8px;align-items: center;}
    #faq .list li .subject p{line-height: 24px;font-size: 16px;font-weight: 500;color: #272727;opacity: 0.8;text-align: left;}
    #faq .list li .subject i{margin: 0 0 0 auto;width: 14px;height: 14px;background: url("../img/faq_arrow.png") no-repeat 50% 50% / contain;transition:all 0.5s;overflow: hidden;flex-shrink: 0;}
    #faq .list li .content{padding: 19px 0;position: relative;z-index: 1;line-height: 28px;font-size: 14px;color: #1f1f1f;border-top: 1px solid #dededf;display: none;}
    #faq .list li.active{box-shadow: 0 6px 12px rgba(0,0,0,0.12);border-color: #e7e7e7;}
    #faq .list li.active .subject{}
    #faq .list li.active .subject p{opacity:1;color: #1c68ff;}
    #faq .list li.active .subject i{transform:rotate(180deg)}
    #faq .list li.active .subject ~ .content{}


    #qna{padding: 60px 16px;border-top: 1px solid #e7e7e7;}
    #qna .wrap{width:720px;}
    #qna .title{line-height: 39px;font-size: 27px;font-weight: bold;color: #303030;margin: 0 0 22px 0;}
    #qna .search{margin: 50px 0;display:flex;align-items:center;justify-content:center;}
    #qna .search .form{border-radius:5px;display:flex;background:#ffffff;border: 1px solid #e0e0e0;overflow: hidden;width: 100%;}
    #qna .search .form button{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
    #qna .search .form button img{width: 24px;display: block;height: auto;}
    #qna .search .form input{width: 100%;height: 50px;font-size: 15px;background: transparent;}
    #qna .button{display:flex;align-items:center;justify-content:flex-end;margin: 50px 0;}
    #qna .button .btn{min-width: 180px;height: 50px;}
    #qna .list{}
    #qna .list ul{}
    #qna .list li{}
    #qna .list li + li{margin-top:30px;padding-top:30px;border-top:1px solid #EAEDEF}
    #qna .list li .inner{overflow: hidden;}
    #qna .list li .sub{line-height: 24px;font-size: 18px;font-weight: 500;}
    #qna .list li .con{margin-top: 10px;color: #828C94;font-size: 14px;line-height: 20px;height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    #qna .list li .bot{display: flex;align-items: center;}
    #qna .list li .bot .tool{position: relative;z-index: 2;display: flex;width: 100%;align-items: center;}
    #qna .list li .bot .tool button{display: flex;align-items: center;justify-content: center;}
    #qna .list li .bot .tool button + button{margin-left: 12px;}
    #qna .list li .bot .tool button img{display: block;width: auto;height: 18px;}
    #qna .list li .bot .tool button em{font-size: 12px;margin-left: 5px;color: rgba(197,197,197,1);}
    #qna .list li .bot .date{margin-left: auto;font-size: 12px;color: rgba(197,197,197,1);}
    #qna .list li .empty{display:flex;align-items:center;justify-content:Center;flex-direction:column;text-align: center;padding: 80px 0;}
    #qna .list li .empty .img{display:flex;width:86px;height:86px;border-radius:86px;background: rgb(28 104 255 / 10%);align-items: center;justify-content: center;margin-bottom: 20px;}
    #qna .list li .empty .img img{}
    #qna .list li .empty .tit{font-size: 18px;color: #999;}

    #qna_detail{padding: 60px 16px;border-top: 1px solid #e7e7e7;}
    #qna_detail .wrap{width:720px;}
    #qna_detail .title{line-height: 1.583;font-size: 22px;font-weight: 700;color: #2d2d2d;}
    #qna_detail .info{margin-top: 1rem;display: flex;align-items: center;margin-bottom: 1.5rem;}
    #qna_detail .info .user{display: flex;align-items: center;}
    #qna_detail .info .user .img{width: 44px;height: 44px;border-radius: 44px;overflow: hidden;margin-right: 12px;}
    #qna_detail .info .user .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #qna_detail .info .user .con{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
    #qna_detail .info .user .con .name{margin: 0 0 0.125rem;font-weight: 500;color: #2d2d2d;font-size: 14px;}
    #qna_detail .info .user .con .date{margin: 0.125rem 0 0;color: #888;font-size: 12px;}
    #qna_detail .content{padding-top: 2rem;border-top: 1px solid #e0e0e0;line-height: 1.5;font-size: 15px;color: #2d2d2d;}
    #qna_detail .tag{display: flex;align-items: center;flex-wrap: wrap;margin: 1.5rem 0;padding: 1.5rem 0;border-top: 1px solid #f0f0f0;}
    #qna_detail .tag span{cursor: pointer;display: flex;align-items: center;padding: 0.25rem 0.875rem 0.25rem 0.75rem;border-radius: 8px;background-color: #f4f4f4;margin-right: 0.5rem;margin-bottom: 0.75rem;font-size: 14px;line-height: 1.57142857;letter-spacing: -.3px;color: #888;}
    #qna_detail .bottom{display: flex;align-items: center;}
    #qna_detail .bottom .tool{position: relative;z-index: 2;display: flex;width: 100%;align-items: center;}
    #qna_detail .bottom .tool button{display: flex;align-items: center;justify-content: center;}
    #qna_detail .bottom .tool button + button{margin-left: 12px;}
    #qna_detail .bottom .tool button img{display: block;width: auto;height: 18px;}
    #qna_detail .bottom .tool button p{font-size: 14px;margin-left: 5px;color:#888;display: none;}
    #qna_detail .bottom .tool button em{font-size: 14px;margin-left: 5px;color:#888}
    #qna_detail .bottom .button{margin-left: auto;display: flex;align-items: center;}
    #qna_detail .bottom .button .btn{height: 32px;border-radius: 2px;font-size: 13px;font-weight: 500;}
    #qna_detail .bottom .button .btn + .btn{margin-left: 12px;}
    #qna_detail .comment{margin-top: 5rem;}
    #qna_detail .comment .total{margin-bottom: 2rem;display: flex;align-items: center;font-size: 14px;}
    #qna_detail .comment .total strong{margin: 0 6px;color: #1c68ff;}
    #qna_detail .comment .form{display: flex;align-items: center;margin-bottom: 3rem;}
    #qna_detail .comment .form .img{width: 42px;height: 42px;margin-right: 12px;border-radius: 42px;overflow: hidden;flex-shrink: 0;}
    #qna_detail .comment .form .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #qna_detail .comment .form .inp{display: flex;align-items: flex-start;position: relative;border-radius: 8px;border: 0.0625rem solid #f2f2f2;background-color: #fff;flex: 1;}
    #qna_detail .comment .form .inp input{flex: 1;padding: 12px;background: transparent;height: 50px;}
    #qna_detail .comment .form .inp button{width: auto;height: 50px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;padding: 0 12px;font-size: 14px;color: #999;}
    #qna_detail .comment .form .inp button img{width:auto;height: 20px;margin-right: 6px;}
    #qna_detail .comment .list{}
    #qna_detail .comment .list ul{}
    #qna_detail .comment .list li{}
    #qna_detail .comment .list li + li{margin-top:2rem;padding-top:2rem;border-top:1px solid #f0f0f0;}
    #qna_detail .comment .list .user{display: flex;align-items: center;}
    #qna_detail .comment .list .user .img{width: 32px;height: 32px;border-radius: 32px;overflow: hidden;margin-right: 12px;}
    #qna_detail .comment .list .user .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #qna_detail .comment .list .user .con{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
    #qna_detail .comment .list .user .con .name{margin: 0 0 0.125rem;font-weight: 500;color: #2d2d2d;font-size: 14px;}
    #qna_detail .comment .list .user .con .date{margin: 0.125rem 0 0;color: #888;font-size: 12px;}
    #qna_detail .comment .list li .cont{padding: 12px 12px 12px 44px;line-height: 1.5;font-size: 14px;color: #666;}
    #qna_detail .comment .list li .tool{display: flex;align-items: center;padding-left: 44px;}
    #qna_detail .comment .list li .tool .date{font-size: 13px;color: #666;}
    #qna_detail .comment .list li .tool .func{margin-left: auto;display: flex;align-items: center;justify-content: center;}
    #qna_detail .comment .list li .tool .func a{font-size: 13px;color: #999;}

    #qna_write{padding: 60px 16px;border-top: 1px solid #e7e7e7;}
    #qna_write .wrap{width:720px;}
    #qna_write .title{line-height: 1.583;font-size: 24px;font-weight: 700;color: #2d2d2d;}
    #qna_write .title input{width: 100%;height: 50px;padding: 16px;font-size: 14px;display: block;background: #fcfcfc;border-radius: 6px;}
    #qna_write .content{padding-top: 2rem;line-height: 1.5;font-size: 16px;color: #2d2d2d;}
    #qna_write .content textarea{display: block;width: 100%;height: 200px;border-radius: 10px;background: #fcfcfc;padding: 16px;font-size: 14px;}
    #qna_write .tag{display: flex;align-items: center;flex-wrap: wrap;margin: 3rem 0;padding: 3rem 0;border-top: 1px solid #f0f0f0;}
    #qna_write .tag input{width: 100%;height: 50px;padding: 16px;font-size: 14px;display: block;background: #fcfcfc;border-radius: 6px;}
    #qna_write .button{margin-left: auto;display: flex;align-items: center;justify-content: center;}
    #qna_write .button .btn{height: 46px;border-radius: 2px;font-weight: 500;min-width: 200px;font-size: 16px;}
    #qna_write .button .btn + .btn{margin-left: 12px;}

    #incruit{position: relative;padding: 50px 16px 120px;border-top: 1px solid #e7e7e7;}
    #incruit .tab-box{display:none;}
    #incruit .tab-box.active{display:block;}
    #incruit .wrap{}
    #incruit .title{line-height: 39px;font-size: 27px;font-weight: bold;color: #272727;margin: 0 0 38px 0;text-align: center;word-break: keep-all;}
    #incruit .tool{display: flex;align-items: center;margin-bottom: 20px;}
    #incruit .tool .tabs{}
    #incruit .tool .tabs ul{display: flex;align-items: center;}
    #incruit .tool .tabs li{}
    #incruit .tool .tabs li + li{margin-left: 10px;}
    #incruit .tool .tabs li a{display: inline-flex;align-items: center;justify-content: center;padding: 0 20px;height: 44px;font-size: 15px;font-weight: bold;color: #303030;border: 1px solid #efefef;background: #fff;text-align: center;white-space: nowrap;border-radius: 8px;background: #fafafa;}
    #incruit .tool .tabs li.active a,
    #incruit .tool .tabs li.on a{background:#1c68ff;border-color:#1c68ff;color:#ffffff}
    #incruit .tool .button{margin-left: auto;display: flex;align-items: center;justify-content: center;}
    #incruit .tool .button .btn{}
    #incruit .tool .button .btn + .btn{}
    #incruit .select{margin-bottom: 50px;position: absolute;top: 0;left: 0;width: 100%;background: #eceffa;}
    #incruit .select .wrap{width:980px;max-width:100%;overflow:hidden;}
    #incruit .select .rigd {background-image: linear-gradient(to left,#eceffa 0,rgba(9,198,101,0) 100%);position: absolute;top: 0;right: 0;width: 8rem;height: 5rem;z-index: 10;}
    #incruit .select .db_arr {position: absolute;top: 0;right: 0;width: 3rem;height: 5rem;background: url('../img/db_arr.svg') no-repeat center;z-index: 11;background-size: 20px;display: none;}
    #incruit .select ul{}
    #incruit .select li{width: auto;}
    #incruit .select li.swiper-last{margin: 0 10px 0 0;}
    #incruit .select li a{position: relative;display: block;color: #666;font-size: 1.4rem;height: 5rem;line-height: 5rem;padding: 0 1.25rem;}
    #incruit .select dl{display: flex;align-items: center;gap: 10px;}
    #incruit .select dt{font-size: 16px;margin: 0 20px 0 0;font-weight: 500;flex-shrink: 0;color: #000;}
    #incruit .select dd{}
    #incruit .select dd select{width: 180px;height: 46px;border-radius: 6px;padding: 0 16px;font-size: 15px;background: url(../img/icon_select.png) no-repeat right 16px center / auto 20px;}
    #incruit .banner{margin: 0 -16px 30px;}
    #incruit .banner a{display:block;overflow: hidden;width: 100%;height: auto;aspect-ratio: 1 / 0.4;}
    #incruit .banner img{width:100%;height: 100%;object-fit: cover;}
    #incruit .sorting{margin-bottom: 20px;display:flex;}
    #incruit .sorting select{width: 180px;height: 46px;border-radius:6px;padding:0 16px;font-size: 15px;background:url("../img/icon_select.png") no-repeat right 16px center / auto 20px;}
    #incruit .list{border-top: 2px solid #353535;}
    #incruit .list ul{}
    #incruit .list li{display:flex;border-bottom: 1px solid #e0e0e0;align-items: center;padding: 16px;}
    #incruit .list li .img{display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;background: #fafafa;order: 2;}
    #incruit .list li .img a{display:flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
    #incruit .list li .img img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:cover;}
    #incruit .list li .con{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;order: 1;}
    #incruit .list li .top{}
    #incruit .list li .bot{margin-top:6px;display: flex;align-items: center;gap: 10px;}
    #incruit .list li .sub{}
    #incruit .list li .sub a{line-height:20px;font-size:16px;color:#000;font-weight:600;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    #incruit .list li .date{line-height: 18px;font-size:12px;color:#626262;}
    #incruit .list li .area{line-height: 18px;font-size:12px;color:#626262;}
    #incruit .list li .cate{line-height: 18px;font-size:12px;color:#1c68ff;}

    #incruit .list table{width:100%;border-collapse: collapse;table-layout: fixed;}
    #incruit .list table colgroup col:nth-child(1){width:25% !important}
    #incruit .list table colgroup col:nth-child(2){width:20% !important}
    #incruit .list table colgroup col:nth-child(3){width:55% !important}
    #incruit .list table tr{border-bottom: 1px solid #e4e4e4;}
    #incruit .list table th,
    #incruit .list table td{padding: 10px;text-align: center;font-size: 14px;font-weight: 400;border-right: 1px solid #dedede;}
    #incruit .list table th:nth-child(1),
    #incruit .list table td:nth-child(1){border-left:1px solid #dedede;}
    #incruit .list table th{color: #6d6d6d;background:#f1f1f1;height: 40px;}
    #incruit .list table td{color:#292929;font-weight:500;height: 60px;}
    #incruit .list table td a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    #incruit .paging{display:flex;align-items:center;justify-content: center;margin: 24px 0 0 0;}
    #incruit .paging a{margin: 0 6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#8d8d8d;border-radius:36px}
    #incruit .paging a img{width: 25px;height:auto;display:block;}
    #incruit .paging a.current{background:#e5e8ea;color:#272727;}

    #incruit_detail{padding: 60px 16px;border-top: 1px solid #e7e7e7;}
    #incruit_detail .wrap{position:relative;width:720px;}
    #incruit_detail .title{line-height: 1.583;font-size: 22px;font-weight: 700;color: #2d2d2d;margin-bottom: 2rem;}
    #incruit_detail .info{margin-top: 1rem;display: flex;margin-bottom: 3rem;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;flex-direction: column;}
    #incruit_detail .info dl{padding: 6px 12px;display: flex;align-items: center;font-size: 13px;}
    #incruit_detail .info dl + dl{}
    #incruit_detail .info dl dt{color: #999;width: 50px;}
    #incruit_detail .info dl dd{flex: 1;}
    #incruit_detail .content{padding-top: 2rem;line-height: 1.5;font-size: 15px;color: #2d2d2d;}
    #incruit_detail .content img{width:auto;max-width:100%;height:auto;}
    #incruit_detail .caution{display: flex;align-items: flex-start;justify-content: flex-start;margin: 1.5rem 0;border-radius: 5px;background: #fcfcfc;padding: 20px;color: #666;font-size: 12px;line-height: 18px;}
    #incruit_detail .caution img{height: 18px;width: auto;margin-right: 6px;word-break: keep-all;}
    #incruit_detail .button{margin-top: 50px;display: flex;align-items: center;justify-content: center;}
    #incruit_detail .button .btn{font-weight: 500;}
    #incruit_detail .button .btn + .btn{margin-left: 12px;}
    #incruit_detail .popup{position:absolute;z-index:100;top:0;left:0;bottom: 90px;width:100%;background: rgba(255,255,255,0.85);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);display: flex;flex-direction: column;align-items: center;justify-content: center;}
    #incruit_detail .popup ul{width: 85%;border:1px solid #e0e0e0;padding: 20px;background: #ffffff;box-shadow: 0 0 24px rgba(0,0,0,0.09);}
    #incruit_detail .popup li{}
    #incruit_detail .popup li a{display:flex;width:100%;height: 50px;background:#000;border:1px solid #e0e0e0;font-size: 14px;font-weight:500;align-items: center;justify-content: center;text-align: center;}
    #incruit_detail .popup li a.pop01{border-color:#1c68ff;background:#1c68ff;color:#ffffff}
    #incruit_detail .popup li a.pop02{border-color:#4CAF50;background:#4CAF50;color:#ffffff}
    #incruit_detail .popup li a.pop03{border-color:#e7e7e7;background:#ffffff;color:#1c68ff}
    #incruit_detail .popup li + li{margin-top: 10px;}


    #incruit_write{padding: 60px 16px;border-top: 1px solid #e7e7e7;}
    #incruit_write .wrap{width:720px;}
    #incruit_write .title{line-height: 1.583;font-size: 24px;font-weight: 700;color: #2d2d2d;}
    #incruit_write .title input{width: 100%;height: 60px;padding: 20px;font-size: 13px;display: block;background: #fcfcfc;border-radius: 6px;}
    #incruit_write .content{padding-top: 2rem;line-height: 1.5;font-size: 16px;color: #2d2d2d;}
    #incruit_write .content textarea{display: block;width: 100%;height: 240px;border-radius: 10px;background: #fcfcfc;padding: 20px;font-size: 13px;}
    #incruit_write .select{display: flex;padding: 3rem 0;border-top: 1px solid #f0f0f0;flex-direction: column;}
    #incruit_write .select dl{display: flex;align-items: center;}
    #incruit_write .select dl + dl{margin-top:10px;}
    #incruit_write .select dt{width: 20%;font-size: 14px;}
    #incruit_write .select dd{flex: 1;}
    #incruit_write .select dd select{width: 100%;height: 40px;padding: 0 10px;font-size: 13px;display: block;background: #fcfcfc url("../img/icon_select.png") no-repeat right 10px center / auto 18px;border-radius: 6px;border: 0;}
    #incruit_write .button{margin-top: 50px;display: flex;align-items: center;justify-content: center;}
    #incruit_write .button .btn{height: 50px;border-radius: 2px;font-weight: 500;min-width: 200px;font-size: 18px;}
    #incruit_write .button .btn + .btn{margin-left: 12px;}
    #incruit_write .file{display: flex;margin-top: 2rem;padding: 1rem 0;border-top: 1px solid #f0f0f0;flex-direction: column;}
    #incruit_write .file dl{display: flex;align-items: center;}
    #incruit_write .file + dl{margin-top:10px;}
    #incruit_write .file dt{width: 20%;font-size: 14px;}
    #incruit_write .file dd{flex: 1;}
    #incruit_write .file dd label{width: 100%;height: 40px;padding: 0 10px;font-size: 13px;display: flex;background: #fcfcfc;align-items: center;justify-content: flex-start;border-radius: 6px;cursor: pointer;}
    #incruit_write .file dd label input{display:none;}
    #incruit_write .file dd label input ~ img{}
    #incruit_write .file dd label input ~ .txt{margin-left:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

    #chating{border-top: 1px solid #e7e7e7;background: #fafafa;display: flex;flex-direction: column;align-items: center;justify-content: center;height: calc((var(--vh, 1vh) * 100) - 80px);}
    #chating .chating{width:720px;max-width: 100%;margin: 0 auto;height: 100%;display: flex;flex-direction: column;background: #fff;padding: 16px;}
    #chating .chating .started{flex-shrink: 0;height: 30px;font-size: 13px;text-align: center;color: #999;display: flex;align-items: center;justify-content: center;}
    #chating .chating .list{flex: 1;max-height: calc(100% - 30px - 60px - 10px);display: flex;flex-direction: column;justify-content: flex-end;}
    #chating .chating .list ul{max-height: 100%;overflow-y: scroll;padding: 30px 0;}
    #chating .chating .list ul::-webkit-scrollbar-track{border-radius: 10px;background-color: #F5F5F5;}
    #chating .chating .list ul::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
    #chating .chating .list ul::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #666;}
    #chating .chating .list li{display: flex;align-items: flex-start;margin-top: 20px;}
    #chating .chating .list li.msg-you{}
    #chating .chating .list li.msg-my{}
    #chating .chating .list li .thumb{width: 32px;height: 32px;border-radius: 32px;overflow: hidden;margin-right: 13px;flex-shrink: 0;}
    #chating .chating .list li .thumb img{display: block;width: 100%;height: 100%;object-fit: cover;}
    #chating .chating .list li .bubble{display: flex;flex-direction: column;padding-right: 45px;}
    #chating .chating .list li .bubble .user{display: flex;align-items: center;}
    #chating .chating .list li .bubble .user .name{font-size: 14px;font-weight: 500;}
    #chating .chating .list li .bubble .user .time{margin-left: 10px;font-size: 10px;color:#999;}
    #chating .chating .list li .bubble .text{margin-top: 10px;line-height: 1.5;font-size: 13px;color: #666;}
    #chating .chating .inputarea{margin-top: 10px;display: flex;height: 60px;align-items: center;background: #eee;border-radius: 12px;padding: 12px;position: sticky;bottom: 0;}
    #chating .chating .inputarea .file{flex-shrink:0;margin-right: 6px;cursor: pointer;}
    #chating .chating .inputarea .file input{display:none}
    #chating .chating .inputarea .file span{background: #aaa;display: flex;align-items: center;justify-content: center;height: 38px;width: 50px;border-radius: 6px;color: #fff;font-size: 13px;}
    #chating .chating .inputarea .form{flex:1;display:flex;}
    #chating .chating .inputarea .form input{padding: 0 16px;width:100%;height: 38px;font-size: 13px;border-radius: 6px;}
    #chating .chating .inputarea .form button{width: 50px;height: 38px;font-size: 13px;border-radius: 6px;background: #1c68ff;border-color: #1c68ff;color: #ffffff;flex-shrink: 0;margin-left: 6px;}

    #notice{padding: 60px 16px 60px;border-top: 1px solid #e7e7e7;}
    #notice .wrap{position:relative;}
    #notice .title{line-height: 39px;font-size: 27px;font-weight: bold;color: #272727;margin: 0 0 38px 0;}
    #notice .notice{}
    #notice .notice ul{display:flex;flex-direction: column;border-top: 1px solid #ecf0f1;}
    #notice .notice li{display: flex;flex-direction: column;align-items: flex-start;padding: 16px;border-bottom: 1px solid #ecf0f1;}
    #notice .notice li:nth-child(odd){background:#fbfbfb}
    #notice .notice li:nth-child(even){background:#ffffff}
    #notice .notice li .lt_cate{margin-bottom: 8px;flex-shrink: 0;}
    #notice .notice li .lt_cate span{border-radius: 5px;border: 1px solid #eee;padding: 3px 6px;background: #e2eaf6;color: #3a8afd;font-size: 13px;}
    #notice .notice li .lt_subject{width: 100%;flex: 1;}
    #notice .notice li .lt_subject a{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-size: 17px;font-weight: 500;}
    #notice .notice li .lt_subject a:hover{text-decoration:underline}
    #notice .notice li .lt_info{margin-top: 8px;flex-shrink: 0;}
    #notice .notice li .lt_info span{font-size: 13px;color: #666;}
    #notice .notice li .lt_info span + span{margin-left: 16px;}
    #notice .notice li .lt_name{}
    #notice .notice li .inner img{height:200px;width:100%;object-fit:cover;}
    #notice .notice li .inner p{padding:18px 16px;line-height:26px;font-size:18px;color:#272727;word-break:keep-all;}
    #notice .paging{display:flex;align-items:center;justify-content: center;margin: 24px 0 0 0;}
    #notice .paging a{margin: 0 6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#8d8d8d;border-radius:36px}
    #notice .paging a img{width: 25px;height:auto;display:block;}
    #notice .paging a.current{background:#e5e8ea;color:#272727;}


    #mypage{padding: 60px 16px;border-top: 1px solid #e7e7e7;}
    #mypage .title{line-height: 39px;font-size: 27px;font-weight: bold;color: #272727;margin: 0 0 38px 0;}
    #mypage .tabs{margin: 0 0 50px 0;}
    #mypage .tabs ul{display: flex;}
    #mypage .tabs li{margin: 0 14px 0 0;}
    #mypage .tabs li a{display: flex;align-items: center;justify-content: center;height: 40px;line-height: 24px;font-size: 16px;font-weight: bold;color: #ffffff;padding: 0 28px;border-radius: 40px;background: #c4c4c4;}
    #mypage .tabs li.active{}
    #mypage .tabs li.active a{background: #1c68ff;}
    #mypage .tab-box{display:none}
    #mypage .tab-box.active{display:block;}
    #mypage .form{}
    #mypage .form dl{}
    #mypage .form dl + dl{margin-top: 30px;}
    #mypage .form dt{margin: 0 0 8px 0;line-height: 20px;font-size: 14px;font-weight: 500;color: #616161;}
    #mypage .form dd{display: flex;}
    #mypage .form dd input[type="text"]{display: flex;padding: 0 16px;width: 100%;height: 56px;border-radius: 8px;background: #f7f8fa;border: 1px solid #e2e6ed;font-size: 16px;color: #303030;}
    #mypage .form dd input.datepicker{padding: 0 0 0 45px;position:relative;}
    #mypage .form dd input.datepicker{background: #f7f8fa url("../img/icon_datepicker.png") no-repeat left 16px center / 20px auto;}
    #mypage .form dd button{display: flex;align-items: center;justify-content: center;width: 80px;height: 56px;font-size: 16px;font-weight: 400;border-radius: 8px;flex-shrink: 0;}
    #mypage .form dd select{display: flex;padding: 0 16px;width: 100%;height: 56px;border-radius: 8px;border: 1px solid #e2e6ed;font-size: 16px;background: #f7f8fa url("../img/icon_select.png") no-repeat right 24px center;color: #ccc;}
    #mypage .form dd select option[value=""][disabled]{display:none;}
    #mypage .form dd .msg_info{margin: 20px 0 0 0;line-height: 20px;font-size: 14px;font-weight: 500;color: #3869f5;}
    #mypage .form dd input ~ button{margin: 0 0 0 8px;}
    #mypage .table{white-space:nowrap;overflow-x:auto}
    #mypage .table table{width:100%;border-collapse: collapse;border-top: 2px solid #353535;}
    #mypage .table table tr{border-bottom: 1px solid #e4e4e4;}
    #mypage .table table th,
    #mypage .table table td{padding:10px;text-align: center;font-size: 14px;font-weight: 400;border-right: 1px solid #dedede;}
    #mypage .table table th:nth-child(1),
    #mypage .table table td:nth-child(1){border-left:1px solid #dedede;}
    #mypage .table table th{color: #6d6d6d;background:#f1f1f1;height: 40px;}
    #mypage .table table td{color:#292929;font-weight:500;height: 60px;}
    #mypage .table table td a{border-radius:20px;display:inline-flex;height:28px;padding: 0 20px;background:#3869f5;color:#fff;align-items:center;justify-content: center;font-size: 12px;}
    #mypage .table table td .checkbox{margin:0 auto}
    #mypage .button{margin: 30px 0 0 0;display: flex;align-items: center;justify-content: center;}
    #mypage .button .btn{width: 100%;height: 46px;font-size: 16px;font-weight: 500;}
    #mypage .button .btn[disabled]{border-color:#c4c4c4;background:#c4c4c4}

    #visawork {
        padding: 40px 16px;
        border-top: 1px solid #e7e7e7;
    }

    #visawork .wrap {
        position: relative;
    }

    #visawork .title {
        line-height: 39px;
        font-size: 27px;
        font-weight: bold;
        color: #272727;
        margin: 0 0 20px 0;
    }

    #visawork .search {
        margin: 0 0 20px 0;
    }

    #visawork .search .form {
        display: flex;
        min-width: 240px;
        height: 46px;
        border-radius: 8px;
        background: #fff;
        border: 1px solid #dbdbdb;
    }

    #visawork .search .form input {
        order: 2;
        height: 44px;
        width: 100%;
        background: transparent;
    }

    #visawork .search .form button {
        order: 1;
        width: 44px;
        height: 44px;
    }

    #visawork .search .form button img {
        width: 24px;
        display: block;
        margin: 0 auto;
    }

    #visawork .visawork {
    }

    #visawork .visawork .tabs {
        margin: 0 0 50px 0;
        padding: 10px 0;
        position: sticky;
        top: 65px;
        background: #ffffff;
        z-index: 10;
    }

    #visawork .visawork .tabs ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -7px -20px;
    }

    #visawork .visawork .tabs li {
        width: 33.33%;
        padding: 0 7px 20px;
    }

    #visawork .visawork .tabs li + li {
    }

    #visawork .visawork .tabs li button {
        font-size: 16px;
        font-weight: 500;
        color: #303030;
        border-radius: 5px;
        border: 1px solid #e2e6ed;
        background: #f7f8fa;
        display: flex;
        width: 100%;
        height: 40px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    #visawork .visawork .tabs li.active button, #visawork .visawork .tabs li:hover button {
        color: #1c68ff;
        border-color: #1c68ff;
    }

    #visawork .visawork .cont {
        flex: 1;
    }

    #visawork .visawork .cont .desc {
        margin: 0 0 50px 0;
    }

    #visawork .visawork .cont .head {
        margin: 0 0 24px 0;
        line-height: 35px;
        font-size: 24px;
        font-weight: bold;
        color: #272727;
    }

    #visawork .visawork .cont .list {
    }

    #visawork .visawork .cont .list ul {
        display: flex;
        flex-direction: column;
    }

    #visawork .visawork .cont .list li {
        margin: 0 0 15px 0;
    }

    #visawork .visawork .cont .list li a {
        position: relative;
        display: block;
        padding: 0 18px;
    }

    #visawork .visawork .cont .list li a:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 3px;
        height: 50px;
        background: #d5d5d5;
        transform: translateY(-50%)
    }

    #visawork .visawork .cont .list li a .tit {
        line-height: 30px;
        font-size: 16px;
        font-weight: bold;
        color: #2b2b2b;
    }

    #visawork .visawork .cont .list li a .txt {
        margin: 2px 0 0 0;
        line-height: 20px;
        font-size: 14px;
        color: #ababab;
    }

    #visawork .visawork .cont .list li a:hover {
    }

    #visawork .visawork .cont .list li a:hover:before {
        background: #1c68ff;
    }

    #visawork .visawork .cont .list li a:hover .tit {
        color: #1c68ff;
        font-weight: bold;
    }

    #visawork .visawork .cont .list li a:hover .txt {
        color: #1c68ff;
    }


    #blog{padding: 40px 16px 80px;border-top: 1px solid #e7e7e7;}
    #blog .wrap{position:relative;}
    #blog .title{line-height: 39px;font-size: 27px;font-weight: bold;color: #272727;margin: 0 0 20px 0;}
    #blog .search{display:flex;margin: 0 0 20px 0;padding:0 16px;border:1px solid #dbdbdb;border-radius:8px;background:#ffffff;height:46px;align-items:center;}
    #blog .search button{width:20px;height:20px;margin:0 12px 0 0;flex-shrink:0;}
    #blog .search button img{display:block;width:100%;}
    #blog .search input{flex:1;width: 174px;max-width:100%;height: 32px;background:transparent}
    #blog .list{}
    #blog .list ul{display:flex;flex-wrap:wrap;margin: 0 -5px;}
    #blog .list li{width: 50%;padding: 0 5px 20px;}
    #blog .list li .inner{display:block;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(0, 0,0,0.12);background:#ffffff;}
    #blog .list li .inner img{/*height: 120px;*/ width:100%;object-fit:contain;}
    #blog .list li .inner p{padding: 16px;line-height: 20px;font-size: 14px;color:#272727;word-break:keep-all;}
    #blog .paging{display:flex;align-items:center;justify-content: center;margin: 24px 0 0 0;}
    #blog .paging a{margin: 0 6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#8d8d8d;border-radius:36px}
    #blog .paging a img{width: 25px;height:auto;display:block;}
    #blog .paging a.current{background:#e5e8ea;color:#272727;}

    #blog_detail{padding: 40px 16px;border-top: 1px solid #e7e7e7;}
    #blog_detail .wrap{position:relative;}
    #blog_detail .title{line-height: 40px;font-size: 27px;font-weight: 500;color: #272727;margin: 0 0 20px 0;word-break: keep-all;}
    #blog_detail .share{display:flex;align-items: center;margin: 0 0 40px 0;}
    #blog_detail .share a{}
    #blog_detail .share a + a{margin-left:10px;}
    #blog_detail .cont{}
    #blog_detail .cont .image{margin: 0 0 60px 0;height: 220px;}
    #blog_detail .cont .image img{display:block;width: 100%;height: 100%;object-fit: cover;}
    #blog_detail .cont .text{display: block;line-height: 24px;font-size: 20px;color: #505050;margin: 0 0 50px 0;}
    #blog_detail .cont .text p{display: block;line-height: 28px;font-size: 16px;color: #505050;margin: 0 0 60px 0;word-break: keep-all;}
    #blog_detail .cont .text strong{display: block;margin: 0 0 20px 0;line-height: 26px;font-size: 18px;font-weight: bold;color: #4d5866;}

    /**/
    #wrap .modal_container{display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999;background: rgba(0, 0, 0, 0.75);overflow: hidden;padding: 16px;}
    #wrap .modal_container.show{display: flex; align-items: center; justify-content: center;}
    #wrap .modal_container .modal_wrapper{width: 800px;max-width: 100%;box-shadow: 0 0 5px rgba(0, 0, 0, .2);background: #fff;border-radius: 8px;position: relative;display: flex;flex-direction: column;overflow: hidden;}
    #wrap .modal_container .modal_head{display:flex;padding:0 20px;height:50px;font-size:16px;font-weight:bold;color:#ffffff;align-items:Center;background:#383838}
    #wrap .modal_container .modal_cont{padding:32px 16px;max-height: 70vh;overflow-y: auto;}


    #wrap #visa_advice{}
    #wrap #visa_advice .modal_cont{padding: 0 !important;}
    #wrap #visa_advice .modal_cont .tabs{border-bottom:1px solid #e4e4e4;padding:0 16px;}
    #wrap #visa_advice .modal_cont .tabs ul{display:flex;height:46px}
    #wrap #visa_advice .modal_cont .tabs li{flex:1;position:relative;}
    #wrap #visa_advice .modal_cont .tabs li a{display:flex;height:46px;align-items:center;justify-content:center;text-align:center;font-size:16px;font-weight:500;color:#979797;}
    #wrap #visa_advice .modal_cont .tabs li.active{}
    #wrap #visa_advice .modal_cont .tabs li.active:before{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:#1c68ff}
    #wrap #visa_advice .modal_cont .tabs li.active a{color:#1c68ff;}
    #wrap #visa_advice .modal_cont .tab-box{display:none}
    #wrap #visa_advice .modal_cont .tab-box.active{display:block;}
    #wrap #visa_advice .modal_cont .form{padding:24px 16px;}
    #wrap #visa_advice .modal_cont .form dl{}
    #wrap #visa_advice .modal_cont .form dl + dl{margin-top:36px;}
    #wrap #visa_advice .modal_cont .form dt{margin: 0 0 8px 0;line-height: 24px;font-size: 14px;font-weight: 500;color: #616161;}
    #wrap #visa_advice .modal_cont .form dd{}
    #wrap #visa_advice .modal_cont .form dd input{display: block;width: 100%;height: 56px;border-radius: 8px;border: 1px solid #e2e6ed;background: #f7f8fa;padding: 0 12px;font-size: 16px;line-height: 34px;}
    #wrap #visa_advice .modal_cont .form dd textarea{display: block;width: 100%;height: 82px;border-radius: 8px;border: 1px solid #e2e6ed;background: #f7f8fa;padding: 0 12px;font-size: 16px;line-height: 24px;}
    #wrap #visa_advice .modal_cont .info{padding:24px 16px;position:relative;}
    #wrap #visa_advice .modal_cont .info .name{line-height: 22px;font-size: 18px;font-weight: bold;color: #272727;}
    #wrap #visa_advice .modal_cont .info .stat{position: absolute;top: 24px;right: 16px;font-size: 14px;font-weight: 500;color: #ea1515;}
    #wrap #visa_advice .modal_cont .info .text{display:flex;margin:8px 0 0;line-height: 20px;font-size: 14px;}
    #wrap #visa_advice .modal_cont .info .text .number{color: #6b6b6b;font-weight: 500;}
    #wrap #visa_advice .modal_cont .info .text .date{margin-left:auto;color: #979797;}
    #wrap #visa_advice .modal_cont .info .box{margin-top:16px;padding: 16px;border-radius: 8px;border: 1px solid #e2e6ed;background: #f7f8fa;}
    #wrap #visa_advice .modal_cont .info .box .tit{line-height:24px;font-size:16px;font-weight:bold;color:#444444;}
    #wrap #visa_advice .modal_cont .info .box .con{margin: 12px 0 0 0;}
    #wrap #visa_advice .modal_cont .info .box .con dl{display: flex;align-items: center;line-height: 17px;}
    #wrap #visa_advice .modal_cont .info .box .con dl + dl{margin-top:17px;}
    #wrap #visa_advice .modal_cont .info .box .con dt{width: 80px;flex-shrink: 0;color: #6b6b6b;font-size: 12px;}
    #wrap #visa_advice .modal_cont .info .box .con dd{font-size: 14px;flex: 1;color: #444444;}
    #wrap #visa_advice .modal_close{position:absolute;top:0;right: 20px;width:24px;height:24px;margin: 13px 0;cursor: pointer;}
    #wrap #visa_advice .modal_close img{display:block;width:100%;height:auto;}


    #wrap #consultation_reg{}
    #wrap #consultation_reg .modal_wrapper{width:420px;padding: 30px 20px;}
    #wrap #consultation_reg .modal_wrapper .title{margin: 0 0 21px 0;line-height: 32px;font-size: 22px;font-weight: bold;color: #272727;text-align: center;}
    #wrap #consultation_reg .modal_wrapper .text{line-height: 24px;font-size: 16px;color: #727272;}
    #wrap #consultation_reg .modal_wrapper .image{border-radius:12px;background: #d8d8d8;height:200px;margin: 0 0 17px;}
    #wrap #consultation_reg .modal_wrapper .image img{display:block;width:100%;height:100%;object-fit:cover;}
    #wrap #consultation_reg .modal_wrapper .button{margin: 38px -20px -30px;}
    #wrap #consultation_reg .modal_wrapper .button .btn{width: 100%;height: 56px;border-radius: 0;font-size: 16px;background: #1c68ff;color: #ffffff;border-color: #1c68ff;}

    #wrap #consultation_fam{}
    #wrap #consultation_fam .modal_wrapper{width:420px;padding: 30px 20px;}
    #wrap #consultation_fam .modal_wrapper .title{margin: 0 0 21px 0;line-height: 32px;font-size: 22px;font-weight: bold;color: #272727;text-align: center;}
    #wrap #consultation_fam .modal_wrapper .text{line-height: 24px;font-size: 16px;color: #727272;}
    #wrap #consultation_fam .modal_wrapper .image{border-radius:12px;background: #d8d8d8;height:200px;margin: 0 0 17px;}
    #wrap #consultation_fam .modal_wrapper .image img{display:block;width:100%;height:100%;object-fit:cover;}
    #wrap #consultation_fam .modal_wrapper .button{margin: 38px -20px -30px;}
    #wrap #consultation_fam .modal_wrapper .button .btn{width: 100%;height: 56px;border-radius: 0;font-size: 16px;background: #1c68ff;color: #ffffff;border-color: #1c68ff;}

    #wrap #consultation_true{}
    #wrap #consultation_true .modal_wrapper{width:420px;padding: 30px 20px;}
    #wrap #consultation_true .modal_wrapper .title{margin: 0 0 21px 0;line-height: 32px;font-size: 22px;font-weight: bold;color: #272727;text-align: center;}
    #wrap #consultation_true .modal_wrapper .text{line-height: 24px;font-size: 16px;color: #727272;}
    #wrap #consultation_true .modal_wrapper .image{border-radius:12px;background: #d8d8d8;height:200px;margin: 0 0 17px;}
    #wrap #consultation_true .modal_wrapper .image img{display:block;width:100%;height:100%;object-fit:cover;}
    #wrap #consultation_true .modal_wrapper .button{margin: 38px -20px -30px;}
    #wrap #consultation_true .modal_wrapper .button .btn{width: 100%;height: 56px;border-radius: 0;font-size: 16px;background: #1c68ff;color: #ffffff;border-color: #1c68ff;}

    #wrap #consultation_checklist{}
    #wrap #consultation_checklist .modal_wrapper{width:420px;padding: 16px;}
    #wrap #consultation_checklist .modal_wrapper .title{margin: 28px 0 30px 0;line-height: 32px;font-size: 22px;font-weight: bold;color: #272727;text-align: center;}
    #wrap #consultation_checklist .modal_wrapper .list{line-height: 24px;font-size: 16px;color: #727272;}
    #wrap #consultation_checklist .modal_wrapper .list ul{}
    #wrap #consultation_checklist .modal_wrapper .list li{}
    #wrap #consultation_checklist .modal_wrapper .list li + li{margin-top:24px}
    #wrap #consultation_checklist .modal_wrapper .list li .checkbox{width: 100%;display: flex;}
    #wrap #consultation_checklist .modal_wrapper .list li .checkbox input[type="checkbox"] ~ .box{display: flex;padding: 0 18px;width: 100%;border-radius: 8px;}
    #wrap #consultation_checklist .modal_wrapper .list li .checkbox input[type="checkbox"] ~ .box i{width:20px;height:20px;background:#dadada;margin: 5px 12px 0 0;flex-shrink:0;border-radius: 4px;position: relative;}
    #wrap #consultation_checklist .modal_wrapper .list li .checkbox input[type="checkbox"] ~ .box i:before{content:'';position:absolute;top:50%;left:50%;width: 24px;height: 24px;background: url("../img/icon_checkbox.png") no-repeat 50% 50% / 100% auto;transform:translate(-50%,-50%)}
    #wrap #consultation_checklist .modal_wrapper .list li .checkbox input[type="checkbox"] ~ .box p{line-height: 24px;font-size: 16px;color: #444444;}
    #wrap #consultation_checklist .modal_wrapper .list li .checkbox input[type="checkbox"]:checked ~ .box i{background: #3869f5;}
    #wrap #consultation_checklist .modal_wrapper .list li.all{}
    #wrap #consultation_checklist .modal_wrapper .list li.all .checkbox input[type="checkbox"] ~ .box{padding: 14px 18px;border:1px solid #e2e6ed;background:#f7f8fa;}
    #wrap #consultation_checklist .modal_wrapper .list li.all .checkbox input[type="checkbox"]:checked ~ .box{border-color:#1c68ff}
    #wrap #consultation_checklist .modal_wrapper .list li.all .checkbox input[type="checkbox"]:checked ~ .box p{font-weight:bold;}
    #wrap #consultation_checklist .modal_wrapper .button{margin: 44px -20px -16px;}
    #wrap #consultation_checklist .modal_wrapper .button .btn{width: 100%;height: 56px;border-radius: 0;font-size: 16px;background: #1c68ff;color: #ffffff;border-color: #1c68ff;}

    #wrap #consultation_consult{}
    #wrap #consultation_consult .modal_wrapper{width:420px;padding: 30px 20px;}
    #wrap #consultation_consult .modal_wrapper .title{margin: 0 0 21px 0;line-height: 32px;font-size: 22px;font-weight: bold;color: #272727;text-align: center;}
    #wrap #consultation_consult .modal_wrapper .text{line-height: 24px;font-size: 16px;color: #727272;text-align: center;}
    #wrap #consultation_consult .modal_wrapper .text .tit{line-height: 24px;font-size: 16px;font-weight: bold;color: #6b6b6b;margin: 0 0 20px 0;}
    #wrap #consultation_consult .modal_wrapper .text .txt{line-height: 20px;font-size: 14px;color: #6d7278;}
    #wrap #consultation_consult .modal_wrapper .image{margin: 0 0 17px;}
    #wrap #consultation_consult .modal_wrapper .image img{display:block;width:100%;height:100%;object-fit:cover;}
    #wrap #consultation_consult .modal_wrapper .button{margin: 38px -20px -30px;}
    #wrap #consultation_consult .modal_wrapper .button .btn{width: 100%;height: 56px;border-radius: 0;font-size: 16px;background: #1c68ff;color: #ffffff;border-color: #1c68ff;}

    #wrap #consultation_stop{}
    #wrap #consultation_stop .modal_wrapper{width:420px;padding: 30px 20px;}
    #wrap #consultation_stop .modal_wrapper .title{margin: 0 0 21px 0;line-height: 32px;font-size: 22px;font-weight: bold;color: #272727;text-align: center;}
    #wrap #consultation_stop .modal_wrapper .text{line-height: 24px;font-size: 16px;color: #6d7278;text-align: center;}
    #wrap #consultation_stop .modal_wrapper .image{margin: 0 0 17px;}
    #wrap #consultation_stop .modal_wrapper .image img{display:block;width:100%;height:100%;object-fit:cover;}
    #wrap #consultation_stop .modal_wrapper .button{margin: 38px -20px -30px;display: flex;align-items: center;}
    #wrap #consultation_stop .modal_wrapper .button .btn{flex: 1;height: 56px;border-radius: 0;font-size: 16px;}
    #wrap #consultation_stop .modal_wrapper .button .btn_01{background: #1c68ff;color: #ffffff;border-color: #1c68ff;}
    #wrap #consultation_stop .modal_wrapper .button .btn_02{background: #c4c4c4;color: #ffffff;border-color: #c4c4c4}

}

/**/
.checkbox{display: inline-flex;align-items: flex-start;cursor:pointer}
.checkbox input{display:none}
.checkbox input ~ i{position:relative;width:20px;height:20px;border-radius:4px;border:1px solid #cecece;flex-shrink:0;background: #fff;}
.checkbox input ~ i + p{margin-left: 6px;}
.checkbox input ~ p{line-height:20px;font-size: 12px;color:#151B26;flex:1;}
.checkbox input:checked ~ i{background:#3869f5;border-color:#3869f5}
.checkbox input:checked ~ i:before{content:'';position:absolute;top:50%;left:50%;width: 12px;height: 12px;border-radius:50%;background: url("../img/icon_checkbox.png") no-repeat 50% 50% / 22px auto;transform:translate(-50%,-50%)}
.checkbox input:disabled ~ i{border-color:#DFDFDF;}
.checkbox input:disabled ~ i:before{background:#BFBFBF}