@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");



/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:18px;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;background:#fff;font-weight: 400;color: #333;min-width: 1200px;overflow: auto;position: relative}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:15px}
input, button {margin:0;padding:0;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-size:15px}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#333;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

table,tr,td,th{border: 0;padding: 0;margin: 0;border-spacing: 0}

.placeholdersjs {color:#333 !important}
.fontB{font-weight: 700}


.line1{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;}
.line2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em;height: 2.4em;}
.con{width:1200px;margin: 0 auto; }
.con02{max-width: 1200px;margin: 0 auto}

.main_slide{background-image: url('../img/main_slide_bg.png');background-position: center bottom;background-repeat: no-repeat;background-size: 100%;}
.main_slide .swiper-slide{height: 800px;background-position: center;background-repeat: no-repeat;background-size: auto 70%;}
/*
.main_slide01{background-image: url('../img/main_slide01.png')}
.main_slide02{background-image: url('../img/main_slide02.png')}

.main_slide .swiper-slide:not(.swiper-slide-active){  opacity: 0 !important;}*/
.main_slide .swiper-button-white{display: none;}
.main_slide .down{position: absolute;bottom: 30px;left: 50%;margin-left: -16px;}
.main_slide .main_slide01{text-align: center}
.main_slide .main_slide01 img{width:80%;min-width: 750px;margin-top: 30px;max-width: 1500px}

