/* common */
header .header-box .logo svg path{ fill:var(--mainC); }
header .header-box nav #gnb > li > a{ color:#000;}
header .header-box nav #gnb > li > a svg path{ stroke:#000; }
header .header-box .menu-btn:after,
header .header-box .menu-btn:before,
header .header-box .menu-btn span{ background: #000; }

#sv{ padding-top: 220px; }
#sv h1.title{ color:#000; font-weight: 800; letter-spacing: -2.4px;} 
#sv .w1720{ position: relative; z-index: 5; }
#sv .tab-box{ margin: 60px 0 100px;}
#sv .tab-box .depth2{ display:flex;}
#sv .tab-box .depth2 li:not(:last-child){ margin-right: 10px; }
#sv .tab-box .depth2 li a{ padding: 0 25px; height: 60px; display:flex; justify-content:center; align-items:center; background: #eee; color:#333; font-weight: 600; letter-spacing: -0.6px;
transition:color 0.5s, background 0.5s; }
#sv .tab-box .depth2 li.on a{ background: var(--mainC); color:#fff; font-weight: 500;}
#sv .img-box{ position: relative; height: 600px; z-index: 0; width: 100%; overflow: hidden; }
#sv .img-box .toptxt{ position: absolute; bottom: 50%; right: 0; z-index: -1; transition:all 1.5s; }
#sv .img-box .txt{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; text-align: center; z-index: 5; color:#fff; font-weight: bold;  letter-spacing: 20px; filter:blur(10px); -webkit-filter:blur(10px); transition:all 1s; white-space:nowrap; }
#sv .img-box.aos-animate .toptxt{ bottom: 100%; }
#sv .img-box.aos-animate .txt{ letter-spacing: -1.98px;  filter:blur(0px); -webkit-filter:blur(0px); }

#subContents{ padding: 100px 0 200px; }

#subWrap.off #sv{ display:none; }
#subWrap.off #subContents{ margin-top: 120px; }

#title-box{ margin-bottom: 60px; }
#title-box .title{ color:#000; font-weight: bold; letter-spacing: -1.8px; }
#title-box .title em{ font-family: var(--gan); }
#title-box .txt{ color:#111; font-weight: 300; letter-spacing: -0.6px; line-height: 1.7; margin-top: 30px; }

#info-box{ display:flex; flex-wrap:wrap; gap:5px 0; }
#info-box li{ display:inline-block; padding: 0 15px; height: 30px; line-height: 30px; border-radius:50px; border: 1px solid #DDD; }
#info-box li:not(:last-child){ margin-right: 5px; }
#info-box li.day{ background: var(--mainC); color:#fff; font-family: var(--gan); font-weight: 600; border:1px solid var(--mainC); }

