@charset "utf-8";

/*** style ***/
:root{
    /* color */
    --navy: #002d59;
    --gray: #959595;
    --orange : #ff6600;
    --lineColor:#dfe3e9;
    --boxShadow: 0px 3px 24px 0 rgba(0, 0, 0, 0.15);
    --boxShadow2: 1px 4px 6px 0 rgb(191 191 191 / 80%);

    /* transition */
    --transCubic: all 900ms cubic-bezier(0.86, 0, 0.07, 1);
   

}

@media screen and (max-width: 1679px) {
    :root{
        --basic-pd: 0 20px;
    }
}


/* 기타 */
.noscroll{/* 스크롤 막기 */height:100%; min-height:100%;  overflow:hidden !important;  touch-action:none;}
.txtomit{width:100%; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all;}
.txtomit1{-webkit-line-clamp: 1;}
.txtomit5{-webkit-line-clamp: 5;}
b{font-weight:500;}


/*** form ***/
input{padding:10px; font-size:18px; }



@media screen and (max-width: 1679px){
    input{font-size:16px;}
}
@media screen and (max-width: 479px){
    input{font-size:14px;}
}

/*** tab ***/
.tab li{cursor: pointer;}

.tabCont{display:none;}
.tabCont:first-child{display:block;}


/*** popup layer ***/
.dimmodal{
    position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;background-color:rgba(0,0,0,.7);z-index: -1;opacity:0;transition:all 0.2s;
    display: flex; justify-content: center; align-items: center;
}
.dimmodal.on_dim{opacity:1; z-index:9999;}
    .dimmodalContainer{
        /* display: flex; justify-content: center; align-items: center; */
        /* position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); */
        padding:25px; padding-bottom:40px; border-radius:20px; background:#fff; overflow:auto; max-height:70vh; width:43%; max-width:1000px;
    }

        .dimmodalContainer .btnWrap{text-align: right;}
        .dimmodalContainer .btnWrap img{width:30px; }

        .dimmodalContainer .txtWrap{padding:30px; text-align: center; }
        .dimmodalContainer .txtWrap i{margin-bottom:40px; font-size:150px; color:#e84c3d;}
        .dimmodalContainer .txtWrap .txt{font-size:18px; font-weight:200; line-height:1.6;}
        .dimmodalContainer .txtWrap .bar_login{margin:45px auto 50px; width:62px; height: 9px; background:#b6b6b6;}
        .dimmodalContainer .txtWrap .tel{margin-bottom:3px; font-size:22px;}
        .dimmodalContainer .txtWrap .email{font-size:16px; COLOR:#555454; font-weight:300;}

@media screen and (max-width: 1679px){
    .dimmodalContainer{width:50%}
    .dimmodalContainer .txtWrap .txt{font-size:16px;}
    .dimmodalContainer .txtWrap i{font-size:100px;}
    .dimmodalContainer .txtWrap .tel{font-size:18px;}
    .dimmodalContainer .txtWrap .email{font-size:14px;}
}

@media screen and (max-width: 1279px){
    .dimmodalContainer .txtWrap .txt{font-size:14px;}
    .dimmodalContainer .txtWrap i{font-size:80px;}
    .dimmodalContainer .txtWrap br{display:none;}
    .dimmodalContainer .txtWrap .bar_login{margin:30px auto; height: 5px; width:45px; }
    .dimmodalContainer .txtWrap .tel{font-size:16px;}
}

@media screen and (max-width: 767px){
    .dimmodalContainer{width:80%}
}

@media screen and (max-width: 479px){
    .dimmodalContainer{padding:20px; padding-bottom:40px; width: calc(100% - 40px);}
    .dimmodalContainer .btnWrap img{width:24px;}
    .dimmodalContainer .txtWrap i{margin-bottom:20px;}
    .dimmodalContainer .txtWrap{padding:0;}
    .dimmodalContainer .txtWrap .bar{margin:20px auto;}
}

    

/*** header ***/
.header{display: flex; justify-content: space-between; padding: 0 20px; height: 66px; line-height: 66px; position: relative; z-index: 999; background:#fff; box-shadow:var(--boxShadow);}
.header_logoWrap{display: flex;}
    .logoMainWrap{width:calc(15vw - 21px); display: flex; align-items: center;}
        .header .logo{width:170px;}
    .dashboardLogoWrap{display:flex; align-items: center; }
    .hamCont__top .dashboardLogoWrap{display:none;}
        .dashboardLogoWrap li{flex:none; border-left:1px solid #ddd; padding:0 30px; display: flex; height: 100%; align-items: center;}
        .dashboardLogoWrap img{height:43px;}
        .dashboardLogoWrap .txt{color:#959595; font-size: 18px; transform:skew(-0.001deg);}

.headerRight{display: flex; align-items: center;}
    .headerRight_user{display:flex; align-items: center; font-weight:200; margin-right:14px;}
    .headerRight_user img{width:42px; margin-right:10px;}
    .headerRight_user span{font-weight:200; }
    .headerRight_user b{font-weight:400; }

    .headerRight > i{color:var(--gray); font-size:20px; cursor: pointer;}
    .headerRight > i:hover{color:var(--navy);}

    .headerRight > ul{margin-left:14px; margin-right:20px;}
    .headerRight > ul, .headerRight__time, .headerRight__lang{display: flex; align-items: center;}
    .headerRight > ul li{margin-left:5px; background: var(--gray); color: #fff; height: 34px; line-height: 34px; border-radius: 50px; padding: 0 14px; font-size:16px; font-weight:200;}
    .headerRight > ul li:first-child{margin-left:0;}
    .headerRight > ul li > div{display:flex; align-items: center; justify-content: center; width:100%;}
    .headerRight > ul li i.xi-clock-o{color:#ffd800; margin-left:5px;}
    .headerRight > ul li i.xi-globus{color:#c7c7c7; /*margin-right:5px;*/}
    .headerRight__time img, .headerRight__lang img{width:20px;}
    .headerRight__time p, .headerRight__lang p{display: flex; align-items: center;}

    

    .headerRight__time img{margin-left:4px; /*width:23px;*/ width:auto; height:20px; cursor: pointer;}

    .headerRight__lang{width:90px; padding:0 !important; cursor: pointer;}
	.headerRight__lang>div{display: flex; justify-content: center; width:100%; height:100%;}
    .headerRight__lang select{cursor: pointer; padding-left: 32px; /*width:85px;*/ width:100%; height:100%; line-height:35px; background:transparent; color:#fff; background:url('../../_images/common/ico_global.png') no-repeat 10px 50%/15px auto; }
    .headerRight__lang option{background:var(--gray); padding-left:0 }
    .headerRight__lang img{margin-right:7px;}
    /* .headerRight__lang{position:relative; font-weight:400 !important; }
    .headerRight__lang .forIco{ padding-left:20px; font-family: xeicon!important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
    .headerRight__lang .forIco:before{display: block; content:"\e9d1"; position: absolute; top:50%; transform: translateY(-50%); left:10px; color:#fff;} */

	headerRight__lang-eng{display:none;}
    .hideThisLang{display:none !important;}
    .headerRight__time p.txt, .headerRight__lang p.txt{margin-top:-2px;}
    /* .headerRight__lang:hover{background:var(--navy)} */
	.hamCont__top .headerRight__lang{font-size:14px; width:74px;}
	.hamCont__top .headerRight__lang img{width:16px; margin-right:5px;}


/*** hamburger ***/
/* body{overflow: hidden;} */
/* hamburger_btn */
.hamWrap{/*background: green;*/ position: relative; width: 34px; height: 100%;}
/* .hamWrap__icoWrap{position: relative; height: 20px; width:20px;} */
.btn_ham {
    /*background:yellow;*/ width:100%; height:34px;
    cursor: pointer; display: inline-block; padding: 8px 0; user-select: none;
    position: absolute; z-index: 1000; /*top: 50%; transform: translateY(-50%);*/
    display: flex; align-items: center; height:100%;
}

.bar {/* 2nd bar */
  background:var(--navy); display: block; 
  position: absolute; right:0; /*top:50%; transform:translateY(-50%);*/
  width: 34px; height: 3px; transition: background .2s ease-out; /*border-radius: 3px;*/
}

.bar:before,
.bar:after {
    background:var(--navy); content: ''; display: block; width: 100%; height: 100%; /*border-radius: 3px;*/
    position: absolute; right:0; transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1); 
}

.bar{width:15px;}
.bar:before {top: -10px; width:34px;}
.bar:after {top: 10px; width:25px;}

.checkbox {display: none;}
/* .checkbox:checked~.hamWrapCont{opacity:1; width: 100%; height: 100%;} 
.checkbox:checked~.hamWrapCont .hamCont{width: 30%; right:0;} */


.checkbox:checked~.btn_ham .bar {background: transparent;}
.checkbox:checked~.btn_ham .bar:before {transform: rotate(-45deg); /*transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);*/}
.checkbox:checked~.btn_ham .bar:after {transform: rotate(45deg);}

.checkbox:checked~.btn_ham:not(.steps) .bar:before,
.checkbox:checked~.btn_ham:not(.steps) .bar:after {top: 0; width:25px;}

/* hamburger_cont */
.hamWrapCont{transition: 0.5s ease;  opacity: 0; background:rgba(0,0,0,.3); position: fixed; top:0; right:0; z-index: 999;}
.on_ham {opacity:1; width:100%; height:100%;}

.hamCont{
    opacity:1; /*overflow: auto;*/ width: 30%; height:100%;  color:#fff; background-color:#3f566f;
    transition: 0.5s ease; position: fixed; top: 0; right: -100%; 
}
.on_ham .hamCont{right: 0;}
.hamAcco{overflow:auto; height:calc(100% - 65px);}
.header_dashboard .hamAcco{height:calc(100% - 160px);}


.hamCont__top .topLogoWrap{padding: 15px; padding-right:55px; width:100%; /*height:60px;*/  display: flex; justify-content: space-between; align-items: center; background:#fff; border-bottom:1px solid #ddd;}
.hamCont__top .topLogoWrap:after{content:inherit;}
.hamCont__logo{width:160px;}
.hamCont__top .headerRight__lang{margin-left: 5px; background: var(--gray); color: #fff; height: 35px; border-radius: 50px; padding: 0 12px;}


.hamAcco__oneDepth {padding:0 15px; position: relative; cursor: pointer; border-bottom: 1px solid #cccccc2e; height:50px; line-height: 50px; font-size:15px; font-weight:400; color:rgba(255,255,255,.4);}
.hamAcco__oneDepth span{padding-left:27px;}
.hamAcco__oneDepth img{width:18px; position: absolute; top: 50%; transform: translateY(-50%); opacity:.3;}
.hamAcco__oneDepth .btn_tog {position: absolute; right: 15px; top: 50%; transform: translateY(-50%) rotate(360deg); transition: 0.5s; color: var(--darkgrayFont); font-size: 23px; }
@media (hover: hover) {
	.hamAcco__oneDepth:hover{color:#fff; }
	.hamAcco__oneDepth:hover img{opacity: 1;}
}
/*.hamAcco__oneDepth.on_orange{color:#fff !important;}
.hamAcco__oneDepth.on_orange img{opacity:1;}*/
.on_hamAcco__oneDepth .btn_tog {transform: translateY(-50%) rotate(180deg); }
.on_hamAcco__oneDepth{color:#fff !important;}
.on_hamAcco__oneDepth img{opacity:1;}


.hamAcco__twoDepth {display: none; line-height:initial; border-bottom: 1px solid #cccccc2e; background:#384c61;}
.hamAcco__twoDepth a{padding-left:30px; width:100%; height: 40px; line-height: 40px; color: rgba(255,255,255,.5); font-weight: 300; font-size:15px;  }
.hamAcco__twoDepth a:hover{color: rgba(255,255,255,1);}


/*** dashboard Leftmenu ***/
.hamCont_Leftmenu{right: auto; top:65px; left: 0; z-index: 990; width:15vw; height:calc(100% - 65px); transition: none;}
.hamCont_Leftmenu .hamAcco{/*transition: .3s;*/ top:0;}
.hamCont_Leftmenu.on_hamContTop{top:0; height:100%;}

@media screen and (max-width:1679px){
    .logoMainWrap {width: calc(20vw - 21px);}
    .hamCont_Leftmenu{width:20%;}
}

@media screen and (max-width:1439px){
    .dashboardLogoWrap li{padding:0 10px;}
    .dashboardLogoWrap .txt{font-size:16px;}
}

@media screen and (max-width:1279px){
    .header .logoMainWrap {width: auto; padding-right: 10px;}
    .header .logo{width:140px;}
    .dashboardLogoWrap img{height:35px;}
    .dashboardLogoWrap .txt{font-size:14px;}
}

@media screen and (max-width:1100px){
    .dashboardLogoWrap .txt{display: none;}

    .hamCont_Leftmenu{display:none;}
    .hamCont{width:40%;}

    .hamCont__logo{display:block;}
    .hamCont__top{height:auto; padding:0; background:#fff;}
    .hamCont__top .dashboardLogoWrap, .hamCont__top .dashboardLogoWrap .txt{display:block; width:100%;}
    .hamCont__top .dashboardLogoWrap li{padding:0; padding-left:15px; border-left:none; border-bottom:1px solid #ddd;}
    .hamCont__top .dashboardLogoWrap .txt{height:40px; line-height:40px;}
    .hamCont__top .dashboardLogoWrap .img{line-height: initial; padding: 10px;}

}


@media screen and (max-width:880px){
    .header .logoMainWrap{padding-right:0;}
    .dashboardLogoWrap{display: none;}

	/*.hamAcco__oneDepth:hover{color:rgba(255,255,255,.4); }
	.hamAcco__oneDepth:hover img{opacity:.3; }*/

}

@media screen and (max-width:767px){
    .headerRight_user img{width:33px;}
    .hamCont{width:50%;}
}

@media screen and (max-width:650px){
    .header{justify-content:flex-end;}
    .header .logo{display:none;}
    .headerRight_user{margin-right:10px;}
	.headerRight > ul{margin-left:10px;}

	.hamCont{width:61%;}
}

@media screen and (max-width:500px){
    .headerRight > ul, .headerRight__time, .headerRight__lang select{font-size:14px;}
    .headerRight__lang{width:85px; display:none;}

    .hamCont{width:70%;}
    .hamCont__top .headerRight__lang{display:flex;}
}

@media screen and (max-width:479px){
    /* .header > img {width: 140px;} */
    .headerRight_user img{width:34px; margin-right:7px;}
    .headerRight > ul {margin-right: 7px; margin-left:10px;}
    .hamCont{width:80%;}
}

@media screen and (max-width:400px){
    .hamCont__logo{width:130px;}
	.hamCont{width:85%;}
}

@media screen and (max-width:359px){
	.headerRight_user{margin-right:5px;}
	.headerRight > ul{margin-left:5px;}
}

@media screen and (max-width:350px){
    .headerRight_user{margin-right:0;}
    .headerRight > i{display:none;}

    .hamCont{width:90%;}
    .headerRight__lang select{padding-left:30px;}
    .hamCont__logo{width:115px;}
}

@media screen and (max-width:310px){
	.header{padding:0 10px;}
}


@media screen and (max-width:290px){
    .headerRight_user img {width: 29px; margin-right: 7px;}
    .hamCont{width:100%;}
}



/*** pagination ***/
.pagination{margin:30px 0; display: flex; justify-content:center; font-size:18px; }
    a.pagination_arw{margin-right:5px; width:40px; height:40px; line-height:40px; background:#4a545c; border-radius: 50%; color:#fff; text-align: center; font-size:22px; }
    .pagination__num{box-sizing:content-box; width:40px; height:40px; line-height:40px; text-align: center; font-weight:400; color:#363d45; }
    .pagination__num:last-child{margin-right:0;}
    a.pagination__num.on_pagi{color: var(--navy); border-top:1px solid var(--navy); border-bottom:1px solid var(--navy); font-weight:500;}
    
@media screen and (max-width:479px){
    a.pagination_arw{font-size:18px;}
    a.pagination_arw{width:30px; height:30px; line-height:30px;}
    .pagination__num{width:30px; height:30px; line-height:30px;}
}

@media screen and (max-width:360px){
    .pagination a:nth-last-child(n+3):nth-last-child(-n+4){display:none;}
}

/*** 서브비주얼 ***/
.subVisual{width:100%; height:120px; background:url('../../_images/common/back_pattrn.png') center right no-repeat var(--navy);}
    .subVisual article{display: flex; justify-content: space-between; align-items: flex-end; height:100%; padding:0 90px;}
    .subVisual article:after{content:initial;}
        .subVisual__tab{display:flex; color:#fff; width:50%; }
        .subVisual__tab a{flex:1; margin-left:2px; /*padding:0 80px;*/ height:44px; line-height:44px; color:#dddddd; font-size:20px; font-weight:300; text-align:center; background:var(--gray); border-radius: 4px 4px 0 0;}
        .subVisual__tab a:first-child{margin-left:0;}
        .subVisual__tab a:hover{background:#f1f5f8; color:var(--navy); font-weight:500;}
        a.on_subVisualTab{background:#f1f5f8; color:var(--navy); font-weight:500;}

        .subVisual__info{margin-bottom:10px; display:flex; color:#a1b1c0; font-weight:200; font-size:14px;}
        .subVisual__info li{display:flex; align-items: center;}
        .subVisual__info li i{position: relative; margin-left:15px; width: 16px; height: 16px; display: inline-block; background: #688296; border-radius: 50%; margin-right: 5px; border:2px solid #fff;}
        /* .subVisual__info li i:after{position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:12px; height:12px; background:#688296; content:''; border-radius: 50%;} */
        .subVisual__info li i.btn_color02{background:#05528c;}

@media screen and (max-width:1439px){
    .subVisual article{padding:0 30px; flex-direction: column-reverse; align-items: center; justify-content:end;}
}

@media screen and (max-width:1023px){
    .subVisual__tab {width: 70%;}
}

@media screen and (max-width:767px){
    .subVisual__tab {width: 100%;}
    /* .subVisual__info{flex-direction: column; align-items: center;} */
}

@media screen and (max-width:690px){
    .subVisual__info{flex-direction: column; align-items: center;}
}

@media screen and (max-width:1023px){
    .subVisual__tab a{font-size:18px;}
}

@media screen and (max-width:479px){
    .subVisual__tab a{font-size:16px; height:35px; line-height:35px;}
	.subVisual__info{font-size:13px;}
}

@media screen and (max-width:340px){
    .subVisual article{padding:0 20px;}
    .subVisual__info li i {width: 14px; height: 14px; }
    .subVisual__info li i:after{width:10px; height:10px;}
    .subVisual__tab a{font-size:14px;}
}

/*** 대시보드 컨텐츠(type1;4ea) ***/
.boardCont{padding:180px 9.375% 40px; background:#f1f5f8;}
.boardCont_4{padding:180px 9.375% 145px;}
    .boardThum{display: flex; /*gap:35px;*/ flex-wrap:wrap;}
    .boardThum > li{margin-bottom:35px; overflow: hidden; position: relative; width:calc((100%/4) - 27px); background: #d9dfe4; box-shadow: var(--boxShadow); border-radius: 8px;}
    .boardCont_4 .boardThum > li{box-shadow: var(--boxShadow2);}
	.boardThum > li+li{margin-left:35px;}
    .boardThum > li:first-child{margin-left:0 !important;}
	.boardThum > li:nth-child(4n+1){margin-left:0;}
    .boardThum > li > a{width:100%; background:#fff;}

/*     .boardThum .imgWrap{overflow:hidden; box-sizing: content-box; background:url('../../_images/common/back_logo.png') no-repeat center center; height:140px; border-bottom:1px solid var(--lineColor);} */
    .boardThum .imgWrap{overflow:hidden; /*box-sizing: content-box;*/ background:url('../../../__baseline/images/myTMF_logo_03.png') no-repeat center center; height:140px; border-bottom:1px solid var(--lineColor);}
    .boardThum .imgWrap img{width: 100%; height: 100%; object-fit: contain;}
    .boardThum .imgUse{overflow:hidden;height:140px; border-bottom:1px solid var(--lineColor);}
    .boardThum .imgUse img{width: 100%; height: 100%; object-fit: contain;}

    .boardThum .txtWrap{padding:10px 25px 38px; overflow:hidden;}
    .boardThum .txtWrap dt{margin-bottom:20px; font-size:13px; color:#b1b1b1; font-weight:100;}
    .boardThum .txtWrap dt b{display:block; font-size:17px; color:#111; font-weight:500;}
    .boardThum .txtWrap dd{font-size:16px; color:#666666; line-height:1.5; font-weight:300; word-break:keep-all;}

    .boardThum .bottomWrap{padding: 7px 20px; color: #688296; font-size: 13px; background:#d9dfe4;}
    .boardThum .bottomWrap ul{position: relative; margin-bottom:15px; display: flex; flex-wrap: wrap; /*gap:3px;*/ height:calc(100% - 19px); align-items: flex-start;}
    .boardThum .bottomWrap ul:after{display: block; content:''; height:15px; width:100%; background:none; }
    .boardThum .bottomWrap ul > li{/*float:left;*/ margin-bottom:2px; margin-right:2px; padding: 6px 12px; background:#688296; color:#fff; font-size:13px; font-weight:300; border-radius: 4px;}
    .boardThum .bottomWrap ul > li.on_thumTag{background:#05528c;}
    .boardThum .bottomWrap .recentLogDate{position: absolute; bottom: 13px; width:100%;}

    .boardThum > li > a:hover dl dt, .boardThum > li > a:hover dl dt b, .boardThum > li > a:hover dl dd{color:#000;}
    
@media screen and (max-width:1439px){
    .boardCont{padding:100px 9.375% 65px;}
}

@media screen and (max-width:1279px){
	.boardThum > li{width:calc((100%/3) - 24px);}
	.boardThum > li:nth-child(4n+1){margin-left:35px;}
	.boardThum > li:nth-child(3n+1){margin-left:0;}

    .boardCont_4 .boardThum > li {width: calc((100%/2) - 24px);}
    .boardThum > li:nth-child(2n+1) {margin-left: 0;}
    .boardCont_5 .boardThum > li:nth-child(2n+1) {margin-left: 35px;}
    .boardThum > li:nth-child(3n+1) {margin-left: 35px;}
    .boardCont_5 .boardThum > li:nth-child(3n+1) {margin-left: 0;}
}

@media screen and (max-width:1023px){
    .boardCont{padding:60px 30px 25px;}
}

@media screen and (max-width:767px){
    .boardThum > li{width:calc((100%/2) - 18px);}
	.boardThum > li:nth-child(3n+1){margin-left:35px;}
	.boardThum > li:nth-child(2n+1), .boardThum > li:nth-child(4n+1){margin-left:0;}
	.boardCont_5 .boardThum > li:nth-child(2n+1){margin-left:0;}
	.boardCont_5 .boardThum > li:nth-child(2n){margin-left:35px;}

}

@media screen and (max-width:540px){
    .boardThum > li{width:100%;}
	.boardThum > li:nth-child(2n){margin-left:0;}
    /* .boardThum .imgWrap, .boardThum .imgWrap img{height:auto;}
    .boardThum .imgWrap{min-height:100px;} */
    .boardThum .txtWrap dd{font-size:14px;}

    .boardCont_4 .boardThum > li{width:100%;}
}

@media screen and (max-width:479px){
	.boardCont_5 .boardThum > li:nth-child(2n){margin-left:0;}
}

@media screen and (max-width:340px){
    .boardThum .imgWrap{height:140px;} 
    .boardThum .txtWrap { padding: 15px 20px 20px;}
    .boardThum .txtWrap dt{margin-bottom:10px;}
}

/*** 대시보드 컨텐츠(type2;5ea) ***/
.boardCont_5{padding:25px 4.166% 40px;}

.boardThum_5 > li{background:#fff;}
.boardThum_5 .bottomWrap{padding-bottom:4px; background:#fff;}
.boardThum_5 .bottomWrap ul:after{display:none;}
.boardThum_5 .txtWrap{padding-bottom:0;}
.boardThum_5 .txtWrap dt{margin-bottom:0;}

.boardThum_5 > li{width:calc((100%/5) - 28px);}
.boardThum_5 > li:nth-child(4n+1) {margin-left: 35px;}
.boardThum_5 > li:nth-child(5n+1) {margin-left: 0}
.boardThum_5 > li:first-child{margin-left:0;}

@media screen and (max-width:1679px){
    .boardThum_5 > li{width:calc((100%/4) - 27px);}
    .boardThum_5 > li:nth-child(4n+1){margin-left:0;}
    .boardThum_5 > li:nth-child(5n+1){margin-left:35px;}
    .boardThum_5 > li:first-child{margin-left:0;}
    
}

@media screen and (max-width:1279px){
    .boardThum_5 > li{width:calc((100%/3) - 24px);}
    .boardThum_5 > li:nth-child(4n+1){margin-left:35px;}
    .boardThum_5 > li:first-child{margin-left:0;}
}

@media screen and (max-width:1023px){
    .boardCont_5{padding:25px 30 40px;}
}

@media screen and (max-width:767px){
    .boardThum_5 > li{width:calc((100%/2) - 18px);}
    .boardThum_5 > li:nth-child(4n+1){margin-left:0;}
}

@media screen and (max-width:479px){
    .boardThum_5 > li{width:100%;}
    .boardThum_5 > li:nth-child(4n+1){margin-left:0;}
    .boardThum_5 > li:nth-child(5n+1){margin-left:0;}
}


/*** 대시보드 컨텐츠 Top (게시판 Top) ***/
.boardTop{margin-bottom:25px; display: flex; justify-content: space-between; align-items: end;}
.boardTop:after{content:initial;}

.boardTop__left{display: flex; align-items: center;}
.boardTop__left-allPage{margin-right:16px; font-size:18px;}
.boardTop__left-currentPage{padding-left:18px; position: relative; font-size:16px; /*line-height:18px; height:18px;*/ }
.boardTop__left-currentPage:before{display: block; content:''; width:8px; height:8px; background:#000; border-radius: 50%; position: absolute; top: 54%; left:0; transform: translateY(-50%);}
/* .boardTop__left .dot{width:8px; height:8px; background:#000; border-radius: 50%; }  */
.boardTop__left-currentPage .fc_blue{color:#2370f1; font-weight:500;}

.boardTop__right{display: flex; flex: 2; justify-content: end;}


.boardTop__right-form{}
.test{background-color: #fff; height:46px; line-height: 46px;}
.boardTop select{float:left; margin-left:5px; border: 1px solid #d6d6d6; border-radius: 4px;
    min-width:156px; padding: 0 45px 0 20px; cursor: pointer; height:46px; line-height:46px;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    top: 0; left: 0;  font-size:16px; color:#000; 
    background: url(../../_images/common/arw_down_g.svg) no-repeat calc(100% - 20px) 50%/15px auto #fff;
}


.boardTop__right-srchWrap{display:flex; margin-left:5px; overflow:hidden; border: 1px solid #d6d6d6; border-radius: 4px; }
.boardTop__right-srchWrap input{height:100%; }
.boardTop__right-srchWrap button{height: 100%; padding: 0 20px; background: #4a545c; color: #fff; font-size:16px;} 


.boardTop__typeSelect{display:flex;width:86px; height:44px; margin-left:30px; border:1px solid #d6d6d6; border-radius:4px; background:#fff;}
.boardTop__typeSelect a{width:50%; height:100%; position: relative;}
.boardTop__typeSelect a.on_tyleSelect{background:#4a545c;}
.boardTop__typeSelect img{width:25px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

@media screen and (max-width:1080px){
	.boardTop select{min-width:initial;}
}

@media screen and (max-width:1023px){
    .boardTop{flex-wrap:wrap; align-items:center;}
    .boardTop__left{order:1; width:calc(100% - 86px);}
    .boardTop__typeSelect{order:2; margin-left: 0;}
    .boardTop__right{order:3; width:100%; margin-top:10px; justify-content: center;}
}


@media screen and (max-width:610px){
    .boardTop{padding-bottom:25px;}
    .boardTop__left-allPage{margin-right:10px;}
    .boardTop__right{margin-bottom:10px; flex-wrap: wrap;}

    .boardTop__typeSelect{width: 84px;  justify-content:flex-end;}

    .boardTop__right-form{width:100%;}
    .boardTop select{margin-bottom:5px;  width: calc(50% - 2.5px); height: 42px; line-height:42px;}
    .boardTop select:first-child{margin-left:0;}

    .boardTop__right-srchWrap{width:100%; margin-left:0;}
    .boardTop__right-srchWrap input{width:calc(100vw - 72px);}
    .boardTop__right-srchWrap button{width:72px; box-sizing:content-box;} 
}

@media screen and (max-width:479px){
    .boardTop__left-allPage, .boardTop__left-currentPage, .boardTop select, .boardTop__right-srchWrap button{font-size:14px;}
}

@media screen and (max-width:310px){
    .boardTop__left{flex-direction: column; align-items:flex-start;}
}


/*** 테이블 리스트 (4개이상) ***/
.tableListWrap-over4 > .row, #table{width:100%;}
.tableListWrap-over4 .bottomWrap{padding:0; background:none;}
.tableListWrap-over4 .bottomWrap ul{margin-bottom:0; gap:2px;}
.tableListWrap-over4 .bottomWrap ul:after{display:none;}
.tableListWrap-over4 .bottomWrap ul > li{margin-bottom:0;}

.tableListWrap-over4 > table{width:100%;}
.tableListWrap-over4 thead th.tableListWrap-over4__protocolNo,.tableListWrap-over4 tbody td.tableListWrap-over4__protocolNo{width:11%;}
.tableListWrap-over4 thead th.tableListWrap-over4__title, .tableListWrap-over4 tbody td.tableListWrap-over4__title{width:auto;}
.tableListWrap-over4 thead th.tableListWrap-over4__date, .tableListWrap-over4 tbody td.tableListWrap-over4__date{width:11%;}
.tableListWrap-over4 thead th.tableListWrap-over4__orgaName, .tableListWrap-over4 tbody td.tableListWrap-over4__orgaName{width:11%;}
.tableListWrap-over4 thead th.tableListWrap-over4__role, .tableListWrap-over4 tbody td.tableListWrap-over4__role{width:27%;}

.tableListWrap-over4 thead{background:#627ca0; color:#fff; height:55px; line-height:55px;}
.tableListWrap-over4 thead th{position:relative; padding: 0 15px; font-weight:300; border-right:1px solid #496081d9; text-align: left;}

.tableListWrap-over4 thead img{width:14px; opacity:.3; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); cursor: pointer;}

.tableListWrap-over4 tbody tr:nth-child(odd){background:#fff;}
.tableListWrap-over4 tbody td{padding:8px 16px; font-weight:300; border-right:1px solid #dde2ea; border-bottom:1px solid #dde2ea; font-size:14px; color:#4a545c;}
.tableListWrap-over4 tbody td:last-child{border-right:none;}
.tableListWrap-over4 tbody td.tableListWrap-over4__protocolNo{ position: relative;}
.tableListWrap-over4 tbody td.tableListWrap-over4__protocolNo::before{display: inline-block; content: 'Protocol No.'; display:none; }
/* .tableListWrap-over4 tbody td.tableListWrap-over4__protocolNo span.formo{font-size: 0; color:transparent;} */
.tableListWrap-over4 tbody td.tableListWrap-over4__title{color:#000; font-size:16px; font-weight: 400; transform:skew(-0.001deg);}
.tableListWrap-over4 tbody td.tableListWrap-over4__title:hover{color:#05528c;}
.tableListWrap-over4 tbody td.tableListWrap-over4__date{text-align: center;}
.tableListWrap-over4 tbody td.tableListWrap-over4__date-withTime::before{display: inline-block; content: '(마지막 로그인'; display:none;  }
.tableListWrap-over4 tbody td.tableListWrap-over4__date-withTime::after{display: inline-block; content: ')'; display:none; }
/* .tableListWrap-over4 tbody td.tableListWrap-over4__date-withTime span.formo{font-size: 0;} */


/* table filter */
.dropdown-filter-dropdown{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: 1;}
.arrow-down{border:solid transparent;}
.dropdown-filter-icon{border:none;}
.dropdown-filter-content{width:max-content; line-height: 1.4; text-align: left;}
.dropdown-filter-item{color:#111; cursor: pointer;}
.dropdown-filter-item input{appearance:auto;}
.dropdown-filter-search input{padding:7px; width:100%; border:1px solid #ddd; font-size:16px;}



@media screen and (max-width:1679px){
    .tableListWrap-over4 thead span{display: none;}
}
@media screen and (max-width:1023px){
    .tableListWrap-over4 thead{display:none;}
    .tableListWrap-over4 tbody tr{display:flex !important; flex-wrap:wrap; padding:20px 0;  border-bottom:2px solid #002d59;}
    .tableListWrap-over4 tbody tr:nth-child(odd) {background: none;}
    .tableListWrap-over4 tbody td{border:none; padding: 6px 0;}
    .tableListWrap-over4 tbody td.tableListWrap-over4__protocolNo{order:1; width:100%; color:#000}
    .tableListWrap-over4 tbody td.tableListWrap-over4__protocolNo::before{display:inline-block; margin-right:6px; color:#708ca8; font-size:14px;}
    .tableListWrap-over4 tbody td.tableListWrap-over4__title{order:2; width:100%;}
    .tableListWrap-over4 tbody td.tableListWrap-over4__orgaName{order:3; width:auto; margin-right:6px; }
    .tableListWrap-over4 tbody td.tableListWrap-over4__role{order:5; width:100%;}
    .tableListWrap-over4 tbody td.tableListWrap-over4__date{display:none;}
    .tableListWrap-over4 tbody td.tableListWrap-over4__date-withTime{display: flex; order:4; width:auto; text-align: left;}
    .tableListWrap-over4 tbody td.tableListWrap-over4__date-withTime::before, .tableListWrap-over4 tbody td.tableListWrap-over4__date-withTime::after{display:inline-block; }
}

@media screen and (max-width:610px){
    .boardCont_list .boardTop{padding-bottom:0; margin-bottom:0;}
}

/*** 컨텐츠 ***/
.contWrap{width: 85vw; margin-left: 15vw;}
@media screen and (max-width:1679px){
    .contWrap{width: 80%; margin-left: 20%;}
}
@media screen and (max-width:1100px){
    .contWrap{width: 100%; margin-left: 0;}
}