@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important; display:none !important;}
.roughmap_lebel_text:after {content:"위노베이트"; font-size:12px; line-height:15px; display:none !important;}
.roughmap_maker_label:after {display:none !important;}

.bullet-item .bullet-list {position:relative; padding-left:15px; margin-top:10px; line-height:1.3;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:7px; width:5px; height:5px; border-radius:50%; background:#cccccc;}

.bg-gray {background:#f3f3f6;}
.subsec-pd {padding:clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px) 0;}

/* sub-nav */
.my-lnbwrap {display:flex; flex-wrap:wrap;}
.my-lnbwrap #lnb {flex:1 0 clamp(160px, calc( 250 / var(--inner) * 100vw ), 250px); max-width:clamp(160px, calc( 250 / var(--inner) * 100vw ), 250px); margin-right:clamp(10px, calc( 100 / var(--inner) * 100vw ), 100px);}
.my-lnbwrap #lnbcontain {flex:1 0 auto; width:1%;}
#lnb .nav-item {border-top:1px solid #121212;}
#lnb .nav-list { border-bottom:1px solid #ddd;}
#lnb .nav-list .link {display:block; padding:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px) 0; width:100%; font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); color:#878787;}
#lnb .nav-list.active {background:url(../images/sub/nav-right.png) no-repeat right center; }
#lnb .nav-list.active .link {color:#121212; font-weight:500;}

/* 마이페이지 */
.containtit {margin-bottom:clamp(20px, calc( 45 / var(--inner) * 100vw ), 45px); font-size:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight:600;}
.infotext {color:#121212;}
.my-lnbwrap .join-form .grade .inputbx {flex:1 0 100%; max-width:100%; margin-right:0; padding-bottom:15px;}
.my-lnbwrap .join-form .grade .inputitem {width:32%;}
.my-lnbwrap .mem-buttons .btn-pack {min-width:clamp(160px, calc( 200 / var(--inner) * 100vw ), 200px);}

/* 채용정보 */
.topbriefing { border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.topbriefing .first {flex:1 0 clamp(300px, calc( 430 / var(--inner) * 100vw ), 430px); max-width:clamp(300px, calc( 430 / var(--inner) * 100vw ), 430px); background:var(--color-1); color:#fff; justify-content:flex-end;}
.topbriefing .second {flex:1 0 auto; width:1%; background:#f3f3f6;}
.topbriefing .box {display:flex; align-items:center; padding:clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px) 16px;}
.topbriefing .first .txt {display:inline-block; padding-left:clamp(10px, calc( 13 / var(--inner) * 100vw ), 13px); font-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:600;}
.topbriefing .first img {width:clamp(25px, calc( 46 / var(--inner) * 100vw ), 46px);}
.topbriefing .box.first {padding-right:clamp(16px, calc( 30 / var(--inner) * 100vw ), 30px);}
.topbriefing .box.second {padding-left:clamp(16px, calc( 40 / var(--inner) * 100vw ), 40px);}

.area-form {padding:clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px) 0 30px; }
.area-form button {border:0; background:transparent;}
.bigarea {display:flex;}
.midarea {display:flex;}
.title {margin-bottom:clamp(10px, calc( 13 / var(--inner) * 100vw ), 13px); font-size:clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:600; }
.bigarea input {width:100%;}
.bigarea select {padding:0 clamp(6px, calc( 15 / var(--inner) * 100vw ), 15px); width:100%; appearance:none; background:url(../images/bbs/select-arrow.png) no-repeat right clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px) center; background-size:clamp(7px, calc( 10 / var(--inner) * 100vw ), 10px) auto;}
.bigarea input
,.bigarea select {height:clamp(40px, calc( 50 / var(--inner) * 100vw ), 50px); border-radius:4px; border:1px solid #ddd; color:#878787; font-size:14px; }
.bigarea .commpr {padding-right:clamp(15px, calc( 50 / var(--inner) * 100vw ), 50px);}
.selectwrap,
.datewrap {display:flex; align-items:center;}
.selectwrap .selectbx {width:clamp(100px, calc( 130 / var(--inner) * 100vw ), 130px);}
.selectwrap .selectbx +.selectbx {margin-left:5px;}
.datewrap .datebx {width:clamp(130px, calc( 160 / var(--inner) * 100vw ), 160px);}
.datewrap .hypen {margin:0 clamp(5px, calc( 15 / var(--inner) * 100vw ), 15px);}
.selectwrap .selectbx.type2 {width:clamp(160px, calc( 250 / var(--inner) * 100vw ), 250px);}
.selectbx.type3 {flex:1 0 auto; width:1%;}
.Topselectbx + .Midsearchbx {margin-top:10px; }
.Midsearchbx+ .bottombx {margin-top:clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px);}
.Midsearchbx {padding:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px) clamp(10px, calc( 25 / var(--inner) * 100vw ), 25px); border-radius:8px; border:1px solid #ddd;}
.Midsearchbx .btnitems {display:flex; flex-wrap:wrap;}

.Midsearchbx .btnlist {display:flex; align-items:center; margin:clamp(3px, calc( 5 / var(--inner) * 100vw ), 5px); min-width:clamp(110px, calc( 128 / var(--inner) * 100vw ), 128px); padding-left:clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px); height:clamp(28px, calc( 32 / var(--inner) * 100vw ), 32px); border-radius:4px; border:1px solid #ddd; background:#f9f9f9;}
.Midsearchbx .btnlist .txt {font-size:12px; color:#878787; letter-spacing:-0.5px;}
.Midsearchbx .btn-del { width:clamp(22px, calc( 28 / var(--inner) * 100vw ), 28px);}
.Midsearchbx .btn-del img {vertical-align:middle;}

.bottombx .btnwrap {display:flex; justify-content:flex-end;}
.area-form .btn-comm {margin-left:10px; width:clamp(100px, calc( 150 / var(--inner) * 100vw ), 150px); height:clamp(40px, calc( 50 / var(--inner) * 100vw ), 50px); border-radius:4px; font-weight:600;}
.area-form .btn-comm:first-child {margin-left:0;}
.area-form .btn-comm .text {display:inline-block; padding-left:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.area-form .btn-reset {border:1px solid #ddd; background:#f9f9f9 url(../images/sub/reset.png) no-repeat left clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px) center; background-size:clamp(13px, calc( 16 / var(--inner) * 100vw ), 16px) auto; color:#505050; }
.area-form .btn-sub {background:var(--color-1); color:#fff;}

.workWrap .tabitem {display:flex; margin:0 -10px; padding-bottom:15px;}
.workWrap .tablist {padding:0 10px;} 
.workWrap .tablist .link {padding-left:10px; position:relative; font-size:clamp(14px, calc( 15 / var(--inner) * 100vw ), 15px); color:#878787;}
.workWrap .tablist .link::after {position:absolute; content:''; left:0; top:50%; transform:translateY(-50%); width:5px; height:5px; border-radius:50%; background:#878787;}
.workWrap .tablist .link.active {color:var(--color-2);}
.workWrap .tablist .link.active::after {background:var(--color-2);}
.workWrap .workitems {border-top:1px solid #121212; border-bottom:1px solid #121212;} 
.workWrap .worklist {border-bottom:2px solid #121212;}
.workWrap .worklist:last-child {border-bottom:0;}
.workWrap .worklist.head {border-bottom:1px solid #ddd; }
.workWrap .worklist.head .inner {background:#fff !important;}
.workWrap .inworklist {border-bottom:1px solid #ddd;}
.workWrap .inworklist:last-child {border-bottom:0;}
.bundle {display:flex; align-items:center;}
.workWrap .inner {display:flex; align-items:center; letter-spacing:-0.5px; transition:all 0.3s;}
.workWrap .inner:hover {background:#f9f9f9;}
.workWrap .wid {padding:clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px) clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px); text-align:center;}
/* .workWrap .wid1 {width:15%;}
.workWrap .wid2 {width:30%;}
.workWrap .wid3 {width:20%;}
.workWrap .wid4 {width:25%;} */
.workWrap .wid1 {width:clamp(140px, calc( 150 / var(--inner) * 100vw ), 150px);}
.workWrap .wid2 {width:clamp(120px, calc( 300 / var(--inner) * 100vw ), 300px);}
.workWrap .wid3 {width:clamp(150px, calc( 200 / var(--inner) * 100vw ), 200px);}
.workWrap .wid4 {width:clamp(150px, calc( 250 / var(--inner) * 100vw ), 250px);}
.workWrap .text {color:#505050; line-height:1.7;}
.workWrap .weekflx {display:flex; margin:0 -10px;}
.workWrap .weekflx .weeks:first-child {width:clamp(90px, calc( 100 / var(--inner) * 100vw ), 100px);}
.workWrap .weeks {padding:0 10px; position:relative; color:#505050;}
.workWrap .weeks.week2 {color:#0a87cf;}
.workWrap .weeks.week3 {color:#b50102;}
.workWrap .weeks::after {position:absolute; content:''; right:-1px; top:50%; transform:translateY(-50%); width:2px; height:14px; background:#cccccc;}
.workWrap .weeks:last-child::after {display:none;}
.workWrap .week1 {font-weight:600; color:#121212;}
.workWrap .badge {display:inline-flex; align-items:center; justify-content:center; width:40px; height:20px; font-size:13px; border-radius:10px; border:1px solid #000;}
.workWrap .badge.badge1 {border-color:var(--color-1); color:var(--color-1);}
.workWrap .badge.badge2 {border-color:var(--color-3); color:var(--color-3);}
.workWrap .badge.badge3 {border-color:var(--color-2); color:var(--color-2);}
.workWrap .won {display:inline-block; padding-left:2px; font-weight:600; color:#121212;}
.workWrap .pay + .pay {padding-top:12px;}
.workitems + .paginate {margin-top:clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);}

.viewflxtop {display:flex; align-items:flex-end; flex-wrap:wrap; padding-bottom:clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px);}
.viewflxtop .slideWrap {flex:1 0 400px; max-width:400px; margin-right:clamp(15px, calc( 60 / var(--inner) * 100vw ), 60px) ; }
.viewflxtop .slideimage {position:relative;}
.slideimage .btn-arrow {color:#fff; top:50%; transform:translateY(-50%); margin-top:0;} 
.slideimage .btn-arrow:after {font-size:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px);}
.slideimage .swiper-pagination {bottom:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);} 
.slideimage .swiper-pagination-bullet {margin:0 clamp(3px, calc( 6 / var(--inner) * 100vw ), 6px) !important;  width:clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); height:clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); border:2px solid #fff; background:transparent; opacity:1;}
.slideimage .swiper-pagination-bullet-active {background:#fff;}
.viewflxtop .image {position:relative; padding-bottom:75%; overflow:hidden;}
.viewflxtop .image img { position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;}

.viewflxtop .textbx {flex:1 0 auto; width:1%;}
.viewflxtop .tit {font-size:clamp(18px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight:600;}
.viewflxtop .bullet-item {padding-top:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);}
.viewflxtop .bullet-list {display:flex; margin-top:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); font-size:clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px);}
.viewflxtop .bullet-list:first-child {margin-top:0;}
.viewflxtop .bullet-list .name {flex:1 0 clamp(70px, calc( 75 / var(--inner) * 100vw ), 75px); max-width:clamp(70px, calc( 75 / var(--inner) * 100vw ), 75px); font-weight:600; }
.viewflxtop .bullet-list .dec {flex:1 0 auto; width:1%; color:#505050;}


.itemtt {margin-bottom:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); font-size:clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px); line-height:1.1; font-weight:600;}
.itemtt2 {margin-bottom:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); font-size:clamp(17px, calc( 24 / var(--inner) * 100vw ), 24px); line-height:1.1; font-weight:600;}
.viewitems .tblbx {border-top:1px solid #121212;}
.viewitems .tbllist {display:flex; border-bottom:1px solid #ddd;}
.viewitems .box {display:flex; align-items:center; }
.viewitems .box.box1 {width:64%;}
.viewitems .box.box2 {width:36%;}
.viewitems .box.box3 {width:100%;}
.viewitems .smalbox {display:flex; align-items:center; width:50%; height:100%; border-right:1px solid #ddd;} 
.viewitems .box.box3 .smalbox {border-right:0;}
.viewitems .smalbox.type2 {width:100%;}

.viewitems .th {flex:1 0 clamp(110px, calc( 150 / var(--inner) * 100vw ), 150px); max-width:clamp(110px, calc( 150 / var(--inner) * 100vw ), 150px);  color:#121212; font-weight:600; font-size:clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); background:#f7f7f7; border-right:1px solid #ddd;}
.viewitems .td {flex:1 0 auto; width:1%; color:#505050;}
.viewitems .comm {display:flex; align-items:center; justify-content:center; padding:clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px)  clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px); height:100%;}
.viewitems .text-left {justify-content:flex-start;}
.viewitems .point span {display:inline-block; padding:0 5px; font-weight:600; color:#121212;}
.timebx {width:100%;}
.timebx .list + .list {margin-top:clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px);}
.timebx .list {display:flex;}
.timebx .name {flex:1 0 36px; max-width:36px; font-weight:600;}
.timebx .dec {flex:1 0 auto; width:1%;font-weight:400;}
.timebx .time1 {color:var(--color-2);}
.timebx .time2 {color:var(--color-1);}
.timebx .time3 {color:var(--color-3);}

.viewitems .icnitems { display:flex; flex-wrap:wrap; margin:-10px -30px;}
.viewitems .icnlist {padding:10px 30px; position:relative;}
.viewitems .icnlist::after {position:absolute; content:''; right:0; top:50%; transform:translateY(-50%); width:1px; height:clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px); background:#ddd;}
.viewitems .icnlist:last-child::after {display:none;}
.viewitems .icnitems .icn {width:clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); height:clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); margin:0 auto; }
.viewitems .icnitems .icn img {vertical-align:middle; height:100%; object-fit:scale-down;}
.viewitems .icnitems .txt {display:inline-block; padding-top:10px; text-align:center; font-size:clamp(12px, calc( 14 / var(--inner) * 100vw ), 14px); color:#505050;}

.bulletitems + .bulletitems {margin-top:clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.bulletitems .boxinner {padding:40px; background:#fff; border-radius:16px; box-shadow:rgba(0, 0, 0, 0.1) 2px 0 5px;}
.bulletitems .bullet-item .bullet-list {margin-top:15px;}
.bulletitems .bullet-item .bullet-list:first-child {margin-top:0;}

.itemttbx {display:flex; align-items:flex-end; margin-bottom:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);}
.itemttbx .itemtt {margin-bottom:0; margin-right:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); padding-right:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); position:relative;}
.itemttbx .itemtt::after {position:absolute; content:''; right:-1px; bottom:6px; width:1px; height:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); background:#121212;}
.itemttbx .subtt {display:inline-block;}
.locationbx .wrap {flex:1 0 1100px; max-width:1100px; margin-right:10px; border-radius:16px; box-shadow:rgba(0, 0, 0, 0.1) 2px 0 5px; border:1px solid #ddd; overflow:hidden; }
.locationbx .wrap .in,
.locationbx .wrap #map {height:100% !important;}
.locationbx .mapinfo { flex:1 0 auto; width:1%; border-radius:16px; box-shadow:rgba(0, 0, 0, 0.1) 2px 0 5px; border:1px solid #ddd;} 
.mapinfo .inner {display:flex; align-items:center; justify-content:center; flex-direction:column; padding:clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px); height:100%; text-align:center;}
.mapinfo .int {display:inline-block; padding-bottom:15px; margin-bottom:clamp(20px, calc( 26 / var(--inner) * 100vw ), 26px); position:relative; font-size:clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:bold;}
.mapinfo .int::after {position:absolute; content:''; left:50%; bottom:0; transform:translate(-50%,  -50%); width:20px; height:2px; background:#121212;}
.mapinfo .dec {line-height:1.7; color:#505050;}
.locationbx + .workselectbx {margin-top:clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);}

.workselectbx .selectbx {flex:1 0 1000px; max-width:1000px; margin-right:clamp(10px, calc( 110 / var(--inner) * 100vw ), 110px);} 
.workselectbx .submitbx {flex:1 0 auto; width:1%;}
.workselectbx table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #121212; font-size:16px; line-height:1.5em; table-layout:fixed;} 
.workselectbx table th {padding:clamp(10px, calc( 17 / var(--inner) * 100vw ), 17px) 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafafa; font-weight:600; font-size:clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); word-break:break-all;}
.workselectbx table td {padding:clamp(10px, calc( 17 / var(--inner) * 100vw ), 17px) clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px); color:#505050; border-bottom:1px solid #ddd;}
.workselectbx .inputtext {font-size:clamp(15px, calc( 16 / var(--inner) * 100vw ), 16px) ;}
.workselectbx .timebx .name {display:inline-flex; width:36px;}
.workselectbx .timebx .list {display:inline-block;}
.workselectbx .cen {flex-direction:column;}
.workselectbx .mem-buttons .btn-pack {min-width:auto; margin:0;}
.workselectbx .mem-buttons .btn-pack + .btn-pack {margin-top:clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px);}
.workselectbx input,
.workselectbx textarea {border-radius:4px;}
.workselectbx input::placeholder,
.workselectbx textarea::placeholder {font-size:clamp(12px, calc( 14 / var(--inner) * 100vw ), 14px); color:#878787;} 
.workselectbx .buttons {margin-bottom:0;}

/* 내근무관리 */
.navtabwrap {margin-bottom:clamp(25px, calc( 44 / var(--inner) * 100vw ), 44px) ;}
.navtabwrap .tabitem {display:flex; border-bottom:1px solid #ddd;}
.navtabwrap .tablist {min-width:clamp(130px, calc( 200 / var(--inner) * 100vw ), 200px); padding-right:5px;}
.navtabwrap .link {display:flex; align-items:center; justify-content:center; width:100%; height:clamp(36px, calc( 40 / var(--inner) * 100vw ), 40px); background:#f1f1f1; color:#878787; font-weight:600; border-top-right-radius:8px; border-top-left-radius:8px; line-height:1.1; text-align:center;} 
.navtabwrap .link.active {background:var(--color-1); color:#fff;}
.subnavwrap .subtabitem {display:flex; border-bottom:2px solid #ddd;}
.subnavwrap .subtablist {padding-right:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); }
.subnavwrap .subtablist:last-child {padding-right:0;}
.subnavwrap .subtablist .link {display:block; padding-left:15px; padding-bottom:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); position:relative; font-size:clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); font-weight:600; color:#878787;}
.subnavwrap .subtablist .link:after {position:absolute; content:''; left:0; top:9px; width:5px; height:5px; border-radius:50%; background:var(--color-1); opacity:0;}
.subnavwrap .subtablist .link::before {position:absolute;content:''; bottom:-1px; left:0; width:100%; height:2px; background:var(--color-1); opacity:0;}
.subnavwrap .subtablist .link.active {color:var(--color-1);}
.subnavwrap .subtablist .link.active::after {opacity:1;}
.subnavwrap .subtablist .link.active::before {opacity:1;}

.loaditems {border-top:2px solid #121212; border-bottom:1px solid #121212;}
.loadlist {padding:clamp(20px, calc( 37 / var(--inner) * 100vw ), 37px) 0; border-bottom:1px solid #ddd;}
.loadlist:last-child {border-bottom:0;}
.loadlist .titlecontain {display:flex; align-items:center; flex:1 0 clamp(150px, calc( 200 / var(--inner) * 100vw ), 200px); max-width:clamp(150px, calc( 200 / var(--inner) * 100vw ), 200px); font-size:clamp(17px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:600;} 
.loadlist .titlecontain.type2 {flex:1 0 clamp(180px, calc( 300 / var(--inner) * 100vw ), 300px); max-width:clamp(180px, calc( 300 / var(--inner) * 100vw ), 300px);}
.loadlist .loadcontain {flex:1 0 auto; width:1%;}
.loadlist .fileinput {width:300px;}
.loadlist .topflx {display:flex; align-items:center;}
.loadlist .click-box + .acctext {padding-left:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.loadlist .topflx + .inloaditem {margin-top:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px);}
.inloadlist {display:flex; align-items:center; font-size:14px; font-weight:600;}
.inloadlist + .inloadlist {padding-top:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.inloadlist .name {display:inline-block; padding-right:15px; color:#878787;}
.inloadlist .desc {display:flex; align-items:center;}
.inloadlist .date {color:#121212; padding-right:10px;}
.inloadlist .period {display:inline-block;  color:#505050; font-weight:400;}
.inloadlist .date.exp {color:var(--color-2); }
.inloadlist .inlink {display:flex;align-items:center;justify-content:center; width:clamp(75px, calc( 84 / var(--inner) * 100vw ), 84px); height:clamp(25px, calc( 28 / var(--inner) * 100vw ), 28px); border:1px solid #ddd; font-weight:400; color:#505050; font-size:clamp(11px, calc( 13 / var(--inner) * 100vw ), 13px); border-radius:4px;}

.loaditems + .noticeWrap {margin-top:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px);}
.noticeWrap {border-radius:8px; background:#f9f9f9;}
.noticeWrap .inner {padding:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px) clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);}
.noticeWrap .title {padding-left:32px; font-size:clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:600; color:var(--color-2); background:url(../images/sub/notice.png) no-repeat left center; background-size:clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px) auto;}
.noticeWrap .inbox {margin-top:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); padding:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px) clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); background:#fff; border-radius:8px; line-height:1.6; color:#505050; box-shadow:var(--box-shadow);}
.uploadwrap + .buttons {margin-top:clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);}

.formdownbx {margin:20px 0 10px;}
.formdownbx .btn-down {display:flex; align-items:center; justify-content:center; margin-left:auto; width:clamp(160px, calc( 200 / var(--inner) * 100vw ), 200px); height:clamp(36px, calc( 40 / var(--inner) * 100vw ), 40px); border-radius:4px; background:#121212 url(../images/sub/down.png) no-repeat left clamp(10px, calc( 22 / var(--inner) * 100vw ), 22px) center; background-size:clamp(12px, calc( 18 / var(--inner) * 100vw ), 18px) auto;}
.formdownbx .btn-down.type2 {background:#121212 url(../images/sub/apply.png) no-repeat left clamp(10px, calc( 22 / var(--inner) * 100vw ), 22px) center; background-size:clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px) auto;}
.formdownbx .btn-down span {display:inline-block; padding-left:clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px); font-size:clamp(13px, calc( 15 / var(--inner) * 100vw ), 15px); font-weight:600; color:#fff;}
.bigarea .wid1 {width:clamp(80px, calc( 120 / var(--inner) * 100vw ), 120px);}
.bigarea .wid2 {width:clamp(60px, calc( 100 / var(--inner) * 100vw ), 100px);}
.bigarea .select {margin-right:10px;}
.bigarea .select:last-child {margin-right:0;}
.workselectbx + .applywrap {margin-top:20px;} 
.applywrap + .uploadwrap {margin-top:clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.applywrap .textinfo {flex:1 0 800px; max-width:800px; margin-right:clamp(10px, calc( 50 / var(--inner) * 100vw ), 50px); padding:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px) clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); background:#f9f9f9; font-size:clamp(12px, calc( 14 / var(--inner) * 100vw ), 14px); color:#505050; line-height:1.7; border-radius:8px;}
.applywrap .applyinfo {flex:1 0 auto; width:1%;}
.applyinfo .formdownbx {margin:0;}

.searchbx {margin-bottom:30px; position:relative; border-bottom:1px solid #242424;}
.searchbx .input {height:64px; padding-left:clamp(50px, calc( 60 / var(--inner) * 100vw ), 60px); width:100%; border:0;}
.searchbx .btn-pack {padding:0; position:absolute; left:20px; top:50%; transform:translateY(-50%); width:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); height:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); background:transparent url(../images/sub/search.png) no-repeat center center; text-indent:-999em; border:0; background-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px) auto;}

.workwriteWrap {margin-top:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px);}
.writeitems {border-top:1px solid #121212;}
.writelist {border-bottom:1px solid #ddd; width:1050px;}
.writelist.head .wid {font-weight:600; font-size:clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); color:#121212;}
.writelist.head .inner {height:100px;}
.writelist .inner {display:flex; align-items:center; justify-content:center; height:100px;}
.writelist .wid {padding:clamp(15px, calc( 28 / var(--inner) * 100vw ), 28px) clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px); text-align:center; font-size:clamp(12px, calc( 14 / var(--inner) * 100vw ), 14px); color:#505050;}
.writelist .wid1 {width:clamp(60px, calc( 80 / var(--inner) * 100vw ), 80px);}
.writelist .wid2 {width:clamp(90px, calc( 120 / var(--inner) * 100vw ), 120px);}
.writelist .wid3 {width:clamp(110px, calc( 200 / var(--inner) * 100vw ), 200px);}
.writelist .wid4 {width:clamp(110px, calc( 140 / var(--inner) * 100vw ), 140px);}
.writelist .wid5 {width:clamp(120px, calc( 130 / var(--inner) * 100vw ), 130px);}
.writelist .wid .tit {display:none;  font-size:13px; font-weight:bold; color:#121212;}
.contractbx  {text-align:center;}
.btn-write {display:flex;align-items:center;justify-content:center; margin:0 auto; padding:0 8px; min-width:clamp(70px, calc( 90 / var(--inner) * 100vw ), 90px); height:clamp(30px, calc( 36 / var(--inner) * 100vw ), 36px);  border-radius:4px; color:#fff; font-size:clamp(11px, calc( 13 / var(--inner) * 100vw ), 13px); font-weight:600; line-height:1.1;}
.btn-write.color1 {background:var(--color-1);}
.btn-write.color2 {background:var(--color-2);}
.btn-write.color3 {border:1px solid #ddd; color:#121212;}
.contractbx .wan {display:block; font-size:clamp(12px, calc( 14 / var(--inner) * 100vw ), 14px); color:#121212; font-weight:600;}
.contractbx .write-after {display:block; font-size:clamp(11px, calc( 13 / var(--inner) * 100vw ), 13px); color:var(--color-2); text-decoration:underline; font-weight:600;}
.contractbx .wan+.write-after {margin-top:clamp(1px, calc( 10 / var(--inner) * 100vw ), 10px);}
.contractbx .text {font-weight:600; color:#121212;}
.writelist.head.scrolled {position:fixed;top:calc(var(--header-height) + var(--header-height2)); background:#fff;}

/* 제휴문의 */
.sub-dec {margin-bottom:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); text-align:center;}
.sub-dec .txt1 {font-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px);}
.sub-dec .txt2 {color:#878787;}
.sub-dec .txt1 + .txt2 {padding-top:14px;}
.ptformwrap  {padding:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); border-radius:16px; background:#f9f9f9;}

/* 메인 비주얼 동영상 타입 - 이미지 크기에 맞춤 (1880x880 비율) */
.main-visual .item.youtube,
.main-visual .item.vimeo,
.main-visual .item.video {position:relative; width:100%; overflow:hidden; border-radius:16px;}
.main-visual .item.youtube::before,
.main-visual .item.vimeo::before,
.main-visual .item.video::before {content:''; display:block; padding-top:46.81%;}
.main-visual .item.youtube iframe,
.main-visual .item.vimeo iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.main-visual .item.video .main-video {position:absolute; top:0; left:0; width:100%; height:100%;}
.main-visual .item.video .main-video video {width:100%; height:100%; object-fit:cover;}
.main-visual .item.youtube .caption,
.main-visual .item.vimeo .caption {display:none;}