/*
.main_slide .swiper-slide img {-webkit-animation: mainVisual1 5s linear infinite;
  animation: mainVisual1 5s linear infinite;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;}
.main_slide .swiper-slide .img2{
  -webkit-animation: mainVisual2 5s linear infinite;
  animation: mainVisual2 5s linear infinite;
}
*/
.head{width:96%;margin: 30px auto;background: white;border-radius: 15px;padding: 15px 30px;box-sizing: border-box;overflow: hidden;min-width: 1200px;}
.head .logo{float: left;margin: 7px 0;}
.head .logo img{height: 43px;}
.head .nav{float: right;}
.head .nav li{float: left;line-height: 43px;margin-left: 20px;padding: 0 25px;background: #f3f3f3;border-radius: 22px;font-size: 16px;margin-top:7px;}
.head .nav li.meet{line-height: 58px;border-radius: 30px;background: #916BFD;margin-top: 0;}
.head .nav li.meet a{color: white;font-size: 22px;}
.head .nav li.on{background: #333;}
.head .nav li.on a{color: white;}

.quick.meet{position: fixed;right: 0;bottom: 100px;background: #916BFD;z-index: 99;width:100px;padding: 20px 0;text-align: center;border-radius: 20px 0 0 20px;font-size: 20px}
.quick.meet  a{color: white;}

.main .tit01{font-size: 72px;font-weight: 700;position: relative;line-height: 90px;}
.main .tit01::before{left: -80px;top:-30px;position: absolute;opacity: 0.1;font-size: 60px;font-weight: normal;letter-spacing: -2px}
.main .tit02{color: #555;margin-top: 30px;}

.main01{margin: 150px auto;height: 750px;}
.main01 .tit01{margin-top: 85px;}
.main01 .tit01::before{content: 'LOVEMATCH'}
.main01 .left{float: left;}
.main01 .right{float: right;width:660px;border:1px solid #ddd;border-radius: 25px;padding: 50px;box-sizing: border-box;box-shadow:5px 5px 20px rgba(0,0,0,0.3)}
.main01 .right p{font-size: 22px;color: #333;font-weight: bold;}
.main01 .right li{width:100%;height: 70px;border: 1px solid #ddd;border-radius: 15px;padding: 10px 20px;box-sizing: border-box;margin-top: 35px;}
.main01 .right li input{display: block;width:100%;line-height:48px;font-size: 20px;color: #333;height: 48px;border: none}
.main01 .right button{margin-top: 35px;display: block;width:100%;background: #916BFD;color: white;text-align: center;border-radius: 35px;height: 70px;line-height: 70px;font-size: 23px;font-weight: bold;border: none;box-shadow:3px 3px 5px rgba(0,0,0,0.3)}

.main02{position: relative;height: 800px;margin-top: 200px}
.main02::before{width:30%;height: 100%;background: #eee9fc;position: absolute;left: 0;top:0;content: '';z-index: 0;}
.main02 .con{position: relative;z-index: 3;}
.main02 .left{width:35%;float: left;padding: 80px 0; padding-right: 50px;background: #EEE9FC;border-radius: 0 80px 80px 0;}
.main02 .left img{display: block;padding-bottom: 15px;}
.main02 .left .tit{font-size: 48px;font-weight: bold;margin-bottom: 35px;height: 155px;}
.main02 .left li{width:350px;border-radius: 20px;padding: 15px 12px;box-sizing: border-box;background:rgba(255,255,255,0.7);height: 70px;line-height: 46px;margin-bottom: 25px;cursor: pointer}
.main02 .left li:last-child{margin-bottom: 0;}
.main02 .left li.on{background: rgba(255,255,255,1);border: 1px solid #916BFD;position: relative;z-index: 3;box-shadow: 0px 5px 0 #ddd2fc, 0px -5px 0 #ddd2fc, -5px 0 0 #ddd2fc,5px 0 0 #ddd2fc}
.main02 .left li.on span{background: #333;}
.main02 .left li.on p{color:#000}
.main02 .left li span{display: block;float: left;width:46px;height: 46px;border-radius: 10px;background: #afafaf;font-size: 20px;color: white;text-align: center;font-weight: 600;}
.main02 .left li p{float: left;font-size: 22px;padding-left: 15px;font-weight: 500}
.main02 .right{width:60%;float: right;position: relative;height: 800px;}
.main02 .right .txt01{font-size: 32px;font-weight: bold;}
.main02 .right .box{height: 100%;padding-top: 80px;display: none;}
.main02 .right .box:first-child{display: block;}
.main02 .right .box div{margin-top: 50px;}
.main02 .right .box div .txt02{font-size: 20px;color: #555;line-height: 1.5em;}
.main02 .right .box01{background-image: url("../img/main02_img01.png");background-position: right 450px;background-repeat: no-repeat;}
.main02 .right .box li{padding: 18px 0;border-bottom: 1px solid #ddd;}
.main02 .right .box li:last-child{border-bottom: none;}
.main02 .right .box .txt02 span{color: #000;display: block;font-weight: bold;margin-bottom: 5px}
.main02 .right .box04{background-image: url('../img/main02_img04.png');background-position: right bottom;background-repeat: no-repeat;background-size: 450px;}
.main02 .right .box04 div{width:440px;}
.main02 .right .box05{background-image: url('../img/main02_img05.png');background-position: right bottom;background-repeat: no-repeat;}

.main03{margin:150px auto}
.main03 .tit01::before{content: 'MANAGER'}
.main03 .manager_list{margin-top: 45px;}
.main03 .swiper-slide{float: left;width:23.5%;margin-right: 2%;}
.main03 .swiper-slide .img{width:100%;border: 1px solid #ddd;border-radius: 10px 60px 0 0 ;overflow: hidden;height: 260px;position: relative}
.main03 .swiper-slide .img img{width:100%;position:absolute; top:50%; transform:translateY(-50%);}
.main03 .swiper-button-next{right: -30px}
.main03 .swiper-button-prev{left: -30px}

.main03 .swiper-slide .txt{padding: 24px 15px;box-sizing: border-box;border: 1px solid #ddd;border-top: none;position: relative;border-radius: 0 0 10px 10px}
.main03 .swiper-slide .txt span{color: #916BFD;font-size: 16px}
.main03 .swiper-slide .txt p{font-size: 24px;margin-top: 5px;font-weight: bold;}
.main03 .swiper-slide .txt div{position: absolute;background: #F0F3F5;border-radius: 10px;padding: 15px;font-size: 16px;font-weight: bold;right: 15px;top: 50%;margin-top: -26px;line-height: 22px;}
.main03 .swiper-container{padding-bottom: 50px;}
.main03 .swiper-container-horizontal > .swiper-pagination-bullets{bottom:0}

.main04{margin-bottom: 200px;height: 580px}
.main04 .left{float: left;width:48%;}
.main04 .right{float: right;width:48%;}
.main04 .left .tit01::before{content: 'NOTICE'}
.main04 .right .tit01::before{content: 'Q&A';left: -40px}
.main04 .tit01 a{display: block;padding: 12px 15px;display: block;float: right;font-size: 15px;font-weight: normal;background: #eaeaea;line-height: 23px;margin-top: 20px;border-radius: 25px;margin-right: 15px;}
.main04 .list{margin-top: 80px;;}
.main04 .list li{padding: 15px 30px;border-bottom:1px solid #ddd;position: relative;overflow: hidden}
.main04 .list li p{font-size: 16px;font-weight: bold;}
.main04 .list li span{color: #777;font-size: 14px;font-weight: normal;margin-top: 10px;display: block;}
.main04 .left .list li{line-height: 20px;}
.main04 .list li::after{width:24px;height: 24px;background-image: url('../img/view.png');position: absolute;right: 30px;top:50%;margin-top: -12px;content: ''}
.main04 .right .list li p{line-height: 50px;float: left;}
.main04 .right .list li img{float:left;display:block;margin-top: 15px;margin-right: 10px;}

.tail{border-top: 1px solid #ddd;padding: 65px 0;}
.tail img{display: block;margin-bottom: 25px;}
.tail p{font-size: 16px;color: #888;margin-bottom: 10px;}
.tail ul{overflow: hidden;margin-bottom: 10px;}
.tail li{float: left;font-size: 16px;line-height: 22px;position: relative;margin-right:19px;color: #888;}
.tail li::after{width:1px;height: 12px;top:5px;background: #888;position: absolute;right: -9px;content: ''}
.tail li:last-child::after{display: none}
.tail li a{color: #888}

.sub{margin: 150px auto}
.sub .sub_tit{text-align: center;}
.sub .sub_tit span{font-size: 72px;font-weight: 700;position: relative;line-height: 90px;}
.sub .sub_tit span::before{left: -50px;top:-30px;position: absolute;opacity: 0.1;font-size: 60px;font-weight: normal;letter-spacing: -3px}

.notice .sub_tit span::before{content: 'NOTICE'}
.sub .list{margin-top: 60px;}
.sub .list table{width:100%;font-size: 15px;}
.sub .list table th{background: #F2F3F5;line-height: 48px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.sub .list table th:first-child{border-left: 1px solid #ddd;}
.sub .list table th:last-child{border-right: 1px solid #ddd;}
.sub .list table td{line-height: 65px;border-bottom: 1px solid #ddd;text-align: center;}
.sub .list table td a{display: block;text-align: left}
.sub .list table td:first-child{border-left: 1px solid #ddd;}
.sub .list table td:last-child{border-right: 1px solid #ddd;}
.sub .list table td a img{margin-left: 10px;margin-top: 22px;vertical-align: top}

.sub .pagi{text-align: center;margin-top: 50px;}
.sub .pagi a{display: inline-block;width:32px;height: 32px;border: 1px solid #ddd;text-align: center;line-height: 30px;border-radius: 4px;font-size: 15px;font-weight: bold;vertical-align: middle;margin: 0 2px;background-position: center;background-repeat: no-repeat}
.sub .pagi a.prev{background-image: url('../img/prev_ico.png')}
.sub .pagi a.next{background-image: url('../img/next_ico.png')}
.sub .pagi a.first{background-image: url('../img/first_ico.png')}
.sub .pagi a.last{background-image: url('../img/last_ico.png')}
.sub .pagi a.on{background: #916BFD;color: white;border-color: #916BFD}

.qa .sub_tit span::before{content: 'Q&A'}
.qa .wr_btn{text-align: right;margin-top: 30px;}
.qa .wr_btn a{display: inline-block;width:150px;line-height:45px;background: #aaa;color: white;text-align: center;border-radius: 5px}

.bg{background: rgba(0,0,0,0.3);position: absolute;left: 0;top:0;width:100%;height: 100%;z-index: 99;display: none;}
.bg .pop{background: white;margin: 0 auto;position: relative}
.bg .password{width:370px;border-radius: 10px;padding: 15px 20px;top: 20%;}
.bg .password .txt01{font-size: 16px;font-weight: bold;line-height: 40px;}
.bg .password .txt02{font-size: 16px;font-weight: normal;color: #444;margin: 15px 0;}
.bg .password .box{border: 1px solid #ddd;border-radius: 4px;padding: 10px 15px;box-sizing: border-box;height: 50px;}
.bg .password .box input{display: block;width:100%;height: 100%;border: none;font-size: 16px;}
.bg .password .btn{text-align: right;margin-top: 15px;}
.bg .password .btn input{display: inline-block;width:100px;height: 42px;border-radius: 4px;text-align: center;line-height: 40px;border: 1px solid #ddd;font-size: 15px;margin-left: 10px;background: white;}
.bg .password .btn input.ok{background: #916BFD;color: white;border-color: #916BFD;}
.bg .password .close{position: absolute;top:25px;right: 20px;background: #9DA7B0;width:20px;height: 20px;line-height: 20px;text-align: center;color: white;border-radius: 10px;font-size: 13px;cursor: pointer;}


.sub .write table{width:100%;}
.sub .write th{background: #FAFAFB;padding:15px 15px;line-height: 35px;font-size: 15px;border-bottom: 1px solid #ddd;text-align: left}
.sub .write th span{color: #FF4F17;padding-left: 5px;}
.sub .write td{padding: 15px 25px;border-bottom: 1px solid #ddd}
.sub .write td .box{border: 1px solid #ddd;border-radius: 4px;padding: 5px 15px;width: 100%;height: 35px;overflow: hidden;}
.sub .write td .box input[type=text]{display: block;width:100%;height: 23px;font-size: 15px;border: none;}
.sub .write td .box input{border: none;}
.sub .write .file li{border: 1px solid #ddd;padding: 15px;box-sizing: border-box;height: 55px;border-radius: 4px;line-height: 23px;font-size: 15px;margin-bottom: 10px;width:530px;}
.sub .write .file li img{padding-right: 10px;}
.sub .write .file li .del{float: right;color: #FF4F17;}
.sub .write .file label{line-height: 29px;display: block;float: left;}
.sub .write .file input{display: block;float: right;line-height: 29px;border: none;background: none;}
.sub .write .agree .box{height: 280px;overflow: scroll;padding: 15px;}
.sub .write .check{margin-top: 15px;line-height: 20px;font-size: 15px;}
.sub .write .check label{padding-left: 30px;background-image: url('../img/ck_off.png');background-repeat: no-repeat;height: 20px;line-height: 20px;color: #777;display: block;}
.sub .write .check input{display: none;}
.sub .write .check input:checked+label{color: #916BFD;background-image: url('../img/ck_on.png');}
.sub .write tr:first-child th,.sub .write tr:first-child td{border-top: 1px solid #ddd;}
.sub .write .btn{margin-top: 45px;text-align: center;}
.sub .write .btn input{width:100px;height: 45px;line-height: 43px;border-radius: 10px;border: 1px solid #ddd;font-size: 15px;font-weight: normal;margin: 0 5px;background: white}
.sub .write .btn .ok{background: #916BFD;border-color: #916BFD;color: white;}

.bg .apply{top:5%;width:1200px;border-radius: 25px;padding: 60px 50px;overflow: hidden;background-image: url('../img/apply_bg.png');background-position: left bottom;background-repeat: no-repeat;}
.bg .apply .close{position: absolute;top:20px;right: 20px;background: #9DA7B0;width:20px;height: 20px;line-height: 20px;text-align: center;color: white;border-radius: 10px;font-size: 13px;cursor: pointer;}
.bg .apply .left{float: left;}
.bg .apply .left p{padding-left: 50px;padding-top: 35px;font-size: 72px;font-weight: 700;position: relative;line-height: 90px;}
.bg .apply .left p::before{left: 0px;top:0px;position: absolute;opacity: 0.1;font-size: 60px;font-weight: normal;letter-spacing: -3px;content: 'LOVEMATCH'}
.bg .apply .left span{display: block;color: #555;margin-top: 30px;padding-left: 50px;}
.bg .apply .right{float: right;width:555px;}
.bg .apply .right li{margin-bottom: 25px;overflow: hidden;}
.bg .apply .right .tag{float: left;line-height: 60px;display: block;font-size: 19px;width:120px;}
.bg .apply .right .tag span{color: #916BFD;padding-left: 5px;}
.bg .apply .right .box{width:435px;float: right;border: 1px solid #ddd;border-radius: 15px;height: 60px;padding: 10px 15px;}
.bg .apply .right .box input{display: block;width:100%;height: 38px;line-height: 38px;border: none;font-size: 18px;}
.bg .apply .right .gen{float: right;width:435px;}
.bg .apply .right .gen label{width:50%;display: block;float: left;height: 60px;line-height: 60px;text-align: center;background: #F0F3F5;color: #bbb;font-size: 18px}
.bg .apply .right .gen input{display: none;}
.bg .apply .right .gen input:checked+label{background: #916BFD;color: white;}
.bg .apply .right .gen label:nth-child(2){border-radius: 15px 0 0 15px;}
.bg .apply .right .gen label:nth-child(4){border-radius: 0px 15px 15px 0;}
.bg .apply .right .area div{overflow: hidden}
.bg .apply .right .area select{display: block;width:200px;float: left;height: 60px;border: 1px solid #ddd;border-radius: 15px;padding: 0 15px;background: none;font-size: 18px;}
.bg .apply .right .area select:nth-child(3){float: right;}
.bg .apply .right .area p{text-align: right;color: #FFBB54;font-size:18px;margin-top: 10px}
.bg .apply .right .agree{background: #F2F3F5;border-radius: 5px;line-height: 50px;font-size: 16px;padding: 0 15px;}
.bg .apply .right .agree input{margin-right: 5px;}
.bg .apply .right .agree a{float: right;  font-size: 15px;  line-height: 20px;  display: block;  margin-top: 17px;}
.bg .apply .right .agree pre{background-color: white;padding:10px;overflow: auto;white-space: pre-wrap; /* pre tag내에 word wrap */font-size: 13px;line-height: 1.3em}
.bg .apply .right .dv2 .box{width:150px;float: left}
.bg .apply .right .dv2 .tag:nth-child(3){margin-left: 15px;padding-left:40px;}
.bg .apply .right button{width:100%;height: 70px;line-height: 70px;color: white;border-radius: 40px;background: #916BFD;border: none;font-size: 23px;font-weight: bold;margin-top: 20px;}

.join_bg{display: block !important;position: relative;background:url('../img/join_bg.png');background-position: center top;background-repeat: no-repeat}
.join_bg .join{width:94%;background-image: none;top:0;padding: 0;margin:100px auto;border-radius: 0;max-width:555px}
.join_bg .join .right{width:100%;float: none;}
.join_bg .join .img{width:100%;margin-bottom: 50px;}
.join_bg .join .img img{width:100%;}
.join_bg .btn{margin-top: 30px;overflow: hidden;}
.join_bg .btn input{width:120px;background: #B2B2B2;color: white;height: 60px;line-height: 60px;color: white;border-radius: 30px;border: none;font-size: 23px;font-weight: bold;display: block;float: left;}
.join_bg .btn .ok{float: right;background: #916BFD;width:420px;}
.join_bg .join .right .tag{float: none;width:100%}
.join_bg .join .right .box{float: none;width:100%}
.join_bg .join .right .area select{float: none;width: 100%;margin-bottom: 10px}
.join_bg .join .right .gen{width:100%;float: none;}
.join_bg .join .right .dv2 .tag{float: left;width:30%;text-align: center;margin-bottom: 10px}
.join_bg .join .right .dv2 .box{float: left;width:70%;margin-bottom: 10px}
.join_bg .join .right .dv2 .tag:nth-child(3){margin-left: 0;padding-left: 0;}
.join_bg .btn .ok{width:100%}


.manager_bg{justify-content: center;align-items: center;display: none;position: fixed}
.manager.pop{width:700px;padding: 40px 32px;position: relative;border-radius: 20px}
.manager.pop .scroll_wrap{max-height: 80vh;overflow-x: hidden;overflow-y: auto;}
.manager .close{position: absolute;top:20px;right: 20px;background: #9DA7B0;width:20px;height: 20px;line-height: 20px;text-align: center;color: white;border-radius: 10px;font-size: 13px;cursor: pointer;}
.manager.pop .top{display: flex;align-items: center;overflow: hidden;position: relative;padding-left: 120px;box-sizing: border-box;height: 100px}
.manager.pop .top .img{width:100px;height: 100px;border-radius: 50px;overflow: hidden;position: absolute;left: 0;top:0;}
.manager.pop .top .img img{width:100%;position: absolute;
  top: 50%;
  transform: translateY(-50%);}
.manager.pop .top .txt{;position: relative;overflow: hidden;height: 100px}
.manager.pop .top .txt span{color: #916BFD;font-size: 18px;float: left;line-height: 30px;display: block}
.manager.pop .top .txt p{font-size: 24px;font-weight: bold;float: left;line-height: 30px;padding-left:5px}
.manager.pop .top .txt div{background: #F0F3F5;border-radius: 10px;padding: 15px;font-size: 16px;font-weight: bold;line-height: 22px;margin-top: 35px;width:150px;text-align: center}
.manager.pop #mViewDesc{padding: 20px; 40px 0;text-align: center;}
.manager.pop #mViewDesc .box{overflow: hidden;height: 100%;text-align: center;}
.manager.pop #mViewDesc img{max-width: 100%}

.qa .view .top{border-top: 5px solid #333;margin-top: 80px;}
.qa .view .tit{text-align: left;padding: 30px 20px;font-size: 30px;border-bottom: 1px solid #333;}
.qa .view .info{text-align: right;padding: 20px 20px;}
.qa .view .info span{padding-left: 20px;display: inline-block;line-height: 30px;position: relative;}
.qa .view .info span::before{width:1px;height: 14px;top:8px;right: -11px;background: #333;position: absolute;content: ''}
.qa .view .info span:last-child::before{display: none}
.qa .view .txt{border-top: 1px solid #333;border-bottom: 1px solid #333;padding: 50px 20px;}
.qa .view .txt p{font-size: 22px}

.bg .apply .file .box label{width:70%;float: left;line-height: 38px;display: block}
.bg .apply .file .box input{width:28%;float: right;}
.bg .apply .file .list{overflow: hidden;margin-top: 80px;width:100%;}
.bg .apply .file .list .img{width:48%;float: left;overflow: hidden;position: relative;height: 200px;border-radius: 10px;margin-bottom: 10px}
.bg .apply .file .list .img:nth-child(2n){float: right}
.bg .apply .file .list .img img{width:100%;position:absolute; top:50%; transform:translateY(-50%);}
.bg .apply .file .list .img .del{position: absolute;right: 10px;top:10px;width:30px;height:30px;border-radius: 15px;background: white;line-height: 30px;text-align: center;cursor: pointer}



@media screen and (max-width:640px){
	.join_bg .join{margin: 50px auto}
	
}