.due{ color:#666; font-family: var(--gan); font-weight: 300; }
.due img{ margin-right: 10px; }

#viewbtn.btn{ max-width:320px; width: 100%; height: 70px; background: var(--mainC); display:inline-flex; justify-content:center; align-items:center; color:#fff; }
#viewbtn.btn > figure{ margin-left: 10px; }
#viewbtn.btn span{ position: relative; display:inline-block; }
#viewbtn.btn span:before{ content:''; display:block; width: 0; height: 1px; background: #fff; position:absolute; top: 100%; left: 0; transition:all 0.5s; }
#viewbtn.list{ background: #222; margin: 10px 0 30px;}
#viewbtn.btn:hover span:before{ width: 100%; }
#viewbtn.storage{ background: #fff; border:1px solid #000; }
#viewbtn.storage span{ color:#333; font-weight: 600;  }
#viewbtn.storage span:before{ background: #000;}

#policy .scroll-box{ padding: 30px; border: 1px solid #DDD; height: 360px; margin-bottom: 30px; }
#policy .scroll-box .inner-box{ overflow-y:scroll; height: 100%; padding: 30px 30px 0; padding-right: 100px; color:#666; font-weight: 300; line-height: 1.66; letter-spacing: -0.54px; }
#policy .scroll-box .inner-box::-webkit-scrollbar{ width: 3px; background: transparent;}
#policy .scroll-box .inner-box::-webkit-scrollbar-thumb{ background: #666; }
#policy .scroll-box .inner-box dl:not(:last-child){ margin-bottom: 30px;}
#policy .agree-box label p{ display:flex; align-items:center; color:#111; letter-spacing: -0.57px; cursor:pointer; }
#policy .agree-box label p span{ width: 26px; height: 26px; border-radius:50%; background: #ccc; margin-right: 10px; transition:all 0.5s; display:flex; justify-content:center; align-items:center;}
#policy .agree-box input[type="checkbox"]:checked + label span{ background: var(--mainC); }

:root {
	--inputH : 65px; 
}
#form-box{ border-top:2px solid #000; border-bottom:1px solid #ddd; padding: 60px; }
#form-box > *:not(:last-child){ margin-bottom: 30px; }
#form-box .item-box{ display:flex; align-items:center; width: 100%; }
#form-box .item-box dt{ min-width:200px; color:#111; font-weight: 500; letter-spacing: -0.6px; flex-shrink:0; }
#form-box .item-box dt em{ color:var(--mainC); }
#form-box .item-box dd{ width: 100%; }
#form-box .item-box dd input:not([type="radio"]){ height: var(--inputH); padding: 0 30px; border:1px solid #ddd; width: 100%; letter-spacing: -0.54px; color:#333; }
#form-box .item-box dd input:not(:last-child){ margin-right: 10px; }
#form-box .item-box dd input::placeholder{ color:#aaa; }
#form-box .item-box dd textarea{ height: 280px; padding: 20px; border:1px solid #ddd; resize:none; width: 100%; }
#form-box .item-box dd select{ height: var(--inputH); padding: 0 30px; border:1px solid #ddd; width: 100%; letter-spacing: -0.54px; 
background: url(/img/sub/filterArrow.png) no-repeat top 50% right 30px;}
#form-box .item-box dd input[type="file"]{ display:none; }
#form-box .item-box dd p.txt{ color:#333; letter-spacing: -0.54px; }
#form-box .item-box dd p.txt2{ color:#aaa; letter-spacing: -0.54px; }
#form-box .item-box.file label{ display:flex; align-items:center; }
#form-box .item-box.file .txt{ width: 100%; border:1px solid #ddd; height: var(--inputH); margin-right: 10px; padding: 0 20px; display:flex; align-items:center; }
#form-box .item-box.file .btn{ width: 180px; height: var(--inputH); background: #222; color:#fff; font-weight: 600; letter-spacing: -0.54px; display:flex; justify-content:center; align-items:center; flex-shrink:0; cursor:pointer; }
#form-box .item-box.file2 label{ cursor:pointer;  }
#form-box .item-box.file2 .txt{ width: 695px; }
#form-box .item-box.file2 .btn{ border: 1px solid #000; background: #fff; color:#333; pointer-events:none; }
#form-box .item-box.file2 .btn span{ position: relative; display:block; }
#form-box .item-box.file2 .btn span:after{ content:''; display:block; width: 0; height: 1px; background: #333; transition:all 0.3s; }
#form-box .item-box.file2 .btn:hover span:after{ width: 100%; }
#form-box > .flex-box{ gap: 60px; }
#form-box .item-box.capcha dd{ align-items:center; }
#form-box .item-box.capcha dd figure{ flex-shrink: 0; }
#form-box .item-box.capcha dd button{ width: 65px; height: var(--inputH); background: #222; margin: 0 10px; flex-shrink:0; }
#form-box .item-box.type2{ width: calc((100% - 60px) / 2);}
#form-box .item-box.agree dd.flex-box{ flex-wrap:wrap; align-items:center; height: var(--inputH);}
#form-box .item-box .radio-box{ margin-right: 100px; }
#form-box .item-box .input-box.find input{ width: 695px; }
#form-box .item-box .input-box.find a{ border: 1px solid #000; width: 200px; height: var(--inputH); color:#333; font-weight: 600; letter-spacing: -0.54px; display:flex; justify-content:center; 
align-items:center; }
#form-box .item-box .input-box.find a span{ position: relative; display:block; }
#form-box .item-box .input-box.find a span:after{ content:''; display:block; width: 0; height: 1px; background: #333; transition:all 0.3s; }
#form-box .item-box .input-box.find a:hover span:after{ width: 100%; }
#form-box .item-box.type2 dd > div:not(:last-child){ margin-bottom: 10px; }

