/*sub페이지 sub-nav*/
.sub-nav{padding: 0.9375rem 0; border-top: 1px solid #ddd; background: #fff; width: 100%; position: relative; z-index: 55; overflow-x: auto;}
.sub-nav.fixed{position: fixed; left: 0;}
.sub-nav .inner {}
.sub-nav .inner ul{display: flex; align-items: center; gap: 0 0.625rem; justify-content: center;}
.sub-nav .inner ul li{}
.sub-nav .inner ul li a{display: block; width: 10.625rem; height: 3.125rem; line-height: 3.125rem; text-align: center; border-radius: 3.125rem; font-size: 1.25rem; color: #000; background: #F8F8F8;}
.sub-nav .inner ul li.on a{background: #3528F3; color: #fff; }

/*login*/
.membership-wrap{padding: 7.5rem 0;}
.membership-wrap .w-600{ padding: 3.125rem 2.5rem;}
.membership-wrap .tit_g{ text-align: center;}
.membership-wrap .apply-btn{margin: 0}
.login_box,
.login_box .confirm_g{ display: flex; flex-direction: column; gap: 0.75rem; margin-top: 1.5rem;}
.login_box .btn-g{justify-content: flex-end; display: flex; gap: 0.75rem; margin-top: -0.5rem;}
.login_box .btn_join_positive{background: #fff; border: 1px solid #c11fa8; color: #c11fa8;}
.login_box .btn-g [class*="text_btn"] + [class*="text_btn"]{gap: 0.75rem;}
.login_box .btn-g [class*="text_btn"] + [class*="text_btn"]:before{ content: ""; display: block; width: 1px; height: 0.75rem; background: #cfcfcf;}

.login_box p{text-align: center; font-size: 1.125rem; margin: 1rem 0;}

/*findView*/

.tab_type_01 ul, .tab_type_02 ul{overflow: hidden; overflow-x: auto; height: 3.625rem;}
.tab_type_02 ul{gap: 1.25rem; margin-top: 1.25rem; position: relative;}
.tab_type_01 ul li.curr, .tab_type_02 ul li.curr{position: relative; z-index: 2;}
.tab_type_01 ul li.curr:before,
.tab_type_02 ul li.curr:before{content: ""; display: block; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0px; background: #c11fa8;}
.tab_type_02 ul li button{font-size: 1rem;}
.tab_type_02 ul::before { content: ""; display: block; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; background: #e1e1e1;}
.login_box .subject{font-weight: 500; font-size: 1.1875rem; line-height: 1.875rem; color: #222;}
.login_w [data-step], .join_w [data-step], .drop_w [data-step]{display: flex; flex-direction: column; gap: 40px; width: 100%;}
.membership-wrap .item_id{margin-top: 1.25rem;}

/*join*/
[class*="step_type_"] li, .step_w li{position: relative; display: flex; gap: 0.75rem;  align-items: center; font-size: 1rem;}
.join .tit_g,
.membership-wrap .tit_g{padding-bottom: 1.25rem; margin-bottom: 1.25rem; border-bottom: 1px solid;}
.membership-wrap.findView .tit_g{border-bottom: none;}
.laws_box{display: flex; flex-direction: column; gap: 40px;}
.laws_box .agree_bx{display: flex; flex-direction: column; gap: 5px;}
.laws_box .all_agree{background: #f7f7f7; padding: 1.5rem 1.25rem;}
.all_agree .chk input + span,
.laws_box h4 label.chk input + span{font-size: 1.25rem; font-weight: 500; color: #222; display: flex; align-items: center;}
.laws_box h4 label.chk input + span{font-size: 1rem}
.laws_box .agree h4 { padding: 1.5rem 1.25rem;}
.laws_box .box_container {width: 100%; max-height: 16.25rem; padding: 1.25rem 1.875rem; border: 1px solid #cfcfcf; background-color: #fff;box-sizing: border-box;font-size: 1rem;line-height: 1.5rem;overflow-y: auto;}

.laws_box .box_container p{font-size: 0.81rem; color: #5f5f5f; line-height: 1.25rem;}
.laws_box .box_container p strong{font-size: 0.9375rem; color: #222; font-weight: 700; line-height: 1.5rem; }
.laws_box .box_container p+p{margin-top: 1.25rem;}

.item_nation{position: relative;}
.nation-info{background: #c11fa8; color: #fff; font-size: 0.81rem;width: 1.25rem; height: 1.25rem; border-radius: 100%; margin-left: 0.5rem; display: inline-flex; align-items: center; justify-content: center; cursor: pointer;}
.item_nation .info-txt{ display: none; position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid #cfcfcf; z-index: 5; padding: 2rem; line-height: 2rem;}
.item_nation .info-txt b + b{margin-top: 1.5rem;}
.item_nation .info-txt p{font-size: 0.875rem; color: #5f5f5f; word-break: keep-all; line-height: 1.5rem;}
.item_nation .info-txt .close{width: 1.25rem; height: 1.25rem; background: salmon; position: absolute; top: 1rem; right: 1rem; -webkit-mask: url('../images/common/close.svg') no-repeat 50% 50%; mask: url('../images/common/close.svg') no-repeat 50% 50%;mask-size: cover;background-color: #000; cursor: pointer;}
.item_nation .info-txt.on{display: block;}

.selct2_g > .jobgroup[data-value="STUDENT"]{gap: 8px;}
.jobgroup .ogdp{width: 100%;}
.adress{display: flex;flex-direction: column;gap: 8px;padding: 4px 0;}
.adress input[type="text"]:not(.dates):read-only{background-color: #f8f8f8; color: #B2B2B2;}
.adress .detail{display: flex; gap: 12px;width: 100%;}

.mypage_box .txt-box{border: 1px solid #CACACA; padding: 2rem; text-align: center;}
.mypage_box .txt-box b{display: block; width: 100%; font-size: 2rem; margin-bottom: 2rem;}
.mypage_box .txt-box p{font-size: 1rem; line-height: 1.5rem;}

/*law (이용약관, 개인정보처리, 이메일 무단)*/
.law-wrap{padding:3.75rem 0 6.25rem 0; font-size: 0.8125rem; color: #5f5f5f;}
.law-wrap h3{font-size: 1.75rem; font-weight: 700; color: #222; padding-bottom: 1.25rem; margin-bottom: 1.25rem; border-bottom: 1px solid;}
.law-wrap p{line-height: 1.375rem;}
.law-wrap p + p{margin-top: 1.25rem;}
.law-wrap p strong{display: block; color: #222; font-size: 1rem; line-height: 1.875rem;}
.law-wrap p em{font-weight: 500;color: #222; font-style: normal; font-size: 1.25rem;font-weight: 400;}
.laws_box .box_container p > em{color: #222;font-weight: 500; font-style: normal;}



/*chipcon camp 공통*/
.box-a{background: #fff; padding: 2.5rem; border-radius: 1.25rem;}
.box-a > ul{display: flex; flex-direction: column; gap: 3.125rem 0;}
.box-a > ul > li{align-items: flex-start;}
.align-center{align-items: center;}
.box-a .desc-list{color: #666666; line-height: 1.125rem; }
.box-a .desc-list li{display: flex; align-items: center;}
.box-a .desc-list li::before{content: ''; display: inline; margin-right: 0.5rem; width: 0.2rem; height: 0.2rem; background: #666; border-radius: 100%;}
.box-a .desc-list li + li{margin-top: 0.937rem;}
.border-top{border-top: 1px solid #3528F3; padding-top: 1.875rem;}
.sub-tit{font-weight: 700; font-size: 1.875rem; line-height: 2.5rem; width: 20%;}
.sub-desc{width: 80%;}
.sub-desc p{color: #666; font-size: 1.25rem; line-height: 1.875rem;}
.sub-desc p a{color: #3528F3;}
.sub-span{color: #666; font-size: 0.9375rem; line-height: 1.375rem; display: block; margin-top: 1.25rem;}

.defult-table table{background: #fff; width: 100%;}
.defult-table table tr{text-align: center;}
.defult-table table th,
.table-col .tit{background: #58566E; color: #fff; font-weight: 700; font-size: 1.25rem; padding: 1.06rem 0; border-right: 1px solid;}
.defult-table table td,
.table-col p{padding: 1.06rem 0; font-size: 1.125rem; line-height:1.875rem; border-bottom: 1px solid #E0E0E0; }
.defult-table table td .t-step{gap: 0 1.65rem; justify-content: center;}
.defult-table table td .t-step li{background: #EDEDED; border-radius: 1.25rem; padding: 1.25rem 0.625rem; position: relative; width: 11.25rem;}
.defult-table table td .t-step li p{font-size: 1.125rem; line-height: 1.875rem; margin-bottom: 5px;}
.defult-table table td .t-step li span{display: flex; align-items: center; justify-content: center; background: #fff; padding: 0.625rem 0; color: #666; font-size: 1rem; line-height: 1.25rem; height: 5rem;}
.defult-table table td .t-step li::before{content: ''; display: block; width: 1.5rem; height: 1.5rem; position: absolute; top: 50%; transform: translateY(-50%); right: -1.5rem; -webkit-mask: url('../images/common/arrow_right.svg') no-repeat; mask: url('../images/common/arrow_right.svg') no-repeat; mask-size: contain;background-color: #000;}
.defult-table table td .t-step li:last-child::before{display: none;}

/*chipcon */
.chipcon .sub-nav{overflow-x: auto;}
.chipcon .sub-nav .inner ul{overflow-x: auto; width: max-content;}
.chipcon .sec{padding: 5rem 0}
.chipcon .sec-01{width: 100%;background:url("../images/sub/chip_con/sec01_bg.jpg") no-repeat center; background-size: cover; object-fit: cover;}
.chipcon .sec-01 .sec01-list{display: flex; gap: 2.5rem;}
.chipcon .sec-01 .sec01-list li{text-align: center;}
.chipcon .sec-01 .sec01-list li .img{}
.chipcon .sec-01 .sec01-list li p{color: #070707; font-size: 1.06rem; line-height: 1.56rem; margin-top: 0.625rem;}
.chipcon .sec-02 .box-a{padding: 0;}
.chipcon .sec-02 .sub-desc b{display: block; font-size: 1.25rem; font-weight: 700; line-height: 1.875rem;}
.chipcon .sec-02 .sub-desc .sec02-box{background:#F8F8F8; margin-top: 0.625rem; padding:0.93rem;}
.chipcon .sec-02 .sub-desc .sec02-box ul li{ color: #666; font-size: 1rem; line-height: 1.875rem;}
.chipcon .sec-02 .btn-box{width:15.625rem; margin: 5rem auto 0 auto;}
.chipcon .sec-02 .btn-box .apply-btn{padding: 0; text-align: center; line-height: 3.75rem; margin-bottom: 0;}
.chipcon .sec-03{background:url("../images/sub/chip_con/sec02_bg.png") no-repeat center; background-size: cover; object-fit: cover;}
.chipcon .sec-03 .sub-span{margin-top: 0; margin-bottom: 1.875rem; font-size: 1.25rem;}
.chipcon .sec-03 .box-a > ul{gap: 1.25rem 0; }
.chipcon .sec-03 .box-a > ul li{border-bottom: 1px solid #e8e8e8; padding-bottom: 1.25rem; gap: 0 5rem; font-size: 1.25rem; align-items: center;}
.chipcon .sec-03 .box-a > ul li b{width: 12.5rem;}
.chipcon .sec-03 .box-a > ul li p{color: #666;}
.chipcon .sec-03 .box-a > ul li span{font-size: 1rem; color: #666;}
.chipcon .sec-03 .desc-span{display: block; margin-top: 1rem; color: #666; font-size: 1.25rem;}
.chipcon .sec-04 span{display: block; font-size: 1.25rem; margin-bottom: 1rem;}
.chipcon .sec-04 ul li{gap: 2rem; align-items: center;}
.chipcon .sec-04 ul li .txt{}
.chipcon .sec-04 ul li .txt p{font-size: 1.25rem; margin-bottom: 1rem; font-weight: bold;}

.chipcon .sec-04 dl{gap: 0.93rem; align-items: center;}
.chipcon .sec-04 dl + dl{margin-top: 0.93rem;}
.chipcon .sec-04 dl dt{background: #02AD9F; color: #fff; width: 8.125rem; text-align: center; padding: 7px 0; border-radius: 3.125rem;}
.chipcon .sec-04 dl dd{display: block; width: 80%; word-break: keep-all;}

/*.chipcon .sec-04 .d-flex{gap: 1.875rem;flex-direction: row; padding-bottom: 1.875rem; border-bottom: 1px solid #DBD6D6;}*/
/*.chipcon .sec-04 .d-flex li{width: 33%;}*/
/*.chipcon .sec-04 .d-flex li img{width: 100%;}*/
.chipcon .sec-04 dl.d-flex{}

/*.chipcon .sec-04 .d-flex li p{ font-size: 1.25rem; margin-top: 1.25rem;}*/
.chipcon .sec-04 .box-a,
.chipcon .sec-05 .box-a,
.chipcon .sec-06 .box-a,
.chipcon .sec-07 .box-a{padding: 0; border-radius: 0; background: transparent;}
.chipcon .sec-05{background: #F8F8F8;}
.chipcon .sec-05 .sub-span,
.chipcon .sec-06 .sub-span{margin-bottom: 1.25rem;font-size: 1.25rem; line-height: 1.875rem;}
.chipcon .sec-06 ul{background: #F8F8F8; padding: 0.93rem;}
.chipcon .sec-06 ul li{color: #666666; line-height: 1.875rem; font-size: 0.93rem;}
.chipcon .sec-06 .btn-gray{padding:0.43rem 1.875rem; margin-top: 1.375rem;}

.chipcon .sec-07{background: #f8f8f8;}
.chipcon .sec-07 ul li + li{margin-top: 3.125rem;}
.chipcon .sec-07 ul li .sub-desc{color: #666666; font-size:1.125rem; line-height: 1.875rem; }
.chipcon .sec-07 dl{gap: 0.93rem;}
.chipcon .sec-07 dl + dl{margin-top: 0.93rem;}
.chipcon .sec-07 dl dt{background: #02AD9F; color: #fff; width: 8.125rem; text-align: center; padding: 7px 0; border-radius: 3.125rem;}
.chipcon .sec-07 dl dd{display: block;}




/*chipcamp*/
.chipcamp .sec{padding: 5rem 0}
.chipcamp .sec-01{width: 100%;background: #34315E; }
.chipcamp .sec-01 .sub-span{margin-bottom: 1.25rem;}
.chipcamp .sec-02 .sub-span{margin: 0.937rem 0;}
.chipcamp .sec-02 .btn-gray{padding: 0.43rem 1.875rem; font-size: 0.93rem; line-height: 1.375rem;}
.chipcamp .sec-03{background: url("../images/sub/chip_camp/sec03_bg.jpg")no-repeat center; background-size: cover;}
.chipcamp .sec-03 .box-a > ul{gap: 1.875rem 0;}
.chipcamp .sec-03 .sub-tit{margin-bottom: 1.25rem;}
.chipcamp .sec-03 li .tit{ width: 140px;text-align: center;}
.chipcamp .sec-03 li p{width: 80%;text-align: center;}
.chipcamp .sec-03 li .img{width: 45%; height: 20.5rem}
.chipcamp .sec-03 li .img img{width: 100%; height: 100%; object-fit: cover}
.chipcamp .sec-03 li .table-col{width: 50%;}
.chipcamp .sec-04 .sub-span{margin-bottom: 1.875rem;}
.chipcamp .sec-05{background: #F8F8F8;}
.chipcamp .sec-05 .box-a{background: transparent;}

.chipcamp .sec-02 .box-a,
.chipcamp .sec-04 .box-a,
.chipcamp .sec-05 .box-a{padding: 0; border-radius: 0;}


/*마이페이지 */
.mypage-wrap{padding: 5rem 0;}
.mypage-wrap .my-tab1{padding: 0.937rem 0;}
.mypage-wrap .my-tab1 ul{ align-items: center; justify-content: center; gap:0 0.625rem;}
.mypage-wrap .my-tab1 ul li{background: #F8F8F8; border-radius: 3.12rem; width: 11.8rem; height: 3.12rem; line-height: 3.12rem; font-size: 1.25rem;}
.mypage-wrap .my-tab1 ul li.on{background: #3528F3; color: #fff;}
.mypage-wrap .my-tab1 ul li a{ display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

.mypage-wrap .my-tab2{border-bottom: 1px solid #000; margin:1.875rem 0 5rem 0;}
.mypage-wrap .my-tab2 ul{gap:0 0.625rem;}
.mypage-wrap .my-tab2 ul li{background: #F8F8F8; padding: 0.625rem 0; font-size: 1.25rem; line-height: 1.87rem;flex: 1;}
.mypage-wrap .my-tab2 ul li.on{background: #333333; color: #fff; }
.mypage-wrap .my-tab2 ul li a{display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

#myinfoForm{width: 600px;}
#myinfoForm .sub-desc{width: 100%;}

.mycon03 .guide .sub-tit{width: 100%; background: #225AB4; padding: 0.5rem 1rem; color: #fff;}
.mycon03 .guide .d-flex{gap: 2rem; margin-top: 2rem;}
.mycon03 .guide .box{background: #E9F0FB; padding: 1.87rem; flex: 1;}
.mycon03 .guide .box .guide-tit{text-align: center; font-size: 1.25rem; font-weight: 600; background: #225AB4; padding: 0.5rem 1rem; border-radius:  1.25rem; width:9.375rem; color: #fff; margin: 0 auto 2rem; }
.mycon03 .guide .box dl + dl{margin-top: 1rem;}
.mycon03 .guide .box dt{font-weight: 600; font-size: 1.25rem;}
.mycon03 .guide .box dd{padding-left: 1rem; margin-top: 0.5rem; font-size: 1.125rem;}
.mycon03 .guide .box p{margin-bottom: 1rem; font-size: 1.25rem;}
.mycon03 .guide .box ul li{font-size: 1.125rem; position: relative; padding-left: 1rem;}
.mycon03 .guide .box ul li::before{content: ''; display: block; position: absolute; top: 0.55rem; left: 0; width: 5px; height: 5px; border-radius: 100%; background: #225AB4;}
.mycon03 .guide .box ul li + li{margin-top: 1rem;}
.mycon03 .guide .box ul li span{font-size: 1rem; display: block; width: 100%; margin-top: 0.3125rem;}



    /* 참가신청페이지 */
.fc-blue{color: #3528F3!important;}
b.fc-blue{font-weight: 700;}
span.fc-blue{font-weight: 400;}
.gap-3{ gap: 1.875rem;}
.flex-column{flex-direction: column;}
.mT30{margin-top: 3.75rem;}
.mT15{margin-top: 0.9375rem;}
p.valid{color: #F32828; font-size: 1.25rem;}

.apply-wrap .sec .inner{padding: 5rem 0;}
.apply-wrap .box-a{padding: 0;}
.apply-wrap .box-a .sub-desc ul li{color: #666;font-size: 1.25rem;line-height: 1.875rem;}
.apply-wrap .box-a .sub-desc ul.round-list{padding-left: 20px}
.apply-wrap .box-a .sub-desc ul.round-list li{list-style: disc;  }

.apply-wrap .sec-02{background: #F9F9F9; }
.apply-wrap .sec-02 .inner{padding: 5rem 0;}
.process-step{display: flex; gap: 1.875rem; flex-wrap: wrap; margin-bottom: 1.875rem;}
.process-step .process-item{ width: 31.333%; min-width: 20.9375rem;}
.process-step .process-item .item-icon{background: #FFFFFF; display: flex; align-items: center; justify-content: center; width: 100%; height: 20.9375rem; padding: 5rem 0;}
.process-step .process-item .item-icon img {max-width: 100%;max-height: 100%;height: auto;display: block;}

.process-step .process-item .item-desc{line-height: 1.875rem; padding: 1.875rem 0;}
.process-step .process-item .item-desc p{font-size: 1.5rem; font-weight: 700; }
.process-step .process-item .item-desc span{font-size: 1.25rem;}

.apply-wrap .sec-02 .search-ipt{display: flex; align-items: center;}
.apply-wrap .sec-02 .team_name_check{font-size: 1rem; color:#c11fa8; }

.btn-team{width: 8.8125rem; height: 3.75rem; font-size: 1.25rem; color: #FFFFFF; background: #555555; cursor: pointer;}
.btn-team.ty01{background: #3528F3;}
.btn-team.ty02{background: #58566E;}

.apply-wrap .sec-02 .box-a{background: transparent;}

.apply-list li{display: flex; justify-content: space-between; align-items: center; padding: 0.9375rem 3.75rem; background: #fff; border-bottom: 1px solid #E0E0E0;}
.apply-list li p{color: #222; font-size: 1.125rem;}

.box-pa{padding: 0.9375rem 0 1.875rem 3.75rem; }

.file-set{display: flex; gap:0.9375rem;}
.file-upload input[type='file'] {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;border: 0;white-space: nowrap;clip: rect(0, 0, 0, 0);}
.file-upload {display: flex; gap: 0.9375rem;}
.file-upload .upload-label {width: 8.8125rem; height: 3.75rem; font-size: 1.25rem; color: #FFFFFF; background: #555555;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.file-upload .upload-nm {padding: 0 0.625rem;display: block;width: 15.625rem;height: 3.75rem;border: 1px solid #E0E0E0 ;color: #999;line-height: 3.75rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;}

.sec-03 .sub-desc div[class^=file] + p{margin-top: 1.5625rem; font-size: 1.25rem;}
.sec-03 .box-sub{width: 100%; display: flex; margin-top: 3.75rem;}
.sec-03 .sub-desc.box-pa{border-bottom: 1px solid #E0E0E0}
.sec-03 .box-a > ul{gap: 1.875rem 0;}

.apply-btn{display: block; padding: 0 5.625rem; height: 3.75rem; font-size: 1.25rem; color: #FFFFFF; background: #3528F3; margin: 0 auto 5rem;}
.search-ipt{display: flex; gap: 0.9375rem;}
.search-ipt p.valid{align-self: center;}
.search-ipt input[type='text']{height: 3.75rem; font-size: 1.25rem; width: 15.625rem; border-radius: 0; }
.search-ipt .btn-team{width: 8.8125rem; height: 3.75rem; font-size: 1.25rem;}
.apply-ty-table{display: flex; border-bottom: 1px solid #E0E0E0;}
.apply-ty-table li{width: 33.333%; display: flex; flex-direction: column;}
.apply-ty-table li .header-tit{background: #58566E; padding: 0.9375rem 0; text-align: center;color: #fff; }
.apply-ty-table li .header-tit:nth-child(2){border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0;}
.apply-ty-table li .body-conts{background: #fff; padding: 0.9375rem 0; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-grow: 1}
.apply-ty-table li .body-conts p{font-size: 1.125rem; text-align: center; color: #222222;}

/* 모달 팝업 */
.popup-overlay {position: fixed;top: 0; left: 0;width: 100vw; height: 100vh;background: rgba(0, 0, 0, 0.5);display: none;justify-content: center;align-items: center;z-index: 1000;}
.popup {background: white; width: 31.25rem;max-width: 90%;box-shadow: 0 4px 8px rgba(0,0,0,0.2);position: relative;}
.popup-header{background: #3528F3; padding: 1.25rem 2.5rem; display: flex; align-items: center; justify-content: space-between; position: relative;}
.popup-header p{color: #fff; font-size: 1.875rem; font-weight: 700;}
.popup-header.close-btn {position: absolute; top: 50%; right:  1.875rem; transform: translateY(-50%);}
.popup-body{padding: 2.5rem 3.75rem; display: flex; flex-direction: column; gap: 1.25rem 0;}
.popup-body .search-ipt .btn-team{width: 7.375rem;}
.popup-body h2{text-align: center; font-weight: 400;}
.popup-body .team-info{background: #EDEDED; margin-top: 1.25rem; width: 100%; padding: 1rem 0; }
.popup-body .team-info li{font-size: 0.9375rem; text-align: center; margin: 0.2rem 0;}
.popup-body .no-results{color: #ff0449; text-align: center;}

/* 레이어 팝업
.layer-popup {position: absolute;top: 100px;left: 50%;transform: translateX(-50%);background: white;border: 1px solid #ccc;padding: 20px;border-radius: 8px;display: none;box-shadow: 0 4px 8px rgba(0,0,0,0.1);z-index: 1000;}
.layer-close-btn {position: absolute;top: 10px;right: 10px;background: #eee;border: none;border-radius: 4px;padding: 5px 8px;cursor: pointer;}
 */
.success-form .sec-01 .inner{padding-top: 5rem;}
.success-form .sec-02 .inner{padding-bottom: 5rem;}
.success-wrap{background: #F8F8F8; padding: 3.75rem 0; text-align: center;}
.success-wrap h4{margin-bottom: 1.25rem; font-size: 1.875rem;}
.success-wrap p{font-size: 1.25rem;  line-height: 1.5;}
/* 참가신청페이지 */

/* 이력서 확인 */
.tb-scroll {overflow-x: auto;}
.bold-txt{color: #A2228E;}
.underline{text-decoration: underline;}
.scroll-info{display: none; align-items: center; gap: 0.3125rem; margin-bottom: 1rem;}
.scroll-info::after{content: ''; display: inline-block; background: url("../images/common/icon_scroll.svg")no-repeat center/contain; width: 1.25rem; height: 1.1875rem;}
.my-input-box:has(.textareaView){max-height: 15.3125rem; overflow-y: auto;}
.my-input-box p{color: #000; font-size: 1rem;}

.form-view{width: 100%;}
.form-view.sub-desc {width: 100%;}
.form-view table th, .form-view table td{height: 2.5rem;  font-weight: 400; border: 1px solid #EAEAEA; padding: 0.5rem 0.9375rem; min-width: 6.875rem;}
.form-view table th{background: #F5F5F5; width: 6.875rem;}
.form-view table.common-table td{text-align: center;font-size: 1rem; color: #222;}
.form-view table.common-table td p.info-text{font-size: 1rem; color: #222;}
.form-view table.row-table tbody td{text-align: center;padding: 0.5rem 0.625rem;}
.form-view table.row-table thead th{padding: 0.5rem 0.625rem;}

.form-view.tb-scroll .common-table{min-width: 43.75rem;}
.form-view .edu-block + .edu-block{margin-top: 2rem;}
.form-view .edu-block td{line-height: 1.6;}
.mypage-detail{padding-bottom: 5rem;}
.mypage-detail .sub-desc.d-flex{gap: 1.25rem;}
.mypage-detail table.common-table th, .mypage-detail table.common-table td{text-align: left;}


.mypage-detail .textareaView{color: #000000; font-size: 1rem; line-height: 1.5;}

.file-list li a{display: inline-block; padding: 0.5rem 0;}
/* 이력서 확인 */

/* chip 캠프 기술인재 이력서*/

.businessResume{padding-top: 0;}
.businessResume .top-wrap{padding: 5rem 0; color: #fff; background:#34315E; margin-bottom: 2rem; }
.businessResume .top-wrap .title{margin-bottom: 0;}
.businessResume .form-view{overflow-x: auto;}
.businessResume .resume-list-wrap table{text-align: center;}


.resume-box{border: 2px solid #ccc; margin-bottom: 4rem; padding: 1.5rem; position: relative;}
.resume-box ul{gap: 1rem;}
.resume-box ul li{gap: 1rem;}
.resume-box ul li label{width: 7rem;}
.resume-box ul li.left{width: 30%; flex-wrap: wrap; }
.resume-box ul li.right{width: 65%; flex-wrap: wrap; }
.resume-box ul li.right .list-item{width: 100%;}
.resume-box button{position: absolute; top: 50%; transform: translateY(-50%); right: 1.5rem; width: 8.75rem; height: 2.5rem; font-size: 1.125rem;}
.resume-list-wrap tr a{text-decoration: underline; color: #0000f0;}


/*chip콘 참가신청확인*/
.mycon .desc-ul{margin-left: 3rem;}
.mycon .desc-ul li{color: #666; font-size: 1.25rem; line-height: 1.875rem; list-style: disc;}
.mycon td{text-align: center;}
.mycon td button{width: 11.25rem; padding: 1rem 0; font-size: 1.25rem; }
.mycon .sub-desc.w-full{width: 100%;}

    /*chip콘 팀참여확인*/
.mycon02 table + table{margin-top: 2rem;}
.mycon02 .btn-gray{display: block; font-size: 0.875rem; line-height: 1.5rem; background: #D0D0D0; color: #222; border-radius: 4px; width: auto; padding: 0.5rem 0.93rem; margin: 0.5rem auto 0 auto;}
.mycon02 .btn-confirm{margin: 0; justify-content: center;}
.mycon02 .btn-confirm button{margin: 0; background: #555; width: 6.25rem; height: 2.5rem; color: #fff; font-size: 1rem; border-radius: 4px;}
.mycon02 .btn-confirm button.apply-btn{background: #3528F3;}
.mycon02 .sec-03 .form-view{overflow-x: unset}
.mycon02 .sec-03 .form-view table{min-width: 100%;}

/*chip콘 결과제출 및 확인*/
.mycon03 .file-info{text-align: left; width: 75%;}
.mycon03 .file-upload .upload-nm{height: 2.5rem; line-height: 2.5rem; width:100%;}
.mycon03 .file-upload .type1{border: none; height: auto; line-height: normal; color: #000; padding: 0;}
.mycon03 .file-info .date{color: #666; font-size: 1rem;}
.mycon03 .file-upload .upload-label{background: #fff; border: 1px solid #222222; color: #222; border-radius: 4px; width: 6.25rem; height: 2.5rem; font-size: 1rem;}

.mycon03 .email-result p{color: #fff; background: #666; border-radius: 4px; width: 6.25rem; height: 2.5rem; line-height: 2.5rem;}
.mycon03 .email-result p.btn-blue{background:#3528F3; }
.mycon03 td p{font-size: 1rem;}


.popup .file-info{width: 100%;}
.popup .btn-box{display: flex; align-items: center; justify-content: space-between;}
.popup .btn-box button{width: 47%; height: 50px; font-size: 1.125rem;}

/* 회원정보 view*/
.mypage-view .inner{margin-top: 5rem;}
.mypage-view .join_bx{flex-direction: row;}

/* 공지사항  */
.notice_wrap{min-height: 50rem;}
.notice{margin-top: 2rem;}
.notice .cate{ background: #3528F3; color: #fff; padding: 0.5rem 1rem;}
.notice td a{display: block;text-align: left; padding-left: 2rem}
.notice td a .tit{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* faq */
.faq{}
.faq .list-box{border-top: 2px solid; display: none;}
.faq .list-box.active{display: block;}
.faq .list-box li{}
.faq .list-box li .faq-q{display: flex; width: 100%; align-items: center; gap: 0 2rem; padding: 1rem 0 1rem 2rem;border-bottom: 1px solid #eee;position: relative;}
.faq .list-box li .tit{font-size: 1.125rem; font-weight: 700; cursor: pointer; width: 70%; }
.faq .list-box li .tit-ico{font-weight: 700;font-size: 1.8rem; width: 2.5rem; height: 2.5rem; background: #333333; display: flex; align-items: center; justify-content: center; border-radius: 100%; color: #fff; }
.faq .list-box li .tit-ico.ico-a{background: #3528F3;}
.faq .list-box li .faq-a{display: none;}
.faq .list-box li .faq-a-con{background:#f3f3f3; display: flex; align-items: center; gap: 0 2rem; padding: 1rem 0 1rem 2rem;border-bottom: 1px solid #eee;}
.faq .list-box li .faq-a .desc{font-size: 1.125rem;}
.faq .list-box li .faq-ico{position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; width: 2rem; height: 2rem;}
.faq .list-box li .faq-ico::after,
.faq .list-box li .faq-ico::before{content: '';display: block; width: 60%; height: 1px; background-color: #666;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.faq .list-box li .faq-ico::after{transform: translate(-50%, -50%) rotate(90deg);}
.faq .list-box li .faq-q.on .faq-ico::after{content: none;}



@media all and (max-width: 1200px) {
    .box-a{padding: 2.5rem 1.5rem;}
    .defult-table table td, .table-col p{font-size: 1rem}


}




@media all and (max-width: 768px) {
    .m-scroll{color: #888888; font-size: 1.153rem; margin-bottom: 1.153rem; display: flex; align-items: center;}
    .m-scroll::after{content: ''; background: url("../images/common/m-scroll.png") no-repeat center; background-size: contain; width: 1.53rem; height: 1.53rem; display: inline-block;}
    /*회원가입, 로그인, 비번아이디찾기*/
    .membership-wrap{padding: 0 0;}
    .membership-wrap .w-600{padding: 3.84rem 1.23rem;}
    .membership-wrap h3{font-size: 2.46rem;}
    .login_box p{font-size: 1.25rem;}

    .tab_type_02 ul li button{font-size: 1.5rem;}
    .login_box .subject{font-size: 1.5rem}

    .law-wrap{font-size: 1.25rem;}
    .law-wrap h3{font-size: 2rem}
    .law-wrap p{line-height: 2rem;}


    [class*="step_type_"] li, .step_w li{font-size: 1.5rem;}
    .laws_box .all_agree{padding: 1rem}
    .all_agree .chk input + span, .laws_box h4 label.chk input + span{font-size: 1.5rem; }

    .laws_box .agree h4{padding: 1rem;}
    .laws_box .box_container p strong,
    .laws_box .box_container p{font-size: 1.25rem; line-height: 1.8rem;}

    .mypage_box .txt-box{padding: 4rem 2rem;}
    .mypage_box .txt-box p{font-size: 1.25rem;}



    /*chipcon*/

    .chipcon .sec{padding: 3.84rem 0;}
    .chipcon .sec-01 .sec01-list{flex-wrap: wrap; gap: 3.07rem 2.69rem; }
    .chipcon .sec-01 .sec01-list li{flex: 1 1 calc(50% - 1.345rem);}
    .chipcon .sec-01 .sec01-list li .img{width: 100%;}
    .chipcon .sec-01 .sec01-list li .img img{width: 100%;}
    .chipcon .sec-02 .sub-desc .sec02-box{padding: 1.153rem;}
    .chipcon .sec-02 .sub-desc .sec02-box ul li{font-size: 1.153rem;}
    .chipcon .sec-02 .btn-box{margin-top: 1.153rem;}
    .chipcon .sec-03 .box-a > ul li{padding-bottom: 1.53rem; flex-wrap: wrap;}
    .chipcon .sec-03 .box-a > ul li b{width: 100%; display: block; margin-bottom: 1.53rem;font-size: 1.3rem;  line-height: 2.3rem;}
    .chipcon .sec-03 .box-a > ul li span{display: block; width: 100%;}
    .chipcon .sec-03 .box-a > ul li span .btn-gray{margin-top: 0.5rem;}
    .chipcon .sec-04 .d-flex{flex-wrap: wrap; gap: 2.3rem 0; padding-bottom: 0; border-bottom: none;}
    .chipcon .sec-04 .d-flex li{width: 100%; gap: 1rem;}
    .chipcon .sec-04 .d-flex li .img,
    .chipcon .sec-04 .d-flex li .img img{width: 100%;}
    .chipcon .sec-04 dl{}
    .chipcon .sec-04 dl dt{width: 10rem;font-size: 1.125rem;}
    .chipcon .sec-04 dl dd{width: 100%; line-height: 1.2; color: #666;font-size: 1.125rem;}

    .chipcon .sec-04 ul li .txt p{margin-top: 0.76rem; font-size:1.53rem; line-height: 2.3rem; }
    .chipcon .sec-04 dl.d-flex{gap: 1rem;}
    .chipcon .sec-06 .btn-gray{width: 100%;}
    .chipcon .sec-05 .sub-span, .chipcon .sec-06 .sub-span{font-size: 1.153rem; line-height: 1.69rem;}
    .chipcon .sec-07 ul li{flex-wrap: wrap;}
    .chipcon .sec-07 dl{flex-wrap: wrap;}
    .chipcon .sec-07 dl dt{width: 10rem;}
    .chipcon .sec-07 dl dd{width: 100%;}

        /* chipcamp */
    .sub-nav .inner ul{overflow-x: auto; width: max-content;}
    .sub-nav .inner ul li a{width: 10rem; height: 3.07rem; line-height: 3.07rem; font-size: 1.53rem;}

    .sub-banner{width: 100%; position: relative;}
    .sub-banner img{width: 100%;}
    .sub-banner .bn-tit{width: 100%; position: absolute; top: 50%; transform: translateY(-50%)}
    .sub-banner .bn-tit h2{color: #fff;font-size: 2.30rem; line-height: 3.07rem; font-weight: 700; text-align: center;}

    .defult-table{overflow-x: auto;}
    .defult-table table{min-width: 59rem;}
    .defult-table table th, .table-col .tit{padding: 1.15rem 0; font-size: 1.3rem; line-height: 2.3rem;}
    .defult-table table td, .table-col p{font-size: 1.15rem; line-height: 1.69rem;}

    .defult-table table td .t-step li{border-radius: 1.53rem;}
    .defult-table table td .t-step li p{font-size: 1.15rem;}
    .defult-table table td .t-step li span{font-size: 1.15rem;}

    .box-a{padding: 3.07rem 1.53rem; border-radius: 1.53rem;}
    .box-a > ul > li{flex-wrap: wrap;}
    .sub-tit{width: 100%; font-size: 1.84rem; line-height: 3.07rem; margin-bottom: 1.25rem;}
    .sub-desc{width: 100%;}
    .sub-desc p{font-size: 1.15rem; line-height: 1.69rem; word-break: keep-all;}
    .border-top{padding-top: 2.3rem;}
    .sub-span{font-size: 1rem; line-height:1.69rem; margin-top: 1.25rem;}

    .chipcamp .sec{padding: 3.84rem 0}



    .chipcamp .sec-01 .sub-span{margin-bottom: 1.25rem;}
    .chipcamp .sec-02 .sub-tit{margin-bottom: 0;}
    .chipcamp .sec-02 .btn-gray{width: 100%; padding: 0.53rem 0; font-size: 1.15rem; line-height: 1.69rem;}
    .chipcamp .sec-03 .box-a > ul{gap: 2.3rem 0;}
    .chipcamp .sec-03 .justify-content-between {flex-wrap: wrap; }
    .chipcamp .sec-03 li .img{width: 100%; height: auto; margin-bottom: 0.76rem;}
    .chipcamp .sec-03 li .table-col{width: 100%;}


    /*chip콘 참가신청확인*/
    .mycon .form-view{overflow-x: auto; }
    .mycon .form-view table{min-width: 50rem;}
    .mycon02 .form-view table{min-width: 70rem;}
    .mycon03 .form-view table{min-width: 110rem;}
    .mycon .desc-ul{margin-left: 1.538rem;}
    .mycon td button{font-size: 1.125rem; width: 8rem;}

    /*chip콘 팀참여확인*/

    .mycon02 .btn-gray{font-size: 1.125rem;}
    .mycon02 .btn-confirm button{font-size: 1.125rem;}
    .mycon02 .btn-confirm button.btn-gray{padding: 0; width: 6.25rem; height: 2.5rem; background: #555; color: #fff;}

    .mycon03 .file-info .date{font-size: 1.125rem;}


    /* 참가신청 페이지  */
    .gap-3{gap: 0.9375rem;}
    .apply-wrap .sec .inner{padding: 1.875rem 1.25rem;}
    .apply-wrap .box-a .sub-desc ul li b.fc-blue{font-weight: 400;}
    .apply-wrap .sec-02 .inner{padding-top: 3.75rem; padding-bottom: 3.75rem;}
    .apply-wrap .sec-02 .search-ipt{flex-wrap: wrap;}
    .apply-wrap .sec-02 .team_name_check{width: 100%;}
    .process-step{flex-direction: column;}
    .process-step .process-item{width: 100%; }
    .process-step .process-item .item-desc p{margin-bottom: 0.625rem;}
    .apply-wrap .sec-02 .sub-desc .d-flex.gap-3 .btn-team{width: 50%;}
    .apply-wrap .sec-02 .sub-desc .search-ipt input[type='text'] {width: 100%;}
    .apply-list li{padding: 0.9375rem 1.25rem;}
    .apply-ty-table{flex-direction: column; border-bottom: none;}
    .apply-ty-table li{flex-direction: row; width: 100%; border-bottom: 0.0625rem solid #E0E0E0;}
    .apply-ty-table li .header-tit {width: 4.625rem; }

    .apply-wrap .sec-03 .inner{padding: 5rem 1.25rem 1.25rem}
    .apply-wrap .sec-03 .box-sub{flex-direction: column; margin-top: 1.875rem;}
    .apply-wrap .sec-03 .box-sub .sub-tit{margin-bottom: 0.625rem;}
    .apply-wrap .sec-03 .sub-desc.box-pa{padding: 0.9375rem 0 1.875rem; border-bottom: 0;}

    .file-set{flex-direction: column;}
    .file-upload .upload-nm{width: 100%;}
    .file-set .btn-team{width: 100%;}

    /* 참가신청페이지 팝업 */
    .popup-body{padding: 3.125rem 1.875rem;}
    /* 참가신청페이지 완료 */
    .success-form .sec-02:has(.success-wrap) .inner{padding-left: 0; padding-right: 0;}
    .success-form .sec-01 .inner{padding-top: 1.875rem;}
    .success-form .sec-02 .inner{padding-bottom: 1.875rem;}
    .success-wrap{padding: 1.875rem 2.5rem;}
    .withdraw #pass{margin-top: 3rem; width: 90%;}
    .withdraw .btn-confirm{margin-top: 0;}

    /* 이력서 확인 */
    .mypage-detail{padding-bottom: 2.5rem;}
    .form-view table.common-table td{font-size:100%;}

    /* chip 캠프 기술인재 이력서*/
    .resume-box{padding: 2rem 1rem;}
    .resume-box ul{flex-wrap: wrap; gap: 2rem;}
    .resume-box ul li{gap: 2rem 1rem;}
    .resume-box ul li.left{width: 100%; flex-wrap: nowrap;}
    .resume-box ul li.right{width: 100%; }
    .resume-box ul li label{font-size: 1.3rem; width: 6rem;}
    .resume-box ul li.right label.chk{width: auto;}
    .resume-box ul li.right label.chk + .chk{margin-left: 0.5rem;}
    .resume-box button{position: relative; top: 0; right: 0; transform: translateY(0); width: 100%; height: 3.5rem; margin-top: 2rem;}



    /* 공지사항*/
    .notice table, .notice thead, .notice tbody, .notice th, .notice td, .notice tr {
        display: block;
    }
    .notice .defult-table{overflow-x: unset;}
    .notice .defult-table table{min-width: 100%;}
    .notice table thead tr,
    .notice table tbody tr{display: flex; align-items: center;}
    .notice table thead tr th{font-size: 1.125rem; padding: 1rem 0;}
    .notice table thead tr th:nth-child(1),
    .notice table tbody tr td:nth-child(1){width: 15%;}
    .notice table thead tr th:nth-child(2),
    .notice table tbody tr td:nth-child(2){width: 50%;}
    .notice table thead tr th:nth-child(3),
    .notice table tbody tr td:nth-child(3){width: 25%;}
    .notice table thead tr th:nth-child(4),
    .notice table tbody tr td:nth-child(4){width: 10%;}
    .notice td a{padding-left: 0;}

    /*faq */
    .notice_wrap.mypage-wrap .my-tab2{margin-bottom: 3rem;}
    .faq .list-box li .faq-q,
    .faq .list-box li .faq-a-con{padding-left: 1rem;}


    .mycon03 .guide .d-flex{flex-direction: column;}
    .mycon03 .guide .box{padding: 2rem; word-break:keep-all;}


}

@media all and (max-width: 391px) {
    /* 참가신청페이지  */
    .success-wrap h4{font-size: 1.0625rem;}
    .popup-body{gap: 1.875rem 0;}
    .popup-body .search-ipt input{width: 100%;}
    .popup-body .team-info{margin-top: 0;}
    .popup-body .team-info li{font-size: 0.9375rem;}

    .process-step .process-item .item-icon img{ max-width: 7.9375rem;}

}