@charset "utf-8";

html,body {}

.sect {margin-top:80px;padding-bottom:80px;}
.sect.full {}
.sect.all   {margin-top:105px;}
.sect > h3 {margin-bottom:50px;line-height:34px;font-size:34px;color:#141414;font-family:'Campton-LightDEMO';}
.sect > h3 > strong {color:#f47a20;}
.sect > h3 > i {font-style:normal;font-family:'Noto Sans KR';}
.sect > h3:after {display:inline-block;content:"";vertical-align:bottom;margin:0 0 2px 15px;width:29px;height:29px;background:url('../img/home_title_bullet01.png') no-repeat right center;background-size:contain;}

.sect.best  {border-bottom:1px solid #e1e1e1;}
.sect.best > .list {width:calc(100% + 30px);margin:-50px 0 0 -30px;}
.sect.best > .list:after {display:block;content:"";clear:both;}
.sect.best > .list > .item {float:left;margin:50px 0 0 30px;width:calc((100% - 30px * 5 - 0.1px)/5);}
.sect.best > .list > .item > a {position:relative;display:block;font-weight:400;}
.sect.best > .list > .item > a > .num {position:absolute;display:block;width:34px;height:34px;line-height:34px;font-size:16px;color:#f47a20;text-align:center;font-family:'Campton-BoldDEMO';background-color:#141414;}
.sect.best > .list > .item > a > img {display:block;width:100%;}
.sect.best > .list > .item > a > .tit {margin-top:20px;line-height:20px;font-size:20px;color:#141414;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sect.best > .list > .item > a > .prc {margin-top:15px;line-height:14px;font-size:14px;color:#f47a20;}
.sect.best > .list > .item > a > .prc > i {font-style:normal;font-family:'Campton-BoldDEMO';}
.sect.best > .list > .item > a > .dsc {margin-top:10px;height:36px;line-height:18px;font-size:14px;color:#8c8b8b;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.sect.cate  {}
.sect.cate > h3 {margin-bottom:35px;}
.sect.cate > .list {margin:-15px 0 0 -15px;width:calc(100% + 15px);}
.sect.cate > .list:after {display:block;content:"";clear:both;}
.sect.cate > .list > .item {position:relative;float:left;margin:15px 0 0 15px;width:calc((100% - 15px * 4 - 0.1px)/4);background:no-repeat center center;background-size:cover;}
.sect.cate > .list > .item:before {display:block;content:"";padding-bottom:59%;}
.sect.cate > .list > .item > a {position:absolute;left:0;top:0;display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.4);}
.sect.cate > .list > .item > a > table {table-layout:fixed;width:100%;height:100%;color:#fff;text-align:center;}
.sect.cate > .list > .item > a > table td {}
.sect.cate > .list > .item > a > table td > .tit {line-height:22px;font-size:22px;font-weight:500;}
.sect.cate > .list > .item > a > table td > .dsc {line-height:22px;font-size:16px;font-weight:400;padding-top:15px;}

.sect.theme {margin-top:0;padding-top:80px;background-color:#f9f9f9;}
.sect.theme > .list {}
.sect.theme > .list > .item {margin-top:80px;}
.sect.theme > .list > .item:first-child {margin-top:0;}
.sect.theme > .list > .item:after {display:block;content:"";clear:both;}
.sect.theme > .list > .item > a.img {float:left;width:30%;}
.sect.theme > .list > .item > a.img > .img {height:264px;background:no-repeat center center;background-size:cover;}
.sect.theme > .list > .item > a.img > .tit {margin-top:15px;line-height:20px;font-size:20px;font-weight:500;color:#141414;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sect.theme > .list > .item > a.img > .dsc {margin-top:10px;line-height:14px;font-size:14px;font-weight:300;color:#141414;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sect.theme > .list > .item > .swipe {position:relative;float:right;width:calc(70% - 10px);padding:0 45px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sect.theme > .list > .item > .swipe > .btn {position:absolute;top:115px;width:20px;height:35px;background:no-repeat center center;font-size:0;}
.sect.theme > .list > .item > .swipe > .btn.prev {left :10px;background-image:url('../img/home_slider01_prev.png');}
.sect.theme > .list > .item > .swipe > .btn.next {right:10px;background-image:url('../img/home_slider01_next.png');}
.sect.theme > .list > .item > .swipe ul.lst {height:calc(264px + 35px + 24px);overflow:hidden;}
.sect.theme > .list > .item > .swipe ul.lst:after {display:block;content:"";clear:both;}
.sect.theme > .list > .item > .swipe ul.lst > li {float:left;margin:0 0 0 18px;width:calc((100% - 18px * 3 - 0.1px)/4);}
.sect.theme > .list > .item > .swipe ul.lst > li:first-child {margin-left:0;}
.sect.theme > .list > .item > .swipe ul.lst > li > a {display:block;}
.sect.theme > .list > .item > .swipe ul.lst > li > a > .img {height:264px;background:no-repeat center center;background-size:cover;}
.sect.theme > .list > .item > .swipe ul.lst > li > a > .tit {margin-top:15px;line-height:20px;font-size:16px;font-weight:400;color:#141414;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sect.theme > .list > .item > .swipe ul.lst > li > a > .prc {margin-top:10px;line-height:14px;font-size:14px;font-weight:400;color:#f47a20;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sect.theme > .list > .item > .swipe ul.lst > li > a > .prc > i {font-style:normal;font-size:18px;font-family:'Campton-BoldDEMO';}
.sect.theme > .list > .item > .swipe ul.lst.bx > li {margin-left:0;}

/*
.sect.theme {margin-top:0;padding-top:80px;background-color:#f9f9f9;}
.sect.theme > .list {}
.sect.theme > .list > .item {margin-top:80px;}
.sect.theme > .list > .item:first-child {margin-top:0;}
.sect.theme > .list > .item:after {display:block;content:"";clear:both;}
.sect.theme > .list > .item > a.img {float:left;width:30%;}
.sect.theme > .list > .item > a.img > .img {height:264px;background:no-repeat center center;background-size:cover;}
.sect.theme > .list > .item > a.img > .tit {margin-top:15px;line-height:20px;font-size:20px;font-weight:500;color:#141414;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sect.theme > .list > .item > a.img > .dsc {margin-top:10px;line-height:14px;font-size:14px;font-weight:300;color:#141414;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sect.theme > .list > .item > .swipe {position:relative;float:right;width:calc(70% - 10px);padding:0 45px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sect.theme > .list > .item > .swipe > .btn {position:absolute;top:115px;width:20px;height:35px;background:no-repeat center center;font-size:0;}
.sect.theme > .list > .item > .swipe > .btn.prev {left :10px;background-image:url('../img/home_slider01_prev.png');}
.sect.theme > .list > .item > .swipe > .btn.next {right:10px;background-image:url('../img/home_slider01_next.png');}
.sect.theme > .list > .item > .swipe ul.lst {height:calc(264px + 35px + 24px);overflow:hidden;}
.sect.theme > .list > .item > .swipe ul.lst:after {display:block;content:"";clear:both;}
.sect.theme > .list > .item > .swipe ul.lst > li {float:left;margin:0 0 0 18px;width:calc((100% - 18px * 3 - 0.1px)/4);}
.sect.theme > .list > .item > .swipe ul.lst > li:first-child {margin-left:0;}
.sect.theme > .list > .item > .swipe ul.lst > li > a {display:block;}
.sect.theme > .list > .item > .swipe ul.lst > li > a > .img {height:264px;background:no-repeat center center;background-size:cover;}
.sect.theme > .list > .item > .swipe ul.lst > li > a > .tit {margin-top:15px;line-height:20px;font-size:16px;font-weight:400;color:#141414;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sect.theme > .list > .item > .swipe ul.lst > li > a > .prc {margin-top:10px;line-height:14px;font-size:14px;font-weight:400;color:#f47a20;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sect.theme > .list > .item > .swipe ul.lst > li > a > .prc > i {font-style:normal;font-size:18px;font-family:'Campton-BoldDEMO';}
.sect.theme > .list > .item > .swipe ul.lst.bx > li {margin-left:0;}
*/

/** ¹öÆ°¿µ¿ª **/
.btn-area {text-align:center;margin:50px 0 50px;}
.btn-area a {display:inline-block;}
.btn-area a img {display:block;}

.btn-area.t01 {text-align:center;margin:100px 0 0;text-align:center;}
.btn-area.t01 a,
.btn-area.t01 input[type=submit] {display:inline-block;vertical-align:middle;padding:0 130px;height:60px;line-height:54px;font-size:20px;font-family:'Campton-BoldDEMO';font-weight:auto;color:#111;border:3px solid #111;;background-color:#fff;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn-area.t01 a.more {position:relative;width:320px;padding:0;}
.btn-area.t01 a.more:after,
.btn-area.t01 input[type=submit].more:after {position:absolute;top:22px;right:98px;display:block;content:"";margin-left:15px;width:17px;height:10px;background:url('../img/common_icon_btn01.png') no-repeat;}

/** HIT300 **/
#HIT300 {margin:50px 0 0 -60px;}
#HIT300 .item {margin:0 0 80px 60px;width:calc((100% - 360px - 0.1px)/6);font-size:15px;font-weight:300;color:#666;}
#HIT300 .item a {color:inherit;display:block;}
#HIT300 .item img {display:block;width:100%;}
#HIT300 .item .tit {margin-top:20px;line-height:16px;font-size:16px;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#HIT300 .item .wrp {*zoom:1;margin-top:10px;line-height:16px;}
#HIT300 .item .wrp:after {display:block;content:"";clear:both;}
#HIT300 .item .wrp .prc {float:left;font-size:16px;font-weight:400;line-height:16px;color:#f47a20;}
#HIT300 .item .wrp .prc i {font-family:'Campton-BoldDEMO';font-style:normal;}
#HIT300 .item .wrp .seq {float:right;}
#HIT300 .item .dsc {margin-top:12px;height:72px;line-height:24px;text-align:justify;
    overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

@media (max-width:1699px)
{
    #HIT300 {margin-left:-40px;}
    #HIT300 .item {margin:0 0 75px 40px;width:calc((100% - 161px)/4);}
}

@media (max-width:1500px)
{
    .sect {margin-top:50px;padding-bottom:50px;}
    .sect.theme {padding-top:50px;}
    
    .sect.best > .list > .item > a > .tit {font-size:16px;}
    .sect.best > .list > .item > a > .dsc {font-size:13px;}
    
    .sect.theme > .list > .item > a.img > .tit {font-size:16px;}
    .sect.theme > .list > .item > a.img > .dsc {font-size:13px;}
    .sect.theme > .list > .item > .swipe ul.lst > li > a > .tit {font-size:14px;}
    .sect.theme > .list > .item > .swipe ul.lst > li > a > .prc {font-size:13px;}
    .sect.theme > .list > .item > .swipe ul.lst > li > a > .prc > i {font-size:16px;}
}