.radio-box{ display:flex; align-items:center; }
.radio-box > div:not(:last-child){ margin-right: 30px; }
.radio-box input{ display:none; }
.radio-box label{ display:flex; align-items:center; letter-spacing: -0.54px; color:#333; cursor:pointer; }
.radio-box label span{ position: relative; display:block; width: 25px; height: 25px; border-radius:50%; background: #ccc; transition:all 0.5s;  display:flex; justify-content:center; align-items:center; margin-right: 10px; }
.radio-box label span:after{ content:''; display:block; width: 13px; height: 13px; background: #fff; border-radius:50%; }
.radio-box input[type="radio"]:checked + label span{ background: var(--mainC); }

.check-box input{ display:none; }
.check-box label{ cursor:pointer; }
.check-box label span{ width: 25px; height: 25px; border-radius:50%; background: #ccc; display:flex; justify-content:center; align-items:center; margin-right: 10px; transition:all 0.5s; }
.check-box input[type="checkbox"]:checked + label span{ background: var(--mainC); }

#btn-box{ display:flex; justify-content:center; margin-top: 100px; }

/* sub */
#talent #title-box{ margin-bottom: 100px; }
#talent .content{ display:flex; gap:80px; }
#talent .content .item-box{ width: calc((100% - 160px) / 3); text-align: center; }
#talent .content .item-box .circle-box{ position: relative; display:flex; flex-direction:column; justify-content:center; align-items:center; background: var(--mainC); border-radius:50%; height: 520px; width: 100%; margin-bottom: 80px; }
#talent .content .item-box .circle-box:after{ content:''; display:block; width: 1px; height: 50px; position: absolute; transform:translateX(-50%); left: 50%; top: 30%;  
background: url(/img/sub/talentLine.png); z-index: -1; transition:all 1s; }  
#talent .content .item-box .circle-box:before{ content:''; display:block; width: 10px; height: 10px; background: #000; border-radius:50%; position: absolute; transform:translateX(-50%); left: 50%; 
top: 30%; z-index: -1; transition:all 1s; }
#talent .content .item-box .circle-box .txt{ color:#fff; margin-top: 20px; font-family: var(--gan); font-weight: bold; }
#talent .content .item-box .txt-box .title{ font-weight: bold; color:#111; letter-spacing: -1.2px; line-height: 1.5; margin-bottom: 20px; }
#talent .content .item-box .txt-box .txt{ color:#333; font-weight: 300; letter-spacing: -0.6px; line-height: 1.7;}
#talent .content .item-box.item02 .circle-box{ background: #007360;}
#talent .content .item-box.item03 .circle-box{ background: #529E4B;}
#talent .content .item-box.aos-animate .circle-box:after{ top: 100%;}
#talent .content .item-box.aos-animate .circle-box:before{ top: calc(100% + 45px); }

#welfare{ overflow: hidden;}
#welfare #title-box{ margin-bottom: 200px;}
#welfare section:not(:last-child){ margin-bottom: 215px; }
#welfare section .title-box > div{ position: relative; display:flex; justify-content:space-between; margin-bottom: 100px; }
#welfare section .title-box .btxt{ position: absolute; z-index: -1; position: absolute; transform:translateY(-50%); top: 50%; left: 100px; }
#welfare section .title-box .title{ color:#111; font-weight: bold; letter-spacing: -1.5px; }
#welfare section .title-box .txt{ text-align: right; color:#333; font-weight: 300; line-height: 1.7; letter-spacing: -0.6px; }
#welfare section .slide-box .swiper-slide{ position: relative; width: 850px; height: 500px; overflow: hidden;}
#welfare section .slide-box .swiper-slide .txt-box{ position: absolute; bottom: 20px; left: 0; width: 100%; padding: 0 60px; color:#fff; transition:all 0.5s; }
#welfare section .slide-box .swiper-slide .txt-box .title{ font-weight: bold; letter-spacing: -1.08px; margin-bottom: 15px; transition:all 0.5s; }
#welfare section .slide-box .swiper-slide .txt-box .txt{ opacity: 0; transition:all 0.7s; }
#welfare section .slide-box .swiper-slide:hover .txt-box{ bottom: 60px; }
#welfare section .slide-box .swiper-slide:hover .txt-box .title{ font-size:36px; }
#welfare section .slide-box .swiper-slide:hover .txt-box .txt{ opacity: 1; }

#procedure ul li{ position: relative; color:#666; font-weight: 300; letter-spacing: -0.6px; display:flex; }
#procedure ul li:before{ content:''; display:block; width: 5px; height: 5px; background: #aaa; margin: 10px 10px 0 0; flex-shrink:0; }
#procedure ul li:not(:last-child){ margin-bottom: 10px; }
#procedure .order-box{ display:flex; gap: 60px; }
#procedure .order-box .item-box{ position: relative; width: calc((100% - 240px) / 5); height: 295px; padding: 50px 20px; background: #F5F5F5; text-align: center;
display:flex; flex-direction:column; justify-content:space-between; align-items:center;  }
#procedure .order-box .item-box .step{ font-family: var(--gan); color:rgba(0,0,0,0.1); font-weight: bold; text-transform: uppercase;}
#procedure .order-box .item-box .txt{ color:#222; font-weight: 600; letter-spacing: -0.6px;}
#procedure .order-box .item-box .txt span{ display:block; color:#666; font-weight: 400; letter-spacing: -0.48px; margin-top: 5px; }
#procedure .order-box .item-box .arrow{ position: absolute; transform:translateY(-50%); top: 50%; left: calc(100% + 25px); width: max-content; }
#procedure .order-box .item-box:last-child{ background: linear-gradient(131deg, #004EA2 3.7%, #6FBA2C 95.09%); }
#procedure .order-box .item-box:last-child .step{ color:rgba(255,255,255,0.1); }
#procedure .order-box .item-box:last-child .txt{ color:#fff; font-weight: bold; letter-spacing: -0.72px; }
#procedure .ex-box{ margin: 60px 0 100px;}
#procedure .ex-box .item-box{ display:flex; align-items:center; border: 1px solid #EEE; height: 180px; }
#procedure .ex-box .item-box:not(:last-child){ margin-bottom: 10px; }
#procedure .ex-box .item-box div{ position: relative; min-width:400px; display:flex; justify-content:center; align-items:center; }
#procedure .ex-box .item-box div .num{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%;  -webkit-text-stroke: 1px #eee; color:#fff; font-family: var(--gan); font-weight: 900; 
z-index: -1;}
#procedure .ex-box .item-box div .title{ color:#222; font-weight: 500; letter-spacing: -0.72px; }
#procedure .other .title{ color:#222; font-weight: 500; margin-bottom: 20px; letter-spacing: -0.72px;}

