@charset "UTF-8";
body{overflow-x: hidden;}

#wrapper{position: relative;}

.inner{position: relative;max-width: 1280px;margin: 0 auto;}
.inner::after{display: block;content: "";clear: both;}
.subin-wrap{position: relative;max-width: 1280px;margin: 0 auto;}
.subin-wrap::after{display: block;content: '';clear: both;}
.pc-show {display: block !important;}
.mo-show {display: none !important;}

 /* 로그인 */
 .contents-center01 {position: relative;margin: 0 auto;max-width: 1280px;}
 .login .certification-wrap{position: relative;padding: 5.2rem 6.5rem 1.2rem 34.5rem;}
 .certification-wrap .img-logo{width: 10.75rem;height: 1.65rem;}
 .certification-wrap .logo-txt{font-size: 3.8rem;font-family: 'FuturaPTDemi';}
 .certification-wrap .field-wrap{display: flex;flex-direction: column;margin-top: 2rem;}
 .certification-wrap .field-wrap .fe-input{height: 60px;}
 .certification-wrap .field-wrap .fe-input + .fe-input{margin-top: 20px;}
 .certification-wrap .fe-check{margin-top: 1rem;}
 .certification-wrap .fe-check label{font-size: 20px;vertical-align: middle;}
 .certification-wrap .fe-check label span{padding: 8px 0 0 2.3rem;}
 .certification-wrap .btn-wrap{margin-top: 3rem;}
 .certification-wrap .btn-wrap .btn{width: 100%;}
 .certification-wrap .copyright{margin-top: 12rem;font-size: 0.7rem;}
 .certification-wrap .fe-input{padding-left: 20px;}

/* 포트폴리오 관리 */
 .contents-wrap {width:100%; height:100%;}
 .contents-nav {width:300px; height:100%; background:#000; position:fixed; left:0; top:0;}
 .contents-nav .logo {display: flex;align-items: center;width:100%; height:80px;padding: 29px 27px;border-bottom: 1px solid #3D3D3D;}
 .contents-nav .logo .img-logo{width: 145px;height: 22px;}
 .contents-nav .logo .logo-txt{font-size: 1.3rem;margin-left: 15px;color: #fff;}
 .contents-nav .depth-group .depth-list li{height: 80px;padding: 28px 20px;border-bottom: 1px solid #3D3D3D;}
 .contents-nav .depth-group .depth-list li a{position: relative;padding-left: 20px;font-size: 20px;font-weight: bold;color: #5E5E5E;}
 .contents-nav .depth-group .depth-list li a:before{content:'';position: absolute;top: 9px;left: 5px;width: 5px;height: 5px;background: #5E5E5E;border-radius: 50%;}
 .contents-nav .depth-group .depth-list li.active a:before,
 .contents-nav .depth-group .depth-list li.active a:hover:before{background: #fff;}
 .contents-nav .depth-group .depth-list li.active a,
 .contents-nav .depth-group .depth-list li.active a:hover {color: #fff;}
 
 .contents {height:100%; margin-left:300px;}
 .contents .contents-top {display: flex;justify-content: flex-end;align-items: center;width:calc(100% - 256px); height:80px; background:#fff; position:fixed; left:300px; top:0;border-bottom: 1px solid #D9D9D9;z-index: 100;}
 .contents .contents-top:after {content:""; display:block; clear:both;}
 .contents .contents-top .top-text {min-width: 11rem;font-size: 20px;color: #000;}
 .contents .contents-top .btn-wrap {margin: 0 66px 0 16px;}
 .contents .contents-top .btn-wrap .btn.line{height: 50px;min-width: 123px;border: 1px solid #000;font-size: 18px;color: #5E5E5E;font-weight: 700;}
 .contents .content-body  {padding:80px 0 0;}
 .contents .content-body .content-in-body {padding:20px 20px 20px;}
 .contents .content-body .content-in-body .btn-area{margin: 1.6rem auto 0;text-align: center;}
 .contents .content-body .content-in-body .btn-area .btn{min-width: 120px;height: 2.5rem;font-size: 18px;font-weight: 500;}
 .contents .content-body .content-in-body .btn-area .btn + .btn{margin-left: 10px;}

 .board-search {margin-top: 2rem;}
 .board-search .board-inputbox{position: relative;}
 .board-search .board-inputbox .fe-input{position: relative;height: 50px;padding: 0 40px 0 20px;    border-bottom: 1px solid #000;}
 .board-search .board-inputbox .fe-input:focus{border-color: none !important;}
 .board-search .board-inputbox:after{content:'';position: absolute;top: 14px;right: 5px;width: 24px;height: 24px;background: url(..//images/btn_search.svg) no-repeat center/100% 100%;background-size: 24px 24px;}
 .board-search .btn-wrap .btn {width: 6rem;height: 2.5rem;font-size: 18px;font-weight: 500;color: #fff;}
 
 .boardlist-wrap {margin-top: 2rem;}
 .boardlist-wrap .share-btn .btn{min-width: 6rem;height: 2rem;font-size: 18px;font-weight: 500;}

 .field-wrap.with-row .dash{text-align: center;}
 .field-wrap .file{font-weight: 16px;font-weight: 400px;color: #000;}
 .boardwrite-wrap .file .underline{border-bottom: 1px solid #000;}

 

/* 반응형 */

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

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

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

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

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