/* 수정 S */
.main .container.main{background: url(https://unikorea.go.kr/unikorea/common/img/2020032710075533334.jpg) no-repeat center center;background-size: cover;margin-top: 0;padding-top: 124px;}
.news-wrap{margin-top: 0;background: none;}
#footer{background: #fff;}
/* 수정 E */

/* 추가 S */
.clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.wrap{width: 1300px;max-width: calc(100% - 40px);padding-top: 13px;margin: 0 auto;}
.con-top{padding-top: 0px;}
.con-top > div{float: left;}
.ct-l{width: calc(100% - 450px);}
#main-slide1{width: 100%;max-width: 100%;position: relative;}
#main-slide1 .banner-pic > li > a{display: block;height: 410px;overflow: hidden;position: relative;}
.banner-pic > li > a > img{max-width: 100%;}
#main-slide1 .banner-pic > li > a:after{width: 100%;height: 150px;bottom: 0;left: 0;position: absolute;content: '';background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .9));}
#main-slide1 .banner-pic > li > a > img{width: 100%;min-height: 410px;}
#main-slide1 .banner-pic > li > a > span{padding: 0 20px 0 30px;display: block;width: 100%;position: absolute;bottom: 23px;left: 0;color: #fff;font-size: 22px;font-weight: 600;z-index: 10;}
#main-slide1 .banner-pic > li > a > span > .data{float: right;font-size: 13px;color: #b1b1b1;margin-top: 5px;}
#main-slide1 .banner-pic > li > a > span > span:first-child{height: 24px;display: inline-block;width: calc(100% - 95px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

#main-slide1 .bx-controls-direction > a, #main-slide1 .bx-start, #main-slide1 .bx-stop{top: 0px;position: absolute;display: inline-block;width: 25px;height: 25px;border: 1px solid #6b8793;border-left: 0;text-indent: -9999em;}
#main-slide1 .bx-controls-direction > a.bx-prev{border-left: 1px solid #6b8793;left: 69px;background:#fff url(https://unikorea.go.kr/unikorea/common/images/main/oc-b_slide_icon01.png) no-repeat center center;}
#main-slide1 .bx-controls-direction > a.bx-next{left: 119px;background:#fff url(https://unikorea.go.kr/unikorea/common/images/main/oc-b_slide_icon03.png) no-repeat center center;}
#main-slide1 .bx-start{left: 94px;background:#fff url(https://unikorea.go.kr/unikorea/common/images/main/oc-b_slide_icon04.png) no-repeat center center;}
#main-slide1 .bx-stop{left: 94px;background:#fff url(https://unikorea.go.kr/unikorea/common/images/main/oc-b_slide_icon02.png) no-repeat center center;}

#main-slide1 .banner-count{z-index: 11;top: 0px;left: 0;padding-top: 10px;position: absolute;width: 61px;height: 61px;background: url(https://unikorea.go.kr/unikorea/common/images/main/oc-t_slide_nembg.gif) no-repeat center center;}
#main-slide1 .bx-controls-auto a.active{display: none;}
#main-slide1 .banner-count span{line-height: 20px;display: block;font-size: 15px;color: #fff;}
#main-slide1 .banner-count #banner-index{padding-left: 20px;}
#main-slide1 .banner-count #banner-total{padding-left: 35px;}
#main-slide1 .bx-pager{display: none;position: absolute;left: 50%;bottom: 60px;margin-left: -40px;}
#main-slide1 .bx-pager .bx-pager-item{float: left;display: inline-block;}
#main-slide1 .bx-pager .bx-pager-item a{text-indent: -9999em;margin: 0 3px;display: inline-block;width: 10px;height: 10px;background: url(https://unikorea.go.kr/unikorea/common/images/main/main-slide1_icon04.png) no-repeat center center;}
#main-slide1 .bx-pager .bx-pager-item a.active{background: url(https://unikorea.go.kr/unikorea/common/images/main/main-slide1_icon03.png) no-repeat center center;}

.ct-r{background: rgba(14,47,76,.4);padding: 40px 30px 30px;width: 440px;margin-left: 10px;}
.ct-r li{margin-top: 20px;}
.ct-r li:first-child{margin-top: 0;}
.ct-r li a{background: #2d6bc0;height: 160px;display: table;width: 100%;}
.ct-r li:nth-child(2) a{background: #1e92b3;}
.ct-r li a > span{text-align: center;vertical-align: middle;display: table-cell;}
.ct-r li a > span > span{display: inline-block;color: #fff;font-size: 20px;padding-left: 55px;background: url(/eng_unikorea/common/img/2020032314373660099.png) no-repeat left center;height: 43px;line-height: 43px;}
.ct-r li:nth-child(2) a > span > span{background: url(/eng_unikorea/common/img/2020032314374329231.png) no-repeat left center;}
.ct-r li:nth-child(3) a{background: none;display: block;}
.ct-r li a img{width: 100%;}

.addtext-list{margin: 10px 0 25px;}
.addtext-list > div{margin-left: 10px;padding-bottom: 0px;float: left;width: calc((100% - 30px) / 4);background: rgba(14,47,76,.4);}
.addtext-list > div:first-child{margin-left: 0;}
.addtext-list > div > .tit{position: relative;padding: 8px 10px;font-weight: bold;font-size: 19px;color: #fff;}
.addtext-list > div > .tit:after{position: absolute;content: '';width: 45px;height: 3px;left: 0;bottom: -3px;background: #e02535;}
.addtext-list > div .more{display: inline-block;top: 8px;right: 10px;position: absolute;}
.addtext-list .tittext{border-bottom: 1px dotted #7692ad;margin-top: 3px;height: 140px;color: #fff;}
.addtext-list .tittext.style1{position: relative;padding: 75px 10px 10px;}
.addtext-list .tittext.style1 > span:first-child{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 20px;position: absolute;top: 15px;left: 0;width: 100%;padding: 0 10px;line-height: 25px;}
.addtext-list .tittext.style1 > p{font-size: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;letter-spacing: -1px;line-height: 20px;}
.addtext-list .tittext.style1 > .data{font-size: 13px;margin-top: 5px;display: block;}
.addtext-list .tittext.style1 > .data{font-size: 13px;margin-top: 5px;display: block;}
.addtext-list .tittext.style2{display: table;width: 100%;}
.addtext-list .tittext.style2 p{display: table-cell;line-height: 25px;font-size: 20px;vertical-align: middle;padding: 0 10px;}
.addtext-list .tittext.style2 p .data{font-size: 13px;display: block;font-weight: 500;}
.addtext-list ul{padding: 0 10px;}
.addtext-list ul li{height: 50px;}
.addtext-list ul li > div{padding-top: 10px;vertical-align: middle;}
.addtext-list ul.style1 a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #fff;display: block;margin-bottom: 5px;font-size: 16px;}
.addtext-list ul.style1 span{color: #fff;font-sizE: 13px;}
.addtext-list ul.style2 li{display: table;}
.addtext-list ul.style2 li div{display: table-cell;vertical-align: middle;}
.addtext-list ul.style2 a{color: #fff;display: block;line-height: 20px;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.addtext-list .tittext.style3{padding: 10px 10px;height: 100px;}
.addtext-list .tittext.style3 p{margin-bottom: 18px;font-size: 20px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:50px; text-overflow:ellipsis;}
.addtext-list .tittext.style3 .data{font-size: 13px;}
.addtext-list > div > .tit.en span{display: block;letter-spacing: -1px;padding-right: 35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.addtext-list.eng ul li{height: 110px;}
.addtext-list.eng ul li a{font-size: 16px;line-height: 25px;color: #fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.addtext-list.eng ul li span{color: #fff;font-size: 13px;}
.ct-r li a.en > span > span{line-height: 22px;text-align: left;}


@media screen and (max-width: 1024px){
  #header.header-20190806.header-20190806-sub{/*display: none;*/ height:0 !important;}
  .main .container.main{padding-top: 0;}
  .addtext-list{margin-top: 0;}
  .addtext-list > div{width: calc(50% - 5px);margin-left: 0;margin-top: 10px;margin-right: 10px;}
  .addtext-list > div:nth-child(2n){margin-right: 0;}

  .ct-l{width: 100%;}
  .ct-r{margin: 10px 0 0 0;width: 100%;}
  .ct-r li:nth-child(3) a{height: auto;}
}
@media screen and (max-width: 768px){
  #main-slide1 .banner-pic > li > a > img{min-height: initial;}
  #main-slide1 .banner-pic > li > a{height: auto;}
  #main-slide1 .bx-viewport{height: auto !important;}
  .ct-r{padding: 20px 15px 20px;}
  .ct-r li{margin-top: 15px;}
  .addtext-list > div{width: 100%;margin: 10px 0 0;}
  .addtext-list .tittext, .addtext-list .tittext.style3{height: auto;padding: 15px 10px !important;}
  .addtext-list .tittext.style1 > span:first-child{position: static;padding: 0;display: block;margin-bottom: 5px;}
  .addtext-list .tittext.style2 p{padding: 0;}
  .addtext-list.eng ul li{height: auto;}
  .addtext-list .tittext.style3 p{margin-bottom: 5px;}
}
@media screen and (max-width: 425px){
  .wrap{max-width: calc(100% - 20px);}
}
/* 추가 E */