@charset "utf-8"; 
/*layout*/
#contents {overflow:hidden;}

/*main*/
.mVisual {position:relative; float:left; overflow:hidden; width:520px; height:920px;}
.mVisual .unit {position:relative;}
.mVisual .txt {position:absolute; left:50px; top:48px; width:calc(100% - 100px); color:#fff; font-family:'Noto Sans KR',sans-serif; font-size:42px; font-weight:300; line-height:50px; letter-spacing:-2px;}
.mVisual .txt em {display:block; margin-bottom:15px; font-size:19px; font-style:normal; font-weight:200; line-height:27px; letter-spacing:0;}
.mVisual .txt b {font-weight:500;word-break: keep-all;letter-spacing: -2px;}
.mVisual .txt>img {margin-top:20px;}
.mVisual .img img {vertical-align:top;}
.mVisual .img>span {display:none;}
.mVisual .list .slick-dots {position:absolute; left:50px; top:22px; 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:50px; top:18px; 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_white.png);}
.mVisual .list_control>.btn_play {background-image:url(../img/main/ico_play_white.png);}


.Slider_topBox{width:calc(100% - 580px); max-width:950px; float: left;}
.mGallery {float:left; position:relative; overflow:hidden; margin:50px 0 0 60px; width: calc(100% - 382px);}
.mGallery .mTit {display:block; position:relative; margin-bottom:15px; padding-left:0px; color:#000; font-family:'Noto Sans KR',sans-serif; font-size:28px; font-weight:700; line-height:30px; letter-spacing:-1px;}
.mGallery .mTit .more{float: right; font-size: 14px; color:#666; padding-right: 15px; font-weight: 400; background: url(../img/main/Icon_more.png) no-repeat right center;}
.mGallery .list {overflow:hidden; height:220px;}
.mGallery .list .unit {margin-right:35px;}
.mGallery .list .unit .img {display:block; width:266px; height:150px; margin-bottom:15px; position: relative; overflow: hidden;}
.mGallery .list .unit .img>img {width:266px; height:150px; transition: 0.4s;}
.mGallery .list .unit a:hover .img>img {transform: scale(1.1);}
.mGallery .list .unit dt {overflow:hidden; text-overflow:ellipsis; width:266px; color:#000; font-family:'Noto Sans KR',sans-serif; font-size:18px; font-weight:500; line-height:20px; white-space:nowrap; letter-spacing:-1px;}
.mGallery .list .unit dd {overflow:hidden; text-overflow:ellipsis; width:266px; margin-top:10px; color:#666; font-family:'Noto Sans KR',sans-serif; font-size:15px; font-weight:300; line-height:17px; white-space:nowrap;}
.mGallery .btn_more {position:absolute; right:0; top:5px; overflow:hidden; width:35px; height:20px; font-size: 14px; color:#666; padding-right: 15px; font-weight: 400; background: url(../img/main/Icon_more.png) no-repeat right center; transition:0.2s;}
.mGallery .no_article {padding:140px 0 40px; background-position:50% 30px;}

.mGallery.OneSlider{width: 267px; margin-left: 35px; /*width: calc(33.333% - 35px)*/}
.mGallery.OneSlider .mV_Dot{position: absolute; right: 0; top: 0;}
.mGallery.OneSlider .list .unit .img > em{width: 100%; display: block; position: absolute; left: 0; top:27px;}
.mGallery.OneSlider .list .unit .img > em i{font-style: normal; color:#fff; display: block; text-align: center; padding: 0 20px; box-sizing: border-box;}
.mGallery.OneSlider .list .unit .img > em .txt1{font-size: 21px; font-family:'Roboto'; line-height: 1em; font-weight: 500;}
.mGallery.OneSlider .list .unit .img > em .txt2{font-size: 30px; line-height: 32px; font-weight: 400; margin: 6px 0 17px 0;}
.mGallery.OneSlider .list .unit .img > em .txt3{font-size: 14px; line-height: 20px; font-weight: 300;}
.mGallery.OneSlider .mV_Dot .slick-dots li{width: auto; display: inline-block; font-size: 0;}
.mGallery.OneSlider .mV_Dot .slick-dots li button{text-indent: -9999px; width: 10px; height: 10px; background-color: #e0e0e0; border-radius: 50%;}
.mGallery.OneSlider .mV_Dot .slick-dots li:nth-child(n+2){margin-left: 10px;}
.mGallery.OneSlider .mV_Dot .slick-dots li.slick-active button{background-color: #d2a543}

.mIcoBnr {float:left;overflow:hidden;width:calc(100% - 580px);max-width: none;margin:0 0 0 60px;padding:60px 0 50px;position: relative;}
.mIcoBnr .mTit {display:none; position:relative; margin-bottom:15px; padding-left:18px; color:#000; font-family:'Noto Sans KR',sans-serif; font-size:28px; font-weight:700; line-height:30px; letter-spacing:-1px;}
.mIcoBnr .mTit::before {content:''; display:block; position:absolute; left:0; top:10px; width:10px; height:10px; border-radius:5px; background:#fc3047;}
.mIcoBnr .list {overflow:hidden;max-width: 868px;}
.mIcoBnr .list ul {overflow:hidden;}
.mIcoBnr .list li {float:left; width:16.6%; margin-bottom:10px; color:#000; font-family:'Noto Sans KR',sans-serif; font-size:16px; font-weight:400; line-height:18px; text-align:center; letter-spacing:-1px;}
.mIcoBnr .list li .img {display: flex; height:70px; font-size:0; text-align:center; justify-content: center; align-items: center;}
.mIcoBnr .list li .img>img {vertical-align:top; margin-top: 0; transition: 0.3s;}

.mBoard {float:left; overflow:hidden; width:calc(100% - 580px); margin:0 0 0 60px;}
.mBoard .tab {overflow:hidden; margin-bottom:15px; max-width: 867px;}
.mBoard .tab>li {position:relative; float:left;}
.mBoard .tab>li+li {margin-left:15px; padding-left:15px;}
.mBoard .tab>li+li::before {content:''; display:block; position:absolute; left:0; top:6px; width:1px; height:16px; background:#bbb;}
.mBoard .tab>li>button {color:#666; font-family:'Noto Sans KR',sans-serif; font-size:28px; font-weight:300; line-height:30px; text-align:center; letter-spacing:-1px;}
.mBoard .tab>li>button.on {color:#000; font-weight:500;}
.mBoard .grp {display:none; height:285px;}
.mBoard .grp_list::before {content:''; display:none; position:absolute; left:839px; top:-38px; width:1px; height:19px; background:#bbb;}
.mBoard .grp_list.addArr::before {display:block;}
.mBoard .grp.on {display:block;}
.mBoard .grp .unit {width:245px; margin-right:14px;}
.mBoard .grp .unit>a {display:block; position:relative; width:245px; height:285px; box-sizing:border-box; padding:90px 25px 0; border:2px solid #f5f6f8; background:#f5f6f8; transition: 0.3s;}
.mBoard .grp .unit dt {overflow:hidden; max-height:50px; color:#110f0f; font-family:'Noto Sans KR',sans-serif; font-size:20px; font-weight:400; line-height:24px;}
.mBoard .grp .unit dd {overflow:hidden; max-height:65px; margin-top:15px; color:#666; font-family:'Noto Sans KR',sans-serif; font-size:15px; font-weight:300; line-height:21px;}
.mBoard .grp .unit .sort {display:block; position:absolute; right:20px; top:25px; width:42px; height:42px; box-sizing:border-box; border:1px solid #d6d7da; border-radius:50%; background:#fff; color:#a47206; font-family:'Noto Sans KR',sans-serif; font-size:13px; font-weight:400; line-height:42px; text-align:center;}
.mBoard .grp .unit .date {display:block; position:absolute; left:25px; top:40px; box-sizing:border-box; color:#666; font-family:'Noto Sans KR',sans-serif; font-size:15px; font-weight:400; line-height:17px;}
.mBoard .grp .unit>a:hover {border:2px solid #d2a543; background:#fff;}
.mBoard .grp .unit>a:hover dt {font-weight:500; text-decoration:underline;}
.mBoard .grp .unit>a:hover .date {color:#000; font-weight:400;}
.mBoard .btn_more {display:none;}
.mBoard .slick-prev,
.mBoard .slick-next {display:block; position:absolute; top:-40px; overflow:hidden; width:12px; height:23px; text-indent:-999px;}
.mBoard .slick-prev {left:812px; background:url(../img/main/ico_dotArrL_black.png) no-repeat center;}
.mBoard .slick-next {left:855px; background:url(../img/main/ico_dotArrR_black.png) no-repeat center;}

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

@media all and (max-width:1715px){
    .typePc .mBoard .grp::before,
    .typePc .mBoard .slick-prev,
    .typePc .mBoard .slick-next {left:100%;}
    .typePc .mBoard .grp::before {margin-left:-37px;}
    .typePc .mBoard .slick-prev {margin-left:-63px;}
    .typePc .mBoard .slick-next {margin-left:-20px;}
}

@media all and (max-width:1705px){
    .typePc .mGallery .btn_more {right:10px;}
}

@media all and (max-width:1450px){
    .typePc .mIcoBnr {padding:50px 0 0px 0px; margin-left: 30px;}
    .typePc .mIcoBnr .list li {width:33.3%; margin-bottom: 30px;}
    .typePc .mIcoBnr .list li .img{height: 60px;}
    .typePc .mBoard{clear: both; margin: 30px 0 30px 30px; width: calc(100% - 30px); max-width: 1022px}
    .typePc .mBoard .grp_list::before{left: auto; right: 35px;}
    .typePc .mGallery{width: 100%; margin-left: 35px;}
    .typePc .mGallery.OneSlider{width: 100%; margin-top: 30px;}
}

/***** pc최소값 부분(해상도:1200px) 제한시작 *********************************/
@media all and (max-width:1200px){
    .typePc #header {height:1332px;}

    .typePc .mGallery.OneSlider,
    .typePc .mGallery{margin-left: 20px; margin-top: 20px;}

    .typePc .mIcoBnr {margin-left: 20px; margin-top: 20px; padding-top: 0;}
    .typePc .mIcoBnr .list li {margin-bottom:30px; width: 50%;}
    .typePc .mIcoBnr .list li a{font-size: 15px; letter-spacing: -1px;}
    .typePc .mBoard {clear:both; float:none; margin-left:30px; padding:30px 0 50px;}
    .typePc .mBoard .grp::before {margin-left:-37px;}
    .typePc .mBoard .slick-prev {margin-left:-63px;}
    .typePc .mBoard .slick-next {margin-left:-20px;}
}
/**************************************************************************/

/* 애니메이션 추가 */
.fadeUp {animation: fadeUp 2s ease-out;}
.right {animation: right 1s ease-out;}

@keyframes right {
   0%{transform:translateX(-20%); opacity: 0;}
   100%{transform: translateX(0); opacity: 1;}
}

@keyframes fadeUp {
   0%{transform: translateY(30%); opacity: 0;}
   100%{transform: translateY(0); opacity: 1;}
}
.mIcoBnr .list li a {display: block; position: relative; top: 0; transition: 0.3s;}
.mIcoBnr .list li a:hover {font-weight: bold; top: -5px;}

.scrolling-text-wrap {font-family: 'Roboto', sans-serif;position: absolute;mix-blend-mode: color-dodge;left: 0;top: -31px;width: 100%;letter-spacing: -5px;font-weight: 900;overflow: hidden;color: #EFEFEF;}
.scrolling-text {white-space: nowrap; display: flex; transform: translateX(0); animation: marquee 40s linear infinite;}
.scrolling-text p {font-size: 180px; font-family: 'Roboto', sans-serif;}
.scrolling-text .line-txt {color: transparent;-webkit-text-stroke: 2px #EFEFEF;font-style: normal;}

@keyframes marquee {
    0% {transform: translateX(0);}
    100% {transform: translateX(-4582px);}
}