/* -------- 홍보센터 > 캠퍼스투어 (개발부분 페이지는 style.default.dpt.css 로 이동) -------- */


/* 홍보센터 > [탭]캠퍼스투어 > [탭]투어코스 */
.course-wr {position:relative;border:1px solid #ccc}
.course-wr .img-wr {width:70.83%}
.course-wr .img-wr img {display:block;width:100%;max-width:849px}
.course-wr .info-wr {position:absolute;width:29.17%;height:100%;top:0;right:0}
.course-wr .info-wr .time-info,
.course-wr .info-wr .line-info {position:absolute;width:100%;right:0}
.course-wr .info-wr .time-info {height:17.54%;top:0;background:url(/_contents/kor/_Img/06Pr/course_bg1.jpg) no-repeat 0px 0px;background-size:cover;z-index:2;overflow:hidden}
.course-wr .info-wr .time-info .inwr {margin:25px 21px}
.course-wr .info-wr .time-info .inwr .info-box02 {padding:0 0 0 45px}
.course-wr .info-wr .time-info .inwr .info-box02:before {background:url(/_contents/kor/_Img/06Pr/course_fav_blt2.png) no-repeat 0px 0px}
.course-wr .info-wr .time-info ul {}
.course-wr .info-wr .time-info ul li {color:#fff}
.course-wr .info-wr .time-info ul li:before {background:#fff}
.course-wr .info-wr .time-info p {font-size:14px;color:#fff;opacity:.8;line-height:20px;letter-spacing:-.025em;padding:10px 10px 0 10px}
.course-wr .info-wr .line-info {height:82.46%;bottom:0;z-index:1;background:#fff}
.course-wr .info-wr .line-info .inwr {margin:0 29px 0}
.course-wr .info-wr .line-info .inwr h3 {font-size:20px;color:#005baa;letter-spacing:-.025em;margin:15px 0}
.course-wr .info-wr .line-info .inwr .handle {}
.course-wr .info-wr .line-info .inwr .handle::-webkit-scrollbar {width:3px;}
.course-wr .info-wr .line-info .inwr .handle::-webkit-scrollbar-thumb { background: #a9a9a9; }
.course-wr .info-wr .line-info .inwr .handle ul {display:block;margin:0}
.course-wr .info-wr .line-info .inwr .handle ul li {display:block;font-size:0;margin:0 0 5px 0}
.course-wr .info-wr .line-info .inwr .handle ul li:last-child {margin:0}
.course-wr .info-wr .line-info .inwr .handle ul li span {display:inline-block;vertical-align:middle}
.course-wr .info-wr .line-info .inwr .handle ul li .num {font-size:11px;width:26px;height:26px;border-radius:50%;background:#eb572a;color:#fff;text-align:center;line-height:26px;font-weight:bold;margin:0 9px 0 0}
.course-wr .info-wr .line-info .inwr .handle ul li .txt {font-size:15px;color:#333}
.course-wr .info-wr .line-info .inwr .handle ul li .point {display:inline-block;position:relative;font-size:13px;color:#fff;padding:5px 8px 6px 23px;margin:0 0 0 6px;border-radius:999px;box-sizing:border-box;line-height:1;vertical-align:middle}
.course-wr .info-wr .line-info .inwr .handle ul li .point:before {content:"";display:block;position:absolute;width:14px;height:14px;background:url(/_contents/kor/_Img/06Pr/course_spr1.png) no-repeat;left:6px;top:50%;margin:-7px 0 0 0}
.course-wr .info-wr .line-info .inwr .handle ul li .point1 {background:#f4f9ff;border:1px solid #466f92;color:#003875}
.course-wr .info-wr .line-info .inwr .handle ul li .point1:before {background-position:0px 0px}
.course-wr .info-wr .line-info .inwr .handle ul li .point2 {background:#ececec;border:1px solid #a0a0a0;color:#333333}
.course-wr .info-wr .line-info .inwr .handle ul li .point2:before {background-position:-28px 0px}
.course-wr .info-wr .line-info .inwr .handle ul li .point3 {background:#f4a100;border:1px solid #f4a100;color:#fff}
.course-wr .info-wr .line-info .inwr .handle ul li .point3:before {background-position:-14px 0px}
.chelper-wr {position:relative;margin:0 0 20px 0;background:#f6f6f6;font-size:0;padding:25px 0}
.chelper-wr p {display:inline-block;vertical-align:middle;margin:0 0 0 30px;padding:0 0 0 30px}
.chelper-wr .pdf-install {display:inline-block;padding:0 0 0 32px;height:28px;line-height:28px;position:relative;margin:0;vertical-align:middle;margin:0 0 0 25px}
.chelper-wr .pdf-install:before {content:"";display:block;position:absolute;width:23px;height:28px;left:0;top:0;background:url(/_contents/kor/_Img/Common/icon_pdf.png) no-repeat}
.chelper-wr .pdf-install span {display:inline-block;color:#d90202;font-size:13px;font-weight:bold}
.chelper-wr .pdf-install:focus span,
.chelper-wr .pdf-install:active span,
.chelper-wr .pdf-install:hover span {text-decoration:underline}
.chelper-wr .btn-wr {position:absolute;right:30px;top:50%;margin:-26px 0 0 0}
.chelper-wr .btn-wr a {display:inline-block}
.chelper-wr .btn-wr a.cw-btn {color:#444;font-size:16px}
.chelper-wr .btn-wr a.cw-btn:focus,
.chelper-wr .btn-wr a.cw-btn:active,
.chelper-wr .btn-wr a.cw-btn:hover {color:#fff}
.chelper-wr .btn-wr a.cp-btn {font-size:16px;margin:0 0 0 20px}
.chelper-wr .btn-wr a span {padding-right:80px}
.chelper-wr .btn-wr a span.ico {padding:0}
.course-fav-wr {box-sizing:border-box;border-top:3px solid #02439f;background:#efefef;margin:30px 0 0 0;padding:0 0 40px 0}
.course-fav-wr .topBox {margin:0 50px}
.course-fav-wr .topBox h3 {display:block;position:relative;text-align:center;font-size:40px;color:#005baa;padding:70px 0 0 0}
.course-fav-wr .topBox h3:before {content:"";display:block;position:absolute;width:55px;height:66px;background:url(/_contents/kor/_Img/06Pr/course_fav_icon1.png) no-repeat 0px 0px;left:50%;top:-3px;margin:0 0 0 -27px}
.course-fav-wr .topBox ul {display:block;width:100%;overflow:hidden;margin:15px 0 19px}
.course-fav-wr .topBox ul li {display:block;width:16.36%;margin:0 0.368% 0 0;float:left}
.course-fav-wr .topBox ul li:last-child {margin:0}
.course-fav-wr .topBox ul li button {display:block;position:relative;width:100%;border:0;background:#fff;border:1px solid #d1d1d1;font-size:16px;color:#333;padding:12px 0 15px;transition:all .3s ease}
.course-fav-wr .topBox ul li button:focus,
.course-fav-wr .topBox ul li button:active,
.course-fav-wr .topBox ul li button:hover,
.course-fav-wr .topBox ul li.over button {border:1px solid #0067d4;background:#0067d4;color:#fff}
.course-fav-wr .bodyBox {margin:19px 50px 0;border-top:2px solid #87949f}
.course-fav-wr .bodyBox .body-unit {position:relative}
.course-fav-wr .bodyBox .body-unit.tempHide {display:none}
.course-fav-wr .bodyBox .desc-wr {margin:0 498px 0 0}
.course-fav-wr .bodyBox .desc-wr .f1 {background:#f1f4f7;overflow:hidden;padding:20px 0 23px;min-height:104px}
.course-fav-wr .bodyBox .desc-wr .f1 h4 {display:block;margin:0 30px}
.course-fav-wr .bodyBox .desc-wr .f1 h4 span {display:inline-block;vertical-align:middle}
.course-fav-wr .bodyBox .desc-wr .f1 .num {width:37px;height:37px;line-height:37px;text-align:center;background:#eb572a;color:#fff;font-size:16px;border-radius:50%}
.course-fav-wr .bodyBox .desc-wr .f1 .txt {font-size:24px;color:#333;margin:0 0 0 8px}
.course-fav-wr .bodyBox .desc-wr .f1 p {display:block;margin:6px 40px 0}
.course-fav-wr .bodyBox .desc-wr .f2 {background:#f9f9f9;border-top:1px solid #dedede;overflow:hidden;padding:25px 0px;min-height:117px}
.course-fav-wr .bodyBox .desc-wr .f2 ul {display:block;margin:0 41px}
.course-fav-wr .bodyBox .desc-wr .f2 ul li {display:block;position:relative;margin:0 0 2px 0}
.course-fav-wr .bodyBox .desc-wr .f2 ul li:last-child {margin:0}
.course-fav-wr .bodyBox .desc-wr .f2 ul li span {display:block;font-size:16px;color:#444}
.course-fav-wr .bodyBox .desc-wr .f2 ul li .lbl {position:absolute;left:0;top:0;width:120px;font-weight:bold;padding:0 0 0 12px}
.course-fav-wr .bodyBox .desc-wr .f2 ul li .lbl:before {content:"";display:block;position:absolute;width:3px;height:5px;background:url(/_contents/kor/_Img/06Pr/course_fav_blt1.gif) no-repeat 0px 0px;left:0;top:12px}
.course-fav-wr .bodyBox .desc-wr .f2 ul li .txt {margin:0 0 0 120px}
.course-fav-wr .bodyBox .img-wr {display:block;position:absolute;width:498px;right:0;top:0}
.course-fav-wr .bodyBox .img-wr .img-zoom {width:auto;margin:28px}
.course-fav-wr .bodyBox .img-wr .img-zoom img {display:block;width:100%;max-width:439px}
@media all and (max-width:1200px) {
	.course-wr .info-wr .time-info .inwr {margin:15px 20px}
	.course-wr .info-wr .time-info .inwr .info-box02 {padding:0}
	.course-wr .info-wr .time-info .inwr .info-box02:before {background:none}
	.course-wr .info-wr .line-info .inwr {margin:0 10px 0 20px}
	.course-wr .info-wr .line-info .inwr .handle ul li .txt {font-size:13px;letter-spacing:-.07em}
	.course-wr .info-wr .line-info .inwr .handle ul li .num {margin:0 5px 0 0}
	.course-wr .info-wr .line-info .inwr .handle ul li .point {padding:4px 5px 5px 15px;margin:0 0 0 3px;letter-spacing:-.05em}
	.course-wr .info-wr .line-info .inwr .handle ul li .point:before {left:3px}
}
@media all and (max-width:1100px) {
	.chelper-wr p {display:block;margin:0 300px 0 30px}
	.chelper-wr .pdf-install {display:block;margin:5px 0 0 30px}
	.course-wr .info-wr .time-info {height:30%}
	.course-wr .info-wr .line-info {height:70%}
	.course-fav-wr .topBox {margin:0 20px}
	.course-fav-wr .bodyBox {margin:20px 20px 0}
	.course-fav-wr .bodyBox .img-wr .img-zoom {margin:28px 0 28px 30px}
}
@media all and (max-width:1000px) {
	.course-fav-wr .topBox h3 {font-size:26px}
	.course-fav-wr .bodyBox .desc-wr .f1 {padding:20px 0;min-height:0}
	.course-fav-wr .bodyBox .desc-wr .f1 h4 {margin:0 20px}
	.course-fav-wr .bodyBox .desc-wr .f1 p {margin:5px 20px 0}
	.course-fav-wr .bodyBox .desc-wr .f2 {padding:20px 0px;min-height:0}
	.course-fav-wr .bodyBox .desc-wr .f2 ul {margin:0 20px}
	.course-fav-wr .bodyBox .desc-wr {margin:0 400px 0 0}
	.course-fav-wr .bodyBox .img-wr {width:400px}
}
@media all and (max-width:900px) {
	.course-fav-wr .topBox ul li {width:32%;margin:0 2% 10px 0}
	.course-fav-wr .topBox ul li:nth-child(3n) {margin:0 0 10px 0}
	.course-fav-wr .topBox ul li:last-child {margin:0}
	.course-fav-wr .topBox ul li button {font-size:15px;padding:12px 0}
	.course-fav-wr .bodyBox {margin:10px 20px 0}
	.course-fav-wr .bodyBox .desc-wr {margin:0}
	.course-fav-wr .bodyBox .desc-wr .f1 {min-height:0}
	.course-fav-wr .bodyBox .desc-wr .f2 {min-height:0}
	.course-fav-wr .bodyBox .img-wr {position:relative;width:100%;max-width:400px;right:auto;top:auto;margin:0 auto}
	.course-fav-wr .bodyBox .img-wr .img-zoom {margin:20px 0}
	.course-wr .img-wr {width:65%}
	.course-wr .info-wr {width:35%}
	.course-wr .info-wr .time-info {height:35%}
	.course-wr .info-wr .line-info {height:65%}
	.course-wr .info-wr .line-info .inwr {margin:0 10px}
}
@media all and (max-width:780px) {
	.course-wr .info-wr .time-info {height:40%}
	.course-wr .info-wr .line-info {height:60%}
}
@media all and (max-width:700px) {
	.course-wr .img-wr {width:100%}
	.course-wr .info-wr {position:relative;width:100%;height:auto;top:auto;right:auto}
	.course-wr .info-wr .time-info,
	.course-wr .info-wr .line-info {position:relative;right:auto}
	.course-wr .info-wr .time-info {height:auto;top:auto;background:url(/_contents/kor/_Img/06Pr/course_bg1.jpg) no-repeat 0px 0px;background-size:cover}
	.course-wr .info-wr .line-info {height:auto;bottom:auto;margin:20px 0}
	.course-wr .info-wr .line-info .inwr ul {font-size:0;margin:8px 0 0 0}
	.course-wr .info-wr .line-info .inwr ul li {display:inline-block;width:50%;margin:0 0 5px 0}
	.course-wr .info-wr .line-info .inwr ul li:last-child {margin:0 0 5px 0}
	.course-wr .info-wr .line-info .inwr .handle {height:250px !important}
	.course-fav-wr .topBox h3 {font-size:20px}
	.course-fav-wr .topBox ul li {width:49%;margin:0 2% 10px 0}
	.course-fav-wr .topBox ul li:nth-child(3n) {margin:0 2% 10px 0}
	.course-fav-wr .topBox ul li:nth-child(2n) {margin:0 0 10px 0}
	.course-fav-wr .topBox ul li:last-child {margin:0}
	.course-fav-wr .topBox ul li button {letter-spacing:-.05em}
	.course-fav-wr .bodyBox .desc-wr .f1 h4 {margin:0 10px}
	.course-fav-wr .bodyBox .desc-wr .f1 p {margin:5px 10px 0}
	.course-fav-wr .bodyBox .desc-wr .f1 .num {width:30px;height:30px;line-height:30px;font-size:14px}
	.course-fav-wr .bodyBox .desc-wr .f1 .txt {font-size:18px;margin:0 0 0 5px}
	.course-fav-wr .bodyBox .desc-wr .f2 ul {margin:0 10px}
	.chelper-wr {padding:25px 0}
	.chelper-wr p {display:block;margin:0 30px}
	.chelper-wr .pdf-install {display:block;margin:5px 30px 0}
	.chelper-wr .btn-wr {position:relative;right:auto;top:auto;margin:10px 30px 0;width:auto}
	.chelper-wr .btn-wr a {display:block;width:auto}
}
@media all and (max-width:500px) {
	.chelper-wr {padding:15px 0}
	.chelper-wr p {margin:0 15px}
	.chelper-wr .pdf-install {margin:5px 15px 0}
	.chelper-wr .btn-wr {margin:10px 15px 0}
	.course-wr .info-wr .line-info .inwr ul li {width:100%}
	.course-fav-wr {margin:20px 0 0 0;padding:0 0 10px 0}
	.course-fav-wr .topBox h3 {padding:40px 0 0 0}
	.course-fav-wr .topBox h3:before {width:33px;height:44px;margin:0 0 0 -16px;background-size:contain}
	.course-fav-wr .topBox {margin:0 10px}
	.course-fav-wr .topBox ul li {width:49%;margin:0 2% 5px 0}
	.course-fav-wr .topBox ul li:nth-child(3n) {margin:0 2% 5px 0}
	.course-fav-wr .topBox ul li:nth-child(2n) {margin:0 0 5px 0}
	.course-fav-wr .bodyBox {margin:10px 10px 0}
	.course-fav-wr .bodyBox .desc-wr .f1 {padding:10px 0}
	.course-fav-wr .bodyBox .desc-wr .f2 {padding:10px 0px}
	.course-fav-wr .bodyBox .desc-wr .f2 ul li {padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:1px dashed #ddd}
	.course-fav-wr .bodyBox .desc-wr .f2 ul li:last-child {padding:0;margin:0;border-bottom:0}
	.course-fav-wr .bodyBox .desc-wr .f2 ul li span {font-size:15px}
	.course-fav-wr .bodyBox .desc-wr .f2 ul li .lbl {position:relative;left:auto;top:auto;width:auto}
	.course-fav-wr .bodyBox .desc-wr .f2 ul li .txt {margin:0 0 0 12px}
	.course-fav-wr .bodyBox .desc-wr .f2 ul li .txt br {display:none}
}

/* 홍보센터 > 캠퍼스투어 > [탭]부산대 홍보대사 소개 */
.amb-wr {}
.amb-wr .amb-top {}
.amb-wr .amb-top h3 {display:block;width:100%;text-align:center}
.amb-wr .amb-top h3 .txt-wr {display:inline-block;position:relative;width:100%;max-width:570px;height:81px}
.amb-wr .amb-top h3 .txt-wr:before,
.amb-wr .amb-top h3 .txt-wr:after {content:"";display:block;position:absolute}
.amb-wr .amb-top h3 .txt-wr:before {width:21px;height:21px;background:url(/_contents/kor/_Img/06Pr/ambassa_bg8.png) no-repeat 0px 0px;right:100%;bottom:0}
.amb-wr .amb-top h3 .txt-wr:after {width:47px;height:64px;background:url(/_contents/kor/_Img/06Pr/ambassa_bg9.png) no-repeat 0px 0px;left:100%;top:0}
.amb-wr .amb-top h3 .txt-wr .f1 {display:block;color:#2192f2;font-size:16px;font-weight:normal}
.amb-wr .amb-top h3 .txt-wr .f1 span {display:inline}
.amb-wr .amb-top h3 .txt-wr .f2 {display:block;color:#109E7F;font-size:40px;font-weight:normal;letter-spacing:-.08em}
.amb-wr .amb-top h3 .txt-wr .f2 span {color:#005aaa}
.amb-wr .amb-top p {display:block;text-align:center;font-size:15px;color:#555;line-height:1.8;margin:20px 0 0 0}
.amb-wr .amb-top p span {display:block;}
.amb-wr .amb-picwr {position:relative;margin:35px 0 0 0}
.amb-wr .amb-picwr .pic-wr {margin:0 85px;position:relative;z-index:3}
.amb-wr .amb-picwr .pic-wr img {display:block;width:100%;position:relative;z-index:2}
.amb-wr .amb-picwr .pic-wr:after {content:"";display:block;position:absolute;width:100%;height:100%;background:url(/_contents/kor/_Img/06Pr/ambassa_ptn2.png) repeat left top;right:-20px;bottom:-20px}
.amb-wr .amb-picwr .txt-diaWr {display:block;position:relative;background:url(/_contents/kor/_Img/Common/dia_ptn1.gif) repeat left top;overflow:hidden;margin:-185px 0 0 0}
.amb-wr .amb-picwr .txt-diaWrInwr {display:block;position:relative;margin:3px;padding:232px 0 30px;text-align:center;background:#e5eef4;text-align:center}
.amb-wr .amb-picwr ul {display:block;position:relative;margin:0 221px;border:1px solid #a4a4a4;box-sizing:border-box;font-size:0;background:#fff;transition:all .3s ease}
.amb-wr .amb-picwr ul:after,
.amb-wr .amb-picwr ul:before {content:"";display:block;position:absolute;width:1px;height:100%;background:#a4a4a4;top:0}
.amb-wr .amb-picwr ul:after {left:33.3333%}
.amb-wr .amb-picwr ul:before {left:66.6666%}
.amb-wr .amb-picwr ul li {display:inline-block;width:33.3333%;vertical-align:top;box-sizing:border-box;text-align:center;padding:40px 0 57px;transition:all .3s ease}
.amb-wr .amb-picwr ul li:before {content:"";display:inline-block;width:59px;height:59px;margin:0 auto;background:url(/_contents/kor/_Img/06Pr/ambassa_sprite2.png) no-repeat}
.amb-wr .amb-picwr ul li p {display:block;margin:19px 0 0 0}
.amb-wr .amb-picwr ul li p .f1 {display:block;font-weight:bold;font-size:20px;line-height:1;letter-spacing:-.05em}
.amb-wr .amb-picwr ul li p .f2 {display:block;font-weight:normal;font-size:30px;line-height:35px;letter-spacing:-.07em;margin:14px 0 0 0}
.amb-wr .amb-picwr ul li p .f2 span {display:block}
.amb-wr .amb-picwr ul li.order1 {color:#005baa}
.amb-wr .amb-picwr ul li.order2 {color:#eb572a}
.amb-wr .amb-picwr ul li.order3 {color:#00ade6}
.amb-wr .amb-picwr ul li.order1:before {background-position:0px 0px}
.amb-wr .amb-picwr ul li.order2:before {background-position:-59px 0px}
.amb-wr .amb-picwr ul li.order3:before {background-position:-118px 0px}
.amb-wr .amb-sld {position:relative;margin:63px 0 0 0;z-index:10}
.amb-wr .amb-sld .txt-box {position:absolute;width:50%;bottom:20px;background:#f7f7f7;min-height:550px;transition:all .3s ease}
.amb-wr .amb-sld .txt-box:before {content:"";display:block;position:absolute;width:72px;height:38px;background:url(/_contents/kor/_Img/06Pr/ambassa_sprite2.png) no-repeat 0px -149px;right:33px;top:0}
.amb-wr .amb-sld .txt-box h3 {display:block;margin:45px 40px 20px;border-bottom:1px solid #dbdbdb;padding:0 0 38px 0}
.amb-wr .amb-sld .txt-box h3 span {display:block;line-height:1}
.amb-wr .amb-sld .txt-box h3 .f1 {font-size:24px;color:#222;letter-spacing:-.05em;font-weight:normal}
.amb-wr .amb-sld .txt-box h3 .f2 {font-weight:bold;font-size:32px;color:#109E7F;letter-spacing:-.08em;margin:13px 0 0 0}
.amb-wr .amb-sld .txt-box h3 .f3 {font-size:16px;color:#222;opacity:.2;font-weight:normal;margin:15px 0 0 0}
.amb-wr .amb-sld .txt-box ul.desc2 {display:block;width:auto;font-size:0;margin:10px 30px 0}
.amb-wr .amb-sld .txt-box ul.desc2 li {display:inline-block;width:50%;vertical-align:top;text-align:center;padding:20px 0;box-sizing:border-box;border-color:#ddd;border-style:solid}
.amb-wr .amb-sld .txt-box ul.desc2 li:before {content:"";display:inline-block;width:78px;height:78px;background-repeat:no-repeat;background-position:center center}
.amb-wr .amb-sld .txt-box ul.desc2 li p {display:block;line-height:20px;text-align:center;margin:18px 0 0 0;font-weight:bold;font-size:15px}
.amb-wr .amb-sld .txt-box ul.desc2 li p span {display:block}
.amb-wr .amb-sld .txt-box ul.desc2 li.order1 {border-width:0 1px 1px 0}
.amb-wr .amb-sld .txt-box ul.desc2 li.order2 {border-width:0 0 1px 0}
.amb-wr .amb-sld .txt-box ul.desc2 li.order3 {border-width:0 1px 0 0}
.amb-wr .amb-sld .txt-box ul.desc2 li.order4 {border-width:0 0 0 0}
.amb-wr .amb-sld .txt-box ul.desc2 li.order1:before {background-image:url(/_contents/kor/_Img/06Pr/amb_icon1.png)}
.amb-wr .amb-sld .txt-box ul.desc2 li.order2:before {background-image:url(/_contents/kor/_Img/06Pr/amb_icon2.png)}
.amb-wr .amb-sld .txt-box ul.desc2 li.order3:before {background-image:url(/_contents/kor/_Img/06Pr/amb_icon3.png)}
.amb-wr .amb-sld .txt-box ul.desc2 li.order4:before {background-image:url(/_contents/kor/_Img/06Pr/amb_icon4.png)}
.amb-wr .amb-sld .sld-box {}
.amb-wr .amb-sld .sld-box .bg1 {width:100%;height:40px;background:url(/_contents/kor/_Img/06Pr/ambassa_bg5.jpg) no-repeat 0px 0px}
.amb-wr .amb-sld .sld-box .bg2 {width:100%;height:20px;background:url(/_contents/kor/_Img/06Pr/ambassa_bg6.jpg) no-repeat 0px 0px}
.amb-wr .amb-sld .sld-box .sld-core {width:50%;margin:0 0 0 auto}
.amb-wr .amb-sld .sld-box .sld-core .img-slide-wr {width:100%;overflow:hidden}
.amb-wr .amb-sld .sld-box .sld-core .img-slide-wr img {display:block;width:100%}
.amb-wr .amb-sns {display:block;position:relative;padding:75px 0 75px 250px;/* text-align:right; */}
.amb-wr .amb-sns .bg {display:block;position:absolute;width:2000px;height:150%;left:50%;top:-79px;margin:0 0 0 -1000px;background:url(/_contents/kor/_Img/06Pr/ambassa_bg7.jpg) no-repeat center top;z-index:-1}
.amb-wr .amb-sns h3 {display:block;position:absolute;left:0;top:75px;text-align:left;z-index:2}
.amb-wr .amb-sns h3 .txt-wr {display:block}
.amb-wr .amb-sns h3 .txt-wr .f1 {display:block;font-size:40px;color:#222;font-weight:normal;line-height:1;letter-spacing:0}
.amb-wr .amb-sns h3 .txt-wr .f1 span {font-weight:bold}
.amb-wr .amb-sns h3 .txt-wr .f2 {display:block;font-size:15px;line-height:1.8;color:#555;font-weight:normal;margin:32px 0 0 0}
.amb-wr .amb-sns h3 .txt-wr .f2 span {display:block}
.amb-wr .amb-sns .sns-core {display:block;position:relative;margin:0;font-size:0;z-index:2;vertical-align:top;overflow:hidden}
.amb-wr .amb-sns .sns-core .sns-box {display:inline-block;width:32%;height:auto;box-sizing:border-box;border:1px solid #d5d5d5;font-size:15px;margin: 0 1% 1% 0;padding:0 0 20px 0;background:#fcfcfc;vertical-align:top}
.amb-wr .amb-sns .sns-core .sns-box:last-child {margin:0}
.amb-wr .amb-sns .sns-core .sns-box h4 {display:block;position:relative;width:auto;text-align:center;line-height:1;margin:20px 20px 0;border-bottom:2px solid #000;padding:0 0 35px 0;z-index:2}
.amb-wr .amb-sns .sns-core .sns-box h4 span {font-size:22px}
.amb-wr .amb-sns .sns-core .sns-box h4:after {content:"";display:block;position:absolute;width:58px;height:58px;top:100%;left:50%;margin:-29px 0 0 -29px;background:url(/_contents/kor/_Img/06Pr/ambassa_sprite2.png) no-repeat}
.amb-wr .amb-sns .sns-core .sns-box.face h4 {color:#365899}
.amb-wr .amb-sns .sns-core .sns-box.blog h4 {color:#448A05}
.amb-wr .amb-sns .sns-core .sns-box.inst h4 {color:#f00075}
.amb-wr .amb-sns .sns-core .sns-box.yout h4 {color:#ff0000}

.amb-wr .amb-sns .sns-core .sns-box.face h4:after {background-position:0px -91px}
.amb-wr .amb-sns .sns-core .sns-box.blog h4:after {background-position:-58px -91px}
.amb-wr .amb-sns .sns-core .sns-box.inst h4:after {background-position:-174px -91px}
.amb-wr .amb-sns .sns-core .sns-box.yout h4:after {background-position:-116px -91px}

.amb-wr .amb-sns .sns-core .sns-box .service-box {display:block;width:auto;position:relative;margin:0 20px;box-sizing:border-box;border:1px solid #aaa;border-top:0;padding:35px 0 10px;max-height:280px;overflow:hidden;z-index:1;text-align:center;font-size:15px;font-weight:bold;color:#000}
.amb-wr .amb-sns .sns-core .sns-box .service-box a {display:block;position:relative;width:auto;margin:0 20px;box-sizing:border-box;border:1px solid #aaa;border-radius:999px;padding:7px 5px;text-align:center;background:linear-gradient(180deg, #fff, #d9d9d9);text-shadow:0 2px 1px rgba(255, 255, 255, .8);box-shadow:0 2px 3px rgba(0, 0, 0, .05);overflow:hidden;line-height:1.3;letter-spacing:-.05em;transition:all .3s ease}
.amb-wr .amb-sns .sns-core .sns-box .service-box a span {display:block;letter-spacing:0}
.amb-wr .amb-sns .sns-core .sns-box .service-box a:focus,
.amb-wr .amb-sns .sns-core .sns-box .service-box a:active,
.amb-wr .amb-sns .sns-core .sns-box .service-box a:hover {background:linear-gradient(0deg, #fff, #fff)}

.amb-wr .amb-sns .sns-core .sns-box.face .service-box {background:#c1d6eb}
.amb-wr .amb-sns .sns-core .sns-box.face .service-box a {border:1px solid #9db3ca}
.amb-wr .amb-sns .sns-core .sns-box.face .service-box a span {color:#4b65b9}

.amb-wr .amb-sns .sns-core .sns-box.blog .service-box {background:#d6f1be}
.amb-wr .amb-sns .sns-core .sns-box.blog .service-box a {border:1px solid #b1c89a}
.amb-wr .amb-sns .sns-core .sns-box.blog .service-box a span {color:#448A05}

.amb-wr .amb-sns .sns-core .sns-box.inst .service-box {background:#ffd8eb}
.amb-wr .amb-sns .sns-core .sns-box.inst .service-box a {border:1px solid #d8b1c4}
.amb-wr .amb-sns .sns-core .sns-box.inst .service-box a span {color:#f00075}

.amb-wr .amb-sns .sns-core .sns-box.yout .service-box {background:#ff8d8d}
.amb-wr .amb-sns .sns-core .sns-box.yout .service-box a {border:1px solid #ffa3a3}
.amb-wr .amb-sns .sns-core .sns-box.yout .service-box a span {color:#ff0000}

@media only screen and (max-width:1200px) {
	.amb-wr .amb-picwr ul {margin:0 100px}
	.amb-wr .amb-sld .txt-box {height:100%;min-height:0}
	.amb-wr .amb-sld .txt-box h3 {margin:30px 25px 20px;padding:0 0 20px 0}
	.amb-wr .amb-sld .txt-box h3 .f1 {font-size:20px}
	.amb-wr .amb-sld .txt-box h3 .f2 {font-size:26px}
	.amb-wr .amb-sld .txt-box h3 .f3 {font-size:15px}
	.amb-wr .amb-sld .txt-box ul.desc2 li {padding:10px 0}
	.amb-wr .amb-sld .txt-box ul.desc2 li p {margin:10px 0 0 0}

	.amb-wr .amb-sns h3 {}
	.amb-wr .amb-sns h3 .txt-wr .f1 {font-size:36px;letter-spacing:0}
	.amb-wr .amb-sns h3 .txt-wr .f2 {font-size:15px;max-width:200px}
	.amb-wr .amb-sns h3 .txt-wr .f2 span {display:inline}
	.amb-wr .amb-sns .sns-core {margin:0}
	.amb-wr .amb-sns .sns-core .sns-box .service-box a {margin:0 10px}
}
@media all and (max-width:1100px) {
	.amb-wr .amb-sns {padding:30px 0 0 250px}
	.amb-wr .amb-sns h3 {top:30px;}
}
@media only screen and (max-width:1000px) {
	.amb-wr .amb-picwr ul {margin:0 50px}
	.amb-wr .amb-picwr ul li {padding:20px 0}
	.amb-wr .amb-picwr ul li p .f2 {font-size:22px;line-height:normal;margin:5px 0 0 0}
	.amb-wr .amb-sld .sld-box .bg1 {background-size:cover}
	.amb-wr .amb-sld .sld-box .bg2 {background-size:cover}
	.amb-wr .amb-sld .txt-box h3 {margin:30px 20px 15px;padding:0 0 20px 0}
	.amb-wr .amb-sld .txt-box h3 .f1 {font-size:18px}
	.amb-wr .amb-sld .txt-box h3 .f2 {font-size:20px}
	.amb-wr .amb-sld .txt-box ul.desc2 li:before {width:40px;height:40px;background-size:contain}
	.amb-wr .amb-sld .txt-box ul.desc2 li p {margin:5px 5px 0}
	.amb-wr .amb-sld .txt-box ul.desc2 li p span {display:inline}
	.amb-wr .amb-sns {text-align:center;padding:30px 0 0}
	.amb-wr .amb-sns .bg {width:100%;height:100%;left:0;top:0;margin:0;background-size:contain;background-position:center bottom}
	.amb-wr .amb-sns h3 {position:relative;left:auto;top:auto;text-align:center}
	.amb-wr .amb-sns h3 .txt-wr .f2 {font-size:14px;margin:15px 0 0 0;max-width:100%}
	.amb-wr .amb-sns h3 .txt-wr .f2 span {display:inline}
	.amb-wr .amb-sns .sns-core {margin:20px 0 0 0}
}
@media only screen and (max-width:860px) {
	.amb-wr .amb-top h3 .txt-wr {width:auto;height:auto;background-size:contain;background-position:center bottom;padding:0 10px}
	.amb-wr .amb-top h3 .txt-wr .f1 {font-size:16px;line-height:normal}
	.amb-wr .amb-top h3 .txt-wr .f1 span {display:block}
	.amb-wr .amb-top h3 .txt-wr .f2 {font-size:24px;line-height:1;margin:10px 0 0 0}
	.amb-wr .amb-top p {font-size:14px;line-height:normal}
	.amb-wr .amb-top p {margin:20px 20px 0}
	.amb-wr .amb-top p span {display:inline}
	.amb-wr .amb-picwr .pic-wr {margin:0 30px}
	.amb-wr .amb-picwr .pic-wr:after {right:-10px;bottom:-10px}
	.amb-wr .amb-picwr ul {margin:0 27px}
	.amb-wr .amb-sld .txt-box h3 {margin:20px 20px 10px;padding:0 0 15px 0}
	.amb-wr .amb-sld .txt-box h3 .f1 {font-size:15px}
	.amb-wr .amb-sld .txt-box h3 .f2 {font-size:17px;margin:5px 0 0 0}
	.amb-wr .amb-sld .txt-box h3 .f3 {font-size:14px;margin:5px 0 0 0}
	.amb-wr .amb-sld .txt-box {width:60%}
	.amb-wr .amb-sld .txt-box ul.desc2 {margin:10px 10px 0}
	.amb-wr .amb-sld .txt-box ul.desc2 li p {font-size:13px}
	.amb-wr .amb-sld .sld-box .sld-core {width:40%}
	.amb-wr .amb-sns .sns-core {display:block}
	.amb-wr .amb-sns .sns-core .sns-box {}
	.amb-wr .amb-sns .sns-core .sns-box {padding:0 10px 10px}
	.amb-wr .amb-sns .sns-core .sns-box .service-box {margin:0;}
	.amb-wr .amb-sns .sns-core .sns-box .service-box a {font-size:14px;letter-spacing:-.05em}
	.amb-wr .amb-sns .sns-core .sns-box h4 {margin:20px 0 0}
	.amb-wr .amb-sns .sns-core .sns-box h4 span {font-size:18px}
}
@media only screen and (max-width:740px) {
	.amb-wr .amb-sns .sns-core .sns-box.face {float:none}
	.amb-wr .amb-sns .sns-core .sns-box.blog {float:none}
	.amb-wr .amb-sld {margin:20px 0 0 0}
	.amb-wr .amb-sld .txt-box {position:relative;width:100%;bottom:auto;min-height:0;margin:0;overflow:hidden;padding:20px 0}
	.amb-wr .amb-sld .sld-box .sld-core {width:100%;margin:0}
}
@media only screen and (max-width:600px) {
	.amb-wr .amb-top h3 .txt-wr {padding:0}
	.amb-wr .amb-top h3 .txt-wr:before {width:15px;height:15px;background-size:cover}
	.amb-wr .amb-top h3 .txt-wr:after {width:23px;height:32px;background-size:contain}
	.amb-wr .amb-top h3 .txt-wr .f1 {font-size:12px;word-wrap:break-word;word-break:keep-all;white-space:normal}
	.amb-wr .amb-top h3 .txt-wr .f2 {font-size:20px;margin:10px 0 0 0}
	.amb-wr .amb-top p {font-size:14px;line-height:normal;margin:10px 0 0}
	.amb-wr .amb-picwr .pic-wr {margin:0 20px}
	.amb-wr .amb-picwr .txt-diaWr {margin:-30px 0 0 0}
	.amb-wr .amb-picwr .txt-diaWrInwr {padding:50px 0 20px}
	.amb-wr .amb-picwr ul {margin:0 17px}
	.amb-wr .amb-picwr ul li p .f1 {font-size:16px}
	.amb-wr .amb-picwr ul li p .f2 {font-size:18px;margin:5px 0 0 0;letter-spacing:-.05em}
	.amb-wr .amb-sns .sns-core .sns-box {width:100%;margin:0 0 15px}
	.amb-wr .amb-sns .sns-core .sns-box.blog {}
}
@media only screen and (max-width:460px) {
	.amb-wr .amb-sld .txt-box:before {right:0}
	.amb-wr .amb-sld .txt-box ul.desc2 {margin:20px 20px 0}
	.amb-wr .amb-sld .txt-box ul.desc2 li p {margin-top:0}
	.amb-wr .amb-sld .txt-box ul.desc2 li p span {display:block}
	.amb-wr .amb-picwr ul {background:none;border:0}
	.amb-wr .amb-picwr ul:after,
	.amb-wr .amb-picwr ul:before {display:none}
	.amb-wr .amb-picwr ul li {display:block;width:auto;padding:10px 0;border:1px solid #a4a4a4;text-align:left;margin:0 0 5px 0;background:#fff}
	.amb-wr .amb-picwr ul li:last-child {margin:0}
	.amb-wr .amb-picwr ul li:before {width:59px;height:59px;margin:0;vertical-align:middle;margin:0 15px 0 20px}
	.amb-wr .amb-picwr ul li p {display:inline-block;margin:0;text-align:left;vertical-align:middle}
	.amb-wr .amb-picwr ul li p .f2 {font-size:16px}
	.amb-wr .amb-picwr ul li p .f2 span {display:inline}
	.amb-wr .amb-sns .sns-core .sns-box {padding:0 0 10px 0}
	.amb-wr .amb-sns .sns-core .sns-box h4 {margin:20px 10px 0}
	.amb-wr .amb-sns .sns-core .sns-box.face {width:100%}
	.amb-wr .amb-sns .sns-core .sns-box.blog {width:100%}
	.amb-wr .amb-sns .sns-core .sns-box .service-box {margin:0 10px}
}

/* 홍보센터 > 자료실 > [탭]홍보책자 > [탭]브로슈어 */
.bro-latest {position:relative;padding:50px 67px 0 67px;min-height:395px;background:url(/_contents/kor/_Img/06Pr/bro_bg2.jpg) no-repeat left top;margin:50px 0 0 0}
.bro-latest .img-wr {display:block;max-width:270px;border:1px solid #c7c7c7;box-sizing:border-box}
.bro-latest .img-wr img {display:block;width:100%}
.bro-latest .txt-wr {display:block;position:absolute;width:62.08%;left:385px;top:0}
.bro-latest .txt-wr .floor1 {position:relative;margin:50px 0 0 0;border-bottom:1px solid #d5d5d5;padding:0 0 35px 0}
.bro-latest .txt-wr .floor1 h3 {display:block}
.bro-latest .txt-wr .floor1 h3 span {display:block;line-height:1}
.bro-latest .txt-wr .floor1 h3 .f1 {font-size:17px;color:#9d9d9d;font-weight:normal;margin:0 0 0 2px}
.bro-latest .txt-wr .floor1 h3 .f2 {font-size:40px;color:#003875;font-weight:bold;margin:9px 0 0 0;letter-spacing:-.08em;}
.bro-latest .txt-wr .floor1 p {display:block;font-size:15px;color:#555;line-height:1.8;margin:20px 0 0 5px}
.bro-latest .txt-wr .floor1 p span {display:block}
.bro-latest .txt-wr .floor1 p span.point1 {font-size:20px;color:#005baa;font-weight:bold}
.bro-latest .txt-wr .floor1 div {margin:20px 0 0 0;font-size:0}
.bro-latest .txt-wr .floor1 div a {margin:0 5px 0 0}
.bro-latest .txt-wr .floor1 .pdf-down {display:inline-block;position:absolute;right:0;top:0;font-size:16px}
.bro-latest .txt-wr .floor1 .pdf-down span {padding:21px 70px 21px 13px}
.bro-latest .txt-wr .floor1 .pdf-down span.ico {padding:0}
.bro-latest .txt-wr .floor2 {position:relative;}
.bro-latest .txt-wr .floor2 p {margin:30px 0 0 5px}
.bro-latest .txt-wr .floor2 a {display:block;position:absolute;right:0;top:-3px;padding:0 0 0 32px;height:28px;line-height:28px}
.bro-latest .txt-wr .floor2 a:before {content:"";display:block;position:absolute;width:23px;height:28px;left:0;top:0;background:url(/_contents/kor/_Img/Common/icon_pdf.png) no-repeat}
.bro-latest .txt-wr .floor2 a span {display:inline-block;color:#d90202;font-size:13px;font-weight:bold}
.bro-latest .txt-wr .floor2 a:focus span,
.bro-latest .txt-wr .floor2 a:active span,
.bro-latest .txt-wr .floor2 a:hover span {text-decoration:underline}
.bro-list {margin:50px 0 0 0}
.bro-list ul {display:block;width:100%;text-align:left;font-size:0}
.bro-list ul li {display:inline-block;width:18.33%;;vertical-align:top;margin:0 2.08% 30px 0}
.bro-list ul li:nth-child(5n) {margin:0 0 30px 0}
.bro-list ul li .moonBox,
.bro-list ul li a {display:block;}
.bro-list ul li .moonBox .img-wr,
.bro-list ul li a .img-wr {display:block;position:relative;box-sizing:border-box;border:1px solid #c7c7c7;overflow:hidden;height:0;padding:0 0 123% 0}
.bro-list ul li a .img-wr .overlay {display:block;position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, .6);left:0;top:0;opacity:0;transition:all .3s ease}
.bro-list ul li a .img-wr .overlay:after {content:"DOWNLOAD";display:block;position:absolute;width:100%;height:20px;left:0;top:50%;margin:-10px 0 0 0;color:#fff;font-size:15px;text-align:center}
.bro-list ul li .moonBox .img-wr img,
.bro-list ul li a .img-wr img {display:block;width:100%}
.bro-list ul li .moonBox .txt-wr,
.bro-list ul li a .txt-wr {position:relative;font-size:15px;color:#fff;letter-spacing:-.025em;height:50px;line-height:50px;background:#858585;text-indent:20px;transition:all .3s ease}
.bro-list ul li .moonBox .txt-wr span,
.bro-list ul li a .txt-wr span {display:block;position:absolute;width:50px;height:50px;right:0;top:0;background:rgba(0, 0, 0, .4)}
.bro-list ul li a .txt-wr span:after {content:"";display:block;position:absolute;width:16px;height:16px;left:50%;top:50%;margin:-8px 0 0 -8px;background:url(/resources/_Img/Content/ico_cbtn.png) no-repeat -107px -44px}
.bro-list ul li a:focus .img-wr .overlay,
.bro-list ul li a:active .img-wr .overlay,
.bro-list ul li a:hover .img-wr .overlay {opacity:1}
.bro-list ul li a:focus .txt-wr,
.bro-list ul li a:active .txt-wr,
.bro-list ul li a:hover .txt-wr {background:#003875}
@media all and (max-width:1200px) {
	.bro-latest {padding:0 20px;min-height:0;font-size:0;background-size:cover}
	.bro-latest .img-wr {display:inline-block;margin:20px 0;font-size:0}
	.bro-latest .txt-wr {left:330px}
	.bro-latest .txt-wr .floor1 {margin:20px 0 0 0;padding:0 0 10px 0}
	.bro-latest .txt-wr .floor1 div {margin:10px 0 0 0}
	.bro-latest .txt-wr .floor1 .pdf-down {position:relative;right:auto;top:auto;font-size:15px;margin:5px 0 0 0}
	.bro-latest .txt-wr .floor1 .pdf-down span {padding-top:10px;padding-bottom:10px;text-align:left}
	.bro-latest .txt-wr .floor1 .pdf-down .ico {padding:0}
	.bro-list ul li a .txt-wr {font-size:14px;letter-spacing:-.05em;text-indent:10px}
}
@media all and (max-width:1000px) {
	.bro-latest .txt-wr {width:auto}
	.bro-latest .txt-wr .floor1 {margin:30px 0 0 0}
	.bro-latest .txt-wr .floor1 h3 .f2 {font-size:25px}
	.bro-latest .txt-wr .floor1 p {margin:10px 0 0 2px}
	.bro-latest .txt-wr .floor1 a {position:relative;margin:5px 0 0 0}
	.bro-latest .txt-wr .floor2 p {margin:15px 0 0 5px}
	.bro-latest .txt-wr .floor2 a {display:inline-block;position:relative;right:auto;top:auto;margin:10px 0 0 6px}
	.bro-list ul li a .txt-wr {font-size:14px;letter-spacing:-.05em;text-indent:0;text-align:center}
	.bro-list ul li a .txt-wr span {display:none}
}
@media all and (max-width:800px) {
	.bro-list ul li {width:22%;margin:0 4% 30px 0}
	.bro-list ul li:nth-child(4n) {margin:0 0 30px 0}
	.bro-list ul li:nth-child(5n) {margin:0 4% 30px 0}
}
@media all and (max-width:780px) {
	.bro-latest {overflow:hidden;padding:20px}
	.bro-latest .img-wr {width:25%;float:left}
	.bro-latest .txt-wr {width:70%;float:right;left:auto;position:relative;top:auto}
	.bro-latest .txt-wr .floor1 {margin:20px 0 0 0;padding:0 0 10px 0}
	.bro-latest .txt-wr .floor1 h3 .f2 {margin:3px 0 0 0}
	.bro-latest .txt-wr .floor1 p {font-size:14px;line-height:normal;padding:0 15px 0 0}
	.bro-latest .txt-wr .floor1 p span {display:inline}
	.bro-latest .txt-wr .floor1 a {margin:10px 0 0 0;font-size:14px}
	.bro-latest .txt-wr .floor1 a span {padding:10px 70px 10px 13px}
	.bro-latest .txt-wr .floor1 a .ico {padding:0}
	.bro-latest .txt-wr .floor2 p {margin:10px 0 0 5px;line-height:normal}
	.bro-latest .txt-wr .floor2 a {margin:0 0 0 6px}
	.bro-list ul li {width:30%;margin:0 5% 30px 0}
	.bro-list ul li:nth-child(3n) {margin:0 0 30px 0}
	.bro-list ul li:nth-child(4n) {margin:0 5% 30px 0}
	.bro-list ul li:nth-child(5n) {margin:0 5% 30px 0}
	.bro-list ul li:nth-child(6n) {margin:0 0 30px 0}
	.bro-list ul li:nth-child(15n) {margin:0 0 30px 0}
}
@media all and (max-width:600px) {
	.bro-latest {text-align:center;padding-top:20px;padding-bottom:20px}
	.bro-latest .img-wr {float:none;margin:0 auto;width:200px}
	.bro-latest .txt-wr {position:relative;width:100%;float:none;margin:10px 0 0 0}
	.bro-latest .txt-wr .floor1 {margin:0;padding:0 0 10px 0}
	.bro-latest .txt-wr .floor1 p {margin:10px 0 0 0;padding:0}
	.bro-latest .txt-wr .floor1 div a {display:block;margin:5px 0 0 0;text-align:left}
	.bro-latest .txt-wr .floor1 .pdf-down {display:block;width:auto}
	.bro-latest .txt-wr .floor2 {text-align:left}
	.bro-latest .txt-wr .floor2 p {text-align:left}
	.bro-list ul li {width:49%;margin:0 2% 30px 0}
	.bro-list ul li:nth-child(even) {margin:0 0 30px 0}
	.bro-list ul li:nth-child(odd) {margin:0 2% 30px 0}
}

/* 홍보센터 > [탭]영상자료 > [탭]PNU 홍보영상 */
.mov-wr {margin:50px 0 0 0}
.mov-wr h3 {display:block;text-align:center;background:#ebebeb;padding:0 0 30px 0}
.mov-wr h3:before {content:"";display:block;width:72px;height:38px;margin:0 auto;background:url(/_contents/kor/_Img/06Pr/mov_sprite.png) no-repeat 0px 0px}
.mov-wr h3 span {display:block;line-height:1}
.mov-wr h3 .f1 {font-size:40px;color:#005baa;margin:26px 0 0 0}
.mov-wr h3 .f2 {font-size:16px;color:#333;margin:10px 0 0 0}
.mov-wr .mov-set {position:relative}
.mov-wr .mov-set .mov-core {position:relative;width:69.16%;background:#000}
.mov-wr .mov-set .mov-core .ctrl-btn-wr {position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, .55);left:0;top:0;z-index:2}
.mov-wr .mov-set .mov-core .ctrl-btn-wr button.yout-play {display:block;position:absolute;width:72px;height:72px;left:50%;top:50%;margin:-36px 0 0 -36px;background:#fff;border:0;border-radius:50%;transition:all .3s ease}
.mov-wr .mov-set .mov-core .ctrl-btn-wr button.yout-play:after {content:"";display:block;position:absolute;width:15px;height:18px;left:50%;top:50%;margin:-9px 0 0 -7.5px;background:url(/_contents/kor/_Img/06Pr/mov_sprite.png) no-repeat -72px 0px;transition:all .3s ease}
.mov-wr .mov-set .mov-core .ctrl-btn-wr button.yout-play:focus,
.mov-wr .mov-set .mov-core .ctrl-btn-wr button.yout-play:active,
.mov-wr .mov-set .mov-core .ctrl-btn-wr button.yout-play:hover {background:#11c568}
.mov-wr .mov-set .mov-core .ctrl-btn-wr button.yout-play:focus:after,
.mov-wr .mov-set .mov-core .ctrl-btn-wr button.yout-play:active:after,
.mov-wr .mov-set .mov-core .ctrl-btn-wr button.yout-play:hover:after {background-position:-72px -18px}
.mov-wr .mov-set .mov-core .vdo-wr {position:relative;padding-bottom:56.25%;height:0;z-index:1;overflow: hidden;}

.mov-wr .mov-set .mov-core .movOpener {display:block;position:absolute;width:80px;height:55px;top:0;right:0;bottom:0;left:0;margin:auto;z-index:3;border:0;background:url(/_contents/kor/_Img/06Pr/mov_btn1.png) no-repeat;transition:all .3s ease;border-radius:17px;box-sizing:border-box}
.mov-wr .mov-set .mov-core .movOpener:focus {border:2px solid #005baa}
.mov-wr .mov-set .mov-core .movOpener:focus,
.mov-wr .mov-set .mov-core .movOpener:active,
.mov-wr .mov-set .mov-core .movOpener:hover {transform:scale(1.2)}
.mov-wr .mov-set .mov-core .base {display:block;position:absolute;width:100%;height:auto;top:50%;left:0;border:0;z-index:2; transform: translateY(-50%);}
.mov-wr .mov-set .mov-core iframe {display:block;position:absolute;width:100%;height:100%;top:0;left:0;border:0;z-index:1}
.mov-wr .mov-set .mov-core iframe.hide {display:none}

.mov-wr .mov-set .smi-wr {position:absolute;width:30.84%;height:100%;background:#fff;right:0;top:0}
.mov-wr .mov-set .smi-wr h4 {display:block;font-weight:bold;font-size:20px;color:#005baa;margin:20px 0 10px 5%}
.mov-wr .mov-set .smi-wr .smi-desc {position:absolute;width:95%;left:5%;height:84%;overflow-y:auto}
.mov-wr .mov-set .smi-wr .smi-desc p {margin:0 0 20px 0}
.mov-wr .mov-set .smi-wr .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#005baa}
.mov-wr .mov-set .smi-wr .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:focus .mCSB_dragger_bar,
.mov-wr .mov-set .smi-wr .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mov-wr .mov-set .smi-wr .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background:#003875}
.mov-wr .mov-set .smi-wr .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {background:#c1c4c8}
.mov-list-wr {background:url(/_contents/kor/_Img/06Pr/mov_bg1.jpg) no-repeat;background-size:cover;padding:54px 0 22px 0}
.mov-list-wr ul {display:block;width:100%;font-size:0;text-align:center}
.mov-list-wr ul li {display:inline-block;width:25%;box-sizing:border-box;border:1px solid #c7c7c7;vertical-align:top;background:#fff;margin:0 1.665% 20px}
.mov-list-wr ul li a {display:block;position:relative;overflow:hidden}
.mov-list-wr ul li a .overlay {display:block;position:absolute;width:100%;height:100%;left:0;top:100%;background:rgba(0, 0, 0, .5);transition:all .3s ease}
.mov-list-wr ul li a .overlay div {display:block;position:absolute;width:50px;height:50px;left:50%;top:50%;margin:-25px 0 0 -25px;border-radius:50%;background:#11c568;box-shadow:0 0 30px rgba(0, 0, 0, 1);opacity:0;transition:all .3s ease}
.mov-list-wr ul li a .overlay div:after {content:"";display:block;position:absolute;width:15px;height:18px;left:50%;top:50%;margin:-9px 0 0 -6px;background:url(/_contents/kor/_Img/06Pr/mov_sprite.png) no-repeat -72px -18px;transition:all .3s ease}
.mov-list-wr ul li a:focus .overlay,
.mov-list-wr ul li a:active .overlay,
.mov-list-wr ul li a:hover .overlay {top:0}
.mov-list-wr ul li a figure {display:block;width:100%;padding:0;margin:0}
.mov-list-wr ul li a figure img {display:block;width:100%}
.mov-list-wr ul li a figure figcaption {display:block;font-size:16px;font-weight:bold;color:#000;text-align:center;border-top:1px solid #c7c7c7;padding:16px 10px 17px;width:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal}
.mov-list-wr ul li a .img-info {display:block;text-align:center;font-size:0;background:#f4f4f4;padding:9px 0 8px 0}
.mov-list-wr ul li a .img-info div {display:inline-block;width:50%;vertical-align:middle;font-size:0}
.mov-list-wr ul li a .img-info div span {font-size:14px;color:#333;vertical-align:top;padding:0 0 0 20px;position:relative}
.mov-list-wr ul li a .img-info div span:before {content:"";display:block;position:absolute;width:14px;height:14px;background:url(/_contents/kor/_Img/06Pr/mov_sprite.png) no-repeat 0px 0px;left:0;top:2px}
.mov-list-wr ul li a .img-info .date span:before {background-position:-87px 0px}
.mov-list-wr ul li a .img-info .writer span:before {background-position:-101px 0px}
.mov-list-wr ul li.over a .overlay {top:0}
.mov-list-wr ul li.over a .overlay div {opacity:1}
.mov-end-point {height:30px;background:#efefef}
@media all and (max-width:1200px) {
	.mov-wr .mov-set .smi-wr .smi-desc {height:80%}
}
@media all and (max-width:1000px) {
	.mov-wr .mov-set .smi-wr .smi-desc p {font-size:14px;line-height:normal;margin:0 0 20px 0}
	.mov-list-wr ul li {width:30%;margin:0 1% 20px}
	.mov-list-wr ul li a figure figcaption {font-size:15px;letter-spacing:-.08em}
}
@media all and (max-width:900px) {
	.mov-wr .mov-set .smi-wr h4 {margin:10px 0 5px 5%}
	.mov-wr .mov-set .smi-wr .smi-desc {height:76%}
	.mov-list-wr ul li a .img-info div {display:block;width:100%}
}
@media all and (max-width:680px) {
	.mov-wr .mov-set {padding:20px 0}
	.mov-wr .mov-set .mov-core {width:auto}/* margin:0 20px */
	.mov-wr .mov-set .smi-wr {position:relative;width:auto;height:auto}/* margin:0 20px */
	.mov-wr .mov-set .smi-wr h4 {margin:10px 0 5px 0}
	.mov-wr .mov-set .smi-wr .smi-desc {position:relative;width:100%;left:auto;height:200px}
	.mov-list-wr ul li {width:41%;margin:0 2% 20px}
}
@media all and (max-width:540px) {
	.mov-wr h3 .f1 {font-size:30px}
	.mov-wr .mov-set .mov-core {margin:0 10px}
	.mov-wr .mov-set .mov-core .ctrl-btn-wr button.yout-play {width:50px;height:50px;margin:-25px 0 0 -25px}
	.mov-wr .mov-set .smi-wr {margin:0 10px}
	.mov-wr .mov-set .smi-wr .smi-desc {height:100px}
	.mov-list-wr ul {width:auto;margin:0 20px;text-align:left}
	.mov-list-wr ul li {width:49%;margin:0 2% 10px 0}
	.mov-list-wr ul li:nth-child(2n) {margin:0 0 10px 0}
}