/* #wrap *{ scrollbar-arrow-color: #ddd; scrollbar-Track-Color: #ddd; scrollbar-base-color: #aaa; scrollbar-Face-Color: #aaa; scrollbar-3dLight-Color: #aaa; scrollbar-DarkShadow-Color: #aaa; scrollbar-Highlight-Color: #aaa; scrollbar-Shadow-Color: #aaa;} */
#wrap ::-webkit-scrollbar { width: 5px; }
#wrap ::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
#wrap ::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; }

/***** 메인 공통컨텐츠 *****/
.comCont{ position:relative; width:100%; max-width:72rem; display:flex; align-items: center; justify-content: space-between; -ms-flex-pack: space-between; padding:0 1rem 2.5rem; margin:0 auto; overflow:hidden;}
.comCont .cont{ position:relative; }
.comCont h2{ line-height:1.25rem; font-size:1rem; font-weight: 700; margin-right:4rem; overflow:hidden;}
.comCont .inner{ margin-top:1rem;}
.comCont .slick-list{ width:calc(100% + .5rem); margin-left:-.25rem; padding-bottom:5px;}
.comCont .item{ height:12.5rem; padding:0 .25rem;}
.comCont .item a{ position:relative; height:100%; display:block;}
.comCont .item .img{ border-radius:1.5rem; overflow:hidden; text-align:center; background:#f0f0f0;}
.comCont .item .img.sq img{ position:relative; top:50%; width:100%; max-height:100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.comCont .item .img.hz img{ width:auto; max-width:100%; height:100%;}
.comCont .item .img.vt img{ top:auto; width:100%; height:auto; max-height:inherit; transform:none; -webkit-transform:none;}
.comCont .item strong{ font-size:.85rem; font-weight:400; display:block;  overflow:hidden; }
.comCont .control{ position:absolute; right:0; top:0; font-size:0; }
.comCont .control a{ display:inline-block; line-height:1.25rem; margin:0 4px; font-size:1rem; }
.comCont .control a.slick-hidden{display:none;}
/* list type 01 */
.comCont .listTy01 .item .img{ height:calc(100% - 1.25rem);}
.comCont .listTy01 .item strong{ position:relative; margin-top:-1.25rem; width:80%; line-height:2.5rem; padding:0 .75rem; border-radius:0 1rem 1rem; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.15); white-space: nowrap; text-overflow: ellipsis;}
/* list type 02 */
.comCont .listTy02 .item a{ border-radius:1.5rem; border:1px solid #ccc; background:#fff;}
.comCont .listTy02 .item .img{ height:7rem; border-bottom-right-radius: 0;}
.comCont .listTy02 .item .txt{ padding:.75rem 1rem;}
.comCont .listTy02 .item strong{ line-height:1.2rem; max-height:2.4rem;}
.comCont .listTy02 .item span{ color:#555; display:block; margin-top:.25rem;} 
/* active */
.comCont .control a:not(.slick-hidden):hover,
.comCont .control a:not(.slick-hidden):focus,
.comCont .item a:hover strong,
.comCont .item a:focus strong{ color:#0063be;}
.comCont .listTy01 .item a:hover strong,
.comCont .listTy01 .item a:focus strong{ box-shadow:0 0 5px rgba(11, 60, 133, 0.5); }
.comCont .listTy02 .item a:hover,
.comCont .listTy02 .item a:focus{ border-color:#0063be;}
.comCont a,
.comCont img,
.comCont a strong{transition: all .2s; -webkit-transition: all .2s;}
/* 정렬 : 3개 */
.comCont.align03 .cont{max-width:36%;}
.comCont.align03 .cont:nth-child(3){max-width:18%;}
/* 정렬 : 2개 */
.comCont.align02 .cont{max-width:38%;}
.comCont.align02 .cont:nth-child(2){max-width:57%;}
/* 정렬 : 1개 */
.comCont.align01 .slick-list{ width:calc(100% + 1.5rem); margin-left:-.75rem;}
.comCont.align01 .cont{max-width:100%;}
.comCont.align01 .item{ padding:0 .75rem;}

/***** 레이어팝업 *****/
.lyrPop{ display:none; position: fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index: 999;}
.lyrWrap{ position:absolute; left:50%; top:50%; width:95%; max-width:70rem; background:#fff; border-radius:1.5rem; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.lyrWrap .inner{ position:relative; max-height:80vh; padding:2.5rem; overflow-y: auto; overflow-x: hidden;} 
.lyrPop .btnClose{ position:absolute; right:2rem; top:-1.5rem; width:3rem; height:3rem; text-align:center; line-height:3rem; font-size:1.25rem; color:#fff; border-radius:50%; background:#414855; transition: all .2s; -webkit-transition: all .2s;}
.lyrPop .btnClose:before{ content:""; position:absolute; left:-.5rem; top:-.5rem; width:calc(100% + 1rem); height:calc(100% + 1rem); background:rgba(0,0,0,0.2); border-radius:50%; transition: all .2s; -webkit-transition: all .2s;}
.lyrPop .btnClose:hover,
.lyrPop .btnClose:focus{ background:#fff; color:#0063be; font-weight: 600;}
.lyrPop .btnClose:hover:before,
.lyrPop .btnClose:focus:before{ background:rgba(255, 255, 255, 0.5);}

/* 만족도조사 */
.csnst_wrap{ display:flex; flex-wrap:wrap; justify-content: space-between; padding:20px; border:1px solid #b2bccb; background:#fbfcff;}
.csnst_wrap form{ display:flex; flex-wrap:wrap;}
.csnst_wrap .txt{ flex:1; padding-right:.5rem; word-break: keep-all;}
.csnst_wrap .inp li{ display:inline-block;}
.csnst_wrap .pcomment{ width:100%; margin-top:.5rem; border:1px solid #ddd;}
.csnst_wrap .pcomment input[type="text"]{ width:calc(100% - 5rem); height:2rem; line-height:2rem; float:left; border:0; padding:0 .5rem;}
.csnst_wrap .pcomment button{ width:5rem; line-height:2rem; float:left; background:#45495b; color:#fff; text-align:center; outline-color: #05c0c6;}
.csnst_wrap .pcomment button i{ margin-right:.25rem;}

/* 로그아웃 버튼 앞 로그인명표시 처리 */
.loginArrNm{margin-right: 10px;}

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

    /* 메인 공통컨텐츠 */
    /* 정렬 : 3개 */
    .comCont.align03 .cont{max-width:38%;}
    .comCont.align03 .cont:nth-child(3){max-width:19%;}
    /* 정렬 : 2개 */
    .comCont.align02 .cont{max-width:39%;}
    .comCont.align02 .cont:nth-child(2){max-width:57%;}
}

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

     /* 메인 공통컨텐츠 */
    .comCont .item .img.sq img{ top:auto; max-width:100%; width:auto; height:100%; max-height:inherit; transform: none; -webkit-transform: none;}

    /***** 레이어팝업 *****/
    .lyrWrap .inner{ padding:1.75rem;} 
    .lyrPop .btnClose{ right:2rem; top:-1.25rem; width:2.5rem; height:2.5rem; line-height:2.5rem; }
    .lyrPop .btnClose:before{ left:-.3rem; top:-.3rem; width:calc(100% + .6rem); height:calc(100% + .6rem); }
}

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

    /* 메인 공통컨텐츠 */
    /* 정렬 : 3개 */
    .comCont.align03 .cont,
    .comCont.align03 .cont:nth-child(3){max-width:31%;}
    /* 정렬 : 2개 */
    .comCont.align02 .cont,
    .comCont.align02 .cont:nth-child(2){max-width:49%;}
}

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

    /* 정렬 : 2개 */
    .comCont.align02 .comCont{display:block;}
    .comCont.align02 .cont,
    .comCont.align02 .cont:nth-child(2){max-width:100%;}
}

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

    /* 메인 공통컨텐츠 */
    .comCont{display:block;}
    .comCont .cont{max-width:100% !important;}
    .comCont .cont ~ .cont{ margin-top:1.5rem; }
    .comCont .item .img,
    .comCont .listTy02 .item a{ border-radius:1rem;}

    /***** 레이어팝업 *****/
    .lyrWrap .inner{ padding:1.5rem 1.25rem;} 

    /* 만족도조사 */
    .csnst_wrap .txt{ flex:inherit; width:100%; margin-bottom:.5rem;}
    .csnst_wrap .pcomment{ margin-top:1rem;}
    
    /* 로그아웃 버튼 앞 로그인명표시 처리 */
    .loginArrNm{display: none !important;}
}

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

    /* 메인 공통컨텐츠 */
    .comCont #cardNews .item{height:auto;}

    /***** 레이어팝업 *****/
    .lyrWrap .inner{ padding:1.5rem 1rem;} 
}