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

.ucc2-03 > .uccTab2{text-align: center;line-height: 35px;width: 100%;}
.ucc2-03 > .uccTab2 div:nth-child(1),.ucc2-03 > .uccTab5 div:nth-child(1){font-size: 35px;font-family:'Cafe24Dangdanghae'; margin-bottom: 2%;clear: both; padding-top: 4%;}
.ucc2-03 > .uccTab2 div:nth-child(1) span , .ucc2-03 > .uccTab5 div:nth-child(1) span{color:#2e2e8c;}
.ucc2-03 > .uccTab2 > div:nth-child(2){font-size: 25px;font-weight: bold}
.ucc2-03 > .uccTab2 > div:nth-child(2)>span{background-image: url(../images/fff000.png); background-repeat: no-repeat; background-position: bottom;color: #ad0303;}
.ucc2-03 > .uccTab2 > div:nth-child(3){width: 85%; margin: 0 auto; background-image: url(../images/laurelBg.png); background-repeat: no-repeat; height: 300px; background-position: center}
.ucc2-03 > .uccTab2 div:nth-child(3) > ul{width: 35%; margin: 0 auto;}
.ucc2-03 > .uccTab2 > div:nth-child(3) > ul > li{width: 100%; float: left; border: 1px solid #ccc; height: 290px; margin-right: 2%; margin-top: 2%; position: relative;    padding-bottom: 4%;}
.ucc2-03 > .uccTab2 div:nth-child(3) ul li:nth-child(3){margin-right: 0;}
.ucc2-03 > .uccTab2 div:nth-child(3) ul li > div:nth-child(1){position: absolute;z-index: 1;top: -30px;left: -45px;}
.ucc2-03 > .uccTab2 div:nth-child(3) ul li > div:nth-child(2){width: 100%;height: 14%; background-color: #2e2e8c; color:#ffffff; font-family: 'NanumSquare';font-size: 1.2rem; }
.ucc2-03 > .uccTab2 div:nth-child(3) ul li > div:nth-child(3){height: 65%; border-bottom: 1px solid #ccc; background-color: #000000; cursor: pointer; margin: 3% 5%;width: 90%;}
.ucc2-03 > .uccTab2 div:nth-child(3) ul li > div:nth-child(3)>img{margin-top: 24%}
.ucc2-03 > .uccTab2 div:nth-child(3) ul li .boxbottom > 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: 100%; }
.ucc2-03 > .uccTab2 div:nth-child(3) ul li .boxbottom > ul > li:nth-child(2){color:#666666;font-family: nanumgothice; letter-spacing: -2px;}
.ucc2-03 > .uccTab2 div:nth-child(3) > ul:nth-child(2){width: 80%; margin: 0 auto;}
.ucc2-03 > .uccTab2 div:nth-child(3) > ul:nth-child(2) > li{width: 42%; float: left; margin: 4% 3%; margin-top: 6%;height: 250px;}
.ucc2-03 > .uccTab2 div:nth-child(3) > ul:nth-child(2) div:nth-child(3){height: 66%;}
.ucc2-03 > .uccTab2 div:nth-child(3) > ul:nth-child(2) > li:nth-child(1){margin-right: 6%;}
.ucc2-03 > .uccTab2 div:nth-child(3) > ul:nth-child(3){width: 62%; margin: 0 auto;}
.ucc2-03 > .uccTab2 div:nth-child(3) > ul:nth-child(3) > li {width: 46%; margin: 0 auto; margin-top: 3%; height: 235px;}
.ucc2-03 > .uccTab2 div:nth-child(3) > ul:nth-child(3) > li:nth-child(1) {margin-right: 7%;}
.ucc2-03 > .uccTab2 div:nth-child(3) > ul:nth-child(4){width: 90%; margin: 0 auto;}
.ucc2-03 > .uccTab2 div:nth-child(3) > ul:nth-child(4) > li {width: 30%; margin: 0 auto; margin-top: 5%; height: 235px;}
.ucc2-03 > .uccTab2 div:nth-child(3) > ul:nth-child(4) > li:nth-child(2) {margin: 5% 3%;}


.ucc2-03 > .uccTab3{width: 100%;float: left; text-align: center;}
.ucc2-03 > .uccTab3 > div{width:80%; margin: 0 auto;}
.story.ucc2.ucc01  .ucc2-03 > .uccTab3 > div:nth-child(1) > span{width: 100%; font-size: 22px;font-weight: bold; display: inline-block; float: left;}
.ucc2-03 > .uccTab3 div:nth-child(1) > strong{ margin-bottom: 1%;}
.ucc2-03 > .uccTab3 > div:nth-child(2) > ul{width: 100%; height: 176px; margin: 0 auto; float: left;margin-top: 2%}
.ucc2-03 > .uccTab3 > div:nth-child(2) > ul > li{width: 18.9%; float: left;height: 100%; margin-right: 1%; border:0.5px solid #ccc; }
.ucc2-03 > .uccTab3 > div:nth-child(2) > ul > li:last-child{margin-right: 0;}
.ucc2-03 > .uccTab3 div:nth-child(2) > ul > li > .boxbottom > ul > li:nth-child(1){font-family: 'NanumBarunGothic'; width: 100%;font-size: 16px;font-weight: bold;margin-top: 8%}
.ucc2-03 > .uccTab3 div:nth-child(2) > ul > li > .boxbottom > ul > li:nth-child(2){width: 100%;font-size: 13px; color:#666666;}
.ucc2-03 > .uccTab3 > div:nth-child(2) > ul > li> div:nth-child(1){height: 63%; background-color: #000; background-size: cover; background-position: -15px;}
.ucc2-03 > .uccTab3 > div:nth-child(2) > ul > li>div.boxbottom{height: 32%;float: left; width: 100%; display: block;font-family: 'nanumgothice';letter-spacing: -1px;}
.ucc2-03 > .uccTab3 > div:nth-child(2) > ul > li> div:nth-child(1)>img{margin-top: 20%;width: 22%;}


.ucc2-03 > .uccTab4{width: 100%; float: left; text-align: center; margin-top: 3%;}
.ucc2-03 > .uccTab4 > div{width:75%; margin: 0 auto;  }
.story.ucc2.ucc01 .ucc2-03 > .uccTab4 div:nth-child(1) > span{width: 100%; font-size: 22px;font-weight: bold; display: inline-block; float: left;}
.ucc2-03 > .uccTab4 div:nth-child(1) {margin-bottom: 1%; width: 100%; display: inline-block}
.ucc2-03 > .uccTab4 div:nth-child(1) > strong{font-size: 24px; background-image: url(../images/fff000_03.png);background-repeat: no-repeat;background-position: bottom; color: #ad0303; margin-bottom: 1%;}
.ucc2-03 > .uccTab4 .radiusBox{border: 5px solid #dfdfdf; border-radius: 20px; margin: 0 auto; padding: 2% 3%; display: inline-block;}
.ucc2-03 > .uccTab4 .radiusBox > div{width: 48%;float: left; line-height: 26px}
.ucc2-03 > .uccTab4 .radiusBox > div:nth-child(1){margin-right: 4%;}
.ucc2-03 > .uccTab4 .radiusBox ul{text-align: left;}
.ucc2-03 > .uccTab4 .radiusBox ul:nth-child(1){width:65%;float: left; font-weight: bold;font-size: 1.05rem;}
.ucc2-03 > .uccTab4 .radiusBox ul:nth-child(1) > li{list-style-image: url(../images/dot.png);list-style-position: inside;overflow: hidden;text-overflow: ellipsis; white-space:nowrap;width: 100%;}
.ucc2-03 > .uccTab4 .radiusBox ul:nth-child(1) > li:nth-child(1) a{color: #2e2e8c; text-decoration: underline;}
.ucc2-03 > .uccTab4 .radiusBox ul:nth-child(2){width: 35%;float: right; line-height: 25px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap; text-align: center;}
.ucc2-03 > .uccTab4 .radiusBox ul:nth-child(2) a{color:#666666;font-size: 0.8rem;}

.ucc2-03 > .uccTab5{width: 100%; background-image: url(../images/pattern.png);background-repeat: no-repeat; height: 418px; display: inline-block;margin-top: 5%; background-color: #f2f2f2f2;text-align: center;}
.ucc2-03 > .uccTab5 div:nth-child(2){background-color: #ffffff;padding: 3% 2%; border-radius: 10px;width: 79%; margin: 0 auto; font-size: 1.05rem;}
.ucc2-03 > .uccTab5 div:nth-child(2) ul:nth-child(1){width: 10%; float: left; margin-right: 2%;}
.ucc2-03 > .uccTab5 div:nth-child(2) ul:nth-child(2){width: 88%; float: right;line-height: 2.75rem; margin-top: -6px;}
.ucc2-03 > .uccTab5 div:nth-child(2) ul:nth-child(1) > li{width: 100%; background-color: #141438; color: #ffffff; border-radius: 5px; margin: 2%; display: inline-block;padding: 8% 1%; margin-bottom: 15%;}
.ucc2-03 > .uccTab5 div:nth-child(2) ul:nth-child(2) > li{width: 100%;text-align: left;}
.ucc2-03 > .uccTab5 div:nth-child(2) ul:nth-child(2)>li > a{color:#2e2e8c; text-decoration: underline;}
.ucc2-03 > .uccTab5 div:nth-child(3){width: 100%;display: inline-block; font-size: 0.9rem; text-align: left;font-family: 'nanumgothice'; letter-spacing: -2px; margin-top: 1%;margin-left: 1%;}

