@charset "utf-8";



/**********************************************************************************/
/***************************     우수사례 상세페이지     ***************************/
/*********************************************************************************/
.contentBestPracticesBox{position:relative;width:100%;box-sizing:border-box;word-break:break-all}
.contentBestPracticesBox table{table-layout:fixed}
.contentBestPracticesBox a:hover{text-decoration:underline}
.bestPracticesSubject:after{content:"";clear:both;display:block}
.bestPracticesSubject > strong{float:left;margin-bottom:15px;padding-left:20px;background:url("../../../images/renewal/sub/icon_position.png") left 4px no-repeat;font-size:1.571rem;/*22px*/color:#222;font-weight:500;line-height:1.2}
.bestPracticesSubject > p{float:right}
.bestPracticesSubject > p span{margin-left:20px;font-size:1.143rem;/*16px*/color:#666}
.bestPracticesSubject > p span em{margin-right:5px;font-style:normal;font-size:1.143rem;/*16px*/color:#222}
.bestPracticesSummary{padding:20px;border:1px solid #DEEDF4;background:#F7FBFD;font-size:1.214rem;/*17px*/color:#666;line-height:1.5;}

.contentBestPractices{position:relative;margin-top:30px}
.contentBestPractices:after{content:"";clear:both;display:block}
.contentBestPractices > li{float:left}
.contentBestPractices > li:first-child{width:990px}
.contentBestPractices > li:last-child{float:right;width:400px}
.contentBestPractices > li > div:first-child{margin-top:0}

.contentItem{margin-top:10px;padding:20px;border-radius:5px;border:1px solid #ddd;box-sizing:border-box;background:#fff}
.contentItem h6{margin-bottom:15px;font-size:1.429rem;/*20px*/color:#222;font-weight:600}
.contentItem h6 .btn_openLayer{display:inline-block;width:14px;height:14px;margin-left:5px;background:url("../../../images/renewal/sub/btn_openLayer.png") center center no-repeat}
.contentItem > ul{margin-top:10px}
.contentItem > ul li{margin-top:5px;padding-left:15px;background:url("../../../images/renewal/sub/bullet04.png") left 9px no-repeat;font-size:1.214rem;/*17px*/color:#666;font-weight:400;line-height:1.3}
.contentItem.publicity > ul li{padding-left:22px;background:url("../../../images/renewal/sub/icon_attachFile.png") left 5px no-repeat;transition:0.3s}
.contentItem.publicity > ul li a{font-size:1.143rem;/*16px*/color:#666;letter-spacing:-0.03em}
.contentItem > p{font-size:1.214rem;/*17px*/color:#666;font-weight:400;line-height:1.5}


/* majorItem */
.majorItem{padding:30px;border-radius:5px;border:1px solid #aaa}
.majorItem > ul:after{content:"";clear:both;display:block}
.majorItem > ul > li{float:left}
.majorItem > ul > li:first-child{width:570px}
.majorItem > ul > li:last-child{float:right;width:320px}
.categorize:after{content:"";clear:both;display:block}
.categorize span{float:left;padding:7px;border:1px solid #303F9F;box-sizing:border-box;background:#303F9F;font-size:1.071rem;/*15px*/color:#fff;font-weight:500}
.categorize span:last-child{background:#fff;color:#303F9F}
.majorIntroduction{position:relative}
.majorIntroduction strong{display:block;margin:15px 0;font-size:2.143rem;/*30px*/color:#222;font-weight:600;letter-spacing:-0.03em;line-height:1.2;}
.majorIntroduction ul{overflow:hidden;padding:15px 0;border-top:1px dashed #888;border-bottom:1px dashed #888}
.majorIntroduction li:after{content:"";clear:both;display:block}
.majorIntroduction li{margin-top:5px}
.majorIntroduction li:first-child{margin-top:0}
.majorIntroduction li span{float:left;width:100px;font-size:1rem;/*14px*/color:#222}
.majorIntroduction li em{float:left;font-size:1rem;/*14px*/color:#718598}
.majorIntroduction > p{margin:40px 0;font-size:1.214rem;/*17px*/color:#444;line-height:1.5}
.majorItem_picture{position:relative;overflow:hidden;width:320px;height:320px;border-radius:10px;border:1px solid #ddd}
.majorItem_picture img{width:100%;height:auto}
.majorContentItem > .tit{font-size:1.429rem;/*20px*/color:#0B74DD;font-weight:600;line-height:1.3;margin: 40px 0 0; display:block}
.majorContentItem > p,
.majorContentItem .p1{margin-top:10px;font-size:1.214rem;/*17px*/color:#666;line-height:1.5}
.majorContentItem .cptn{display: block; margin: 24px 0 14px; font-size: 1.214rem;color:#fff; background: gray; padding: 4px 12px; border-radius: 6px; font-weight: bold; line-height:1.5; text-align: center}
.majorContentItem .chart{margin-top: 10px}
.majorContentItem .chart table{table-layout: auto}
.majorContentItem img{width: 100%}
.majorContentItem .tour_lst{margin-top: 20px}
.majorContentItem .tour_lst>li{clear: both; display: block; margin-top: 20px}
.majorContentItem .tour_lst>li:after{content: ""; display: block; clear: both}
.majorContentItem .tour_lst>li> .thumb{float: left; width: 40%; padding-right: 20px}
.majorContentItem .tour_lst>li> .txt{float: left; width: 60%;}
.majorContentItem .tour_lst>li> .thumb img{border-radius: 20px}
.majorContentItem .tour_lst>li .cptn{margin-top: 0}

.majorContentItem .tour_lst.t2>li> .thumb{width: 45%;}
.majorContentItem .tour_lst.t2>li> .txt{width: 55%;}
.majorContentItem .tour_lst.t2>li+li{margin-top: 50px}
.majorContentItem .tour_lst.t2>li> .txt .p2{margin-top: 14px}


/* 담당자/관련단체 */
.charger{position:relative}
.charger li{font-size:1.143rem;/*16px*/color:#718598;letter-spacing:-0.03em}
.charger li span{margin-right:5px;font-size:1.143rem;/*16px*/color:#222}
.charger li em{font-size:1.143rem;/*16px*/color:#718598}

/* 관련기사 & 사진 및 동영상 */
.linkArea a{display:block;margin-top:10px;padding:15px 20px;border-radius:5px;border:1px solid #0B74DD;background:#fff;font-size:1.214rem;/*17px*/color:#0B74DD}

/* 전문가 한줄평 */
.expert{margin-top:10px}
.expert strong, .expert span, .expert span em{margin-right:5px;font-size:1rem;/*14px*/}
.expert strong{color:#0B74DD;font-weight:400}
.expert span{color:#718598}
.expert span em{margin-left:5px;color:#222}

/* 댓글 */
.commentForm{position:relative;margin-top:50px}
.commentForm > p{display:inline-block;margin-bottom:10px;padding-left:25px;background:url("../../../images/renewal/sub/icon_comment.png")left center no-repeat;font-size:1.429rem;/*20px*/color:#666}
.commentForm > p strong{margin-right:10px;color:#222}
.enterCommentsBox{padding:20px;border:1px solid #ccc}
.enterCommentsBox .dm:after{content:"";clear:both;display:block}
.enterCommentsBox .dm p{float:left}
.enterCommentsBox .dm p:after{content:"";clear:both;display:block}
.enterCommentsBox .dm p a{float:left;margin-right:20px;margin-bottom:10px}
.enterCommentsBox .dm p a.facebook{width:20px;height:20px;background:url("../../../images/renewal/sub/icon_facebook.png") no-repeat}
.enterCommentsBox .dm p a.facebook.on{background:url("../../../images/renewal/sub/icon_facebook_on.png") no-repeat}
.enterCommentsBox .dm p a.naver{width:18px;height:16px;margin-top:2px;background:url("../../../images/renewal/sub/icon_naver.png") no-repeat}
.enterCommentsBox .dm p a.naver.on{background:url("../../../images/renewal/sub/icon_naver_on.png") no-repeat}
.enterCommentsBox .dm p a.twitter{width:23px;height:18px;margin-top:1px;background:url("../../../images/renewal/sub/icon_twitter.png") no-repeat}
.enterCommentsBox .dm p a.twitter.on{background:url("../../../images/renewal/sub/icon_twitter_on.png") no-repeat}
.enterCommentsBox .dm span{float:right}
.enterCommentsBox .dm span em{color:#0B74DD}
.enterCommentsBox > ul:after{content:"";clear:both;display:block}
.enterCommentsBox > ul > li{float:left}
.enterCommentsBox > ul > li:first-child{width:calc(100% - 150px)}
.enterCommentsBox > ul > li:last-child{width:150px}
.enterCommentsBox textarea{resize:none;width:100%;height:80px;padding:10px;border:1px solid #eee;box-sizing:border-box;font-size:1.143rem;/*16px*/color:#666}
.enterCommentsBox button{height:80px;background:#0B74DD}

.commentBox{margin-top:30px}
.commentBox textarea{resize:none;width:100%;height:80px;padding:10px;border:1px solid #eee;box-sizing:border-box;font-size:1.143rem;/*16px*/color:#666}
.comment{margin-top:15px;padding-bottom:10px;border-bottom:1px solid #ddd;font-size:1.214rem;/*17px*/;color:#666;line-height:1.3}
.comment > p{margin-bottom:10px;font-size:1.214rem;/*17px*/color:#222}
.comment > ul:after{content:"";clear:both;display:block}
.comment > ul > li{float:left;margin-top:10px;border:none;font-size:1rem;/*14px*/color:#aaa}
.comment > ul > li:first-child{float:left}
.comment > ul > li:nth-child(2){float:right}
.comment > ul > li:after{content:"";clear:both;display:block}
.comment > ul > li button{float:left;height:22px;margin-left:3px;padding:0 5px;border:1px solid #aaa;font-size:1rem;/*14px*/color:#666}
.comment.reply{padding-left:25px;background:url("../../../images/renewal/sub/icon_reply.png") no-repeat}
.comment.reply button{width:auto;height:auto;border-radius:0;background:none;line-height:1.4}

.comment .comment{border-bottom:none}
.replyBox{display:none;position:relative;margin-top:10px;padding:10px;background:#fafafa}
.replyBox:after{content:"";clear:both;display:block}
.replyBox > ul:after{content:"";clear:both;display:block}
.replyBox > ul > li{float:left;;border-bottom:none}
.replyBox > ul > li:last-child{float:right}
.replyBox > ul > li:after{content:"";clear:both;display:block}
.replyBox > ul > li button{float:left;height:22px;margin:0 0 0 3px;padding:0 5px;border:1px solid #444;background:#444 !important;font-size:1rem;/*14px*/color:#fff}
.replyBox > p textarea{resize:none;width:100%;height:60px;margin-top:5px;padding:10px;border:1px solid #eee;box-sizing:border-box;font-size:1.143rem;/*16px*/color:#666}





/**************************************************************************************************************************/
/*****************************************************    layerPop    *****************************************************/
/**************************************************************************************************************************/

/* 우수사례 상세페이지 팝업 */
.bestPracticesPop .scrollY{overflow-y:auto;height:450px}
.layer.bestPracticesLayer{max-width:700px}
.bestPractices{padding:30px}
.publicityPop .bestPractices{padding:0}
.bestPractices strong{display:block;margin-bottom:5px;font-size:1.571rem;/*22px*/color:#222;line-height:1.3}
.bestPractices p{margin:10px 0;font-size:1.214rem;/*17px*/;color:#666;line-height:1.5}
.bestPractices span{margin-top:5px;font-size:1rem;/*14px*/color:#718598}
.bestPractices span > em{margin-left:5px;font-size:1rem;/*14px*/color:#aaa}
.newsImage{position:relative;overflow:hidden;width:100%;border:1px solid #ccc}
.newsImage a{display:block}
.newsImage img{width:100%;height:auto}





/* 관련사진 및 동영상 */
.galleryPop{z-index:-1;opacity:0;position:fixed;left:0;top:0;right:0;bottom:0;text-align:center;background:rgba(0,0,0,0.5)}
.galleryPop .scrollY{overflow-y:auto;height:600px !important}
.galleryPop:after{content:"";display:inline-block;height:100%;vertical-align:middle}



.gallerySlider{padding:50px 220px;background:#f0f1f7}
.gallerySlider .slider.slider-for{max-width:100%}
.gallerySlider .slider.slider-nav{max-width:100%}
.gallerySlider .slider.slider-for, .gallerySlider .slider.slider-nav{width:100%}
.gallerySlider .slider.slider-for{padding:0 5px}
.gallerySlider .slick-slide img{width:100%}
.gallerySlider .sliderImg{width:100%;height:auto}
.gallerySlider .slider.slider-nav{margin-top:10px}
.gallerySlider .slider-nav .slick-slide.thumbnail-image .thumbImg img{width:100%;height:100%;object-fit:cover}
.gallerySlider .sliderImg img{width:100%;height:585px;object-fit:cover}
.gallerySlider .slick-vertical .slick-slide:active, .gallerySlider .slick-vertical .slick-slide:focus, .gallerySlider .slick-arrow:hover, .gallerySlider .slick-arrow:focus{border:0}
.gallerySlider .slider-nav .slick-slide.slick-current span{color:#196DB6}
.gallerySlider .slider-nav .slick-slide{text-align:center}
.gallerySlider .slider-nav .slick-slide span{display:block;padding:5px 0 15px;font-size:14px}
.gallerySlider .slick-arrow{z-index:99;position:absolute}

.gallerySlider .slick-arrow{display:inline-block;text-indent:-9999px}
.gallerySlider .slick-prev{position:absolute;left:-80px;top:50%;width:60px;height:60px;transform:translateY(-50%);-webkit-transform:translateY(-50%);background:url('../../../images/renewal/sub/btn_prevSlider.png') center center no-repeat #fff}
.gallerySlider .slick-prev:hover, .gallerySlider .slick-prev:focus{background:url('../../../images/renewal/sub/btn_prevSlider_on.png') center center no-repeat #009DDA}
.gallerySlider .slick-next{position:absolute;right:-80px;top:50%;width:60px;height:60px;transform:translateY(-50%);-webkit-transform:translateY(-50%);background:url('../../../images/renewal/sub/btn_nextSlider.png') center center no-repeat #fff}
.gallerySlider .slick-next:hover, .gallerySlider .slick-next:focus{background:url('../../../images/renewal/sub/btn_nextSlider_on.png') center center no-repeat #009DDA}
.gallerySlider .slider.slider-nav .thumbImg{padding:0 5px}
.slider-nav .slick-slide .thumbImg img{border:2px solid #fff}
.slider-nav .slick-slide.slick-current.slick-active .thumbImg img{border:2px solid #009DDA}

.thumbnailBox{position:relative}
.thumbnailBox > p{position:absolute;width:100%;height:100%}
.thumbnailBox .slick-arrow.slick-prev{display:block;left:-35px;top:0;width:40px;height:100%;transform:translateY(0);-webkit-transform:translateY(0);background:url('../../../images/renewal/sub/btn_prevThumb.png') center center no-repeat #fff}
.thumbnailBox .slick-arrow.slick-prev:hover, .thumbnailBox .slick-arrow.slick-prev:focus{background:url('../../../images/renewal/sub/btn_prevThumb_on.png') center center no-repeat #fff}
.thumbnailBox .slick-arrow.slick-next{display:block;right:-35px;top:0;width:40px;height:100%;transform:translateY(0);-webkit-transform:translateY(0);background:url('../../../images/renewal/sub/btn_nextThumb.png') center center no-repeat #fff}
.thumbnailBox .slick-arrow.slick-next:hover, .thumbnailBox .slick-arrow.slick-next:focus{background:url('../../../images/renewal/sub/btn_nextThumb_on.png') center center no-repeat #fff}








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


    .bestPracticesSubject > strong{padding:1px 0 1px 20px;font-size:1.429rem;/*20px*/}
    .bestPracticesSubject > p span{margin-left:15px;font-size:1.071rem;/*15px*/}
    .bestPracticesSubject > p span:first-child{margin-left:0}
    .bestPracticesSubject > p span em{font-size:1.071rem;/*15px*/}
    .bestPracticesSummary{padding:15px;font-size:1.143rem;/*16px*/}

    .contentBestPractices{position:relative;margin-top:25px}
    .contentBestPractices > li:first-child{width:calc(100% - 360px)}
    .contentBestPractices > li:last-child{width:350px}

    .contentItem{padding:15px;}
    .contentItem h6{margin-bottom:10px;font-size:1.286rem;/*18x*/}
    .contentItem > ul li{font-size:1.143rem;/*16px*/}
    .contentItem.publicity > ul li a{font-size:1.071rem;/*15px*/}
    .contentItem > p{font-size:1.143rem;/*16px*/}

    /* majorItem */
    .majorItem{padding:20px}
    .majorItem > ul > li:first-child{width:calc(100% - 300px)}
    .majorItem > ul > li:last-child{width:280px}
    .categorize span{font-size:1rem;/*14px*/}

    .majorIntroduction strong{font-size:1.929rem;/*27px*/}
    .majorIntroduction ul{padding:10px 0}
    .majorIntroduction > p{margin:30px 0;font-size:1.143rem;/*16px*/}
    .majorItem_picture{width:100%;height:auto}
    .majorContentItem .tit{font-size:1.286rem;/*18px*/}
    .majorContentItem > p,
	.majorContentItem .p1{font-size:1.143rem;/*16px*/}
	.majorContentItem .cptn{font-size:1.2rem;}
	
	
    /* 담당자/관련단체 */
    .charger li{font-size:1.071rem;/*15px*/}
    .charger li span{font-size:1.071rem;/*15px*/}
    .charger li em{font-size:1.071rem;/*15px*/}

    /* 관련기사 & 사진 및 동영상 */
    .linkArea a{padding:15px 15px;font-size:1.143rem;/*16px*/}

    /* 전문가 한줄평 */
    .expert{margin-top:10px}
    .expert strong, .expert span, .expert span em{margin-right:5px;font-size:1rem;/*14px*/}
    .expert strong{color:#0B74DD;font-weight:400}
    .expert span{color:#718598}
    .expert span em{margin-left:5px;color:#222}

    /* 댓글 */
    .commentForm{margin-top:40px}
    .commentForm > p{padding:2px 0 2px 25px;font-size:1.286rem;/*18px*/}
    .enterCommentsBox{padding:15px}
    .enterCommentsBox .dm p a{margin-right:15px}
    .enterCommentsBox > ul > li:first-child{width:calc(100% - 120px)}
    .enterCommentsBox > ul > li:last-child{width:120px}
    .enterCommentsBox textarea{font-size:1.071rem;/*15px*/}
    .enterCommentsBox button{width:100%}
    
    .commentBox{margin-top:25px}
    .commentBox textarea{font-size:1.071rem;/*15px*/}
    .comment{margin-top:10px;font-size:1.143rem;/*16px*/}
    .comment > p{font-size:1.143rem;/*16px*/}
    .comment.reply{background-size:17px auto}

    .replyBox > p textarea{font-size:1.071rem;/*15px*/}






    /* 우수사례 상세페이지 팝업 */
    .layer.bestPracticesLayer{width:700px;margin:auto}


    /* 관련사진 및 동영상 */
    .galleryPop .scrollY{overflow-y:auto;height:500px !important}
    .galleryPop .layer{width:96%;max-width:auto;margin:2%;margin:auto}
    .gallerySlider .sliderImg img{height:auto}


    


}


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

    .bestPracticesSubject > strong{padding:2px 0 2px 20px;font-size:1.286rem;/*18px*/}
    .bestPracticesSubject > p{float:none;clear:both;margin-bottom:10px}
    .bestPracticesSubject > p span{margin-left:10px;font-size:1rem;/*14px*/}
    .bestPracticesSubject > p span em{font-size:1rem;/*14px*/}
    .bestPracticesSummary{padding:10px;font-size:1.071rem;/*15px*/}

    .contentBestPractices{margin-top:20px}
    .contentBestPractices > li:first-child{width:calc(100% - 310px)}
    .contentBestPractices > li:last-child{width:300px}

    .contentItem h6{font-size:1.214rem;/*17x*/}
    .contentItem > ul li{padding-left:10px;background:url("../../../images/renewal/sub/bullet04.png") left 6px no-repeat;font-size:1.071rem;/*15px*/}
    .contentItem.publicity > ul li a{font-size:0.9286rem;/*13px*/}
    .contentItem > p{font-size:1rem;/*14px*/}

    /* majorItem */
    .majorItem{padding:15px}
    .majorItem > ul > li{float:none}
    .majorItem > ul > li:first-child{width:100%}
    .majorItem > ul > li:last-child{width:100%}
    .majorItem_picture{max-width:300px;margin:20px auto}

    .majorIntroduction strong{font-size:1.429rem;/*20px*/}
    .majorIntroduction > p{margin:15px 0;font-size:1.071rem;/*15px*/}
    .majorContentItem .tit{font-size:1.143rem;/*16px*/}
    .majorContentItem > p,
	.majorContentItem .p1{font-size:1rem;/*14px*/}
	.majorContentItem .cptn{font-size:1.1rem;}
	.majorContentItem .tour_lst>li> .thumb{padding-right: 1rem}
	.majorContentItem .tour_lst>li> .txt .cptn{margin-top: 0}

    /* 관련기사 & 사진 및 동영상 */
    .linkArea a{padding:15px 15px;font-size:1.071rem;/*15px*/}


    /* 댓글 */
    .commentForm{margin-top:30px}
    .commentForm > p{padding:3px 0 3px 25px;font-size:1.143rem;/*16px*/}
    .enterCommentsBox .dm p a{margin-right:10px}
    .enterCommentsBox textarea{font-size:1rem;/*14px*/}
    .commentBox{margin-top:20px}
    .commentBox textarea{font-size:1rem;/*14px*/}
    .comment{font-size:1.071rem;/*15px*/}
    .comment > p{font-size:1.071rem;/*15px*/}
    .comment.reply{padding-left:20px;background-size:15px auto}
    .comment > ul > li button{font-size:0.9286rem;/*13px*/}

    .replyBox > ul > li button{font-size:0.9286rem;/*13px*/}
    .replyBox > p textarea{padding:5px;font-size:1rem;/*14px*/}

    


    /* 우수사례 상세페이지 팝업 */
    .bestPracticesPop .scrollY{height:350px}
    .bestPractices{padding:20px}
    .bestPractices strong{font-size:1.429rem;/*20px*/}
    .bestPractices p{margin:10px 0;font-size:1.143rem;/*16px*/}
    .bestPractices span{margin-top:5px;color:#718598}
    .bestPractices span > em{margin-left:5px;color:#aaa}



    /* 관련사진 및 동영상 */
    .galleryPop .scrollY{height:350px !important}

    .gallerySlider{padding:25px 110px}

    .gallerySlider .slick-prev{left:-70px;width:50px;height:50px}
    .gallerySlider .slick-next{right:-70px;width:50px;height:50px}

    .thumbnailBox .slick-arrow.slick-prev{left:-30px;width:35px}
    .thumbnailBox .slick-arrow.slick-next{right:-30px;width:35px}


}




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


    .bestPracticesSummary{font-size:1rem;/*14px*/}
    .contentBestPractices{margin-top:20px}
    .contentBestPractices > li:first-child{width:100%}
    .contentBestPractices > li:last-child{width:100%;margin-top:10px}
    .contentItem > ul li{font-size:1rem;/*14px*/}
    .contentItem.publicity > ul li{padding:1px 0 1px 22px}



    /* majorItem */
    .majorIntroduction strong{font-size:1.286rem;/*18px*/}
    .majorIntroduction > p{margin:15px 0 0;font-size:1rem;/*14px*/}
    .majorContentItem .tit{font-size:1.071rem;/*15px*/}
    .majorContentItem > p,
	.majorContentItem .p1{font-size:1rem;/*14px*/}
	.majorContentItem .cptn{font-size:1rem;}

    /* 관련기사 & 사진 및 동영상 */
    .linkArea a{font-size:1rem;/*14px*/}

    /* 댓글 */
    .enterCommentsBox > ul > li:first-child{width:calc(100% - 80px)}
    .enterCommentsBox > ul > li:last-child{width:80px}
    .enterCommentsBox textarea{height:60px;padding:5px}
    .enterCommentsBox button{height:60px}
    .commentBox textarea{height:60px;padding:5px}
    .comment{font-size:1rem;/*14px*/}
    .comment > p{font-size:1rem;/*14px*/}
    .comment > ul > li{font-size:0.9286rem;/*13px*/}


    /* 우수사례 상세페이지 팝업 */
    .layer.bestPracticesLayer{width:96%;max-width:auto;margin:2%;margin:auto}


    /* 관련사진 및 동영상 */
    .gallerySlider{padding:25px 25px}

    .gallerySlider .slick-prev{left:4px;width:40px;height:40px}
    .gallerySlider .slick-next{right:4px;width:40px;height:40px}

    .thumbnailBox{margin:0 35px}
    .thumbnailBox .slick-arrow.slick-prev{left:-30px;width:30px}
    .thumbnailBox .slick-arrow.slick-next{right:-30px;width:30px}


}



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

    .galleryPop .layer > p{padding:15px 10px}
    .galleryPop .layer > div{padding:10px}
    .galleryPop .layerPop .scrollY{height:300px !important}

    /* 우수사례 상세페이지 팝업 */
    .bestPracticesPop .scrollY{height:300px}
    .bestPractices strong{font-size:1.286rem;/*18px*/}
    .bestPractices p{font-size:1.071rem;/*15px*/}
    .bestPractices span{font-size:0.9286rem;/*13px*/}
    .bestPractices span > em{font-size:0.9286rem;/*13px*/}

}


@media screen and (max-width: 480px) {
	
	.majorContentItem .tour_lst>li> .thumb{width: 100%; padding-right: 0}
	.majorContentItem .tour_lst>li> .txt{width: 100%; padding-top: 10px}
	.majorContentItem .tour_lst.t2>li> .thumb{width: 100%;}
	.majorContentItem .tour_lst.t2>li> .txt{width: 100%;}

    /* 댓글 */
    .enterCommentsBox > ul > li:first-child{width:calc(100% - 60px)}
    .enterCommentsBox > ul > li:last-child{width:60px}


    /* 우수사례 상세페이지 팝업 */
    .bestPractices strong{font-size:1.143rem;/*16px*/}
    .bestPractices p{font-size:1rem;/*14px*/}


    /* 관련사진 및 동영상 */
    .gallerySlider{padding:10px 10px}

    .gallerySlider .slick-prev{left:4px;width:30px;height:30px}
    .gallerySlider .slick-next{right:4px;width:30px;height:30px}

    .thumbnailBox{margin:0 25px}
    .thumbnailBox .slick-arrow.slick-prev{left:-25px;width:25px}
    .thumbnailBox .slick-arrow.slick-next{right:-25px;width:25px}


    .reply .btnComment{clear:none;font-size:0.9286rem;/*13px*/}


}