기존에 하나의 페이지에 스타일을 입력하고 쿼리문으로 게시물을 불러왔습니다.

그러다 딱히 쿼리문을 돌릴 필요가 없어져서

latest를 사용하여 최신글을 출력하려고 하는데

기존의 스타일을 latest 폴더의 style.css에 붙여넣기 해주고

latest.skin.php 페이지에 설정을 해주려고 하는데 

이리해보고 저리해봐도 도저히 모르겠습니다 ㅜㅜ

<style type="text/css">

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}

.slick-list:focus {outline: none;}

.slick-list.dragging {cursor: pointer; cursor: hand;}

.slick-slider .slick-track, .slick-slider .slick-list { 

    -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.slick-track {position: relative;  top: 0; left: 0; display: block;}

.slick-track:before, .slick-track:after {display: table; content: '';}

.slick-track:after {clear: both;}

.slick-loading .slick-track {visibility: hidden;}

.slick-slide {display: none; float: left; height: 100%; min-height: 1px; border-top:1px solid #e2e2e2; border-right:1px solid #e2e2e2; padding:24px; width:356px !important;}

[dir='rtl'] .slick-slide { float: right;}

.slick-slide img {display: block;}

.slick-slide.slick-loading img {display: none;}

.slick-slide.dragging img {pointer-events: none;}

.slick-initialized .slick-slide {display: block;}

.slick-loading .slick-slide {visibility: hidden;}

.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}

.slick-arrow.slick-hidden {display: none;}

.main_cont_2 .slick-prev{

    position: absolute; z-index:10; top: 50%; display: block; left:-60px; width: 38px; height: 38px; background-image:url('http://www.hyundailivart.co.kr/ko/images/intro/arrow_left.jpg'); 

    padding: 0; margin-top: -10px\9;  -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none;

}

.main_cont_2 .slick-next{

    position: absolute; z-index:10; top: 50%; display: block; right:-60px; width: 38px; height: 38px; background-image:url('http://www.hyundailivart.co.kr/ko/images/intro/arrow_right.jpg');

    padding: 0; margin-top: -10px\9; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none;

}

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

.main_cont_2 .slick-prev{

position: absolute; z-index:10; top: 40%; display: block; left:-40px; width: 30px; height: 30px; background-size:100%;

background-image:url('http://www.hyundailivart.co.kr/ko/images/intro/arrow_left.jpg'); padding: 0; margin-top: -10px\9; cursor: pointer; color: transparent; border: none;

}

.main_cont_2 .slick-next{

position: absolute; z-index:10; top: 40%; display: block; right:-40px; width: 30px; height: 30px; background-size:100%;

background-image:url('http://www.hyundailivart.co.kr/ko/images/intro/arrow_right.jpg'); padding: 0; margin-top: -10px\9;

    -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none;

}

}

.slick-slider{margin-bottom: 0px;}

.slick-dots{position: absolute; display: block; width: 100%; padding: 0; top:-45px; list-style: none; text-align: right;}

.slick-dots li{ position: relative; display: inline-block; width: 20px; height: 10px; margin-left:8px; padding: 0;  cursor: pointer;}

.slick-dots li button{

    display: block;  width: 14px; height: 14px; border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; cursor: pointer; color: transparent; 

    border: 0; background: transparent;

}

.slick-dots li button:hover, .slick-dots li button:focus{}

.slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity: 1;}

.slick-dots li button:before{position: absolute; top: 0;  left: 0; width: 14px; height: 14px; border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; content: '';

    text-align: center; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background:black;

}

.slick-dots li.slick-active button:before{ opacity: .75; color: black;}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: transparent;}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1;}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: .25;}

