@media screen and (max-width: 1024px){.r2018 .h2_side-border small,.r2018 .h2_side-dotborder small{display:none}.r2018 .h2_side-border span,.r2018 .h2_side-dotborder span{display:inline-block;margin-bottom:10px;color:#333;font-size:18px;font-weight:bold;margin-left:0}.r2018 .h2_side-dotborder{display:none}.r2018 #topSearchNumber,.r2018 #topSearchBoxWrap_r2019,.r2018 #searchList_r2019,.r2018 #feature,.r2018 #recommendWord{display:none}}@media screen and (min-width: 1025px){.r2018 section{background-color:#fcfcfc !important;border:none !important}.r2018 section.border-top{border-top:1px solid #dcdcdc !important}.r2018 .border-bottom{border-bottom:1px solid #dcdcdc !important}.r2018 .h2_side-border,.r2018 .h2_side-dotborder{text-align:center;margin-bottom:20px}.r2018 .h2_side-border small,.r2018 .h2_side-dotborder small{display:block;font-size:12px;letter-spacing:.08em;color:#da0917;font-weight:bold;margin-bottom:8px}.r2018 .h2_side-border span,.r2018 .h2_side-dotborder span{margin-left:0;display:flex;align-items:center;font-size:28px;font-weight:bold}.r2018 .h2_side-border span::before,.r2018 .h2_side-border span::after,.r2018 .h2_side-dotborder span::before,.r2018 .h2_side-dotborder span::after{content:'';flex-grow:1;height:2px;background:#000;display:block}.r2018 .h2_side-border span::before,.r2018 .h2_side-dotborder span::before{margin-right:22px}.r2018 .h2_side-border span::after,.r2018 .h2_side-dotborder span::after{margin-left:22px}.r2018 .h2_side-border img,.r2018 .h2_side-dotborder img{display:none}.r2018 .h2_side-dotborder span::before,.r2018 .h2_side-dotborder span::after{content:'';height:auto;background:initial;border-top:dotted 3px #000}.r2018 #topSearchBoxWrap{display:none}.r2018 #topSearchBoxWrap_r2019{position:relative;display:flex;justify-content:space-between;align-items:center}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .select{border:solid 1px #b4b4b4;border-radius:5px;padding:10px 13px;overflow:hidden;cursor:pointer;display:flex;align-items:center;height:47px;width:260px}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .select .selectIcon{margin-right:13px;align-self:center}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .select .selectIcon.on{display:none}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .select .selectArrow{margin-left:auto;align-self:center;transition:.3s}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .select .placeholder{font-size:14px;color:#666;overflow:hidden;white-space:nowrap}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .select.active{color:#da0917;border:solid 3px #da0917}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .select.active .selectIcon{display:none}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .select.active .selectIcon.on{display:inline-block}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .select.active .selectArrow{transform:rotate(180deg)}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .option{display:none;position:absolute;width:100%;padding:32px 40px;border:solid 3px #da0917;background:#fff;top:65px;left:0;z-index:20}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .option::before{position:absolute;top:-17px}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .option#optionGenre label{width:24%}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .option#optionGenre::before{content:url(/project/img/top/optionArrow1.png)}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .option#optionSkill::before{content:url(/project/img/top/optionArrow2.png)}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .option#optionArea::before{content:url(/project/img/top/optionArrow3.png)}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .option .optionHeader{display:block;font-size:16px;font-weight:bold;letter-spacing:.08em;color:#da0917;margin-bottom:30px}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .option .optionHeader img{margin-right:20px}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .option label{display:inline-block;width:19.5%;font-size:14px;letter-spacing:.08em;color:#333;position:relative;padding-right:10px;margin-bottom:15px;vertical-align:top}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .option label span{display:inline-block;margin-left:20px}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .option label::after,.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .option label::before{content:'';position:absolute;display:block}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .option label::before{width:13px;height:13px;border:solid 1px #b4b4b4;top:3px}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .option label::after{width:5px;height:9px;border-right:solid 3px #da0917;border-bottom:solid 3px #da0917;transform:rotate(45deg);top:5px;left:4px;opacity:0}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .option input{display:none}.r2018 #topSearchBoxWrap_r2019 .topSearchBoxGroup .option input:checked+label::after{opacity:1}.r2018 #topSearchBoxWrap_r2019 .searchBtn{width:100px;height:47px;line-height:47px}.r2018 #topSearchNumber{text-align:right;font-size:14px;letter-spacing:.01em;margin-top:0;padding-top:0}.r2018 #topSearchNumber span{color:#da0917;font-size:20px}.r2018 #searchList{display:none}.r2018 #searchList_r2019{margin-top:43px;border:solid 1px #b4b4b4}.r2018 #searchList_r2019 .tabHeader{display:flex}.r2018 #searchList_r2019 .tabHeader .tab{width:20%;text-align:center;border-bottom:solid 1px #b4b4b4;display:flex;align-items:center;height:56px;cursor:pointer}.r2018 #searchList_r2019 .tabHeader .tab span{display:block;width:100%;font-size:14px;letter-spacing:.08em;height:27px;line-height:27px}.r2018 #searchList_r2019 .tabHeader .tab ~ .tab span{border-left:solid 1px #b4b4b4}.r2018 #searchList_r2019 .tabHeader .tab.active{border-bottom:solid 2px #da0917}.r2018 #searchList_r2019 .tabBody{padding:32px}.r2018 #searchList_r2019 .tabBody .tab{display:none}.r2018 #searchList_r2019 .tabBody .tab.active{display:block}.r2018 #searchList_r2019 .tabBody .tab#tabBArea a{width:auto}.r2018 #searchList_r2019 .tabBody .tab#tabBArea a ~ a{margin-left:10px}.r2018 #searchList_r2019 .tabBody .tab#tabBSkill a{width:19.5%}.r2018 #searchList_r2019 .tabBody a{display:inline-block;width:24%;padding-right:10px;margin-bottom:15px;font-size:14px;letter-spacing:.08em}.r2018 #searchList_r2019 .tabBody a div{display:flex}.r2018 #searchList_r2019 .tabBody a div::before{content:url(/project/img/top/icon_tabArrow.png);margin-right:10px;display:inline-block}.r2018 #searchList_r2019 .tabBody a span{border-bottom:solid 1px #797979}.r2018 #searchList_r2019 .tabBody a ~ .parent{margin-top:15px}.r2018 #searchList_r2019 .tabBody .parent a{color:#da0917;font-size:16px;font-weight:bold;margin-bottom:5px}.r2018 #searchList_r2019 .tabBody .parent a div::before{display:none}.r2018 #searchList_r2019 .tabBody .parent a span{border:none}.r2018 .swiper-wrap{position:relative}.r2018 .swiper-wrap .swiper-button{cursor:pointer;font-size:14px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.r2018 .swiper-wrap .swiper-button.swiper-button-next_feature{right:-10px}.r2018 .swiper-wrap .swiper-button.swiper-button-prev_feature{left:-10px}.r2018 .swiper-container_feature{overflow:hidden;width:calc(100% - 20px);margin:0 auto}.r2018 .swiper-container_feature .swiper-slide a{display:block;border:solid 2px #686868;border-radius:30px;width:195px;height:60px;line-height:60px;background-color:#fff;text-align:center;font-size:14px;letter-spacing:.08em}.r2018 #recommendWord ul{list-style:none;display:flex;justify-content:space-between}.r2018 #recommendWord ul li{display:inline-block}.r2018 #recommendWord ul a{display:inline-block;padding:10px 45px;background-color:#e3e3e3;color:#333;font-size:14px;letter-spacing:.08em;text-align:center}.r2018 .swiper-container_project .swiper-button{font-size:14px}.r2018 .projectSlide .box>li{width:223px;padding:0;border-color:#e6e6e6;box-shadow:3px 5px 23px -3px #e6e6e6;border-radius:5px}.r2018 .projectSlide .box>li dd:nth-of-type(3)>p{height:40px}.r2018 .projectSlide .box>li .projectDetailBtn{display:block;position:relative;margin-top:0;background-color:#fff;color:#000;border-radius:0;border:solid 1px #000;width:160px}.r2018 .projectSlide .box>li .projectDetailBtn i{color:#000}.r2018 .projectSlide .box>li .projectDetailBtn:hover{background-color:#fff;border:solid 1px #000}.r2018 .projectListCts dt{border-top-left-radius:5px;border-top-right-radius:5px;background:#444;font-size:14px;padding:16px 10px;height:73px}.r2018 .projectListCts dt a{color:#fff}.r2018 .projectListCts dd{padding:0 10px}.r2018 .projectListCts dd:first-of-type{margin:0;border:none;padding-top:16px}.r2018 .projectListCts dd:first-of-type p{margin-top:0}.r2018 .projectListCts dd:last-of-type{padding-bottom:16px}}
