@charset "utf-8";

/*** layout ***/
header .top_util .btn_topSitemap {background-image:url(../img/layout/ico_topLineMenu_black.png);}
header .top_util .myGrp a,
header .top_util .myGrp button {color:#000;}
header .top_util .myGrp .btn_topLogin {color:#846841;}

header>nav #gnb_parent>li>a {color:#000;}

.typeMain #footer {border-top:none;}
.typeMain .familySite {right:15px;max-width:1436px;}
.typeMain footer {max-width:1466px;}

#contents {padding-top:120px;}
#contents>section {width:100%;max-width:1406px;margin:0 auto;}

/*** contents ***/
.mVisual {position:relative;height:500px;margin-bottom:2px;}
.mVisual .list .unit {position:relative;overflow:hidden;text-align:right;}
.mVisual .list .unit .img {float:right;overflow:hidden;width:1054px;height:500px;box-sizing:border-box;border-top-left-radius:97px;border-bottom-right-radius:97px;}
.mVisual .list .unit .img>img {width: 100%;height: 100%;transition: all 4s;animation-name: zoom-img;animation-duration: 4s;object-fit: cover;}
.mVisual .list .unit .txt {display:table;position:absolute;left:0;top:0;width:700px;height:100%;/*margin-top:-20px;*/text-align:left;}
.mVisual .list .unit .txt>div {display:table-cell;height:100%;vertical-align:middle;}
.mVisual .list .unit .txt strong {display:block;color:#000;font-family:'Oswald',sans-serif;font-size:76px;font-weight:400;line-height:86px;text-shadow:0 0 20px #fff;animation: effect 1s;}
.mVisual .list .unit .txt strong>em {display:block;font-style:normal;font-size:40px;line-height:50px;}
.mVisual .list .unit .txt p {display:block;width:330px;margin-top:20px;color:#555;font-family:'Noto Sans KR',sans-serif;font-size:16px;line-height:28px;letter-spacing:-1px;animation: effect 2s .3s forwards;/* font-size: 17px; */}
.mVisual .list .slick-dots {position:absolute;/* left: 20px; */bottom:88px;text-align:left;font-size:0;}
.mVisual .list .slick-dots li {display:inline-block;margin-right:9px;vertical-align:top;}
.mVisual .list .slick-dots li>button {display:block;overflow:hidden;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background:#dfdfdf;text-indent:-999px;}
.mVisual .list .slick-dots .slick-active>button {background:#d9a53a;}
.mVisual .list_control {position:absolute;left:0;bottom:104px;height:0;z-index:3;}
.mVisual .list_control>button {display:block;position:relative;top:4px;overflow:hidden;width:8px;height:12px;background-repeat:no-repeat;background-position:center;text-indent:-999px;vertical-align:top;z-index:2;}
.mVisual .list_control>.btn_pause {background-image:url(../img/main/ico_pause_gray.png);}
.mVisual .list_control>.btn_play {background-image:url(../img/main/ico_play_gray.png);}

.mid_ct {position:relative;overflow:hidden;}
.mid_ct>div {margin-bottom:2px;box-sizing:border-box;}

.mAlbum {float:left;position:relative;width:100%;max-width:350px;height:500px;background-repeat:no-repeat;background-position:left bottom;background-size:100% 249px;}
.mAlbum a {display:block;width:100%;height:249px;box-sizing:border-box;z-index:0;}
.mAlbum a .img {position:relative;font-size:0;}
.mAlbum a .img::before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;}
.mAlbum a .img>img {width:100%;}
.mAlbum a .img>span {display:none;}
.mAlbum .txt {display:table;position:absolute;left:0;top:0;width:100%;height:249px;z-index:1;}
.mAlbum .txt>span {display:table-cell;text-align:center;vertical-align:middle;}
.mAlbum .txt>span>strong {display:inline-block;position:relative;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:24px;font-weight:500;line-height:34px;z-index:2;letter-spacing:-1px;}
.mAlbum .txt>span>strong .linkGo {display:block;position:relative;margin-top:10px;}
.mAlbum .txt>span>strong .linkGo::after {content:'';display:block;position:absolute;right:0;top:50%;width:calc(100% - 60px);height:1px;background:#d9a53a;}
.mAlbum .txt>span>strong .linkGo>span {display:block;position:relative;overflow:hidden;width:60px;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:15px;font-weight:300;line-height:17px;}
.mAlbum a:hover .txt>span>strong .linkGo::after {animation: noticeAfter 1.7s ease-in infinite;}

.mBnr_b {float:left;width:100%;max-width:350px;height:500px;margin-left:2px;}
.mBnr_b .list .unit a {display:block;position:relative;width:350px;height:500px;}
.mBnr_b .list .unit a .img {font-size:0;}
.mBnr_b .list .unit a .img>img {width:100%;}
.mBnr_b .list .unit a .txt {position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;padding:35px 30px;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:30px;font-weight:700;line-height:40px;letter-spacing:-1px;z-index:1;}
.mBnr_b .list .unit a .txt>span {font-weight:300;}
.mBnr_b .list .slick-dots {position:absolute;left:0;bottom:20px;width:100%;text-align:center;font-size:0;}
.mBnr_b .list .slick-dots li {display:inline-block;padding:0 5px;vertical-align:top;}
.mBnr_b .list .slick-dots li>button {display:block;overflow:hidden;width:9px;height:9px;box-sizing:border-box;border-radius:50%;border:1px solid #fff;text-indent:-999px;}
.mBnr_b .list .slick-dots .slick-active>button {background:#fff;}

.mNews {position:relative;float:left;overflow:hidden;width:100%;max-width:350px;height:500px;margin-left:2px;padding:35px 30px;background:#05548e;}
.mNews .img {position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;opacity:0.08;z-index:0;}
.mNews .img img {width:100%;}
.mNews>strong {display:block;margin-bottom:20px;color:#fff;font-family:'Roboto',sans-serif;font-size:16px;line-height:18px;font-weight:500;z-index:1;}
.mNews>ul {position:relative;z-index:1;}
.mNews>ul>li {position:relative;overflow:hidden;margin-bottom:15px;padding-left:10px;}
.mNews>ul>li::before {content:'';display:block;position:absolute;left:0;top:9px;width:2px;height:2px;background:#fff;}
.mNews>ul>li>a {display:block;float:left;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 70px);color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:14px;font-weight:400;line-height:16px;white-space:nowrap;}
.mNews>ul>li>a:hover {text-decoration: underline; font-weight: 700;}
.mNews>ul>li .date {display:block;float:right;width:65px;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:13px;font-weight:300;line-height:16px;text-align:right;}
.mNews>ul>li:first-child {margin-bottom:40px;padding:0 0 40px 0;}
.mNews>ul>li:first-child::before {top:auto;bottom:0;width:40px;height:1px;}
.mNews>ul>li:first-child>a {float:none;max-width:none;max-height:90px;font-size:24px;font-weight:500;line-height:45px;white-space:normal;letter-spacing:-2px; word-break: keep-all;}
.mNews>ul>li:first-child .date {width:100%;float:none;margin-top:30px;text-align:left;}

.mIcoBnr {float:left;width:100%;max-width:350px;height:249px;margin-left:2px;padding:35px 30px 20px;}
.mIcoBnr li {min-height:34px;margin-bottom:15px;text-align:left;}
.mIcoBnr li>a {display:inline-block;position:relative;min-height:24px;padding-left:40px;vertical-align:middle;}
.mIcoBnr li>a .img {position:absolute;left:0;top:0;overflow:hidden;width:42px;height:27px;background-repeat:no-repeat;background-position:left 0 top 3px;}
/*.mIcoBnr li>a .img>span {display:none;}*/
.mIcoBnr li>a .txt {display:table;}
.mIcoBnr li>a .txt>span {display:table-cell;text-align:left;color:#000;font-family:'Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:24px;vertical-align:middle;}
.mIcoBnr li>a:hover .img {animation: bounce .2s ease 2 alternate;}
.mIcoBnr li>a:hover .txt>span {font-weight: 700;}
@keyframes bounce {
    100% {
        transform: translateY(-10px);
    }
}


.mBnr_s {position:relative;float:left;width:100%;max-width:350px;height:249px;margin-left:2px;background:#d9a53a;}
.mBnr_s .img {position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;opacity:0.12;z-index:0;}
.mBnr_s .img img {width:100%;vertical-align:middle;}
.mBnr_s .list {position:relative;z-index:1;}
.mBnr_s .list .unit {position:relative;height:249px;}
.mBnr_s .list .unit>a {display:block;position:relative;height:249px;box-sizing:border-box;padding:35px 30px;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:30px;font-weight:500;line-height:42px;letter-spacing:-2px;}
.mBnr_s .list .unit>a::after {content:'';display:block;position:absolute;left:30px;bottom:30px;width:40px;height:10px;background:url(../img/main/ico_halfArrR_white.png) no-repeat center;}
.mBnr_s .list .unit>a strong {display:block;margin-bottom:25px;color:#fff;font-family:'Roboto',sans-serif;font-size:16px;line-height:18px;font-weight:500;letter-spacing:normal;}
.mBnr_s .list .slick-dots {position:absolute;right:30px;top:40px;text-align:right;font-size:0;}
.mBnr_s .list .slick-dots li {display:inline-block;margin-right:9px;vertical-align:top;}
.mBnr_s .list .slick-dots li>button {display:block;overflow:hidden;width:10px;height:10px;box-sizing:border-box;border-radius:50%;border:1px solid #fff;text-indent:-999px;}
.mBnr_s .list .slick-dots .slick-active>button {background:#fff;}
.mBnr_s .list .unit>a:hover::after {animation: arrow 1s ease-in-out infinite;}

.mBtm_bnr {overflow:hidden;margin-bottom:2px;}
.mBtm_bnr ul {overflow:hidden;width:calc(100% + 2px);margin-left:-2px;}
.mBtm_bnr li {float:left;width:calc(25% - 2px);max-width:350px;height:249px;margin:0 0 2px 2px;background-repeat:no-repeat;background-position:left top;background-size:cover;}
.mBtm_bnr li>a {display:block;height:249px;box-sizing:border-box;padding:35px 30px;background-repeat:no-repeat;background-position:right 25px bottom 30px;color:#fff;font-family:'Noto Sans KR',sans-serif;font-size:28px;font-weight:500;line-height:38px;}

/*##### 미디어쿼리 수정시엔 모바일 css 교차부분도 동기화 필수!! ###############*/

@media all and (max-width: 1425px) {
    /*** contents ***/
    .typePc .mAlbum {background:none !important;}

    .typePc .mNews {width:calc(100% - 704px);max-width:none;}

    .typePc .mIcoBnr {max-width:none;height:auto;margin-left:0;}
    .typePc .mIcoBnr li {float:left;width:25%;min-height:47px;text-align:center;}
    .typePc .mIcoBnr li>a {min-height:47px;padding:6px 0 0 60px;}
    .typePc .mIcoBnr li>a .img {height:47px;background-position:left -100px top 0;}
    .typePc .mIcoBnr li>a .txt>span {font-size:24px;line-height:34px;letter-spacing:-1px;}

    .typePc .mBnr_s {position:absolute;left:0;top:251px;margin:0;}
}

@media all and (max-width: 1220px) {
    /*** contents ***/
    .typePc .mVisual .list .unit .img {width:calc(100% - 152px);}

}

/***** pc최소값 부분(해상도:1200px) 제한시작 *********************************/
@media all and (max-width:1200px){

}
/**************************************************************************/

@keyframes zoom-img {
    from {transform: scale(1.1)}
    to {transform: scale(1)}
}
@keyframes effect {
    0%{transform: translateY(40px); opacity: 0;}
    100%{transform: translateY(0); opacity: 1;}
}
@keyframes noticeAfter {
    0% {width: 0;}
    50% {width: calc(100% - 60px);}
    100% {width: 0;}
}
@keyframes arrow {
    0%,
    100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(10px, 0);
    }
}