.slick-prev:before, .slick-next:before{line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.main_cont_2_wrap{width:100%;}

.main_cont_2{width:1069px; margin:0 auto; padding:0px 0 60px 0;}

.main_cont_2 .slider{padding:0px; position:relative; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}

.main_cont_2 .section .event_list span.company_tit {position:absolute; top:25px; margin-left:2px; z-index:99; color:#fff; width:67px; height:68px !important; text-align:center; padding:20px 0px 0px 0px; font-size:13px;}

.main_cont_2 .section .event_list span.social_01 {background:url('/theme/basic/shop/img/social01_bg.png') top no-repeat;}

.main_cont_2 .section .event_list span.social_02 {background:url('/theme/basic/shop/img/social02_bg.png') top no-repeat;}

.main_cont_2 .section .event_list span.social_03 {background:url('/theme/basic/shop/img/social03_bg.png') top no-repeat;}

.main_cont_2 .section .event_list span.social_04 {background:url('/theme/basic/shop/img/social04_bg.png') top no-repeat;}

.main_cont_2 .section .event_list .photo{background:#000; height:237px; max-width:303px; max-height:237px;overflow:hidden; margin:0 auto;}

.main_cont_2 .section .event_list .photo img{width:100%;}

.main_cont_2 .section .event_list .li_tit {margin:18px 0px 12px 3px; font-size:18px; color:#333333; font-weight:bold; background:url('/theme/basic/shop/img/slider_tit_line.gif') left top no-repeat; padding:10px 0px 0px 0px;}

.main_cont_2 .section .event_list .li_text {margin:0px; font-size:14px; color:#666666; margin:0px 0px 0px 3px; line-height:18px; height:35px; overflow:hidden;}

.main_cont_2 .section .event_list a{display:block; overflow:hidden;}

.main_cont_2 .m_section{display:none;}

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

.main_cont_2_wrap{width:100%;}

.main_cont_2{width:100%; padding:0px 0 30px 0;}

.main_cont_2 .tit{margin-bottom:15px; height:53px; background: url('http://www.hyundailivart.co.kr/ko/images/intro/m_main_tit_2.png') no-repeat center center; background-size:50% auto;}

.main_cont_2 .slider{padding:0px; width:799px; margin:0 auto;}

.main_cont_2 .section{display:none;}

.main_cont_2 .m_section{display:block;}

.main_cont_2 .m_section .event_list{width:399px !important;}

    .main_cont_2 .m_section .event_list span.company_tit {position:absolute; top:25px; margin-left:0px; z-index:99; color:#fff; width:67px; height:68px !important; text-align:center; padding:20px 0px 0px 0px; font-size:13px;}

    .main_cont_2 .m_section .event_list span.social_01 {background:url('/theme/basic/shop/img/social01_bg.png') top no-repeat;}

    .main_cont_2 .m_section .event_list span.social_02 {background:url('/theme/basic/shop/img/social02_bg.png') top no-repeat;}

    .main_cont_2 .m_section .event_list span.social_03 {background:url('/theme/basic/shop/img/social03_bg.png') top no-repeat;}

    .main_cont_2 .m_section .event_list span.social_04 {background:url('/theme/basic/shop/img/social04_bg.png') top no-repeat;}

    .main_cont_2 .m_section .event_list .photo{background:#000; height:293px; max-width:375px; max-height:293px;}

.main_cont_2 .m_section .event_list .photo img{width:100%;}

    .main_cont_2 .m_section .event_list .li_tit {margin:18px 0px 12px 3px; color:#333333; font-weight:bold; background:url('/theme/basic/shop/img/slider_tit_line.gif') left top no-repeat; padding:10px 0px 0px 0px;}

    .main_cont_2 .m_section .event_list .li_text {margin:0px; font-size:13px; color:#666666; margin:0px 0px 0px 3px; line-height:18px; overflow:hidden;}

}

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

.main_cont_2 .slider{width:599px;}

.main_cont_2 .m_section .event_list{width:299px !important;}

    .main_cont_2 .m_section .event_list .photo{max-width:250px; max-height:196px;}

}

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

    .slick-slide {padding:10px;}

    .main_cont_2 .slider{width:500px;}

    .main_cont_2 .m_section .event_list span.company_tit {top:11px;}

.main_cont_2 .m_section .event_list{width:249px !important;}

    .main_cont_2 .m_section .event_list .photo{max-width:240px; max-height:190px;}

}

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

    .main_cont_2 .slider{width:250px; }

.main_cont_2 .m_section .event_list{width:249px !important; min-height:315px;}

    .main_cont_2 .m_section .event_list .photo{max-width:230px; max-height:180px;}

}

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

    .main_cont_2 .slider{width:270px;}

.main_cont_2 .m_section .event_list{width:269px !important;}

    .main_cont_2 .m_section .event_list .photo{max-width:250px; max-height:197px;}

}

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

    .main_cont_2 .slider{width:220px; }

    .main_cont_2 .m_section .event_list{width:219px !important;}

    .main_cont_2 .m_section .event_list .photo{max-width:200px; max-height:158px;}

}

</style>

<script type="text/javascript" src="/js/shop/slick.min.js"></script>

css파일을 올려드리겠습니다.

latest의 style.css에 올린 css를 넣고

latest.skin.php 에서 만져주면 되는건가요..?