@charset "utf-8"; /* CSS Document */ /* main_slider */ .main_slider{position:absolute; bottom:0; left:50%; transform:translateX(-50%);} .main_slider ul{clear:both;display:block} .main_slider > p{position:absolute;left:50%;top:0;width:50%;height:100%;background:rgba(0,110,205,0.7)} .bx-wrapper{margin:auto;position:relative;width:100%} .visual{margin:auto;position:relative;width:100%;box-sizing:border-box} .visual > div{margin:0 auto;} /* .visual figure:before{content:"";position:absolute;left:50%;top:0;width:50%;height:439px;background:rgba(0,110,205,0.7)} */ .visual > div > span{display:inline-block;box-sizing:border-box;transition:0.3s; width:630px;} .visual > div > span > a{position: relative; overflow: hidden; height: 330px; width: auto; box-sizing: border-box; transition: all 300ms; display: block;} .visual > div > span img{position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); transition: all 300ms;} .visual .visualText{position:absolute;left:630px;bottom:0;width:530px;height:250px;padding:30px 40px;box-sizing:border-box;transition:0.3s;} .visualColor01{background:#857c59;} .visual .title{display:-webkit-box;display:block;position:relative;width:100%;height: 3em;font-family:'NotoKrM';font-size:30px;color:#fff;/* word-break:keep-all; *//* word-wrap:break-word; *//* white-space:nowrap; *//* overflow:hidden; *//* text-overflow:ellipsis; *//* white-space:normal; */word-wrap:break-word;text-align:left;line-height:1.4;/* -webkit-line-clamp:2; *//* -webkit-box-orient:vertical; */transition:0.3s;word-break: keep-all;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .visual > div a.btnMore{display:inline-block; font-family:'NotoKrDL'; font-size:17px; color:#fff; transition:0.3s; margin-top:20px; background:url("../../image/front/main/slideArrow.png") right center no-repeat; padding-right:50px;} .pagerCustom{margin:0 auto; position:relative;} .pagerCustom p{z-index:1; position:absolute; left:685px; bottom:40px} .pagerCustom p span{float:left;position:relative;margin-left:20px;transition:0.3s} .pagerCustom p span a{position:relative; display:inline-block; width:10px; height:10px; background:#fff; border-radius:10px;} .pagerCustom p span a:before{content:''; width:20px; height:20px; border-radius:100%; border:2px solid #fff; position:absolute; opacity:0; top:50%; left:50%; transform:scale(0); margin-top:-12px; margin-left:-12px;} .pagerCustom p span a.active:before{opacity:1;transform: scale(1);transition: 0.5s;} .pagerCustom p span a img{width:100px;height:64px;border:1px solid #328de1;box-shadow:4px 4px rgba(0,0,0,0.3);box-sizing:border-box} .progress{margin:0 auto;position:relative;right:0;width:1400px;} .progress p{position:absolute;overflow:hidden;right:65px;top:-12px;width:123px;height:1px;background:#999189} .progress p span{display:block;max-width:0;min-width:30px;height:1px;background:#fff;transition:0.75s} /* 언어별 css 추가 20210108 */ html:lang(hu) .visual .title{font-family:'Open Sans'; font-weight:bold;} html:lang(es) .visual .title{font-family:'Open Sans'; font-weight:bold;} html:lang(ru) .visual .title{font-family:'Open Sans'; font-weight:bold;} html:lang(it) .visual .title{font-family:'Open Sans'; font-weight:bold;} html:lang(tr) .visual .title{font-family:'Open Sans'; font-weight:bold;} html:lang(pl) .visual .title{font-family:'Open Sans'; font-weight:bold;} html:lang(vi) .visual .title{font-family:'Open Sans'; font-weight:bold;} html:lang(hu) .visual > div a.btnMore{font-family:'Open Sans';} html:lang(es) .visual > div a.btnMore{font-family:'Open Sans';} html:lang(ru) .visual > div a.btnMore{font-family:'Open Sans';} html:lang(it) .visual > div a.btnMore{font-family:'Open Sans';} html:lang(tr) .visual > div a.btnMore{font-family:'Open Sans';} html:lang(pl) .visual > div a.btnMore{font-family:'Open Sans';} html:lang(vi) .visual > div a.btnMore{font-family:'Open Sans';} .main_slider .bx-controls{z-index:1;margin:0 auto;position:relative;width:1160px;text-indent:-99999px;} .main_slider .bx-controls-direction{position:absolute;right:0;bottom:0;width:220px;height:25px;transition:0.3s; display:none !important;} .main_slider .bx-controls-direction .bx-prev{display:inline-block;position:absolute;left:0;width:25px;height:25px} .main_slider .bx-controls-direction .bx-next{display:inline-block;position:absolute;right:35px;width:25px;height:25px} .main_slider .bx-controls-direction .bx-prev:hover, .main_slider .bx-controls-direction .bx-prev:focus, .main_slider .bx-controls-direction .bx-next:hover, .main_slider .bx-controls-direction .bx-next:focus{opacity:0.85;-fileter:alpha(opacity=85)} .main_slider .bx-controls-auto{position:absolute; left:665px; bottom:35px; transition:0.3s} .main_slider .bx-controls-auto a.bx-start{display:block;width:25px;height:25px; background:url("../../image/front/main/bx_play.png") center center no-repeat} .main_slider .bx-controls-auto a.bx-stop{display:block;width:25px;height:25px; background:url("../../image/front/main/bx_stop.png") center center no-repeat} .main_slider .bx-controls-auto a.bx-start img{position:absolute;left:0;top:0; width:25px; height:25px;} .main_slider .bx-controls-auto a.bx-stop img{position:absolute;left:0;top:0; width:25px; height:25px} .main_slider .bx-controls-direction .bx-prev:focus img, .main_slider .bx-controls-direction .bx-next:focus img, .main_slider .bx-controls-auto a.bx-start:focus img, .main_slider .bx-controls-auto a.bx-stop:focus img{box-sizing:border-box;outline:1px dotted #ccc} .main_slider .bx-controls-auto a.bx-start:hover, .main_slider .bx-controls-auto a.bx-start:focus, .main_slider .bx-controls-auto a.bx-stop:hover, .main_slider .bx-controls-auto a.bx-stop:focus{opacity:0.85;-fileter:alpha(opacity=85)} .main_slider .bx-controls-auto a.active{display:none} /* container */ .container{position:relative; width:100%;} .newsForm{position:relative; width:1400px; margin:0 auto; padding:30px 0px; box-sizing:border-box; overflow:hidden;} .newsForm > div{width:49%; margin-right:2%;} .newsForm > div:last-child{margin-right:0%;} .noticeBox{border:solid 1px #dddddd; float:left; padding:20px 25px 15px 25px; min-height:192px;} .noticeBox .newsTile{display:block; width:100%; overflow:hidden; margin-bottom:20px;} .noticeBox .newsTile h1{font-size:19px; color:#000; padding-left:30px; float:left; background:url("../../image/front/main/icon_notice.png") left center no-repeat;} .noticeBox .newsTile h1.newsBg01{background:url("../../image/front/main/icon_notice.png") left center no-repeat;} .noticeBox .newsTile h1.newsBg02{background:url("../../image/front/main/icon_lecture.png") left center no-repeat;} .noticeBox .newsTile a.moreBtn{display:block; width:13px; height:13px; float:right; background:url("../../image/front/main/icon_more.png") right center no-repeat;} .noticeBox ul{} .noticeBox ul li{width:100%; display:block; margin-bottom:15px; overflow:hidden;} .noticeBox a.listTxt{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; width: calc(100% - 155px); font-size:17px; color:#373940; font-family:'NotoKrDL'; float:left;} .noticeBox a.listTxt:hover{text-decoration:underline !important;} .noticeBox p{font-size:15px; color:#8a8a8a; font-family:'NotoKrL'; float:right; padding-left:20px;} .lectureBox{border:solid 1px #dddddd; width:49%; float:left; padding:20px 25px 15px 25px;} .lectureBox .lectureTile{display:block; width:100%; overflow:hidden; margin-bottom:20px;} .lectureBox .lectureTile h1{font-size:19px; color:#000; padding-left:30px; float:left; background:url("../../image/front/main/icon_lecture.png") left center no-repeat;} .lectureBox .lectureTile a.moreBtn{display:block; width:13px; height:13px; float:right; background:url("../../image/front/main/icon_more.png") right center no-repeat;} .lectureBox ul{} .lectureBox ul li{width:100%; display:block; margin-bottom:15px; overflow:hidden;} .lectureBox a.listTxt{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; width: calc(100% - 130px); font-size:17px; color:#373940; font-family:'NotoKrDL'; float:left;} .lectureBox a.listTxt:hover{text-decoration:underline !important; -webkit-appearance:none; -webkit-border-radius:0;} .lectureBox p{font-size:15px; color:#8a8a8a; font-family:'NotoKrL'; float:right; padding-left:30px;} /* 언어별 css 추가 20210108 */ html:lang(hu) .noticeBox .newsTile h1{font-family:'Open Sans';} html:lang(es) .noticeBox .newsTile h1{font-family:'Open Sans';} html:lang(ru) .noticeBox .newsTile h1{font-family:'Open Sans';} html:lang(it) .noticeBox .newsTile h1{font-family:'Open Sans';} html:lang(tr) .noticeBox .newsTile h1{font-family:'Open Sans';} html:lang(pl) .noticeBox .newsTile h1{font-family:'Open Sans';} html:lang(vi) .noticeBox .newsTile h1{font-family:'Open Sans';} html:lang(hu) .noticeBox a.listTxt{font-family:'Open Sans';} html:lang(es) .noticeBox a.listTxt{font-family:'Open Sans';} html:lang(ru) .noticeBox a.listTxt{font-family:'Open Sans';} html:lang(it) .noticeBox a.listTxt{font-family:'Open Sans';} html:lang(tr) .noticeBox a.listTxt{font-family:'Open Sans';} html:lang(pl) .noticeBox a.listTxt{font-family:'Open Sans';} html:lang(vi) .noticeBox a.listTxt{font-family:'Open Sans';} /* 아랍 어 개편 css 추가 20201211 */ html:lang(ar) .newsForm > div{float:right;margin-right:0;} html:lang(ar) .newsForm > div:last-child{margin-right:2%;} html:lang(ar) .noticeBox{float:right;} html:lang(ar) .noticeBox a.listTxt {float: right;text-align:right;} html:lang(ar) .noticeBox p{float: left; padding-right:30px;padding-left:0px;} html:lang(ar) .noticeBox .newsTile h1{float:right;padding-right: 30px;background: url(../../image/front/main/icon_notice.png) right center no-repeat;} html:lang(ar) .noticeBox .newsTile a.moreBtn{float: left;} html:lang(ar) .main_slider .bx-controls-auto{left:470px;} html:lang(ar) .pagerCustom p{left:670px;} html:lang(ar) .langForm {float:right;} html:lang(ar) .snsForm {float:left;} html:lang(ar) .visual .visualText{right:630px;} html:lang(ar) .visual .title{text-align:right;} html:lang(ar) .pagerCustom{right:510px;} .infoForm{position:relative; width:100%; height:auto; /* height:100%; */ background-color:#f4f4f4;} .infoForm .infoBox{position:relative; width:1400px; height:auto; /* height:100%; */ padding:20px 0; margin:0 auto; background:url("../../image/front/main/info_bg.png") right center no-repeat; box-sizing:border-box; overflow:hidden;} .infoForm .infoBox h1{font-size:18px; color:#2d2d2d; font-family:'NotoKrB'; margin-bottom:15px;} .infoForm .infoBox dl{display:block; float:left; font-size:16px; font-family:'NotoKrR'; margin-right:50px;} .infoForm .infoBox dl:last-child{margin-right:0px;} .infoForm .infoBox dl dt{color:#4f4f4f; float:left; margin-right:10px;} .infoForm .infoBox dl dt:after{content:""; position:relative; display:inline-block; top:1px; height:12px; border-right:solid 1px #4f4f4f; margin-left:10px;} .infoForm .infoBox dl dd{color:#c02462; float:left;} /* 언어별 css 추가 20210108 */ html:lang(vi) .infoForm .infoBox h1{font-family:'Open Sans';} html:lang(vi) .infoForm .infoBox dl{font-family:'Open Sans';} html:lang(hu) .infoForm .infoBox dl{font-family:'Open Sans';} html:lang(es) .infoForm .infoBox dl{font-family:'Open Sans';} html:lang(ru) .infoForm .infoBox dl{font-family:'Open Sans';} html:lang(it) .infoForm .infoBox dl{font-family:'Open Sans';} html:lang(tr) .infoForm .infoBox dl{font-family:'Open Sans';} html:lang(pl) .infoForm .infoBox dl{font-family:'Open Sans';} /* 아랍 어 개편 css 추가 20201211 */ html:lang(ar) .infoForm .infoBox{position:relative; width:1400px; height:100px; padding:20px 0; margin:0 auto; background:url("../../image/front/main/info_bg_ar.png") left center no-repeat; box-sizing:border-box;} html:lang(ar) .infoForm .infoBox dl:last-child{margin-right:0px;} html:lang(ar) .infoForm .infoBox dl dt{float:right;} html:lang(ar) .infoForm .infoBox dl dt:after{margin-right:10px;} html:lang(ar) .infoForm .infoBox dl dd{float:right;} html:lang(ar) .infoForm .infoBox dl{display:block; float:right; font-size:16px; font-family:'NotoKrR';} /* galleryNews */ .galleryNews{margin:0 auto; position:relative; width:1400px; height:490px; padding:35px 0;} .galleryNews > div.tab{width:100%; text-align:center;} .galleryNews > div.tab > ul{position:relative;} .galleryNews .tab_content > p{display:block; position:absolute; top:-26px; right:0; text-align:center;} .galleryNews .tab_content > p a{color:#656b7e; font-size:17px; background:url("../../image/front/main/galleryArrow.png") right center no-repeat; vertical-align:middle ;transition:0.5s; padding-right:50px;} .galleryNews .tab_content > ul{margin-top:30px; display:flex; justify-content:space-between;} .galleryNews .tab_content > ul > li{float:left; width:calc(25% - 50px); box-sizing:border-box; border:1px solid #acacac; overflow:hidden; padding:0 0 20px 0;} .galleryNews .tab_content > ul > li:last-child{} .galleryNews .tab_content > ul > li a.galleryImg{display:block; width:100%; height:auto; border-bottom: solid 1px #acacac;} .galleryNews .tab_content > ul > li a.galleryImg div{position:relative; overflow:hidden; height:180px; width:auto; box-sizing:border-box; transition:all 300ms;} .galleryNews .tab_content > ul > li a.galleryImg div.noImage{background:#f7f7f7 url("../../image/front/new/noImage.png") center center no-repeat; background-size:88.5%; border-bottom:1px solid #acacac;} .galleryNews .tab_content > ul > li a.galleryImg img{position:relative; width:100%; height:auto; min-height:180px;} .galleryNews .tab_content > ul > li a:hover img{/* transform:scale(1.05) */} .galleryNews .tab_content > ul > li dl{margin-top:20px; padding:0 10px; text-align: left;} .galleryNews .tab_content > ul > li dl dt{font-size:18px; color:#373940; font-family:'NotoKrR'; margin-bottom:10px; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;} .galleryNews .tab_content > ul > li dl dd{font-size:16px; color:#6c6c6c; font-family:'NotoKrDL'; margin-bottom:15px; display:inline-block; display:-webkit-box; width:95%; height:2.8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; line-height:1.4; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .galleryNews .tab_content > ul > li dl a{vertical-align:baseline;} .galleryNews .tab_content > ul > li dl dt a{color:#373940;} .galleryNews .tab_content > ul > li dl dd a{color:#6c6c6c; word-break:keep-all;} /* 20210202 수정 */ .galleryNews .tab_content > ul > li a.galleryBtn{display:table; margin-left:10px; padding:7px 20px; background-color:#656b7e; color:#fff; font-size:15px; font-family:'Open Sans';} /* 20210201 수정 */ .galleryNews .tab_content > ul > li a.galleryBtn:hover{background-color:#c02462;} /* 백업 20210121 .galleryNews .tab_content > ul > li a.galleryImg{display:block; width:100%; height:auto; border-bottom: solid 1px #acacac;} .galleryNews .tab_content > ul > li a.galleryImg div{position:relative; overflow:hidden; height:180px; width:auto; box-sizing:border-box; transition:all 300ms;} .galleryNews .tab_content > ul > li a.galleryImg img{position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); transition: all 300ms; transform:scale(1.0); transition:0.5s;} */ /* 언어별 css 추가 20210128 */ html:lang(hu) .galleryNews .tab_content > p a{font-family:'Open Sans';} html:lang(hu) .galleryNews .tab_content > ul > li dl dt{font-family:'Open Sans'; font-weight:bold;} html:lang(hu) .galleryNews .tab_content > ul > li dl dd{font-family:'Open Sans';} html:lang(ko) .galleryNews .tab_content > ul > li a.galleryBtn{font-family:'NotoKrDL';} /* 20210201 추가 */ /* 아랍 어 개편 css 추가 20201214 */ html:lang(ar) .galleryNews .tab_content > ul > li a.galleryBtn{margin-right:10px;} html:lang(ar) .galleryNews .tab_content > ul > li dl{margin-top:20px; padding:0 10px; text-align: right;} .tab > ul > li{display:inline-block; margin:0px 35px;} .tab > ul > li > a{display:block; position:relative; padding-top:15px; font-size:1.438rem/*23px*/; color:#222; text-align:center; transition:0.3s; font-family:'NotoKrM'; } .tab > ul > li > a:after{content:""; position:absolute; left:50%; top:0; width:0; height:3px; background:#c02462; transition:0.5s} .tab > ul > li > a:hover, .tab > ul > li > a:focus, .tab > ul > li > a.active{color:#c02462;} .tab > ul > li > a.active:after{content:""; display:inline-block; vertical-align:middle; width:18px; border-top:5px solid #c02462; border-right:3px solid #c02462; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); margin-left:-10px;} .tab_content{display:none;position:absolute;left:0;width:100%} .tab_content > ul > li{padding:13px 0;border-bottom:1px solid #e8e8e8} /* 언어별 css 추가 20210108 */ html:lang(hu) .tab > ul > li > a{font-family:'Open Sans'; font-weight:bold;} html:lang(vi) .tab > ul > li > a{font-family:'Open Sans'; font-weight:bold;} html:lang(es) .tab > ul > li > a{font-family:'Open Sans'; font-weight:bold;} html:lang(ru) .tab > ul > li > a{font-family:'Open Sans'; font-weight:bold;} html:lang(it) .tab > ul > li > a{font-family:'Open Sans'; font-weight:bold;} html:lang(tr) .tab > ul > li > a{font-family:'Open Sans'; font-weight:bold;} html:lang(pl) .tab > ul > li > a{font-family:'Open Sans'; font-weight:bold;} /* HallyuForm */ .HallyuForm{position:relative; width:100%; padding:30px 0; background-color:#f0f0f0;} .HallyuBox{width:1400px; margin:0 auto; overflow:hidden;} .HallyuBox .HallyuLeft{float:left; width:700px; margin-right:50px;} .HallyuBox .HallyuLeft div{float:left; width:350px; height:390px; text-align:center;} .HallyuBox .HallyuLeft div p{font-size:26px; font-family:'NotoKrB'; margin-top:140px;} .HallyuBox .HallyuLeft div a{font-size:16px; font-family:'NotoKrL'; margin-top:20px; display:inline-block;} .HallyuBox .HallyuLeft .HallyuLink01{background:url("../../image/front/main/Hallyu_bg01.jpg") center center no-repeat;} .HallyuBox .HallyuLeft .HallyuLink01 p{color:#1c1c1c;} .HallyuBox .HallyuLeft .HallyuLink01 a{color:#1c1c1c; border:solid 1px #1c1c1c; padding:10px 65px 10px 10px; background:url("../../image/front/main/galleryArrow.png") 90% center no-repeat;} .HallyuBox .HallyuLeft .HallyuLink01 a:hover{color:#fff; border:solid 1px #1c1c1c; background:#1c1c1c url("../../image/front/main/slideArrow.png") 90% center no-repeat;} .HallyuBox .HallyuLeft .HallyuLink02{background:url("../../image/front/main/Hallyu_bg_02.png") center center no-repeat;} .HallyuBox .HallyuLeft .HallyuLink02 p{color:#fff; display:none;} .HallyuBox .HallyuLeft .HallyuLink02 a{width:100%; height:100%; margin-top:0;} /* .HallyuBox .HallyuLeft .HallyuLink02 a:hover{color:#1c1c1c; border:solid 1px #fff; background:#fff url("../../image/front/main/galleryArrow.png") 90% center no-repeat;} */ /* 한류콘텐츠 백업 .HallyuBox .HallyuLeft .HallyuLink02 p{color:#fff;} .HallyuBox .HallyuLeft .HallyuLink02 a{color:#fff; border:solid 1px #fff; padding:10px 65px 10px 10px; background:url("../../image/front/main/slideArrow.png") 90% center no-repeat;} .HallyuBox .HallyuLeft .HallyuLink02 a:hover{color:#1c1c1c; border:solid 1px #fff; background:#fff url("../../image/front/main/galleryArrow.png") 90% center no-repeat;} */ /* 언어별 css 추가 20210121 */ html:lang(vi) .HallyuBox .HallyuLeft div p{font-weight:bold; font-family:'Open Sans';} html:lang(tr) .HallyuBox .HallyuLeft div p{font-weight:bold; font-family:'Open Sans';} html:lang(hu) .HallyuBox .HallyuLeft div p{font-weight:bold; font-family:'Open Sans';} html:lang(hu) .HallyuBox .HallyuLeft div a{font-family:'Open Sans';} .HallyuBox .HallyuRight{float:right; width:calc(100% - 750px);} .HallyuBox .HallyuRight ul{} .HallyuBox .HallyuRight ul li{width:100%; margin-bottom:30px;} .HallyuBox .HallyuRight ul li:last-child{margin-bottom:0px;} .HallyuBox .HallyuRight ul li a{display:block; width:100%; overflow:hidden;} .HallyuBox .HallyuRight ul li a img{float:left; width:270px; height:180px;} .HallyuBox .HallyuRight ul li a dl{width:calc(100% - 300px); float:right;} .HallyuBox .HallyuRight ul li a dl dt{margin-top:15px; font-size:18px; color:#373940; font-family:'NotoKrM'; height:2.8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; line-height:1.4; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box;} .HallyuBox .HallyuRight ul li a dl dd{margin-top:20px; font-size:16px; font-family:'NotoKrL'; color:#6c6c6c; height:4.6em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; line-height:1.5; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box;} /* 언어별 css 추가 20210121 */ html:lang(vi) .HallyuBox .HallyuRight ul li a dl dt{font-weight:bold; font-family:'Open Sans';} html:lang(tr) .HallyuBox .HallyuRight ul li a dl dt{font-weight:bold; font-family:'Open Sans';} html:lang(tr) .HallyuBox .HallyuRight ul li a dl dd{font-family:'Open Sans';} /* 아랍 어 개편 css 추가 20201211 */ html:lang(ar) .HallyuBox .HallyuLeft{float:right;margin-left:50px;margin-right:0px;} html:lang(ar) .HallyuBox .HallyuLeft div{float:right;} html:lang(ar) .HallyuBox .HallyuRight ul li a img{float:right;} html:lang(ar) .HallyuBox .HallyuRight ul li a dl{float:left;} /* html:lang(ar) .galleryNews .tab_content > p {right:unset;left:0px;} */ /* outsideBox */ .outsideBox{position:relative; width:1400px; margin:30px auto 40px auto; overflow:hidden;} .koreaNews{width:calc(100% - 480px); float:left; overflow: hidden;} .noticeBoard_slider{position:relative; width:430px; margin-left:50px; float:right; overflow:hidden;} .noticeBoard_slider .bx-controls-direction{position:absolute; right:15px; top:15px; width:100px; margin-top:0px} .noticeBoard_slider .bx-controls-direction .bx-prev{display:inline-block; position:absolute; left:-10px; width:30px; height:30px; background:url("../../image/front/main/notice_prev.png") center center no-repeat;} .noticeBoard_slider .bx-controls-direction .bx-next{display:inline-block; position:absolute; right:0px; width:30px; height:30px; background:url("../../image/front/main/notice_next.png") center center no-repeat;} .noticeBoard_slider .bx-controls-auto{position:absolute; left:calc(100% - 85px); top:15px} .noticeBoard_slider .bx-controls-auto a.bx-start, .noticeBoard_slider .bx-controls-auto a.bx-stop{display:block} .noticeBoard_slider .bx-controls-auto .bx-start{width:30px; height:30px; background:url("../../image/front/main/notice_play.png") center center no-repeat;} .noticeBoard_slider .bx-controls-auto .bx-stop{width:30px; height:30px; background:url("../../image/front/main/notice_stop.png") center center no-repeat;} .noticeBoard_slider .bx-controls-auto a.active{display:none} .noticeBoard_slider ul li a{position:relative; overflow:hidden; width:430px; height:240px; box-sizing:border-box; transition:all 300ms; display:block;} .noticeBoard_slider ul li a img{position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); transition:all 300ms;} /* 아랍 어 개편 css 추가 20201211 */ html:lang(ar) .koreaNews{float:right;} html:lang(ar) .noticeBoard_slider{margin-right:50px; margin-left:0px; width:430px; float:left;} html:lang(ar) .noticeBoard_slider ul{float:left;} /* subscribeForm */ .subscribeForm{position:relative; width:100%; background: url('../../image/front/main/subscribe_bg.jpg') no-repeat 50% 50%; background-size:cover; background-attachment:fixed;} .subscribeBox{position:relative; width:1400px; overflow:hidden; margin:0 auto; padding:30px 0;} .subscribeBox .subscribeArea01{width:60%; overflow:hidden; float:left;} .subscribeBox .subscribeArea02{float:left; margin-top:5px;} .subscribeArea01.hk{width:30%;} .subscribeBox .subscribeArea01.hk fieldset{width:55%;} .subscribeBox .subscribeArea01.hk input[type="text"]{display:none;} .subscribeBox .subscribeArea01.hk .btnSearch{padding:0 55px;} .subscribeBox h1{float:left; color:#fff; font-size:25px; font-family:'NotoKrM'; margin:4px 25px 0 0;} .subscribeBox fieldset {width:76%; height:40px; overflow:hidden; float:left;} .subscribeBox input[type=text] {float:left; width:31%; height:100%; font-size:16px; color:#000; padding:0 10px; border:1px solid #c02462; background-color:#d0d0d0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right:5px;} .subscribeBox .btnSearch {height:100%; display:inline-block; vertical-align:middle; text-align:center; font-size:16px; font-weight:400; color:#fff; margin-left:5px; border:0; background:#c02462; padding:0 20px;} .subscribeBox input[type=checkbox]{display:inline-block; width:20px; height:20px; background-color:#949494; border:solid 1px #fff; margin:0px 5px 0 0px; -webkit-appearance:none; -webkit-border-radius:0;} .subscribeBox input[type=checkbox]:checked {background:#949494 url('../../image/front/main/ico_checkbox.png') no-repeat center center;} .subscribeBox label{color:#fff; font-size:15px; font-family:'NotoKrDL'; padding-top:10px;} .subscribeBox a{font-size:14px; color:#fff000; text-decoration:underline !important; padding-top:0px; margin-left:25px;} /* 언어별 css 추가 20210128 */ html:lang(hu) .subscribeBox h1{font-family:'Open Sans'; font-weight:bold;} html:lang(hu) .subscribeBox fieldset{font-family:'Open Sans';} html:lang(hu) .subscribeBox label{font-family:'Open Sans';} /* 아랍 어 개편 css 추가 20201211 */ html:lang(ar) .subscribeBox h1{float:right;margin: 4px 0px 0 15px;} html:lang(ar) .subscribeBox .subscribeArea01{float:right;} html:lang(ar) .subscribeBox .subscribeArea02{float:right;} html:lang(ar) .subscribeBox input[type=text]{float:right;margin-left: 0;margin-right: 1%;} html:lang(ar) .subscribeBox .btnSearch {margin-right:5px;} html:lang(ar) .subscribeBox input[type=checkbox]{margin:0px 5px 0 10px;} html:lang(ar) .subscribeBox fieldset {float:right;} /* selectQuickForm */ .selectQuickBox{position:relative; width:1400px; overflow:hidden; margin:0 auto; margin-top:30px;} .selectArea{float:left; /* width:calc(100% - 285px); */ width: 100%;} /* 20230424 수정 */ .selectArea label.IR{display:inline-block;width:0;height:0;font-size:0;color:transparent;line-height:0} .selectArea ul{} .selectArea ul li{display:inline-block; /* width:22.8%; margin-right:2.2%; */ width: 23.5%; margin-right: 2%; margin-left: -6px;} /* 20230424 수정 */ /* 20230427 수정 */ .selectArea ul li:last-child{margin-right:0%; margin-left:0%;} /* 20230424 수정 */ .selectArea ul li select{cursor:pointer;float:left;width:100%;height:43px;padding:5px;box-sizing:border-box; border-bottom:2px solid #000; background:url("../../image/front/main/selectArrowBg.png") calc(100% - 15px) center no-repeat;font-family:'NotoKrDL';font-size:16px;color:#000;letter-spacing:-0.03em;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:0.3s; -webkit-appearance:none; -webkit-border-radius:0;} /* 20200925 수정 */ .selectArea ul li select option{background:#fff;} .onlineBtn{float:right; margin-left:30px;} .onlineBtn a{display:block; padding:13px 35px; color:#fff; text-align:center; background-color:#857c59; min-width:254px;} .onlineBtn a span{display:block; background:url('../../image/front/main/icon_newWindow.png') right center no-repeat; padding-right:20px; text-align:left; font-size:12px;} /* 언어별 css 추가 20210128 */ html:lang(hu) .onlineBtn a{font-family:'Open Sans'; font-weight:bold;} /* 아랍 어 개편 css 추가 20201211 */ html:lang(ar) .selectArea{float:right;} /* html:lang(ar) .selectArea ul li{margin-left:2.2%; margin-right:0px; display:inline-block; width:22.8%;} 백업 */ html:lang(ar) .selectArea ul li{margin-left: 2%; margin-right: -6px; display: inline-block; width: 23.5%;} /* 20230427 추가 */ html:lang(ar) .selectArea ul li:last-child{margin-left:0%; /* margin-right:unset; */} html:lang(ar) .selectArea ul li select{/* float:right; */ background: url(../../image/front/main/selectArrowBg.png) calc(100% - 95%) center no-repeat;} html:lang(ar) .onlineBtn{margin-left:0px; float:left;} html:lang(ar) .onlineBtn a span{text-align:right; padding-right:0px; padding-left:20px; background: url(../../image/front/main/icon_newWindow.png) left center no-repeat;} html:lang(vi) .onlineBtn a span{letter-spacing:-0.02em;} /* 뉴스레터 구독하기 20230413 start */ .subs_wrapper{position: relative; background-color: #eceeec; height: 100px;} .subs_inner{position: relative; display: flex; flex-direction: row; align-items: center; margin: 0 auto; width: 1400px; background: url(../../image/front/main/img_subsMain02.png) no-repeat; height: inherit; box-sizing: border-box; padding-left: 40px;} .subs_inner::after{content: ''; position: absolute; bottom: 0; right: 40px; width: 300px; height: 120px; background: url(../../image/front/main/img_subsMain01.png) no-repeat;} .subs_inner h2{font-size: 26px; font-weight: bold; margin-right: 20px;} .subs_inner button{position: relative; font-size: 16px; color: #857c59; font-weight: bold; background-color: #fff; border-radius: 500px; border: 1px solid #d4d4d4; padding: 9px 90px 9px 15px; transition: 0.2s;} .subs_inner button::after{content: ''; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); height: 34px; width: 34px; border-radius: 500px; background:#857c59 url(../../image/front/main/bullet_sbus.png) no-repeat center;} .subs_inner button:hover{background-color: #857c59; color: #fff; border: 1px solid #857c59;} html:lang(ar) .subs_inner::after {right: auto; left: 40px; } html:lang(ar) .subs_inner {padding-left: 0px; padding-right: 40px;} html:lang(ar) .subs_inner h2 {margin-right: 0px; margin-left: 20px;} @media screen and (max-width: 1400px){ .subs_inner{width: 100%;} } @media screen and (max-width: 1000px){ .subs_wrapper{height: auto; padding: 20px 0;} .subs_inner{flex-direction: column; align-items: flex-start; justify-content: center; padding-left: 30px;} .subs_inner::after{bottom: -20px; right: 30px; } .subs_inner h2{margin-bottom: 10px; font-size: 22px;} .subs_inner button{position: relative; font-size: 15px;} } @media screen and (max-width: 768px){ .subs_inner{padding-left: 20px;} .subs_inner::after{bottom: -20px; right: 20px; width: 270px; height: 109px; background-size: 270px;} .subs_inner h2{margin-bottom: 10px;} } @media screen and (max-width: 640px){ .subs_wrapper{padding-bottom: 130px;} .subs_inner{align-items: center; padding-left: 0px;} .subs_inner::after{bottom: -130px; right: 0px; width: 100%; background-position: bottom center;} .subs_inner h2 {margin-right: 0; font-size: 20px;} html:lang(ar) .subs_inner {padding-right: 0px;} html:lang(ar) .subs_inner h2 {margin-left: 0px;} html:lang(ar) .subs_inner::after {left: 0px; } } /* 뉴스레터 구독하기 20230413 end */ @media screen and (max-width: 1420px){ .newsForm{width:100%; padding-left:10px; padding-right:10px;} .infoForm .infoBox{width:100%; padding-left:10px; padding-right:10px;} .galleryNews{width:100%; padding-left:10px; padding-right:10px;} .galleryNews .tab_content > ul > li{height:auto; width:calc(25% - 30px);} .galleryNews .tab > ul > li > a {font-size:21px;} .galleryNews .tab > ul > li{margin:0px 25px;} .galleryNews .tab_content > ul > li a.galleryImg{width:100%; height:auto;} .galleryNews .tab_content > ul > li a.galleryBtn{/* margin-bottom:15px; */} .HallyuBox{width:100%; padding-left:10px; padding-right:10px;} .HallyuBox .HallyuLeft{width:50%; margin-right:2%;} .HallyuBox .HallyuLeft div{width:50%;} .HallyuBox .HallyuRight{width:calc(100% - 52%);} .outsideBox{width:100%; padding-left:10px; padding-right:10px;} .subscribeBox{width:100%; padding-left:10px; padding-right:10px;} .subscribeBox .subscribeArea01{width:100%;} .subscribeBox .subscribeArea02{/* margin:10px 0 0 0px; */} .selectQuickBox{width:100%; padding-left:10px; padding-right:10px;} .visual{width:1020px !important; left:50%; transform:translateX(-50%);} .visual > div > span{width:550px;} .visual > div > span > a {height:315px;} .visual .visualText{left:550px; width:470px;} .koreaNews{width:calc(100% - 460px); float:left;} .noticeBoard_slider{position:relative; width:430px; margin-left:30px; float:right;} html:lang(ar) .galleryNews .tab_content > ul > li a.galleryBtn{float:right;margin-bottom:0px;margin-left:0px;margin-right: 10px;} html:lang(ar) .HallyuBox .HallyuRight{width: calc(100% - 750px);} html:lang(ar) .HallyuBox .HallyuLeft{width:50%; margin-left:2%;} /* 아랍 어 개편 css 추가 20201214 */ html:lang(ar) .infoForm .infoBox{width:100%; padding-left:10px; padding-right:10px;} html:lang(ar) .visual .visualText{right:550px;} html:lang(ar) .noticeBoard_slider{margin-right:30px;} } @media screen and (max-width: 1200px){ .HallyuBox .HallyuLeft div p{font-size:22px;} .selectArea{float:left; width:100%; margin-bottom:20px;} .onlineBtn{float:left; margin-left:0px; width:100%;} .onlineBtn a{width:auto;} .onlineBtn a span{margin:0 auto; font-size:16px;} .selectArea ul li select{font-size:15px;} html:lang(ar) .HallyuBox .HallyuRight{width: calc(100% - 52%);} } @media screen and (max-width: 1024px){ .galleryNews {height:480px;} .galleryNews .tab_content > ul > li{height:auto; width:calc(33.333% - 25px);} .galleryNews .tab_content > ul > li:last-child{display:none;} .galleryNews .tab > ul > li{margin:0px 15px; width:22%; word-break:break-all;} .galleryNews .tab > ul > li > a{font-size:19px;} .koreaNews{width: calc(100% - 450px);} .noticeBoard_slider{margin-left:20px;} /* .noticeBoard_slider{width:335px; margin-left:25px;} .noticeBoard_slider ul li a{width:335px; height:190px;} */ .HallyuBox .HallyuLeft{width:100%; margin-right:0%;} .HallyuBox .HallyuRight{width:100%; margin-top:25px;} .HallyuBox .HallyuRight ul li{margin-bottom:15px;} .HallyuBox .HallyuLeft .HallyuLink01{background: url("../../image/front/main/Hallyu_bg01_m.jpg") center center no-repeat; background-size:cover;} .HallyuBox .HallyuLeft .HallyuLink02{background: url("../../image/front/main/Hallyu_bg_02_m.png") center center no-repeat; background-size:cover;} .subscribeBox .subscribeArea01{width:100%;} .subscribeBox .subscribeArea01.hk fieldset {width:100%; height:auto;} .subscribeBox .subscribeArea01.hk .btnSearch {display:inline; width:100%; margin:5px 0 0 0; padding:10px 0;} .subscribeBox h1{float:none; font-size:22px; margin:4px 25px 10px 0;} .subscribeBox .subscribeArea02{overflow:hidden; width:100%; } .onlineBtn a{} .visual{width:870px !important; left:50%; transform:translateX(-50%);} .visual > div > span{width:470px;} .visual > div > span > a {height:270px;} .visual .visualText{left:470px; width:400px; height:220px;} .visual .title {background:none; padding-left:0;} .pagerCustom p{left:670px; bottom:25px;} .main_slider .bx-controls-auto{left:645px; bottom:20px;} /* 아랍 어 개편 css 추가 20201215 */ /* html:lang(ar) .noticeBoard_slider{width:335px; margin-left:25px; margin-right:0px;} */ html:lang(ar) .visual .visualText{right:470px;} html:lang(ar) .pagerCustom p{left:685px; bottom:25px;} html:lang(ar) .main_slider .bx-controls-auto{left:485px;} html:lang(ar) .galleryNews .tab_content > p a span{display:none;} html:lang(ar) .HallyuBox .HallyuLeft{width: 100%;margin-left:0%;} html:lang(ar) .HallyuBox .HallyuRight{width:100%;margin-top:25px;} html:lang(ar) .noticeBoard_slider{margin-right:20px;} } @media screen and (max-width: 900px){ .noticeBox{width:100%; margin-right:0%; margin-bottom:20px;} .lectureBox{width:100%;} .newsForm > div{width:100%; margin-right:0%;} .infoForm{height:auto;} .infoForm .infoBox{height:auto; background-size:auto;} .infoForm .infoBox dl {float:none; overflow:hidden; width:50%;} .infoForm .infoBox dl:last-child{margin-left:0; margin-top:10px;} .main_slider {width:100%;} .visual{width:100% !important;} .visual .title{font-size:25px;} .visual .visualText{position:static; width:100% !important; height:auto; padding:20px 30px 60px 30px;} .visual > div > span{display:block; margin:0 auto;} .visual > div a.btnMore{margin-top:10px; } .main_slider .bx-controls{/* display:none !important; */} .pagerCustom{/* display:none !important; */} .main_slider .bx-controls-auto {left:25px;} .pagerCustom p{left:50px;} html:lang(ar) .newsForm > div:last-child{margin-right:0%;} html:lang(ar) .infoForm .infoBox dl:last-child{float:none;} html:lang(ar) .infoForm .infoBox dl{float:none;} /* 아랍 어 개편 css 추가 20201214 */ html:lang(ar) .infoForm .infoBox{height:auto; background-size:auto;} html:lang(ar) .visual .visualText{position:static; width:100% !important; height:auto; padding:20px 30px 60px 30px;} html:lang(ar) .main_slider .bx-controls-auto {right:30px;} html:lang(ar) .pagerCustom{right:10px;} html:lang(ar) .pagerCustom p{right:65px; bottom:20px; left:auto;} } @media screen and (max-width: 850px){ .subscribeBox h1{float:none; font-size:22px; margin:4px 25px 10px 0;} .subscribeBox .btnSearch{display:inline; width:100%; margin:5px 0 0 0; padding:10px 0;} .subscribeBox .subscribeArea02{margin:10px 0 0 0;} .subscribeBox fieldset{width:100%; height:auto;} .subscribeBox input[type=text]{width:49.5%; margin-left:1%; margin-right:0; padding:7px 10px; -webkit-appearance:none; -webkit-border-radius:0;} .subscribeBox input[type=text]:nth-child(1){margin-left:0%;} .koreaNews{width:100%; float:none;} .noticeBoard_slider{width:100%; margin-left:0%; float:none; margin-top:25px;} .noticeBoard_slider ul li a {width:430px; height:240px;} /* 아랍 어 개편 css 추가 20201214 */ html:lang(ar) .subscribeBox input[type=text]:nth-child(1){margin-right:0%;} html:lang(ar) .subscribeBox .btnSearch{display:inline; width:100%; margin:5px 0 0 0; padding:10px 0;} html:lang(ar) .noticeBoard_slider{width:100%; margin-left:0%; float:none; margin-top:25px; margin-right:0;} html:lang(ar) .koreaNews {float:none;} } @media screen and (max-width: 800px){ .selectArea{margin-bottom:30px;} .selectArea ul li{width:48.9%; margin-right:1%;} .selectArea ul li:nth-child(1), .selectArea ul li:nth-child(2){margin-bottom:3%;} .selectArea ul li:nth-child(2), .selectArea ul li:nth-child(4){margin-right:0%;} /* 아랍 어 개편 css 추가 20201214 */ html:lang(ar) .selectArea ul li:nth-child(2), .selectArea ul li:nth-child(4){margin-left:0%;} html:lang(ar) .selectArea ul li{width:48.8%; margin-left:1%;} } @media screen and (max-width: 766px){ .galleryNews {/* height:440px; */} .galleryNews .tab > ul > li{margin: 0px 25px;} .galleryNews .tab > ul > li > a{font-size: 20px;} .galleryNews .tab_content > p{top:-20px;} .galleryNews .tab_content > p a{font-size: 15px;} .galleryNews .tab_content > p a span{display:none;} } @media screen and (max-width: 640px){ .visual .title {-webkit-line-clamp: 1; height:1.4em;} .visual > div a.btnMore{display:none;} .visual .visualText {padding:15px 30px 50px 30px;} .pagerCustom p {bottom:20px;} .main_slider .bx-controls-auto{bottom:15px;} .infoForm .infoBox{/* background-image:none; */ background-size:contain; padding-left:20px;} /* .galleryNews{height:1190px; padding-top:20px;} .galleryNews .tab > ul > li{margin: 0px 10px; float:left;} .galleryNews .tab > ul > li > a{word-break:keep-all; display:-webkit-box; width:100%; height:3.9em; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; line-height:1.4; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding-top:17px; font-size:18px; text-align:center;} .galleryNews .tab > ul > li > a:after {top:6px;} .galleryNews .tab_content{padding:0 10px;} .galleryNews .tab_content > ul{margin-top:20px; display:block;} .galleryNews .tab_content > ul > li{width:100%; height:auto; margin-left:0%; margin-top:5%;} .galleryNews .tab_content > ul > li:first-child {margin-top:0;} .galleryNews .tab_content > ul > li:nth-child(3), .galleryNews .tab_content > ul > li:nth-child(4){display:none;} .galleryNews .tab_content > p {top:-50px; right:10px;} .galleryNews .tab_content > p a span{} .galleryNews .tab_content > ul > li a.galleryImg div{height:330px;} */ .galleryNews{height:650px; padding-top:20px;} .galleryNews .tab > ul > li{margin: 0px 2px; float:left; width:32%;} .galleryNews .tab > ul > li > a{word-break:keep-all; display:-webkit-box; width:100%; height:2.6em; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; line-height:1.4; -webkit-line-clamp:1; -webkit-box-orient:vertical; padding-top:17px; font-size:16.5px; text-align:center;} .galleryNews .tab > ul > li > a:after {top:6px;} .galleryNews .tab_content > p{top: 10px;right: 0px;left: 50%;transform:translateX(-50%); z-index: 10;} .galleryNews .bx-viewport{height: 560px !important;} .galleryNews .bx-viewport > ul > li{float: none; list-style: none; position: absolute; width:100%!important; z-index: 1; display: block; box-sizing: border-box; border: 1px solid #acacac; margin-top:45px;} .galleryNews .bx-viewport > ul > li > a.galleryImg{width: 100%; height: auto; display: block;} .galleryNews .bx-viewport > ul > li > a.galleryImg > div{position:relative; overflow:hidden; height:390px; width:auto; box-sizing:border-box; transition:all 300ms;} .galleryNews .bx-viewport > ul > li > a.galleryImg > div.noImage{background: #f7f7f7 url(../../image/front/new/noImage.png) center center no-repeat; height: 330px; background-size: 88.5%; border-bottom: 1px solid #acacac;} .galleryNews .bx-viewport > ul > li > a.galleryImg > div > img{position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); transition: all 300ms; /* transform:scale(1.0); transition:0.5s; */} .galleryNews .bx-viewport > ul > li > a.galleryImg > dl{margin-top: 20px; padding: 0 10px; text-align: left;} .galleryNews .bx-viewport > ul > li > a.galleryImg > dl > dt{font-size: 18px; color: #373940 !important; font-family: 'NotoKrR'; margin-bottom: 10px; overflow: hidden; width: 100%; white-space: nowrap; font-weight: bold; text-overflow: ellipsis;} .galleryNews .bx-viewport > ul > li > a.galleryImg > dl > dt > a{color: #373940 !important;} .galleryNews .bx-viewport > ul > li > a.galleryImg > dl > dd{font-size: 16px; color: #6c6c6c; font-family: 'NotoKrDL'; margin-bottom: 15px; display: inline-block; display: -webkit-box; width: 95%; height: 3.1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all;} .galleryNews .bx-viewport > ul > li > a.galleryImg > dl > dd > a{color: #6c6c6c !important;} .galleryNews .bx-viewport > ul > li > a.galleryBtn{display: none;} .galleryNews .bx-controls{position: absolute; top: 40%; z-index: 100; width: 100%;} .galleryNews .bx-controls .bx-controls-direction > a{font-size:0;line-height:0} .galleryNews .bx-controls .bx-controls-direction > a.bx-prev{position: absolute; left: 1px; background-color: rgba(0, 0, 0, .25); width: 40px; height: 40px;} .galleryNews .bx-controls .bx-controls-direction > a.bx-next{position: absolute; right: 0; background-color: rgba(0, 0, 0, .25); width: 40px; height: 40px;} .galleryNews .bx-controls .bx-controls-direction > a:before{content:'';width:13px;height:24px; margin:8px auto; text-align:center;display:block;background: url(../../image/front/main/icon_arrow_controls.png) center center no-repeat;} .galleryNews .bx-controls .bx-controls-direction > a.bx-next:before{transform:rotate(180deg); -webkit-transform:rotate(180deg);} .newsForm{padding-bottom:10px;} .HallyuBox .HallyuRight{margin-top:40px;} .HallyuBox .HallyuRight ul li{margin-bottom: 15px;} .HallyuBox .HallyuRight ul li a img{float:left; width:100%; height:auto;} .HallyuBox .HallyuRight ul li a dl{width:100%; float:left;} .HallyuBox .HallyuRight ul li a dl dt{height:1.6em; -webkit-line-clamp:1;} .HallyuBox .HallyuRight ul li a dl dd{height:3.3em; -webkit-line-clamp:2; margin-top:10px;} .HallyuBox .HallyuLeft .HallyuLink01{width:100%; height:auto; background-size:100% 100%; padding:50px 0;} .HallyuBox .HallyuLeft .HallyuLink02{width:100%; height:191.5px; background-size:100% 100%;} /* 20201231 - 한류영역 백업 .HallyuBox .HallyuLeft .HallyuLink02{width:100%; height:auto; background-size:100% 100%; padding:50px 0;} */ .HallyuBox .HallyuLeft div p{margin-top:0px;} .noticeBox{padding:20px 15px 15px 15px;} .lectureBox{padding:20px 15px 15px 15px;} .noticeBox a.listTxt{font-size:16px; width: calc(100% - 125px);} .lectureBox a.listTxt{font-size:16px; width: calc(100% - 125px);} .noticeBox p{font-size:14px; padding-left:0px;} .lectureBox p{font-size:14px; padding-left:0px;} .noticeBoard_slider ul li a {width:100%;} /* 아랍 어 개편 css 추가 20201214 */ html:lang(ar) .infoForm .infoBox{background-image:none;} html:lang(ar) .galleryNews .tab > ul > li{float:right;} } @media screen and (max-width: 570px){ .galleryNews{height:625px;} .galleryNews .bx-viewport{height: 540px !important;} .galleryNews .bx-viewport > ul > li > a.galleryImg > div{height:360px;} } @media screen and (max-width: 520px){ .galleryNews{height:590px;} .galleryNews .bx-viewport{height:500px !important;} .galleryNews .bx-viewport > ul > li > a.galleryImg > div{height:330px;} } @media screen and (max-width: 470px){ .visual > div > span{width:100%;} .visual .title{font-size:22px;} .galleryNews{height:555px;} .galleryNews .bx-viewport{height: 465px !important;} .galleryNews .bx-viewport > ul > li > a.galleryImg > div{height:290px;} .selectArea ul li {width:100% !important; margin-right:0%; margin-bottom:2%; margin-left:0;} .selectArea ul li:nth-child(1), .selectArea ul li:nth-child(2){margin-bottom:2%;} } @media screen and (max-width: 430px){ /* iPhone 6/7/8 Plus */ .galleryNews .tab_content > ul > li a.galleryImg div {height:260px;} .galleryNews .bx-viewport > ul > li > a.galleryImg > dl > dd{height: 3em;} .galleryNews .tab > ul > li > a {padding-top:23px;} .galleryNews{height:530px;} .galleryNews .bx-viewport{height: 440px !important;} .galleryNews .bx-viewport > ul > li > a.galleryImg > div{height:270px;} } @media screen and (max-width: 400px){ /* iPhone 6/7/8 */ .header_wrap{/* margin-top:30px; */} .galleryNews{height:505px;} .galleryNews .bx-viewport{height:415px !important;} .galleryNews .bx-viewport > ul > li > a.galleryImg > div{height:240px;} .galleryNews .tab > ul > li{} .infoForm .infoBox dl dt{color:#4f4f4f; float:none; margin-right:10px; margin-bottom:3px;} .header_wrap{height:455px !important;} .noticeBoard_slider ul li a {height:215px;} .outsideBox {margin:30px auto 25px auto;} } @media screen and (max-width: 370px){ /* Galaxy S5 */ .galleryNews{height:450px;} .galleryNews .bx-viewport{height:395px !important;} .galleryNews .bx-viewport > ul > li > a.galleryImg > div{height:225px;} .galleryNews .tab_content > p {/* top:-40px; right:10px; */} .galleryNews .tab > ul > li{} .galleryNews .tab > ul > li > a {font-size:17px;} .header_wrap{margin-top:0px; height:420px !important;} .visual > div > span > a {height:245px;} } @media screen and (max-width: 350px){ /* iPhone 5/se */ .galleryNews{height:470px;} .galleryNews .bx-viewport{height:380px !important;} .galleryNews .bx-viewport > ul > li > a.galleryImg > div{height:210px;} .galleryNews .tab_content > p {/* top:-40px; right:10px; */} .galleryNews .tab > ul > li{} .header_wrap{height:410px !important;} .visual > div > span > a {height:225px;} .noticeBoard_slider{margin-top:20px;} .noticeBoard_slider ul li a {height:195px;} .outsideBox {margin:30px auto 25px auto;} }