.notice > div{ display:flex; }
.notice #filter-box{ position: sticky; top: 120px; left: 0; margin-right: 100px; width: 320px; height:410px; flex-shrink:0; }
.notice #filter-box form > div{ min-height:70px; }
.notice #filter-box .item-box{ padding: 22px 25px; cursor:pointer; background: #fff; margin-bottom: 10px; width: 100%; }
.notice #filter-box .item-box .title{ display:flex; justify-content:space-between; align-items:center; color:#333; font-weight: 500; letter-spacing: -0.6px; }
.notice #filter-box .item-box .title img{ transition:all 0.7s; }
.notice #filter-box .item-box .title.on img{ transform:rotate(180deg); }
.notice #filter-box .item-box .radio-box{ padding: 22px 0 3px; margin-bottom: -10px; display:none; }
.notice #filter-box .item-box .radio-box .flex-box{ gap:10px 5px; flex-wrap:wrap; }
.notice #filter-box .item-box .radio-box label{ padding: 0 15px; height: 30px; border-radius:50px; color:#222; letter-spacing: -0.48px; font-weight: 500; border: 1px solid #DDD; transition:all 0.2s; }
.notice #filter-box .item-box .radio-box input[type="radio"]:checked + label,
.notice #filter-box .item-box .radio-box label:hover{ background: #222; color:#fff; }
.notice #filter-box  select.item-box{ border:none; color:#333; background: url(/img/sub/filterArrow.png) no-repeat top 50% right 25px #fff; }
.notice #filter-box .item-box:first-child .radio-box{ display:block; }
.notice #filter-box .search-box{ display:flex; align-items:center; }
.notice #filter-box .search-box div{ display:flex; align-items:center; justify-content:space-between; padding: 20px; border: 2px solid #000; width: 100%; background: #fff; }
.notice #filter-box .search-box input{ color:#222; font-weight: 500; letter-spacing: -0.51px; width: 100%; }
.notice #filter-box .search-box input::placeholder{ color:#aaa; }
.notice .content{ width: 100%; }
.notice .content .item-box{ position: relative; }
.notice .content .item-box:not(:last-child){ margin-bottom: 20px;}
.notice .content .item-box a{ position: relative; display:block; width: 100%; padding: 40px 60px; background: #fff; border:2px solid #fff; transition:border 0.5s; }
.notice .content .item-box #info-box{ margin-bottom: 20px;}
.notice .content .item-box .title{ color: #111; font-weight: 500; letter-spacing: -0.72px; margin: 0 0 30px; text-overflow: ellipsis; overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.notice .content .item-box #viewbtn > figure{ position: absolute; transform:translateY(-50%); top: 50%; right: 60px; }
.notice .content .item-box a:hover{ border:2px solid var(--mainC); }

.view { border:none; background: transparent; margin: 0; padding: 0;	}
.view .flex-box{ position: relative;}
.view .content{ width: 100%; }
.view .content .title-box{ margin-bottom: 60px; padding-right: 100px;}
.view .content .title-box .title{ color:#000; font-weight: 500; letter-spacing: -1.68px; }
.view .content .title-box > div{ display:flex; align-items:center; margin-top: 30px;}
.view .content .title-box > div ul{ margin-right: 30px; }
.view .content .ctn-box{ border-top:2px solid #000; padding: 100px 0;}
.view .content .ctn-box dl:not(:last-child){ margin-bottom: 100px; }
.view .content .ctn-box dl dt{ color:#333; font-weight: 500; letter-spacing: -0.72px; margin-bottom: 20px;}
.view .content .ctn-box dl dd{ color:#666; font-weight: 300; letter-spacing: -0.6px; }
.view .content .ctn-box dl dd p:not(:last-child){ margin-bottom: 10px;} 
.view .content .file-box{ border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 40px 60px; display:flex; }
.view .content .file-box dt{ margin-right: 60px; color:#333; font-weight: 500; letter-spacing: -0.6px; }
.view .content .file-box dd{ color:#666; font-weight: 300; letter-spacing: -0.54px; }
.view .content .file-box dd a{ display:block; }
.view .content .file-box dd a:not(:last-child){ margin-bottom: 10px;}
.view .page-box{ position: sticky; top: 120px; right: 0; width: 320px; height: 625px; margin-left: 100px; flex-shrink:0; }
.view .page-box #viewbtn.btn{ max-width:none; }
.view .page-box .page{ border: 1px solid #DDD; transition:all 0.5s; }
.view .page-box .page a{ display: flex; justify-content: space-between; flex-direction: column; padding: 30px; min-height:170px;}
.view .page-box .page:not(:last-of-type){ margin-bottom: 10px;}
.view .page-box .page #info-box{ margin-bottom: 20px; }
.view .page-box .page .title{ margin: 0 0 20px; color:#111; font-weight: 500; letter-spacing: -0.6px; line-height: 1.6; text-overflow: ellipsis; overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.view .page-box .page:hover{ border:1px solid var(--mainC); }

#notice-qa .content .item-box a{ padding: 60px; }

#view-qa .content figure{ margin-bottom: 60px; }
#view-qa .page-box{ height: 460px;}

#faq .content .item-box{ padding: 0 60px; border: 1px solid #DDD; transition:border-color 0.7s; cursor:pointer; }
#faq .content .item-box:not(:last-child){ margin-bottom: 20px; }
#faq .content .item-box dt{ display:flex; justify-content:space-between; align-items:center; min-height:120px; }
#faq .content .item-box dt p{ display:flex; align-items:center; color:#111; font-weight: 500; letter-spacing: -0.66px; transition:all 0.5s; }
#faq .content .item-box dt em{ display:inline-block; width: 40px; height: 40px; line-height: 35px; text-align: center; background: var(--mainC); color:#fff; font-family: var(--gan); margin-right: 20px; font-weight: bold; border-radius:50%; flex-shrink:0; }
#faq .content .item-box dt svg{ transition:all 0.7s; }
#faq .content .item-box dd{ position: relative; padding: 40px 40px 60px; color:#333; font-weight: 300; letter-spacing: -0.6px; line-height: 1.7; display:none; }
#faq .content .item-box dd:before{ content:''; display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #ddd; }
#faq .content .item-box.on{ border:2px solid var(--mainC); }
#faq .content .item-box.on dt p{ color:var(--mainC); }
#faq .content .item-box.on dt svg{ transform:rotate(180deg); }
#faq .content .item-box.on dt svg path{ stroke:var(--mainC); }

/* recruit 기본 */
.recruit .w1720.flex-box{ position: relative; justify-content:space-between; } 
.recruit .page-box{ position: sticky; top: 120px; right: 0; width: 320px; height: 555px; margin-left: 100px; flex-shrink:0; }
.recruit .page-box .btn-box #viewbtn:not(:last-child){ margin: 0 0 10px;}
.recruit .link-box{ margin-top: 80px; }
.recruit .link-box li{ display:flex; align-items:center; } 
.recruit .link-box li:not(:last-child){ margin-bottom: 10px; }
.recruit .link-box li:before{ content:''; display:block;	width: 15px; height: 15px; border-radius:50%; background: url(/img/sub/recruitCircle.png) no-repeat 50% 50%; margin-right: 10px; } 
.recruit .link-box li a{ color:#333; font-weight: 300; letter-spacing: -0.54px; transition:color 0.5s; }
.recruit .link-box li.on a{ color:#000; font-weight: 600; letter-spacing: -0.6px; font-size:20px; }
.recruit .link-box li:hover a{ color:#000; font-weight: 600; }
.recruit .link-box li.on:before{ background: var(--mainC); }
.recruit .content{ width: 100%; }
.recruit .content .title-box{ display:flex; align-items:flex-end; justify-content:space-between; color:#111; font-weight: 500; letter-spacing: -0.9px; margin-bottom: 20px;  }
.recruit .content .title-box span{ color:#aaa; font-weight: 400; letter-spacing: -0.54px; }
.recruit .content .ip-box:not(:last-of-type){ margin-bottom: 150px;}
.recruit .content .ip-box{ position: relative; padding:30px; border-top:2px solid #000; border-bottom:1px solid #ddd; }
.recruit .content .ip-box table:not(:last-child){ margin-bottom: 80px;}
.recruit .content .ip-box .img-box{ display:flex; align-items:center; margin-bottom: 30px;}
.recruit .content .ip-box .img-box > figure{ width: 160px; height: 200px; border: 1px solid #DDD; margin-right: 40px; }
.recruit .content .ip-box .img-box .txt-box{ }
.recruit .content .ip-box .img-box .txt-box ul{ color:#aaa; letter-spacing: -0.54px; margin-bottom: 30px; }
.recruit .content .ip-box .img-box .txt-box ul li:not(:last-child){ margin-bottom: 10px; }
.recruit .content .ip-box .img-box .txt-box .btn-box input{ display:none; }
.recruit .content .ip-box .img-box .txt-box .btn-box label span{ display:flex; justify-content:center; align-items:center; width: 200px; height: 60px; border:1px solid #000; color:#333; font-weight: 600; letter-spacing: -0.54px; cursor:pointer; }
.recruit .content .ip-box .item-box{ display:flex; min-height:65px; }
.recruit .content .ip-box .item-box:not(:last-child){ margin-bottom: 15px; }
.recruit .content .ip-box .item-box > .title{ min-width:200px; color:#111; font-weight: 500; letter-spacing: -0.6px; display:flex; align-items:center; }
.recruit .content .ip-box .item-box > .title span{ color:var(--mainC); margin-left: 3px;}
.recruit .content .ip-box .item-box > .title.btn{ flex-direction:column; align-items:flex-start; justify-content: center;}
.recruit .content .ip-box .item-box > .title .btn-box{ margin-top: 10px;}
.recruit .content .ip-box .item-box > .title .btn-box button:not(:last-child){ margin-right: 5px;}
.recruit .content .ip-box .item-box .input-box{ display:flex; align-items:center; width: 100%; }
.recruit .content .ip-box .item-box .input-box *{ font-size:18px; }
.recruit .content .ip-box .item-box .input-box input,
.recruit .content .ip-box .item-box .input-box select,
.recruit .content .ip-box .item-box .input-box textarea{ border: 1px solid #DDD; height: var(--inputH); padding: 0 30px; color:#333; letter-spacing: -0.54px; }
.recruit .content .ip-box .item-box .input-box input{ width: 570px; }
.recruit .content .ip-box .item-box .input-box input::placeholder{ color:#aaa; }
.recruit .content .ip-box .item-box .input-box select{ background: url(/img/sub/filterArrow.png) no-repeat top 50% right 30px; width: 570px;}
.recruit .content .ip-box .item-box .input-box .atxt{ color:#aaa; letter-spacing: -0.54px; margin-left: 30px; }
.recruit .content .ip-box .item-box .input-box .line{ width: 10px; height: 1px; background: #666; margin: 0 10px;}
.recruit .content .ip-box .item-box .input-box *.w340{ width: 340px; }
.recruit .content .ip-box .item-box .input-box *.w360{ width: 360px; }
.recruit .content .ip-box .item-box .input-box *.w200{ width: 200px; }
.recruit .content .ip-box .item-box .input-box *.w100{ width: 100px; }
.recruit .content .ip-box .item-box .input-box .money-cnt{ display:flex; align-items:center; height: 100%; }
.recruit .content .ip-box .item-box .input-box .money-cnt p{ display:flex; align-items:center; height: 100%; color:#333; letter-spacing: -0.54px; }
.recruit .content .ip-box .item-box .input-box .money-cnt > p{ margin-right: 30px; }
.recruit .content .ip-box .item-box .input-box .money-cnt > p span{ margin-left: 10px;}
.recruit .content .ip-box .item-box .input-box .inputTxt{ display:flex; align-items:center; height: 100%; }
.recruit .content .ip-box .item-box .input-box.address{ flex-direction:column; align-items: flex-start; }
.recruit .content .ip-box .item-box .input-box.address div{ width: 100%; display:flex; }
.recruit .content .ip-box .item-box .input-box.address div:last-child{ flex-wrap:wrap; }
.recruit .content .ip-box .item-box .input-box.address div:last-child input{ width: 100%; }
.recruit .content .ip-box .item-box .input-box.address div a{ width: 220px; height: var(--inputH);display:flex; justify-content:center; align-items:center; border: 1px solid #000; margin-left: 10px; 
color:#333; font-weight: 600; letter-spacing: -0.54px; }
.recruit .content .ip-box .item-box .input-box.address input:not(:last-child){ margin-bottom: 10px;}
.recruit .content .ip-box .item-box .input-box.w100{ gap:10px; }
.recruit .content .ip-box .item-box .input-box.w100 > *{ width: 100%; }
.recruit .content .ip-box .item-box .input-box.family p{ color:#333; letter-spacing: -0.54px; }
.recruit .content .ip-box .item-box .input-box.family p:not(:last-child){ margin-right: 30px; }
.recruit .content .ip-box .item-box .input-box.family p input{ margin-right: 10px;}
.recruit .content .ip-box .item-box .input-box.family2{ display:block;}
.recruit .content .ip-box .item-box .input-box .inputFam{ display:flex; gap:8px; }
.recruit .content .ip-box .item-box .input-box .inputFam:not(:last-child){ margin-bottom: 10px;}
.recruit .content .ip-box .item-box .input-box .inputFam *{ width: 100%; }
.recruit .content ul.atxt{ position: absolute; top: calc(100% + 20px); left: 0; color:#aaa; letter-spacing: -0.54px; }
.recruit .content ul.atxt li:not(:last-child){ margin-bottom: 10px; }
.recruit .content .title-box.type2{ margin-top: 225px; }

/* recruit02 추가 */
.recruit .content .title-box .add-box{ display:flex; align-items:center; }
.recruit .content .title-box .add-box .btn-box{ margin: 0 20px; }
.recruit .content .title-box .add-box .check-box p{ display:flex; color:#333; align-items: center;}
.recruit .content .select-area{ border: 1px solid #000; padding: 80px 20px; text-align: center; }
.recruit .content .select-area .title{ color:#111; letter-spacing: -0.9px; font-weight: 500;  }
.recruit .content .select-area select{ background: url(/img/sub/filterArrow.png) no-repeat top 50% right 30px; width: 570px; border: 1px solid #DDD; height: var(--inputH); padding: 0 30px; color:#333; letter-spacing: -0.54px; margin: 30px 0;}
.recruit .content .select-area .txt-box{ max-width:525px; width: 100%; margin: 0 auto; text-align: left;}
.recruit .content .select-area .txt-box p{ color:#aaa; letter-spacing: -0.54px;}
.recruit .content .select-area .txt-box p.txt02{ margin-top: 10px; color:#666; }
.recruit .content table tr > *{ border: none; }
.recruit .content div.sel_box{ margin-top: 100px;}
.recruit .content .inputDate{ position: relative; }
.recruit .content .inputDate img{ position: absolute; transform:translateY(-50%); top: 50%; right: 20px; }
.recruit .content .ip-box .item-box .input-box.score p{ display:flex; align-items:center; color:#333; letter-spacing: -0.54px; }
.recruit .content .ip-box .item-box .input-box.score p span{ display:flex; align-items:center; margin: 0 10px;}
.recruit .content .ip-box .item-box .input-box.score p span img{ margin-left: 10px; }
.recruit .sel_box ul.atxt{ position: relative; margin-top: 20px;}
.recruit .content .ip-box .item-box .input-box textarea{ resize:none; width: 100%; height: 200px; padding: 20px;}

#recruit03 .select-area{ padding: 30px 0;}

/* recruit05 추가 */
.recruit .content .ip-box .item-box .input-box.file{ flex-direction:column; align-items: flex-start; }
.recruit .content .ip-box .item-box .input-box.file div input{ display:none; }
.recruit .content .ip-box .item-box .input-box.file label{ display:flex; align-items:center; }
.recruit .content .ip-box .item-box .input-box.file .txt{ width: 100%; border:1px solid #ddd; height: var(--inputH); margin-right: 10px; padding: 0 20px; display:flex; align-items:center; }
.recruit .content .ip-box .item-box .input-box.file .btn{ width: 180px; height: var(--inputH); background: #222; color:#fff; font-weight: 600; letter-spacing: -0.54px; display:flex; justify-content:center; align-items:center; flex-shrink:0; cursor:pointer; }
.recruit .content .ip-box textarea.text{ width: 100%; height: 700px; border:1px solid #ddd; resize:none; padding: 20px; font-size:18px; color:#333; }

#recruit-c .content{ border:1px solid #000; padding: 130px 20px; text-align: center; }
#recruit-c .content .circle{ display:inline-flex; justify-content:center; align-items:center; width: 150px; height: 150px; border-radius:50%; background: #f5f5f5; }
#recruit-c .content .txt-box{ margin: 50px 0 80px; }
#recruit-c .content .txt-box .title{ color:#000; font-weight: 600; letter-spacing: -1.5px; margin-bottom: 20px; }
#recruit-c .content .txt-box .txt{ color:#333; font-weight: 300; letter-spacing: -0.6px; line-height: 1.7; }
#recruit-c .content .btn-box{ text-align: left; display:flex; justify-content:center; }
#recruit-c .content .btn-box #viewbtn{ margin: 0;}
#recruit-c .content .btn-box #viewbtn:not(:last-child){ margin-right: 10px; }

#recruit-c.passed .txt-box .title{ color:#111; font-weight: 400; letter-spacing: -1.5px;}
#recruit-c.passed .txt-box .title em{ color: var(--mainC); font-weight: bold; }

#db-fill #btn-box #viewbtn.list{ margin: 0; }
#db-fill #btn-box #viewbtn:not(:last-child){ margin-right: 10px; }