.sec { position:relative; background:#fff; border:1px solid #ddd; margin-top:10px; }
.sec:not(.none) { position:relative; padding:20px; background:#fff; border:1px solid #ddd; margin-top:10px; }
.sec .title { position:relative; font-weight:600; /*padding-left:10px; */}
.sec .title:before { content:""; position:absolute; left:0; top:4px; bottom:4px; width:4px; border-radius:4px; /*background:var(--main-color2);*/ }
.sec .title:not(.min) { font-size:1.375rem; line-height:1.2; margin-bottom:10px; /*padding-left:12px;*/ }

.sec .title a { position:absolute; right:0; bottom:0; font-size:.813rem; color:#aaa; padding-right:10px; }
.sec .title a:before, .sec .title a:after { content:""; position:absolute; right:2px; width:1px; height:6px; background:#aaa; }
.sec .title a:before { transform:rotate(-45deg); top:2px; }
.sec .title a:after { transform:rotate(45deg); bottom:3px; }

.c { max-width:1200px; margin:0 auto; }

/*½ºÅ¸ÀÏ5*/
.sec-main-visual { position:relative;width:100%;overflow:hidden; }

#main-slide { display:flex; background:#666; }
#main-slide .swiper-container { width:65%; }

#main-slide .swiper-slide { overflow:hidden; }
#main-slide .swiper-slide .img { position:relative; padding-bottom:60%; transition-duration:200ms; }
#main-slide .swiper-slide .img::after { content: ""; position:absolute; left:0; bottom:0; width:100%; height:50%; background:linear-gradient(to bottom, transparent, rgba(0,0,0,.8)); }

#main-slide .ctrl { width:35%; }
#main-slide .ctrl .pg { position:relative; z-index:1; height:100%; color:#fff; }
#main-slide .ctrl .pg .item { position:relative; width:100%; height:20%; background:rgba(0,0,0,.7); border-radius:0; opacity:1; display:flex; align-items:center; }
#main-slide .ctrl .pg .item:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:#a0744f; z-index:-1; }
#main-slide .ctrl .pg .item i { width:0; overflow:hidden; }
#main-slide .ctrl .pg .item .tit { transition-duration:200ms; padding:0 20px; max-height:45px; width:65%; white-space:normal; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
#main-slide .ctrl .pg .item .img { width:35%; height:100%; background:none no-repeat center/cover; }
#main-slide .ctrl .pg .item.swiper-pagination-bullet-active { background:none; }
#main-slide .ctrl .pg .item.swiper-pagination-bullet-active i { width:auto; padding-left:20px; }
#main-slide .ctrl .pg .item.swiper-pagination-bullet-active .tit { width:100%; }
#main-slide .ctrl .pg .item.swiper-pagination-bullet-active .img { display:none; }

#main-slide .swiper-slide .content { position:absolute; left:0; right:0; bottom:0; color:#fff; padding:30px; opacity:0; }
#main-slide .swiper-slide .content .head { line-height:1.3; font-size:2.2rem; font-weight:600; }

#main-slide .swiper-slide-active .content { opacity:1; }


@media (max-width: 1024px) {

    #main-slide .swiper-slide .img { padding-bottom:80%; }

}

@media (max-width: 767px) {
    #main-slide { display:block; }
    #main-slide .swiper-container, #main-slide .ctrl { width:100%; }

    #main-slide .swiper-slide .img { padding-bottom:60%; }
    #main-slide .swiper-slide .img::after { height:70%; }

    #main-slide .ctrl .pg { display:flex; }
    #main-slide .ctrl .pg .item i, #main-slide .ctrl .pg .item .tit { display:none; }

    #main-slide .ctrl .pg .item { opacity:.2; }
    #main-slide .ctrl .pg .item.swiper-pagination-bullet-active { opacity:1; }
    #main-slide .ctrl .pg .item .img { width:100%; height:auto; padding-bottom:70%; }
    #main-slide .ctrl .pg .item.swiper-pagination-bullet-active .img { display:block; }

    #main-slide .swiper-slide .content { padding:15px; }
    #main-slide .swiper-slide .content .head { font-size:1.8rem; }

}

/*½ºÅ¸ÀÏ5*/

/* ½ºÅ¸ÀÏ6*/
.sec-sw-1fullimg1 { background:#f8f8f8; }

.sec-sw-1fullimg1 .scr-widerright:after { background:#f8f8f8; }

.sec-sw-1fullimg1 .swiper { position:relative; }
.sec-sw-1fullimg1 .swiper-img .swiper-slide { background:none no-repeat center/cover; padding-bottom:40%; }
.sec-sw-1fullimg1 .swiper-img .swiper-slide:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.2); }

.sec-sw-1fullimg1 .swiper-txt { position:absolute; left:0; top:0; right:0; bottom:0; }

.sec-sw-1fullimg1 .swiper-txt .swiper-slide { text-align:center;  color:#fff; display:flex; flex-direction: column; justify-content:center; align-items:center; padding-bottom:5%; }
.sec-sw-1fullimg1 .swiper-txt .desc { width:60%; font-size:1.8rem; margin:20px 0 40px;line-height:26px; white-space: normal; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sec-sw-1fullimg1 .swiper-txt .head { width:60%;padding:10px; 0 10px 0;font-size:3rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sec-sw-1fullimg1 .swiper-txt .more { position:relative; font-size:.875rem; z-index:10; border-color:#fff !important; color:#fff !important; transition: 0ms 0ms; }
.sec-sw-1fullimg1 .swiper-txt .more .arrow { background:#fff !important; }
.sec-sw-1fullimg1 .swiper-txt .more .arrow:before, .sec-sw-1fullimg1 .swiper-txt .more .arrow:after { background:#fff !important; }
.sec-sw-1fullimg1 .swiper-txt .more:hover { background:#fff !important; color:#333 !important; }
.sec-sw-1fullimg1 .swiper-txt .more:hover .arrow { background:#333 !important; }
.sec-sw-1fullimg1 .swiper-txt .more:hover .arrow:before, .sec-sw-1fullimg1 .swiper-txt .more:hover .arrow:after { background:#333 !important; }

.sec-sw-1fullimg1 .swiper-txt .swiper-slide:not(.swiper-slide-active) .desc,
.sec-sw-1fullimg1 .swiper-txt .swiper-slide:not(.swiper-slide-active) .head,
.sec-sw-1fullimg1 .swiper-txt .swiper-slide:not(.swiper-slide-active) .more { opacity:0; }

.sec-sw-1fullimg1 .swiper-txt .swiper-slide.swiper-slide-active .desc,
.sec-sw-1fullimg1 .swiper-txt .swiper-slide.swiper-slide-active .head,
.sec-sw-1fullimg1 .swiper-txt .swiper-slide.swiper-slide-active .more { opacity:1; }


.sec-sw-1fullimg1 .nav { position:absolute; top:0; bottom:0; width:50%; z-index:9; }
.sec-sw-1fullimg1 .nav.prev { left:0; cursor: url('https://www.kpetnews.com/layouts/skin3/_images/cursor_arrow_prev.png') 35 35, url('https://www.kpetnews.com/layouts/skin3/_images/cursor_arrow_prev.cur')  35 35, auto; }
.sec-sw-1fullimg1 .nav.next { right:0; cursor: url('https://www.kpetnews.com/layouts/skin3/_images/cursor_arrow_next.png') 35 35, url('https://www.kpetnews.com/layouts/skin3/_images/cursor_arrow_next.cur')  35 35, auto; }

.sec-sw-1fullimg1 .pg { position:absolute; left:10px; bottom:10px; right:10px; display:flex; z-index:10; }
.sec-sw-1fullimg1 .pg .sw-thumb { width:calc(12.5% - 5px); margin:0 2.5px; border:1px solid #eee; cursor:pointer; }
.sec-sw-1fullimg1 .pg .sw-thumb .img { padding-bottom:60%; background:none no-repeat center/cover; filter:grayscale(100%); }
.sec-sw-1fullimg1 .pg .sw-thumb.on .img { filter: none; }
.sec-sw-1fullimg1 .pg .sw-thumb:nth-child(n+9) { display:none; }


@media (max-width: 1024px) {
    .sec-sw-1fullimg1 { margin:0; padding-top:0 !important; padding-bottom:0 !important; padding-left:0 !important; padding-right:0 !important; }
    .sec-sw-1fullimg1 .swiper-img .swiper-slide { padding-bottom:66%; }

    .sec-sw-1fullimg1 .swiper-txt .desc { font-size:1.125rem; margin:10px 0 20px; }
    .sec-sw-1fullimg1 .swiper-txt .head { font-size:2.2rem; }

    .sec-sw-1fullimg1 .nav { top:50%; bottom:auto; margin-top:-20px; width:40px; height:40px; }
    .sec-sw-1fullimg1 .nav.prev { left:10px; cursor:pointer; background:url('https://www.kpetnews.com/layouts/skin3/_images/cursor_arrow_prev.png') no-repeat center/contain; }
    .sec-sw-1fullimg1 .nav.next { right:10px; cursor:pointer; background:url('https://www.kpetnews.com/layouts/skin3/_images/cursor_arrow_next.png') no-repeat center/contain; }
}

@media (max-width: 767px) {

    .sec-sw-1fullimg1 .swiper-txt .head { font-size:1.75rem; }
    .sec-sw-1fullimg1 .pg .sw-thumb { width:calc(20% - 5px); }
    .sec-sw-1fullimg1 .pg .sw-thumb:nth-child(n+6) { display:none; }

}
/* ½ºÅ¸ÀÏ6*/

/*½ºÅ¸ÀÏ7*/
.sec-sw-board-3topimg2 { position:relative; padding:50px 0; }
.sec-sw-board-3topimg2:before { content:""; position:absolute; left:0; top:0; bottom:0; right:0; opacity:.2; background:#ffa50f; }

.sec-sw-board-3topimg2 .header { position:relative; margin-bottom:50px; }

.sec-sw-board-3topimg2 .header.center { text-align:center; }
.sec-sw-board-3topimg2 .header .subhead { position:relative; padding-top:10px; font-weight:900; margin-bottom:20px; }
.sec-sw-board-3topimg2 .header .subhead:before { content:""; position:absolute; left:0; top:0; height:1px; width:25px; background:#333; }
.sec-sw-board-3topimg2 .header.center .subhead:before { left:50%; margin-left:-12.5px; }
.sec-sw-board-3topimg2 .header .head { font-size:2rem; line-height:1; margin-bottom:15px; font-weight: 700; }
.sec-sw-board-3topimg2 .header .desc { font-size:1.25rem; line-height: 160%; color:#666; }

.sec-sw-board-3topimg2 .header .btn-wrap { position:absolute; top:50%; right:0; transform:translateY(-50%); display:flex; }

.sec-sw-board-3topimg2 .header .btn-wrap a { position:relative; display:flex; justify-content:center; align-items:center; border-radius:99px; background:#fff; padding:20px; height:60px; margin-left:20px; }
.sec-sw-board-3topimg2 .header .btn-wrap a:before, .sec-sw-board-3topimg2 .header .btn-wrap a:after {  content:""; position:absolute; border-radius:100%; transition-duration:500ms; }
.sec-sw-board-3topimg2 .header .btn-wrap a > * { position:relative; z-index:2; }

.sec-sw-board-3topimg2 .header .btn-wrap .nav { width:60px; transition-duration:500ms; color:#333 !Important; }
.sec-sw-board-3topimg2 .header .btn-wrap .nav:before { left:50%; top:50%; transform:translate(-50%, -50%); width:50%; height:50%; opacity:0; }
.sec-sw-board-3topimg2 .header .btn-wrap .nav:after { left:0; top:0; width:100%; height:100%; opacity:0; }
.sec-sw-board-3topimg2 .header .btn-wrap .nav:hover { color:#fff !important; }
.sec-sw-board-3topimg2 .header .btn-wrap .nav:hover:before { width:130%; height:130%; opacity:.2; }
.sec-sw-board-3topimg2 .header .btn-wrap .nav:hover:after { opacity:1; }

.sec-sw-board-3topimg2 .header .btn-wrap .swiper-button-disabled { background:rgba(255,255,255,.5); cursor:default; }
.sec-sw-board-3topimg2 .header .btn-wrap .swiper-button-disabled:hover { color:#333 !Important; }
.sec-sw-board-3topimg2 .header .btn-wrap .swiper-button-disabled:before, .sec-sw-board-3topimg2 .header .btn-wrap .swiper-button-disabled:after { display:none; }

.sec-sw-board-3topimg2 .header .btn-wrap .all { padding:0 50px; font-weight:800; overflow:hidden; }
.sec-sw-board-3topimg2 .header .btn-wrap .all:before { left:50%; bottom:-120%; transform:translateX(-50%); width:0; height:0; background:#333; }
.sec-sw-board-3topimg2 .header .btn-wrap .all:hover { color:#fff; }
.sec-sw-board-3topimg2 .header .btn-wrap .all:hover:before { width:200px; height:200px; }

.sec-sw-board-3topimg2 .swiper-slide { border-radius:30px; overflow:hidden; background:#fff; }
.sec-sw-board-3topimg2 .swiper-slide .a {text-decoration:none;}
.sec-sw-board-3topimg2 .swiper-slide .a .image { min-height:208px;overflow:hidden; }
.sec-sw-board-3topimg2 .swiper-slide .a .image .img {min-height:208px;padding-bottom:55%; transition-duration:500ms; }
.sec-sw-board-3topimg2 .swiper-slide .a:hover .image .img { transform:scale(1.1); }

.sec-sw-board-3topimg2 .swiper-slide .a .content { padding:25px 35px; transition-duration:400ms; }
.sec-sw-board-3topimg2 .swiper-slide .a .content .head { white-space: nowrap;font-size:1.5rem;color:#333;font-weight:bold; text-overflow: ellipsis; overflow: hidden; margin-bottom:15px; }
.sec-sw-board-3topimg2 .swiper-slide .a .content .desc { display:flex; align-items:center; justify-content: space-between; }
.sec-sw-board-3topimg2 .swiper-slide .a .content .desc .date {text-decoration:none; color:#888; }
/*btn Å¬·¡½º ºÎÆ®½ºÆ®·¦5 Ãæµ¹·Î btnx ·Î º¯°æ*/
.sec-sw-board-3topimg2 .swiper-slide .a .content .desc .btnx { text-decoration:none;border-radius:99px; padding:10px 25px; background:#eee; transition-duration:500ms; }
.sec-sw-board-3topimg2 .swiper-slide .a:hover .content .desc .btnx { background:#333; color:#fff; }


@media (max-width: 1024px) {
    .sec-sw-board-3topimg2 .header { margin-bottom:30px; }
    .sec-sw-board-3topimg2 .header .btn-wrap { position:relative; top:0; transform:translateY(0); margin-top:20px; width:100%; justify-content: flex-end; }
    .sec-sw-board-3topimg2 .header .btn-wrap a { margin-left:10px; }
}

@media (max-width: 767px) {

    .sec-sw-board-3topimg2 .header .btn-wrap { margin-top:10px; }
    .sec-sw-board-3topimg2 .header .btn-wrap a { padding:5px; height:45px; margin-left:5px; }
    .sec-sw-board-3topimg2 .header .btn-wrap .nav { width:45px; }
    .sec-sw-board-3topimg2 .header .btn-wrap .all { padding:0 30px; }

    .sec-sw-board-3topimg2 .swiper-slide .a .content { padding:15px 20px; }
    .sec-sw-board-3topimg2 .swiper-slide .a .content .head { margin-bottom:10px; }
    .sec-sw-board-3topimg2 .swiper-slide .a .content .desc .btnx { padding:5px 15px; }
}
/*½ºÅ¸ÀÏ7*/

/*½ºÅ¸ÀÏ 8*/
.sub-visual { position:relative;margin-bottom:20px; }
.sub-visual .title {font-weight:bold;font-size:20px;font-family:'¸¼Àº °íµñ','Malgun Gothic',³ª´®°íµñ,µ¸¿ò,Dotum,±¼¸²,Gulim,'Apple SD Gothic Neo',sans-serif;color:#005020;}
.sub-visual .swiper-slide { display:flex; flex-wrap: wrap; background:#fff;text-decoration:none; }
.sub-visual .swiper-slide .image { width:50%; }
.sub-visual .swiper-slide .image .img { padding-bottom:66%; }
.sub-visual .swiper-slide .content { width:50%; padding:25px 30px;  }
.sub-visual .swiper-slide .subhead { color:#ffa50f;font-size:1.25rem; font-weight:600; }
.sub-visual .swiper-slide .head { font-size:2.6rem; color:#1a1a1a;line-height:40px; font-weight:600; height:80px; margin-bottom:20px; white-space: normal; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sub-visual .swiper-slide .desc { white-space: normal;font-size:1.5rem;line-height:24px; color:#1a1a1a; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.sub-visual .swiper-slide .more { display:inline-block; margin-top:20px; }
.sub-visual .swiper-slide:hover .more { background:#333; color:#fff; }
.sub-visual .swiper-slide:hover .more .arrow,
.sub-visual .swiper-slide:hover .more .arrow:before,
.sub-visual .swiper-slide:hover .more .arrow:after { background:#eee !important; }


.sub-visual .ctrl { position:absolute; padding:0 30px; z-index:3; }

.sub-visual .pg { left:50%; bottom:25px; }
.sub-visual .pg span { margin-left:3px; }
.sub-visual .pg span.swiper-pagination-bullet-active { background:#333; }

.sub-visual .nav { position:absolute; bottom:15px; right:0; padding:0 30px; z-index:3; display:flex; align-items:center; }
.sub-visual .nav div { position:relative; width:30px; height:30px; margin-left:5px; cursor:pointer; transition-duration:300ms; }
.sub-visual .nav div:before,
.sub-visual .nav div:after { content:""; position:absolute; width:3px; height:15px; border-radius:5px; background:#444; }

.sub-visual .nav div.prev:before { transform:rotate(45deg); left:45%; top:10%; }
.sub-visual .nav div.prev:after { transform:rotate(-45deg); left:45%; bottom:10%; }
.sub-visual .nav div.next:before { transform:rotate(-45deg); left:45%; top:10%; }
.sub-visual .nav div.next:after { transform:rotate(45deg); left:45%; bottom:10%; }

.sub-visual .nav div.prev:hover { transform:translateX(-5px); }
.sub-visual .nav div.next:hover { transform:translateX(5px); }



@media (max-width: 1200px) {
    .sub-visual .swiper-slide .image .img { padding-bottom:70%; }
}

@media (max-width: 1024px) {
    .sub-visual .swiper-slide .content { padding:20px 25px; }
    .sub-visual .swiper-slide .head { height:60px; font-size:1.4rem; margin-bottom:15px; }
    .sub-visual .swiper-slide .more { display:none !important; }

    .sub-visual .ctrl { padding:0 25px; }
    .sub-visual .pg { bottom:20px; }
    .sub-visual .nav { bottom:12px; }
}


@media (max-width: 767px) {
    .pg-sub .sub-wrap { padding:0; }

    .sub-visual { padding-bottom:50px !important; }
    .sub-visual .swiper-slide { flex-direction: column; height:auto; }
    .sub-visual .swiper-slide .image,
    .sub-visual .swiper-slide .content { width:100%; }

    .sub-visual .swiper-slide .image .img { padding-bottom:60%; }

    .sub-visual .swiper-slide .content { padding:15px 0; }

    .sub-visual .swiper-slide .content .head { height:auto; }

    .sub-visual .ctrl { padding:0 15px; }
    .sub-visual .pg { left:0; }
}
/*½ºÅ¸ÀÏ 8*/

.sec .more { padding:13px 30px; border:1px solid #666; transition:background 500ms 0ms !important; }
.sec .more .arrow { margin-left:7px; }

.sec .arrow { position:relative; display:inline-block; vertical-align:middle; margin-top:-2px; width:17px; height:1px; background:#666; }
.sec .arrow:before, .sec .arrow:after { content:""; position:absolute; background:#666; width:7px; height:1px; right:0; }
.sec .arrow:before { top:300%; transform:rotate(-45deg); }
.sec .arrow:after { bottom:300%; transform:rotate(45deg); }

.sec .more:hover { background:#333; color:#fff; }
.sec .more:hover .arrow,
.sec .more:hover .arrow:before, 
.sec .more:hover .arrow:after { background:#eee; }

.skin2 {width:100%;overflow:hidden;margin-bottom:20px;}
.skin2 .view-box {width:1200px;overflow:hidden;margin:0px auto 0px auto;}

/*°ø¿ë*/
.title-box{height:42px;width:100%;overflow:hidden;margin-bottom:0px;}
.title-box .text{float:left;overflow:hidden;line-height:42px;}
.title-box .text a {font-weight:bold;font-size:20px;font-family:'¸¼Àº °íµñ','Malgun Gothic',³ª´®°íµñ,µ¸¿ò,Dotum,±¼¸²,Gulim,'Apple SD Gothic Neo',sans-serif;color:#005020;}
.title-box .more{float:right;overflow:hidden;line-height:42px;}
.title-box .more a {font-weight:normal;font-size:12px;font-family:'¸¼Àº °íµñ','Malgun Gothic',³ª´®°íµñ,µ¸¿ò,Dotum,±¼¸²,Gulim,'Apple SD Gothic Neo',sans-serif;color:rgb(119, 119, 119);}
.title-box .more a:hover {text-decoration:underline}

/* ÄÜÅÙÃ÷ */
.skin2 .view-box .left-box {width:790px;float:left;height:auto;position:relative;overflow:hidden;}

/*½½¶óÀÌ´õ ÄÜÅÙÃ÷*/
.main-slider {width:100%;height:383px;margin:0 auto 5px auto;overflow:hidden;position:relative;}
.main-slider .colBox {width: 100%;  height:383px;position: relative;/*border:#c8cdcd 1px solid;overflow:hidden;*/}
.main-slider .colBox:after {content:''; display:block; clear:both;}
.main-slider .colBox .slideWrap {width:100%;height:383px; position: relative;overflow:hidden; margin-bottom: 0px;}
.main-slider .colBox .slideWrap .mainSlide {width: 100%;overflow:hidden; height: 383px;margin-bottom:15px;}

.main-slider .colBox .slideWrap .mainSlide ul.bxslider {width:100%;height:383px;overflow:hidden;}

.main-slider .colBox .slideWrap .mainSlide ul.bxslider li .slider-box{width:100%;height:383px;}
.main-slider .colBox .slideWrap .mainSlide ul.bxslider li .slider-box .thumb-box {width:100%;overflow:hidden;
background-position: right top; 
/*background-size: cover;*/
/*background-size:818px 460px;*/
background-size:auto 383px;
background-repeat: no-repeat; 
background-attachment: initial; 
background-origin: initial; 
background-clip: initial;
}

.main-slider .colBox .slideWrap .mainSlide ul.bxslider li .slider-box .thumb-box .horizontal-gradient {
  float:left;width:550px;height:383px;
  background-size:550px 383px;
  background-position: left top; 
  background-repeat: no-repeat; 
  background-attachment: initial; 
  background-origin: initial; 
  background-clip: initial;
  /*background-color: rgb(237, 237, 237);*/
  /*background-image: url('/layouts/skinx-skin/_pages/skin2/headline/img/slide-bg-gray.png');*/
}

.main-slider .colBox .slideWrap .mainSlide ul.bxslider li .slider-box .thumb-box .horizontal-gradient .s-title {
width:500px;
height:80px;
overflow:hidden;
margin-top:50px;
margin-bottom:30px;
padding:0 0 0 20px;
}

.main-slider .colBox .slideWrap .mainSlide ul.bxslider li .slider-box .thumb-box .horizontal-gradient .s-title a{
font-size:28px;
font-weight:bold;
letter-spacing:-1px;
color:#333;
line-height:40px;
}

.main-slider .colBox .slideWrap .mainSlide ul.bxslider li .slider-box .thumb-box .horizontal-gradient .s-content {
width:450px;
height:100px;
overflow:hidden;
font-size:14px;
color:#666;
letter-spacing:-1px;
font-weight:normal;
line-height:24px;
padding:0 0 0 20px;
}


.main-slider .colBox .slideWrap .mainSlide ul.bxslider li .slider-box .thumb-box .thumb {
float:right;width:310px;height:383px;border: 1px solid rgb(223, 223, 223); color: rgb(51, 51, 51); 
letter-spacing: -0.6px; 
background-color: rgb(255, 255, 255);
text-align:center;
background-position: center center; 
/*background-size: cover;*/
/*background-size:818px 460px;*/
background-size:310px 383px;
background-repeat: no-repeat; 
background-attachment: initial; 
background-origin: initial; 
background-clip: initial;
}

.main-slider .colBox .slideWrap .mainSlide ul.bxslider li .slider-box .thumb-box .thumb .play-button {
position:relative;
top:180px;
opacity: 0.6;
cursor:pointer;
}

.main-slider .colBox .slideWrap .mainSlide ul.bxslider li .slider-box .thumb-box .thumb .play-button:hover {
opacity: 1;
}

.main-slider .colBox .slideWrap .thumbList {position:absolute;top:320px;left:10px;width:250px;z-index:999;}
/* ¼öÁ¤ */
.main-slider .colBox .slideWrap .thumbList ul {margin:0 auto;width:250px;text-align:center;}
.main-slider .colBox .slideWrap .thumbList ul li {width: 20px; margin-right: -1px; float: left;}
.main-slider .colBox .slideWrap .thumbList ul li:first-child {background: none;}

.main-slider .colBox .slideWrap .thumbList ul li a {background: url('/layouts/skinx-skin/_pages/skin2/headline/img/btn_focus_paging.png') no-repeat;display: block;font-weight:bold;font-size:12px;padding: 12px 0px 10px; text-align: center; color: rgb(51, 51, 51);}
.main-slider .colBox .slideWrap .thumbList ul li a.active {background: url('/layouts/skinx-skin/_pages/skin2/headline/img/btn_focus_paging_on.png') no-repeat;}
.main-slider .colBox .slideWrap .thumbList ul li a.active {color: rgb(206, 23, 16); padding-top: 12px; padding-bottom: 10px; font-weight: bold; position: relative;}
.main-slider .colBox .slideWrap .thumbList ul:after {content:''; display:block; clear:both;}

.main-slider .colBox .slideWrap .btn_page {position:absolute;top:300px;right:10px;overflow:hidden;width:120px;height:60px;z-index:999;}
.main-slider .colBox .slideWrap .btn_page a {
    zoom: 1; 
    filter: alpha(opacity=50); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    -khtml-opacity: 0.5; 
    -moz-opacity: 0.5; 
    opacity: 0.5; 
}

.main-slider .colBox .slideWrap .btn_page a:hover {
    zoom: 1; 
    filter: alpha(opacity=100); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
    -khtml-opacity: 1; 
    -moz-opacity: 1; 
    opacity: 1; 
}

.main-slider .colBox .slideWrap .btn_page a .prev-circle {
  position: absolute;
  width: 42px;
  height: 42px;
  background: #fff;
  border-radius: 10%;
  text-align: center;
  right: 64px;
  top: 4px;
}

.main-slider .colBox .slideWrap .btn_page a .prev-circle i{position:relative;left:0px;}

.main-slider .colBox .slideWrap .btn_page a .next-circle {
  position: absolute;
  width: 42px;
  height: 42px;
  background: #fff;
  border-radius: 10%;
  text-align: center;
  right: 5px;
  top: 4px
}

.main-slider .colBox .slideWrap .btn_page a .next-circle i{position:relative;left:3px;}

.main-slider .colBox .slideWrap .btn_page a i {
  margin: 10px;
  font-size: 22px;
  color:#000;
}

.main-slider .colBox .slideWrap .btn_page a img{width:42px;height:42px;}

.main-slider .colBox .slideWrap .bx-controls-direction a {display: block; position: absolute; text-indent:-999em; width: 27px; height: 52px; top:200px;}
.main-slider .colBox .slideWrap .bx-controls-direction a.bx-prev {background: url('/layouts/skinx-skin/_pages/skin2/headline/img/arrow_left01.png') no-repeat; left:25px;filter:alpha(opacity=60);opacity:0.6;}
.main-slider .colBox .slideWrap .bx-controls-direction a.bx-next {background: url('/layouts/skinx-skin/_pages/skin2/headline/img/arrow_right01.png') no-repeat; right:25px;filter:alpha(opacity=60);opacity:0.6;}
.main-slider .colBox .slideWrap .bx-controls-direction a.bx-prev:hover {background: url('/layouts/skinx-skin/_pages/skin2/headline/img/arrow_left01.png') no-repeat; left:25px;filter:alpha(opacity=100);opacity:1;}
.main-slider .colBox .slideWrap .bx-controls-direction a.bx-next:hover {background: url('/layouts/skinx-skin/_pages/skin2/headline/img/arrow_right01.png') no-repeat; right:25px;filter:alpha(opacity=100);opacity:1;}
.main-slider .colBox .slideWrap .bx-controls-auto {display: none;}

.skin2 .view-box .right-box {width:360px;float:right;height:auto;position:relative;margin-bottom:0px;overflow:hidden;}

.number-list {width: 100%; overflow: hidden;margin-bottom:5px;height:auto;}
.number-list .list-box {width:100%;margin-top:0px;overflow:hidden;}
.number-list .list-box .list{width:100%;height:38.5px;overflow:hidden;border-bottom:#dfdfdf  1px dashed;/*text-overflow:ellipsis;white-space:nowrap;*/}
.number-list .list-box .list a {color:#333;font-size:14px;line-height:36px;font-weight:normal;position:relative;top:0px;}
.number-list .list-box .list  i {color:#666;font-size:20px;font-weight:bold;padding-right:15px;font-family:Tahoma;position:relative;top:0px;}


/*½½¶óÀÌ´õ ÄÜÅÙÃ÷-100%*/
.main-slider-100 {width:100%;height:383px;margin:0 auto 15px auto;overflow:hidden;position:relative;}
.main-slider-100 .colBox {width: 100%;  height:383px;position: relative;/*border:#c8cdcd 1px solid;overflow:hidden;*/}
.main-slider-100 .colBox:after {content:''; display:block; clear:both;}
.main-slider-100 .colBox .slideWrap {width:100%;height:383px; position: relative;overflow:hidden; margin-bottom: 0px;}
.main-slider-100 .colBox .slideWrap .mainSlide-100 {width: 100%;overflow:hidden; height: 383px;margin-bottom:15px;}

.main-slider-100 .colBox .slideWrap .mainSlide-100 ul.bxslider-100 {width:100%;height:383px;overflow:hidden;}

.main-slider-100 .colBox .slideWrap .mainSlide-100 ul.bxslider-100 li .slider-box{width:100%;height:383px;}
.main-slider-100 .colBox .slideWrap .mainSlide-100 ul.bxslider-100 li .slider-box .thumb-box {width:100%;overflow:hidden;
background-position: right top; 
/*background-size: cover;*/
/*background-size:818px 460px;*/
background-size:auto 383px;
background-repeat: no-repeat; 
background-attachment: initial; 
background-origin: initial; 
background-clip: initial;
}

.main-slider-100 .colBox .slideWrap .mainSlide-100 ul.bxslider-100 li .slider-box .thumb-box .horizontal-gradient {
  float:left;width:970px;height:383px;
  background-size:970px 383px;
  background-position: left top; 
  background-repeat: no-repeat; 
  background-attachment: initial; 
  background-origin: initial; 
  background-clip: initial;
  /*background-color: rgb(237, 237, 237);*/
  /*background-image: url('/layouts/skinx-skin/_pages/skin2/headline/img/full-slide-bg-gray.png');*/
}

.main-slider-100 .colBox .slideWrap .mainSlide-100 ul.bxslider-100 li .slider-box .thumb-box .horizontal-gradient .s-title {
width:680px;
height:80px;
overflow:hidden;
margin-top:50px;
margin-bottom:30px;
padding:0 0 0 20px;
}

.main-slider-100 .colBox .slideWrap .mainSlide-100 ul.bxslider-100 li .slider-box .thumb-box .horizontal-gradient .s-title a{
font-size:28px;
font-weight:bold;
letter-spacing:-1px;
color:#333;
line-height:40px;
}

.main-slider-100 .colBox .slideWrap .mainSlide-100 ul.bxslider-100 li .slider-box .thumb-box .horizontal-gradient .s-content {
width:650px;
height:100px;
overflow:hidden;
font-size:14px;
color:#666;
letter-spacing:-1px;
font-weight:normal;
line-height:24px;
padding:0 0 0 20px;
}


.main-slider-100 .colBox .slideWrap .mainSlide-100 ul.bxslider-100 li .slider-box .thumb-box .thumb {
float:right;width:310px;height:383px;border: 1px solid rgb(223, 223, 223); color: rgb(51, 51, 51); 
letter-spacing: -0.6px; 
background-color: rgb(255, 255, 255);
text-align:center;
background-position: center center; 
/*background-size: cover;*/
/*background-size:818px 460px;*/
background-size:310px 383px;
background-repeat: no-repeat; 
background-attachment: initial; 
background-origin: initial; 
background-clip: initial;
}

.main-slider-100 .colBox .slideWrap .mainSlide-100 ul.bxslider-100 li .slider-box .thumb-box .thumb .play-button {
position:relative;
top:180px;
opacity: 0.6;
cursor:pointer;
}

.main-slider-100 .colBox .slideWrap .mainSlide-100 ul.bxslider-100 li .slider-box .thumb-box .thumb .play-button:hover {
opacity: 1;
}

.main-slider-100 .colBox .slideWrap .thumbList {position:absolute;top:320px;left:10px;width:250px;z-index:999;}
/* ¼öÁ¤ */
.main-slider-100 .colBox .slideWrap .thumbList ul {margin:0 auto;width:250px;text-align:center;}
.main-slider-100 .colBox .slideWrap .thumbList ul li {width: 20px; margin-right: -1px; float: left;}
.main-slider-100 .colBox .slideWrap .thumbList ul li:first-child {background: none;}

.main-slider-100 .colBox .slideWrap .thumbList ul li a {background: url('/layouts/skinx-skin/_pages/skin2/headline/img/btn_focus_paging.png') no-repeat;display: block;font-weight:bold;font-size:12px;padding: 12px 0px 10px; text-align: center; color: rgb(51, 51, 51);}
.main-slider-100 .colBox .slideWrap .thumbList ul li a.active {background: url('/layouts/skinx-skin/_pages/skin2/headline/img/btn_focus_paging_on.png') no-repeat;}
.main-slider-100 .colBox .slideWrap .thumbList ul li a.active {color: rgb(206, 23, 16); padding-top: 12px; padding-bottom: 10px; font-weight: bold; position: relative;}
.main-slider-100 .colBox .slideWrap .thumbList ul:after {content:''; display:block; clear:both;}

.main-slider-100 .colBox .slideWrap .btn_page {position:absolute;top:300px;right:10px;overflow:hidden;width:120px;height:60px;z-index:999;}
.main-slider-100 .colBox .slideWrap .btn_page a {
    zoom: 1; 
    filter: alpha(opacity=50); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    -khtml-opacity: 0.5; 
    -moz-opacity: 0.5; 
    opacity: 0.5; 
}

.main-slider-100 .colBox .slideWrap .btn_page a:hover {
    zoom: 1; 
    filter: alpha(opacity=100); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
    -khtml-opacity: 1; 
    -moz-opacity: 1; 
    opacity: 1; 
}

.main-slider-100 .colBox .slideWrap .btn_page a .prev-circle {
  position: absolute;
  width: 42px;
  height: 42px;
  background: #fff;
  border-radius: 10%;
  text-align: center;
  right: 64px;
  top: 4px;
}

.main-slider-100 .colBox .slideWrap .btn_page a .prev-circle i{position:relative;left:0px;}

.main-slider-100 .colBox .slideWrap .btn_page a .next-circle {
  position: absolute;
  width: 42px;
  height: 42px;
  background: #fff;
  border-radius: 10%;
  text-align: center;
  right: 5px;
  top: 4px
}

.main-slider-100 .colBox .slideWrap .btn_page a .next-circle i{position:relative;left:3px;}

.main-slider-100 .colBox .slideWrap .btn_page a i {
  margin: 10px;
  font-size: 22px;
  color:#000;
}

.main-slider-100 .colBox .slideWrap .btn_page a img{width:42px;height:42px;}

.main-slider-100 .colBox .slideWrap .bx-controls-direction a {display: block; position: absolute; text-indent:-999em; width: 27px; height: 52px; top:200px;}
.main-slider-100 .colBox .slideWrap .bx-controls-direction a.bx-prev {background: url('/layouts/skinx-skin/_pages/skin2/headline/img/arrow_left01.png') no-repeat; left:25px;filter:alpha(opacity=60);opacity:0.6;}
.main-slider-100 .colBox .slideWrap .bx-controls-direction a.bx-next {background: url('/layouts/skinx-skin/_pages/skin2/headline/img/arrow_right01.png') no-repeat; right:25px;filter:alpha(opacity=60);opacity:0.6;}
.main-slider-100 .colBox .slideWrap .bx-controls-direction a.bx-prev:hover {background: url('/layouts/skinx-skin/_pages/skin2/headline/img/arrow_left01.png') no-repeat; left:25px;filter:alpha(opacity=100);opacity:1;}
.main-slider-100 .colBox .slideWrap .bx-controls-direction a.bx-next:hover {background: url('/layouts/skinx-skin/_pages/skin2/headline/img/arrow_right01.png') no-repeat; right:25px;filter:alpha(opacity=100);opacity:1;}
.main-slider-100 .colBox .slideWrap .bx-controls-auto {display: none;}


/*°ø¿ë*/
.title-box{height:42px;width:100%;overflow:hidden;margin-bottom:0px;}
.title-box .text{float:left;overflow:hidden;line-height:42px;}
.title-box .text a {font-weight:bold;font-size:16px;font-family:'¸¼Àº °íµñ','Malgun Gothic',³ª´®°íµñ,µ¸¿ò,Dotum,±¼¸²,Gulim,'Apple SD Gothic Neo',sans-serif;color:#005020;}
.title-box .more{float:right;overflow:hidden;line-height:42px;}
.title-box .more a {font-weight:normal;font-size:12px;font-family:'¸¼Àº °íµñ','Malgun Gothic',³ª´®°íµñ,µ¸¿ò,Dotum,±¼¸²,Gulim,'Apple SD Gothic Neo',sans-serif;color:rgb(119, 119, 119);}
.title-box .more a:hover {text-decoration:underline}

.btn_page {width:120px;position:relative;height:60px;}
.btn_page a {
    zoom: 1; 
    filter: alpha(opacity=50); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    -khtml-opacity: 0.5; 
    -moz-opacity: 0.5; 
    opacity: 0.5; 
}

.btn_page a:hover {
    zoom: 1; 
    filter: alpha(opacity=100); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
    -khtml-opacity: 1; 
    -moz-opacity: 1; 
    opacity: 1; 
}

.btn_page a .prev-circle {
  position: absolute;
  width: 42px;
  height: 42px;
  background: #fff;
  border-radius: 10%;
  text-align: center;
  right: 64px;
  top: 4px;
}

.btn_page a .prev-circle i{position:relative;left:0px;}

.btn_page a .next-circle {
  position: absolute;
  width: 42px;
  height: 42px;
  background: #fff;
  border-radius: 10%;
  text-align: center;
  right: 5px;
  top: 4px
}

.btn_page a .next-circle i{position:relative;left:3px;}

.btn_page a i {
  margin: 10px;
  font-size: 22px;
  color:#000;
}
.btn_page a img{width:42px;height:42px;}


/*°ø¿ë dot*/
.dots {
    float:left;
	top:2px;
	width: 5px;
	bottom: 6px;
	height: 5px;
	display: block;
	text-align: center;
}

.dots .dot-black {
	top: 0px;
	width: 5px;
	height: 5px;
	margin-right:10px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(88, 94, 105, 1);
}

.dots .dot-gray {
	top: 0px;
	width: 5px;
	height: 5px;
	margin-right:10px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(197, 198, 201, 1);
}


/* ÄÜÅÙÃ÷ */
.skin2 .view-box .left-box {width:790px;float:left;height:auto;position:relative;overflow:hidden;}

/* Æ÷Åä Ã¼ÀÎÁö*/
.deal_area {position:relative;width:100%;height:385px;overflow:hidden;margin-bottom:15px;}
.deal_area .deal_info {position:relative;width:100%;height:381px;overflow:hidden;}

.deal_area .deal_info .img_area {position:relative;float:left;width:440px;overflow:hidden;}

/*Æ÷ÅäÁ¤º¸ ¿µ¿ª ÀÌ¹ÌÁö ºò»çÀÌÁî */
.deal_area .deal_info .img_area .roll {position:relative;height:376px;overflow:hidden;}
.deal_area .deal_info .img_area .roll .slides_control li {height:367px;position:absolute;top:0;left:0;

/* animation : È¿°ú(@keyframes ÀÌ¸§) µ¿ÀÛ½Ã°£ */
animation: fadeout 3s;
display:none;
}

@keyframes fadeout {
/* È¿°ú¸¦ µ¿ÀÛ½Ã°£ µ¿¾È 0 ~ 1±îÁö */
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.deal_area .deal_info .img_area .roll .slides_control li .photo {width:100%;overflow:hidden;position:relative;}

.deal_area .deal_info .img_area .roll .slides_control li .s-con {width:440px;height:90px;position:absolute;bottom:-10px;left:0px;padding:10px;overflow:hidden;background:#efefef;}
.deal_area .deal_info .img_area .roll .slides_control li .s-con .tit {width:100%;height:24px;overflow:hidden;margin-bottom:5px;}
.deal_area .deal_info .img_area .roll .slides_control li .s-con .tit a {font-size:16px;line-height:24px;font-weight:bold;color:#333;}
.deal_area .deal_info .img_area .roll .slides_control li .s-con .tit a:hover {color:#888;}
.deal_area .deal_info .img_area .roll .slides_control li .s-con .con {width:100%;height:50px;overflow:hidden;font-size:14px;line-height:22px;font-weight:normal;color:#666;}

.deal_area .deal_info .img_area .roll .slides_control li.show {
/* animation : È¿°ú(@keyframes ÀÌ¸§) µ¿ÀÛ½Ã°£ */
	animation: fadein 3s;
    display: block;
}

@keyframes fadein {
/* È¿°ú¸¦ µ¿ÀÛ½Ã°£ µ¿¾È 0 ~ 1±îÁö */
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.deal_area .deal_info .img_area .roll .slides_control li.show .photo {width:100%;overflow:hidden;position:relative;}

.deal_area .deal_info .img_area .roll .slides_control li.show .s-con {width:440px;height:90px;position:absolute;bottom:-10px;left:0px;padding:10px;overflow:hidden;background:#efefef;}
.deal_area .deal_info .img_area .roll .slides_control li.show .s-con .tit {width:100%;height:24px;overflow:hidden;margin-bottom:5px;}
.deal_area .deal_info .img_area .roll .slides_control li.show .s-con .tit a {font-size:14px;font-weight:bold;color:#333;}
.deal_area .deal_info .img_area .roll .slides_control li.show .s-con .tit a:hover {color:#888;}
.deal_area .deal_info .img_area .roll .slides_control li.show .s-con .con {width:100%;height:50px;overflow:hidden;font-size:14px;line-height:22px;font-weight:normal;color:#666;}

/* Æ÷ÅäÁ¤º¸ ¿µ¿ª ½ºÆ¼Ä¿ */
.deal_area .deal_info .img_area .thmb_sticker {position:absolute;top:-4px;left:15px;z-index:100;}
.deal_area .deal_info .img_area .thmb_sticker li {width:130px;padding-top:7px;height:61px;float:left;text-indent:-9999px;font-size:0;line-height:0;}
.deal_area .deal_info .img_area .thmb_sticker li.ot_today_open {position:relative;background:url('/layouts/skinx-skin/_pages/skin4/content/img/ico_headline.png') no-repeat;background-position:0 0;width:88px;height:80px;margin:0;}

/*ÀÌ¹ÌÁö ½æ³×ÀÏ ¸®½ºÆ®*/
.deal_area .deal_info .thmb_area {float:right;position:relative;width:338px;}
.deal_area .deal_info .thmb_area .thmb_lst {margin:0;padding:0;} /*ul*/
.deal_area .deal_info .thmb_area .thmb_lst li {width:100%;height:38px;list-style-type:none;position:relative;overflow:hidden;}

.deal_area .deal_info .thmb_area .thmb_lst li .box {width:100%;height:34px;position:absolute;top:0;left:0;border:1px solid #dfdfdf;padding-left:10px;border-radius:0px 5px 5px 0px;}

.deal_area .deal_info .thmb_area .thmb_lst li .box:hover {
/*animation: color 9s infinite linear;*/

}
.deal_area .deal_info .thmb_area .thmb_lst li .box a {font-size:14px;font-weight:bold;color:#666;line-height:32px;}
.deal_area .deal_info .thmb_area .thmb_lst li .box a:hover {color:#444;}

.deal_area .deal_info .thmb_area .thmb_lst li.show .box {
border:2px solid #ED545B;
/*animation: color 9s infinite linear;*/
background:url('/layouts/skinx-skin/_pages/skin4/content/img/w-arrow-25.png') no-repeat;
background-position:-2px -2px;
}
.deal_area .deal_info .thmb_area .thmb_lst li.show .box:hover {
/*animation: color 9s infinite linear;*/
}
.deal_area .deal_info .thmb_area .thmb_lst li.show .box a {font-size:14px;color:#666;line-height:32px;}
.deal_area .deal_info .thmb_area .thmb_lst li.show .box a:hover {color:#333;}

@keyframes color {
  0%   { background: #33CC36; }
  20%  { background: #B8CC33; }
  40%  { background: #FCCA00; }
  60%  { background: #33CCCC; }
  80%  { background: #E95A94; }
  100% { background: #ED545B; }
}

/*
#967BDC
#ED545B
#00B3D7
#EEDD22
#F29E00
#FF73A1
#61BD6D
*/

/*ÆäÀÌÁö Ä«¿îÆ® */
.deal_area .deal_info .img_area .page_count {left: 350px; top: 310px; position: absolute;}
.deal_area .deal_info .img_area .page_count .count {font: bold 11px/23px Tahoma; color: rgb(102, 102, 102); padding-right: 6px; float: left; font-size-adjust: none; font-stretch: normal;}
.deal_area .deal_info .img_area .page_count .count em {font: bold 11px/23px Tahoma; color: rgb(102, 102, 102); padding-right: 6px; float: right; font-size-adjust: none; font-stretch: normal;}

/*ÀÌ¹ÌÁö ½½¶óÀÌµå ÁÂ¿ì ÀÌµ¿ ¹öÆ° */
.deal_area .deal_info .img_area .btn_page  {left: 150px; top: 110px; position: absolute;}
.deal_area .deal_info .img_area .btn_page a {font-size:0;line-height:0;overflow:hidden;text-indent:-9999px;width:17px;height:30px;margin:0 7px;position:absolute;top:10; right:10px;z-index:9999;}
.deal_area .deal_info .img_area .btn_page a.btn_prev_female {background:url('/layouts/skinx-skin/_images/ico_favorite_prev.png') no-repeat 0 0;left:15px;top:15px;}
.deal_area .deal_info .img_area .btn_page a.btn_next_female {background:url('/layouts/skinx-skin/_images/ico_favorite_next.png') no-repeat 0 0;right:15px;top:15px;}
.deal_area .deal_info .img_area .btn_page a.btn_prev_female:hover,
.deal_area .deal_info .img_area .btn_page a.btn_prev_female.selected,
.deal_area .deal_info .img_area .btn_page a.on_prev {background:url('/layouts/skinx-skin/_images/ico_favorite_prev_hover.png') no-repeat 0 0;left:15px;top:15px;}
.deal_area .deal_info .img_area .btn_page a.btn_next_female:hover,
.deal_area .deal_info .img_area .btn_page a.btn_next_female.selected,
.deal_area .deal_info .img_area .btn_page a.on_next {background:url('/layouts/skinx-skin/_images/ico_favorite_next_hover.png') no-repeat 0 0;right:15px;top:15px;}


.deal_area .deal_info .thmb_area .btn_prev a, .deal_area .deal_info .thmb_area .btn_next a {display:block;width:17px;height:30px;text-indent:-9999px;overflow:hidden;background-image:url('/layouts/skinx-skin/_images/ico_favorite_prev_hover.png');background-repeat:no-repeat;background-position:0 0;}
.deal_area .deal_info .thmb_area .btn_next a {background-image:url('/layouts/skinx-skin/_images/ico_favorite_next_hover.png');background-position:0 0;}

.deal_area .deal_info .thmb_area .btn_prev, .deal_area .deal_info .thmb_area .btn_next {float:left;width:17px;height:30px;margin-top:17px;}
.deal_area .deal_info .thmb_area .btn_prev {margin-left:22px;margin-right:31px;}

.deal_area .deal_info .thmb_area .btn_next {margin-left:31px;}
.deal_area .deal_info .thmb_area .btn_prev a:hover, .deal_area .deal_info .thmb_area .btn_prev.selected a {background-image:url('/layouts/skinx-skin/_images/ico_favorite_prev_hover.png');background-position:0 0;}
.deal_area .deal_info .thmb_area .btn_next a:hover, .deal_area .deal_info .thmb_area .btn_next.selected a {background-image:url('/layouts/skinx-skin/_images/ico_favorite_next_hover.png');background-position:0 0;}

.skin2 .view-box .right-box {width:380px;float:right;height:auto;position:relative;margin-bottom:0px;overflow:hidden;}

/* ·Ñ¸µ ¸®½ºÆ®*/

/*rolling list*/
.rolling {width:100%;height:385px;background:#fff;position: relative;overflow: hidden;z-index: 11;font-size: 12px;color: #666;padding: 0; margin-bottom:15px;}
.active.rolling {
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.6);
}
/* Feeds */
.rolling .tab-inner {height:385px;overflow:hidden;}
.rolling .stream {overflow: hidden;}
.rolling .tab-inner ul.stream > li {width:100%;height:77.2px;margin-bottom: 10px;position: relative;overflow: hidden;background: none;border-bottom: 1px solid #ccc;border-top: 1px solid #fff;line-height: 1.4em;}

/*½æ³×ÀÏ Å¸ÀÌÆ² ½º¸ôÇü*/
.rolling .tab-inner ul.stream > li .list-box {width:100%;height:75.5px;padding: 0px;margin-bottom:10px;overflow:hidden;}
.rolling .tab-inner ul.stream > li .list-box .thumb-box {overflow: hidden;  width: 90px; height: 75px; box-sizing: border-box; float: left;padding-top:7px;}
.rolling .tab-inner ul.stream > li .list-box .thumb-box .thumb {width: 80px; height: 60px;

/*border-radius: 50%; */

border-top-left-radius: 0px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 0px;

display: block; overflow: hidden; background-position: center center; background-size: 80px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;}
.rolling .tab-inner ul.stream > li .list-box .desc {float:right;width:260px;overflow:hidden;}
.rolling .tab-inner ul.stream > li .list-box .desc .sbj {width:100%;height:45px;overflow:hidden;margin-bottom:5px;}
.rolling .tab-inner ul.stream > li .list-box .desc .sbj a{text-decoration: none;font-weight:bold;font-size: 14px; line-height: 22px;color: #666;} 
.rolling .tab-inner ul.stream > li .list-box .desc .sbj a:hover {text-decoration: underline;} 

.rolling .tab-inner ul.stream > li .list-box .desc .cont {width:100%;height:20px;overflow:hidden;text-align:right;}
.rolling .tab-inner ul.stream > li .list-box .desc .cont a{text-decoration: none;text-align:right;font-size: 12px; line-height: 20px;color: rgb(119, 119, 119);} 
.rolling .tab-inner ul.stream > li .list-box .desc .cont a:hover {text-decoration: underline;} 

.rolling  .loading {background: url('/layouts/skinx-skin/_images/rolling/loader.gif') no-repeat 10px center;padding: 10px 30px 10px 42px;}

/* Controls */
.rolling .controls {position: absolute;right: 10px;height: 20px;padding: 5px 0;z-index: 12;display: none;background: url('/layouts/skinx-skin/_images/rolling/bg_white.png') repeat 0 0;}
.rolling .controls ul {padding: 0 10px;}
.rolling .controls li {display: inline;}
.rolling .controls a {	display: block;width: 20px;height: 20px;float: left;margin-right: 4px;background: url('/layouts/skinx-skin/_images/rolling/controls.png') no-repeat 0 0;}
.rolling .controls .prev {	background-position: -40px 0;}
.rolling .controls .next {background-position: -60px 0;}
.rolling .controls .play {background-position: 0 0;}
.rolling .controls .pause {background-position: -20px 0;}
.rolling .controls .rolling-close {background-position: -80px 0;}
.rolling .controls .prev:hover {background-position: -40px -20px;}
.rolling .controls .next:hover {background-position: -60px -20px;}
.rolling .controls .play:hover {background-position: 0 -20px;}
.rolling .controls .pause:hover {background-position: -20px -20px;}
.rolling .controls .rolling-close:hover {background-position: -80px -20px;}
/** Bottom **/
.rolling.bottom .controls {bottom: 0;}
/*´º½ºÅ²ÄÜÅÙÃ÷*/

/*Çìµå¶óÀÎ 2´ÜÇü*/
.htitle-box{height:32px;width:100%;overflow:hidden;margin-bottom:10px;}
.htitle-box .text{float:left;overflow:hidden;line-height:30px;}
.htitle-box .text a {font-weight:bold;font-size:18px;font-family:'¸¼Àº °íµñ','Malgun Gothic',³ª´®°íµñ,µ¸¿ò,Dotum,±¼¸²,Gulim,'Apple SD Gothic Neo',sans-serif;color:#005020;}
.htitle-box .more{float:right;overflow:hidden;line-height:30px;}
.htitle-box .more a {font-weight:normal;font-size:12px;font-family:'¸¼Àº °íµñ','Malgun Gothic',³ª´®°íµñ,µ¸¿ò,Dotum,±¼¸²,Gulim,'Apple SD Gothic Neo',sans-serif;color:rgb(119, 119, 119);}
.htitle-box .more a:hover {text-decoration:underline}

/*Çìµå¶óÀÎ 2´ÜÇü*/
 ul.list_row_type2 {margin:0;padding:0;}
 ul.list_row_type2 li {float:left;list-style-type:none;position:relative;z-index:0;height:306px;padding:0px;}
 ul.list_row_type2 li.box1{width:790px;overflow:hidden;}

 ul.list_row_type2 .type01 {width:790px;height:306px;overflow:hidden;}
_ul.list_row_type2 span.type01 {border-width: 1px; border-style: solid; border-color: rgb(213, 212, 208) rgb(213, 212, 208) rgb(192, 191, 188); padding: 0px; width: 100%; display: block; background-color: rgb(255, 255, 255); -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none;}
 ul.list_row_type2 li span.type01:hover {/*border:2px solid #ef2011;*/}
 ul.list_row_type2 li .box_content {width:100%;height:306px;overflow:hidden;position:absolute;top:0px;left:0px;}

/*Çìµå¶óÀÎ ÄÜÅÙÃ÷*/
.section_headline {overflow:hidden;width:100%;border:#ddd 0px solid;}
.section_headline .main_bnr .bx-pager {position:absolute;top:20px;right:25px;}
.section_headline .main_bnr .bx-pager .pager-link {overflow:hidden;float:left;width:12px;height:15px;margin-right:6px;font-size:0;line-height:0;text-indent:-999em;display:block;background:url('/layouts/skinx-skin/_images/btn_focus_paging.png') 0 0 no-repeat;}
.section_headline .main_bnr .bx-pager .pager-link:hover{background:url('/layouts/skinx-skin/_images/btn_focus_paging_on.png') 0 0 no-repeat;}
.section_headline .main_bnr .bx-pager .pager-active,
.section_headline .main_bnr .bx-pager .pager-active:hover {background:url('/layouts/skinx-skin/_images/btn_focus_paging_on.png') 0 0 no-repeat;}
.section_headline .main_bnr .bx-pager .pager-active {width:12px;height:15px;margin-right:6px;}
.section_headline .main_bnr .bx-auto {position:absolute;top:20px;right:20px;}
.section_headline .main_bnr .bx-prev,
.section_headline .main_bnr .bx-next {overflow:hidden;position:absolute;top:135px;width:30px;height:50px;font-size:0;line-height:0;text-indent:-9999px;clear:both;}
.section_headline .main_bnr .bx-prev {left:-1;top:150px;background:url('/layouts/skinx-skin/_images/btn_focus_prev.png') 0 0 no-repeat;filter:alpha(opacity=50);opacity:.5;}
.section_headline .main_bnr .bx-next {left:760px;top:150px;background:url('/layouts/skinx-skin/_images/btn_focus_next.png') 0 0 no-repeat;filter:alpha(opacity=50);opacity:.5;}

.section_headline .main_bnr .bx-prev:hover, .section_headline .main_bnr .bx-next:hover {filter:alpha(opacity=100);opacity:1;}

/*Çìµå¶óÀÎ ÄÜÅÙÃ÷*/
.colBox {width: 788px; position: relative;overflow:hidden;padding:0px;}
.colBox .news-title {width:100%;height:47px;margin:0px 0 5px 0;*zoom:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.colBox .news-title .title-text {padding-top:8px;height:47px;font-size: 26px; line-height: 45px; letter-spacing: -0.08em; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255);}
.colBox .news-title .title-text a{font-size: 26px;line-height: 26px;font-weight:bold;color:#000;}
.colBox .news-title .title-text a:hover{text-decoration:underline;}

.colBox .news-box {width:785px;overflow:hidden;margin-bottom:10px;overflow:hidden;}
.colBox .news-box .nl {float:left;overflow:hidden;width:370px;}
.colBox .news-box .nl .box_thumb {float:left;width:370px;height:248px;border: 1px solid rgb(223, 223, 223);background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;}
.colBox .news-box .nl .box_thumb img {width:370px;min-height:248px;padding:0px;overflow:hidden;}

.colBox .news-box .nr {float:right;display:block;padding:0px 0 0;width:400px;overflow:hidden;}
.colBox .news-box .nr .sub-title {display:block;overflow:hidden;height:30px;width:100%;text-overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-bottom:5px;}
.colBox .news-box .nr .sub-title a{color:#333;margin-bottom:15px;display: inline !important; overflow: hidden; height: 32px; font-size: 20px; line-height: 32px; letter-spacing: -0.08em; color: #444; background-color: rgb(255, 255, 255);font-weight:bold;}
.colBox .news-box .nr .sub-title a:hover{text-decoration:underline;}

.colBox .news-box .nr .desc {display:block;overflow:hidden;width:100%;height:100px;white-space:normal;text-overflow:ellipsis;border-bottom:#dfdfdf 1px solid;padding-right:10px;}
.colBox .news-box .nr .desc {font-size: 15px; letter-spacing: -0.6px; color: rgb(102, 103, 108); text-decoration: none;line-height:26px;}
.colBox .news-box .nr .desc:hover{text-decoration:none;}

.colBox .news-box .nr .relation_news {display:block;height:105px;overflow:hidden;padding-top:12px;padding-left:0px;width:100%;text-align:left;}
.colBox .news-box .nr .relation_news .list {display:block;overflow:hidden;width:100%;height:20px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;color:#333;}
.colBox .news-box .nr .relation_news .list a{font-size: 13px; font-weight:bold;letter-spacing: -0.6px; color: #1a1a1a; text-decoration: none;margin-left:5px;}
.colBox .news-box .nr .relation_news .list a:hover{text-decoration:underline;}

.dots {
    float:left;
	width: 5px;
	bottom: 6px;
	height: 5px;
	display: block;
	text-align: center;
}

.dots .dot-black {
	top: -2px;
	width: 5px;
	height: 5px;
	margin-right:10px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(88, 94, 105, 1);
}

.dots .dot-gray {
	top: -2px;
	width: 5px;
	height: 5px;
	margin-right:10px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(197, 198, 201, 1);
}

 ul.list_row_type2 li.box2{width:389px;}
 ul.list_row_type2 .type02 {width:389px;height:306px;}
 ul.list_row_type2 span.type02 {border-width: 1px; border-style: solid; border-color: rgb(213, 212, 208) rgb(213, 212, 208) rgb(192, 191, 188); padding: 7px 7px 3px; width: 389px; display: block; background-color: rgb(255, 255, 255); -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none;}
 ul.list_row_type2 li span.type02:hover {/*border:2px solid #ef2011;*/}

.headline-youtube-box {width:100%;height:306px;padding:3px;}
.headline-youtube-box .player{width:100%;height:220px;position:relative;overflow:hidden;margin-bottom:10px;background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;}
.headline-youtube-box .player .headline-btn-example{width:60px;height:42px;overflow:hidden;position:absolute;top:90px;left:160px;}
.headline-youtube-box .player .headline-btn-example img{width:60px;height:42px;}
.headline-youtube-box .player .movie-title{width:100%;height:32px;overflow:hidden;position:absolute;bottom:0px;left:0px;line-height:32px;background:#000000;color:#ffffff;font-weight:bold;font-size:12px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}


/*210318 À¯Æ©ºê ¼öÁ¤*/

.headline-youtube-box .youtube {width:100%;position:relative;height:300px;float:left;overflow:hidden;border:#dfdfdf 1px solid;}
.headline-youtube-box .youtube .bx-pager {position:absolute;top:20px;right:25px;}
.headline-youtube-box .youtube .bx-pager .pager-link {overflow:hidden;float:left;width:12px;height:15px;margin-right:6px;font-size:0;line-height:0;text-indent:-999em;display:block;background:url('/layouts/skinx-skin/_images/btn_focus_paging.png') 0 0 no-repeat;}
.headline-youtube-box .youtube .bx-pager .pager-link:hover{background:url('/layouts/skinx-skin/_images/btn_focus_paging_on.png') 0 0 no-repeat;}
.headline-youtube-box .youtube .bx-pager .pager-active,
.headline-youtube-box .youtube .bx-pager .pager-active:hover {background:url('/layouts/skinx-skin/_images/btn_focus_paging_on.png') 0 0 no-repeat;}
.headline-youtube-box .youtube .bx-pager .pager-active {width:12px;height:15px;margin-right:6px;}
.headline-youtube-box .youtube .bx-auto {position:absolute;top:20px;right:20px;}
.headline-youtube-box .youtube .bx-prev,
.headline-youtube-box .youtube .bx-next {overflow:hidden;position:absolute;top:7px;right:15px;width:30px;height:23px;font-size:0;line-height:0;text-indent:-9999px;clear:both;}
.headline-youtube-box .youtube .bx-prev {left:-11;top:7px;right:30px;background:url('/layouts/skinx-skin/_images/btn_banner_prev.png') 0 0 no-repeat;filter:alpha(opacity=70);opacity:.7;}
.headline-youtube-box .youtube .bx-next {top:7px;right:0px;background:url('/layouts/skinx-skin/_images/btn_banner_next.png') 0 0 no-repeat;filter:alpha(opacity=70);opacity:.7;}
.headline-youtube-box .youtube .bx-prev:hover, .ad-banner-left-side .youtube .bx-next:hover {filter:alpha(opacity=100);opacity:1;}

.headline-youtube-box .youtube .bnr_thumb {position:relative;width:100%;height:300px;overflow:hidden;}
.headline-youtube-box .youtube .bnr_thumb li {float:left;width:100%;height:300px;overflow:hidden;}
.headline-youtube-box .youtube .bnr_thumb li .box {width:100%;overflow:hidden;margin:0;padding:0;}

.headline-youtube-box .youtube .bnr_thumb li .box_thumb {width:100%;height:250px;overflow:hidden;position:absolute;top:0px;left:0px;}
.headline-youtube-box .youtube .bnr_thumb li .box_thumb  img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.headline-youtube-box .youtube .bnr_thumb li .box_thumb .headline-btn-example{width:60px;height:42px;overflow:hidden;position:absolute;top:90px;left:160px;}
.headline-youtube-box .youtube .bnr_thumb li .box_thumb .headline-btn-example img{width:60px;height:42px;}

.headline-youtube-box .youtube .bnr_thumb li .box_desc {display:block;height:50px;position:absolute;top:250px;left:0px;padding-top:7px;width:100%;text-align:center;}
.headline-youtube-box .youtube .bnr_thumb li .box_desc a{font-weight:bold;color:#000;font-size:12px;line-height:20px;}


/*210318 À¯Æ©ºê ¼öÁ¤*/

.headline-youtube-box .thumb {width:100%;overflow:hidden;}
.headline-youtube-box .thumb ul li{float:left; width: 100%; height: 80px;margin-right:5px;}
.headline-youtube-box .thumb ul li:first-child {background: none;margin-right:0;}

.headline-youtube-box .thumb ul li .thumb-box{float:left;width:92px;height:63px;overflow:hidden;}
.headline-youtube-box .thumb ul li .thumb-box .photo{padding:5px;height:63px;overflow:hidden;background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;cursor:pointer;filter:alpha(opacity=80);opacity:.8;}
.headline-youtube-box .thumb ul li .thumb-box .photo:hover {filter:alpha(opacity=100);opacity:1;}

.headline-youtube-box .thumb ul:after {content:''; display:block; clear:both;}

.headline-youtube-box .thumb .bx-wrapper{max-width:100% !important;}
.headline-youtube-box .thumb .bx-controls-auto {display: none;}

.headline-youtube-box .thumb .bx-pager {display: none;}
.headline-youtube-box .thumb .bx-controls-direction a {display: block; position: absolute; text-indent:-999em; width: 17px; height: 31px; bottom:23px;}
.headline-youtube-box .thumb .bx-controls-direction a.bx-prev {left:5px;background:url('/layouts/skinx-skin/_images/ico_favorite_prev.png') no-repeat 0 0px;}
.headline-youtube-box .thumb .bx-controls-direction a.bx-next {right:7px;background:url('/layouts/skinx-skin/_images/ico_favorite_next.png') no-repeat 0 0px;}

.headline-youtube-box .thumb .bx-controls-direction a.bx-prev:hover {left:5px;background:url('/layouts/skinx-skin/_images/ico_favorite_prev_hover.png') no-repeat 0 0px;}
.headline-youtube-box .thumb .bx-controls-direction a.bx-next:hover {right:7px;background:url('/layouts/skinx-skin/_images/ico_favorite_next_hover.png') no-repeat 0 0px;}

/*Çìµå¶óÀÎ 3´ÜÇü*/
 ul.list_row_type3 {margin:0;padding:0;}
 ul.list_row_type3 li {float:left;list-style-type:none;position:relative;z-index:0;width:389px;height:379px;padding:9px;}
 ul.list_row_type3 .type03 {width:389px;height:379px;}
 ul.list_row_type3 span.type03 {border-width: 1px; border-style: solid; border-color: rgb(213, 212, 208) rgb(213, 212, 208) rgb(192, 191, 188); padding: 7px 7px 3px; width: 389px; display: block; background-color: rgb(255, 255, 255); -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none;}
 ul.list_row_type3 li span.type03:hover {/*border:2px solid #ef2011;*/}
 ul.list_row_type3 li .box_content {width:389px;height:325px;overflow:hidden;position:absolute;top:0px;left:0px;}
