@CHARSET "UTF-8";

/*취업지원 프로세스*/
.work-container{padding:0 !important;}
.work{padding: var(--content-padding) 0;}
.work1{background-color:#F7F9FD;}
.work1 .photo-box{width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:16px;}
.work1 .photo-box div{border-radius:32px; height:332px; display:flex; flex-direction:column; justify-content:flex-end; padding:32px; filter: grayscale(1) sepia(15%) hue-rotate(185deg) brightness(60%) saturate(234%);}
.work1 .photo-box div:hover{filter:grayscale(0);}
.work1 .photo-box div .list-gradient{position:absolute; top:0; left:0;
    background: linear-gradient(90deg, rgba(25, 25, 25, 0.8) 10%, rgba(25, 25, 25, 0.02) 65%);
    background: -webkit-linear-gradient(90deg, rgba(25, 25, 25, 0.8) 10%, rgba(25, 25, 25, 0.02) 65%);}
.work1 .photo-box div p{z-index:1;}
.work1 .photo-box div p:first-of-type{color:#fff; font-family:"PretendardM"; font-size:22px; margin-bottom:4px;}
.work1 .photo-box div .sub-txt{color:#d9d9d9; font-size:16px; line-height:1.5;}

.work-wrap .history{grid-template-columns:repeat(2, 1fr) !important;}
.work-wrap .history p{font-family:"PretendardSB" !important;}
.work-wrap .history p span{color:#3182f6; display:block; font-family:"PretendardB";}
.work-wrap .history ul li .more{display:inline-block; color:#fff; background-color:#3182F6; border-radius:10px; margin-left:4px; font-size:12px; width:46px; text-align:center; vertical-align:middle;}
.work-wrap .history ul li .congraturaltion{font-size:17px; display:block;}

.work3{background:url('/resources/images/work/work3_bg.jpg') bottom/cover no-repeat;}
.work3 .inner .title-box h2{color:#fff;}
.work-plus{color:#fff; display:flex; flex-direction:column;}
.work-plus .plus{display:grid; grid-template-columns:450px auto;}
.work-plus .plus:not(:last-child){margin-bottom:80px;}
.work-plus .tab{font-size:28px; font-family:"PretendardB"; display:flex; cursor:pointer; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.work-plus .tab .icon{display:inline-block; width:27px; height:30px; margin-right:12px; margin-top:2px;}
.work-plus .tab1 .icon{background:url('/resources/images/work/hover1.svg') center / cover no-repeat; width:28px; height:33px;}
.work-plus .tab2 .icon{background:url('/resources/images/work/hover2.svg') center / cover no-repeat;}
.work-plus .tab3 .icon{background:url('/resources/images/work/hover3.svg') center / cover no-repeat;}
.work-plus .tablinks.bright1{filter:invert(55%) sepia(51%) saturate(7238%) hue-rotate(202deg) brightness(101%) contrast(93%); -webkit-filter:invert(55%) sepia(51%) saturate(7238%) hue-rotate(202deg) brightness(101%) contrast(93%);}
.work-plus .tabContent{color:#fff;}
.work-plus .tabContentlinks{opacity:0; transition:opacity .3s;}
.work-plus .tabContent:not(:last-child){margin-bottom:72px;}
.work-plus .tabContentlinks.bright2{opacity:1;}
.work-plus .tabContent p:first-child{font-size:20px; font-family:"PretendardB"; margin-bottom:6px;}
.work-plus .tabContent p:first-child::after{content:''; background-color:#3182F6; display:inline-block; width:6px; height:6px; margin-left:4px; border-radius:50%;}
.work-plus .tabContent p:last-child{font-family:"PretendardSB"; color:#d9d9d9;}

.work4{background:url('/resources/images/work/work4_bg.jpg') bottom/cover no-repeat; color:#fff;}
.work-download p{font-size:17px; font-family:"PretendardM"; line-height:1.5; color:#D9D9D9;}
.work-download .btn-list{width:100%; display:flex; gap:10px; justify-content:flex-start; margin-top:32px;}
.work-download .btn-list button{width:193px; height:56px;}
.work-download .btn-list button a{display:block; width:100%; height:100%; border-radius:8px;}
.work-download .btn-list button a p{line-height:56px;}
.work-download .btn-list button a p:after{content:''; display:inline-block; width:16px; height:14px; margin-left:5px; background:url('/resources/images/work/down_black.png') center/cover no-repeat;}
.work-download .btn-list button:first-child a{background-color:#3182F6;}
.work-download .btn-list button:first-child a p{color:#fff}
.work-download .btn-list button:first-child a p:after{background:url('/resources/images/work/down_white.png') center/cover no-repeat;}
.work-download .btn-list button:last-child a{background-color:#fff;}
.work-download .btn-list button:last-child a p{color:#222;}

/*기술자문위원 위촉현황*/
.advice1 .photo-box{grid-template-columns:repeat(3, 1fr); gap:16px;}
.advice1 .photo-box div p{margin-bottom:0 !important; font-family:"PretendardSB" !important;}

.advice2 .advice_list_wrap .advice_tab{width:100%; display:grid; grid-template-columns:repeat(7, 1fr); margin-bottom:32px; text-align:center;}
.advice2 .advice_list_wrap .advice_tab li{cursor:pointer; font-size:19px; font-family:"PretendardSB"; padding-bottom:12px; border-bottom:2px solid #D6D9E6; color:#4D5762;}
.advice2 .advice_list_wrap .advice_tab li.active{border-bottom:2px solid #1E5EFF; color:#222;}
.advice2 .advice_list_wrap .tabcontent{width:100%; display:grid; grid-template-columns:repeat(3, 1fr); gap:8px;}
.advice2 .advice_list_wrap .tabcontent .border{width:100%; height:232px; border-radius:28px; overflow:hidden; cursor:pointer; border:4px solid transparent;}
.advice2 .advice_list_wrap .tabcontent .border.border-emphasize{
	box-shadow: 0 10px 20px rgba(23, 25, 29, .08);
    border: 4px solid transparent;
    border-radius: 28px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #34DCFA 0%, #CFFFFF 29%, #2C5AE9 67%, #3182F6 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.advice2 .advice_list_wrap .tabcontent .border:hover{
box-shadow: 0 10px 20px rgba(23, 25, 29, .08);
    border: 4px solid transparent;
    border-radius: 28px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #34DCFA 0%, #CFFFFF 29%, #2C5AE9 67%, #3182F6 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.advice2 .advice_list_wrap .tabcontent .border .tabcontent_item{width:100%; height:100%; position:relative;}
.advice2 .advice_list_wrap .tabcontent .border .tabcontent_item .list-gradient{width:100%; height:100%; background: linear-gradient(rgba(25,25,25,0) 10%, rgba(25,25,25,0.02) 33%, rgba(25,25,25,0.2) 68%, rgba(25,25,25,0.7) 100%); background: -webkit-linear-gradient(rgba(25,25,25,0) 10%, rgba(25,25,25,0.02) 33%, rgba(25,25,25,0.2) 68%, rgba(25,25,25,0.7) 100%);}
.advice2 .advice_list_wrap .tabcontent .border .tabcontent_item p{color:#fff; font-size:18px; position:absolute; left:24px; bottom:20px;}
.advice2 .advice_list_wrap .tabcontent .border .tabcontent_item p span{display:block; margin-top:4px; font-size:15px; color:#d9d9d9;}

.advice3{padding-bottom: var(--content-padding);}
.advice3 .history-wrap .history{grid-template-columns:repeat(2, 1fr);}
.wrap-popup .advice-popup .popup-inner{padding-bottom:32px !important;}
   /*기술자문위원 위촉현황-팝업*/
.wrap-popup .advice-popup{width:580px !important; margin-left:-290px !important;}
.advice-popup .popup-inner .advice_profile{display:flex; padding:24px 0; gap:24px;}
.advice-popup .popup-inner .advice_profile .img-wrap{border:1px solid #e8ebf0; border-radius:12px; overflow:hidden; height:148px; width:125px;}
.advice-popup .popup-inner .advice_profile .img-wrap img{width:100%;}
.advice-popup .popup-inner .advice_profile dl{color:#4D5762;}
.advice-popup .popup-inner .advice_profile dl dd{padding-left:13px; position:relative; font-size:15px; line-height:1.5;}
.advice-popup .popup-inner .advice_profile dl dd:before{content:'•'; display:inline-block; position:absolute; left:0;}
.advice-popup .popup-inner .advice_txt{background-color:#F7F9FD; border-radius:8px; width:100%; padding:14px 16px;}
.advice-popup .popup-inner .advice_txt p{color:#4D5762; font-size:15px; line-height:1.5;}

@media screen and (max-width: 1024px){

.work{padding: var(--content-padding-tablet) 0;}

.work1 .photo-box{gap:12px;}
.work1 .photo-box div{filter:none; padding:32px 24px;}
.work1 .photo-box div:hover{clear:both;}

.work-wrap .history{grid-template-columns:290px auto !important;}
.work-wrap .history p{font-size:24px !important;}
.work-wrap .history p span{font-size:26px !important;}

.work-plus .plus{grid-template-columns:318px auto;}
.work-plus .tab{filter:invert(55%) sepia(51%) saturate(7238%) hue-rotate(202deg) brightness(101%) contrast(93%); -webkit-filter:invert(55%) sepia(51%) saturate(7238%) hue-rotate(202deg) brightness(101%) contrast(93%);}
.work-plus .tab .icon{width:24px; height:27px;}
.work-plus .tab1 .icon{width:28px; height:31px;}
.work-plus .tablinks{color:#3182F6;}
.work-plus .tabContentlinks{opacity:1;}
.work-plus .tabContent:not(:last-child){margin-bottom:53px;}

.work-download .btn-list button a p{font-family:"PretendardSB";}

/*********기술자문위원 위촉현황*********/
.advice2 .advice_list_wrap .tabcontent .border .tabcontent_item p{left:20px; font-size:18px;}
.advice2 .advice_list_wrap .tabcontent .border .tabcontent_item p span{font-size:15px;font-family:"PretendardSB";}

.advice3{padding-bottom:var(--content-padding-tablet);}
   /*****기술자문위원 위촉현황-팝업******/
}

@media screen and (max-width: 767px){

.work{padding: var(--content-padding-mobile) 0;}
.work1 .photo-box{display:block;}
.work1 .photo-box div{height:280px; padding:24px 20px;}
.work1 .photo-box div:not(:last-child){margin-bottom:10px;}
.work1 .photo-box div p:first-of-type{font-size:18px;}
.work1 .photo-box div p:last-of-type{font-size:15px; font-family:"PretendardM";}

.work-wrap .history p{font-family:"PretendardB" !important; font-size:20px !important;}
.work-wrap .history p span{font-size:20px !important;}
.work-wrap .history ul li .congraturaltion{font-family:"PretendardSB"; font-size:16px !important;}
.work-wrap .history ul .size-m{font-size:15px; font-family:"PretendardM";}

.work-plus .tab{padding-left:6px; filter:none; -webkit-filter:none;}
.work-plus .tab:not(:last-child){margin-bottom:11px;}
.work-plus .tab .icon{display:inline-block; width:15px; height:18px; margin-right:8px; margin-top:2px; }
.work-plus .tab1_mo .icon{background:url('/resources/images/work/hover1_mo.svg') center/cover no-repeat;}
.work-plus .tab2_mo .icon{background:url('/resources/images/work/hover2_mo.svg') center/cover no-repeat;}
.work-plus .tab3_mo .icon{background:url('/resources/images/work/hover3_mo.svg') center/cover no-repeat;}
.work-plus .tab p{font-size:20px; background: linear-gradient(to right, #8ab8fa, #fff); color: transparent; -webkit-background-clip: text;}
.work-plus .tabContent:not(:last-child){margin-bottom:32px;}
.work-plus .tabContent p:first-child{font-family:"PretendardSB"; font-size:16px;}
.work-plus .tabContent p:last-child{font-size:15px; font-family:"PretendardR"; line-height:1.5;}
.work-plus .tabContent p:first-child::after{display:none;}

.work4{padding:60px 0; background-position-x:-320px;}
.work4-title-box{padding-bottom:10px !important;}
.work-download p{font-family:"PretendardR"; font-size:15px;}
.work-download .btn-list button{width:100%; height:48px;}
.work-download .btn-list button a p{font-family:"PretendardM"; font-size:16px; line-height:48px;}

/*********기술자문위원 위촉현황*********/
.nopadding{padding:0 !important;}
.advice1 .photo-box div p{font-size:18px !important;}
.advice2 .advice_list_wrap .advice_tab{display:block; margin-bottom:24px;}
.advice2 .advice_list_wrap .advice_tab li{font-size:17px;}
.advice2 .advice_list_wrap .tabcontent{display:block;}
.advice2 .advice_list_wrap .tabcontent .border{height:180px; margin-bottom:4px;}
.advice2 .advice_list_wrap .tabcontent .border .tabcontent_item p{font-size:17px; left:18px; bottom:19px;}
.advice2 .advice_list_wrap .tabcontent .border .tabcontent_item p span{font-size:15px;}

.advice3{padding-bottom:var(--content-padding-mobile);}

	/*********기술자문위원 위촉현황-팝업*********/
.advice-popup .popup-inner{overflow-y:scroll !important;}
.advice-popup .popup-inner .popup-title{text-align:center; border-bottom:0;}
.advice-popup .popup-inner .advice_profile{display:block; padding:0;}
.advice-popup .popup-inner .advice_profile .img-wrap{margin:0 auto; margin-bottom:20px; width:168px; height:200px; border-radius:24px;}
.advice-popup .popup-inner .advice_profile dl{color:#222;}
.advice-popup .popup-inner .advice_profile dl dt{font-size:19px; font-family:"PretendardB"; margin-bottom:8px;}
.advice-popup .popup-inner .advice_profile dl dd{font-size:14px;}
.advice-popup .popup-inner .advice_txt{margin-top:20px;}
}