/*ucc2-01*/
.ucc{width: 940px; height: 3618px;position: relative;background-image: url(../images/ucc.jpg)}
.ucc > div{position: absolute; }
.ucc > .uccTab1{width: 100%; height: 102px; top:16.6%;}
.ucc > .uccTab1 > a:nth-child(1){cursor:auto}
.ucc > .uccTab1 > a{width: 33.3%;height: 100%; float: left;}

.ucc > .uccTab2{width: 165px; height: 49px; top: 78%; left:41.2%; font-size: 30px;font-family: 'NanumSquare', sans-serif !important; color: #fff; font-weight: bold;}
.ucc > .uccTab2 > img{position: relative; top:50%;z-index: 1}
.ucc > .uccTab2 span{width: 25%; float: left; text-align: center; line-height: 50px;}
.ucc > .uccTab2 span#d-day{width: 50%;letter-spacing: 24px;left: 12px; position: relative;}

.ucc > .uccTab3 {top: 89.5%; left:16%;}
.ucc > .uccTab3 > a {width: 110px; height: 28px; display: block;}

.ucc > .uccTab4 > a:nth-child(1) {width: 390px;height: 70px; position: absolute; top: 3478px;left:70px;}
.ucc > .uccTab4 > a:nth-child(2) {width: 390px;height: 70px; position: absolute; top: 3478px;left:479px;}



/*ucc2-02*/
.ucc2-02{width: 940px; height: 3162px;position: relative; font-family: 'NanumSquare'}
.ucc2-02 > img{width: 940px; height: 1359px;}
.ucc2-02 > div{position: absolute; }
.ucc2-02 > .uccTab1{width: 100%; height: 102px; top:19%;}
.ucc2-02 > .uccTab1 > a{width: 33.3%;height: 100%; float: left;}

.ucc2-02 > .uccTab2{text-align: center;line-height: 42px;width: 100%;}
.ucc2-02 > .uccTab2 div:nth-child(1){font-size: 35px;font-family:'Cafe24Dangdanghae' }
.ucc2-02 > .uccTab2 div:nth-child(1) span{color:#2e2e8c;}
.ucc2-02 > .uccTab2 > div:nth-child(2){font-size: 25px;font-weight: bold}
.ucc2-02 > .uccTab2 > div:nth-child(2)>span{background-image: url(../images/fff000.png); background-repeat: no-repeat; background-position: bottom;color: #ad0303;}
.ucc2-02 > .uccTab2 div:nth-child(3){width: 85%;margin: 0 auto}
.ucc2-02 > .uccTab2 div:nth-child(3) > ul > li{width: 31.5%; float: left; border: 1px solid #ccc; height: 328px; margin-right: 2%; margin-top: 2%}
.ucc2-02 > .uccTab2 div:nth-child(3) ul li:nth-child(3){margin-right: 0;}
.ucc2-02 > .uccTab2 div:nth-child(3) ul li > div:nth-child(1){height: 55%; border-bottom: 1px solid #ccc; background-color: #000000; cursor: pointer;}
.ucc2-02 > .uccTab2 div:nth-child(3) ul li > div:nth-child(1) > .tri {width: 0px; height: 0px; border-bottom: 50px solid transparent; border-left: 50px solid #2e2e8c; color:#ffffff;}
.ucc2-02 > .uccTab2 div:nth-child(3) ul:nth-child(2) li > div:nth-child(1) > .tri { border-left: 50px solid #666666; }
.ucc2-02 > .uccTab2 div:nth-child(3) ul li > div:nth-child(1) > .tri > span{font-size: 20px; font-family: sans-serif; font-weight: bold; color:#ffffff;position: relative;left:-40px;top: -5px}
.ucc2-02 > .uccTab2 div:nth-child(3) ul li > div:nth-child(1)>img{margin-top: 9%}
.ucc2-02 > .uccTab2 div:nth-child(3) ul li > div:nth-child(2){text-align: left; padding: 5%;}
.ucc2-02 > .uccTab2 div:nth-child(3) ul li > div:nth-child(2) > ul > li:nth-child(1){font-size: 18px;color: #222222;font-weight: bold; margin-bottom: -13px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 80%; }
.ucc2-02 > .uccTab2 div:nth-child(3) ul li > div:nth-child(2) > ul > li:nth-child(2){font-size: 1.04rem; color: #666666;}
.ucc2-02 > .uccTab2 div:nth-child(3) ul li > div:nth-child(2) > ul > li:nth-child(3){width: 100%; height: 15px; background-color: #f2f2f2; margin-bottom: 3%;}
.ucc2-02 > .uccTab2 div:nth-child(3) ul li > div:nth-child(2) > ul > li:nth-child(3) > span{width: 13%; height: 15px; background-color: #2e2e8c;display: block;}
.ucc2-02 > .uccTab2 div:nth-child(3) ul li > div:nth-child(2) > ul > div > span:nth-child(1){float: left; color: #2e2e8c; font-weight: bolder;font-size: 18px;}
.ucc2-02 > .uccTab2 div:nth-child(3) ul li > div:nth-child(2) > ul > div > span:nth-child(2){float: right;font-weight: bolder;font-size: 18px; width: 50%; text-align: right; }
.ucc2-02 > .uccTab2 div:nth-child(3) ul li > div:nth-child(2) > ul > div > span:nth-child(2)>img{margin-bottom: -2px; width: 24px; vertical-align: middle; margin-right: 2%; margin-top: -4px;}

.ucc2-02 > .uccTab3{text-align: center;line-height: 42px; width: 100%; top: 72%; /* background-image: url(../images/ddayTime.png); */ background-position: bottom; background-repeat: no-repeat; padding-bottom: 3%;     background-position-y: 82%;}
.ucc2-02 > .uccTab3 div:nth-child(1){font-size: 35px;font-family:'Cafe24Dangdanghae' }
.ucc2-02 > .uccTab3 div:nth-child(1) span{color:#2e2e8c;}
.ucc2-02 > .uccTab3 > div:nth-child(2)>span{color: #ad0303;}
.ucc2-02 > .uccTab3 > div:nth-child(2){font-size: 25px;font-weight: bold}
.ucc2-02 > .uccTab3 > div:nth-child(3){font-size: 30px;font-weight: bold; color:#ffffff; width: 45%; margin: 0 auto;}
.ucc2-02 > .uccTab3 > div:nth-child(3) > span{float: left; letter-spacing: 24px; text-align: left; margin-top: 7%}
.ucc2-02 > .uccTab3 > div:nth-child(3) span#ddayA{width: 37%; margin-left: 1.5%;}
.ucc2-02 > .uccTab3 > div:nth-child(3) span#ddayB , span#ddayC{width: 26%; margin-left: 4.7%;}
.ucc2-02 > .uccTab4{width: 100%; top: 76%;}
.ucc2-02 > .uccTab4 > div{width: 85%;margin: 0 auto;}
.ucc2-02 > .uccTab4 > div > ul{width: 50%; float: left;}
.ucc2-02 > .uccTab4 > div> ul:nth-child(1){width: 33.3%; font-weight: bold;border-left: 1px solid #000;margin-right: 15%;}
.ucc2-02 > .uccTab4 > div> ul:nth-child(1) > li {width: 25%; float: left; border-right: 1px solid #000; text-align: center;}
.ucc2-02 > .uccTab4 > div> ul:nth-child(2) > li >input[type="text"]{width: 345px;
height: 40px;border-radius: 5px; border: 1px solid #ccc; margin-top: -12px; float: right;padding: 3%;}
.search {width: 100%;position: relative;display: flex;}
.searchTerm {width: 100%;border: 1px solid #cccccc;border-right: none;padding: 5px;height: 40px;border-radius: 5px 0 0 5px;outline: none;}
.searchButton {width: 50px;height: 40px;border: 0;background: #141438;text-align: center;color: #fff;border-radius: 0 5px 5px 0;cursor: pointer;font-size: 20px;}
.searchButton:hover{border: none; outline: none;}
.wrap{width: 43%;position: absolute;top: 8px;left: 79.5%;transform: translate(-50%, -50%);}
.ucc2-02 > .uccTab4 a {font-weight: bold; font-size: 1.06rem;}
.ucc2-02 > .uccTab5{width: 100%; top: 78%; }
.ucc2-02 > .uccTab5 div{width: 85%; margin: 0 auto;}
.ucc2-02 > .uccTab5 div ul{width: 100%; line-height: 26px;}
.ucc2-02 > .uccTab5 div .first .play {position: absolute;  top:23%; left: 180px; }
.ucc2-02 > .uccTab5 div .first > li:nth-child(1) strong{font-size: 24px; font-weight: bold; display: block; margin-top: 15%}
.ucc2-02 > .uccTab5 div .first li:nth-child(1) p{color:#666666; font-size: 18px;}
.ucc2-02 > .uccTab5 div ul > li div{width: 100%;text-align: left; padding: 4%; font-family:'Nanum Gothic', sans-serif}
.ucc2-02 > .uccTab5 div ul > li div:nth-child(1){width: 51%;background-color: #000; height: 100%; float: left; }
.ucc2-02 > .uccTab5 div ul > li div:nth-child(2) {width: 40%; float: right;}
.ucc2-02 > .uccTab5 div ul li{ width: 49%; float: left; background-color: #e8e8f2; height: 152px;}
.ucc2-02 > .uccTab5 div ul li:nth-child(1) {margin-right: 2%;margin-bottom: 2%;position: relative; text-align: center;}
.fa-play-circle {font-size: 40px;color: white;opacity: 0.8;}
.ucc2-02 > .uccTab5 div ul > li div:nth-child(1) .fa-play-circle { margin-top: 25%; padding-left: 35%; }
.ucc2-02 > .uccTab5 div ul > li div:nth-child(2) > strong{font-size: 1.2em; font-weight:bold; letter-spacing: -1px;}
.ucc2-02 > .uccTab5 div ul > li div:nth-child(2) > p{font-size: 15px; font-family: 'Nanum Gothic', sans-serif; letter-spacing:-1.3px; color:#666666; }
.ucc2-02 > .uccTab5 div ul > li div:nth-child(3) > span:nth-child(1){float: left; line-height: 26px; width: 50%;}
.ucc2-02 > .uccTab5 div ul > li div:nth-child(3) > span:nth-child(2){float: right; line-height: 26px; width: 50%;}
.ucc2-02 > .uccTab5 div ul > li div:nth-child(3) > span:nth-child(1) > img.heart{vertical-align: top; width: 20px; margin-right:5%;}
.ucc2-02 > .uccTab5 div ul > li div:nth-child(3) > span:nth-child(2) > img{vertical-align: top; width: 17px; margin-right:5%;margin-top: 2%;}
.ucc2-02 > .uccTab5 button{border-radius: 50px; padding: 2.5% 16%; background-color:#2e2e8c; color:#ffffff; border: none; margin-top: 6%; cursor: pointer; font-size:0.9rem; letter-spacing:-1px;}



.pagination {width: 100%; margin: 0 auto; left: 20%; position: relative; margin-top:20%;}
.pagination a {color: black; float: left; padding: 8px 16px; font-family:'Nanum Gothic', sans-serif}
.pagination a.active {color: #ccc; border:1px solid #dddddd; padding: 8px 11px;}
.pagination a:first-child , .pagination a:last-child {padding: 8px 10px; }
.pagination a:hover:not(.active) {background-color: #ddd;}
.pagination > div > a.active{color: #2e2e8c; font-weight: bold; margin-left: 1%}