@charset "utf-8";

/* [1]. Main Visual Slider Contents */
.mcont-1 {position:relative;height:539px}
.mcont-1 .mvis {position:absolute;width:2000px;height:539px;left:50%;margin:0 0 0 -1000px}
.mcont-1 .mvis .mvis-core {}
.mcont-1 .mvis .mvis-core .owl-item {}
.mcont-1 .mvis .mvis-core .owl-item .item {}
.mcont-1 .mvis .mvis-core .owl-item .item img {width:100%;position:relative;z-index:1}
.mcont-1 .mvis .mvis-core .owl-item .item img.basePc {display:block}
.mcont-1 .mvis .mvis-core .owl-item .item img.baseMobile {display:none}
.mcont-1 .mvis .mvis-core .owl-nav {display:none}
.mcont-1 .mvis-ctrl {position:absolute;width:100%;height:22px;left:0;bottom:44px;z-index:9;text-align:center;font-size:0}
.mcont-1 .mvis-ctrl .mvis-dots {display:inline-block;font-size:0;vertical-align:middle}
.mcont-1 .mvis-ctrl .mvis-dots .owl-dot {display:inline-block;font-size:0}
.mcont-1 .mvis-ctrl .mvis-dots .owl-dot button {display:block;position:relative;width:22px;height:22px;border:0;border-radius:50%;margin:0 2px;background:transparent;text-indent:-9999px;transition:all .3s ease}
.mcont-1 .mvis-ctrl .mvis-dots .owl-dot button:after {content:"";display:block;position:absolute;width:10px;height:10px;box-sizing:border-box;border:1px solid #fff;left:50%;top:50%;margin:-5px 0 0 -5px;border-radius:50%;transition:all .3s ease}
.mcont-1 .mvis-ctrl .mvis-dots .owl-dot.active button {background:#00356b}
.mcont-1 .mvis-ctrl .mvis-dots .owl-dot.active button:after {width:6px;height:6px;margin:-3px 0 0 -3px;background:#fff}
.mcont-1 .mvis-ctrl .mvis-auto {display:inline-block;font-size:0;vertical-align:middle;margin:0 5px}
.mcont-1 .mvis-ctrl .mvis-auto button {display:none;width:7px;height:10px;vertical-align:middle;background:transparent url(/_contents/eng/_Img/Main/mcon1_sprite.png) no-repeat;border:0}
.mcont-1 .mvis-ctrl .mvis-auto button.over {display:inline-block}
.mcont-1 .mvis-ctrl .mvis-auto .owl-stop {background-position:0px 0px}
.mcont-1 .mvis-ctrl .mvis-auto .owl-play {background-position:-7px 0px}

.mcont-1-hasVideo {height:auto}
.mcont-1-hasVideo .mvis {position:relative;width:100%;height:auto}
.mcont-1-hasVideo .mvis .videoBox {}
.mcont-1-hasVideo .mvis .videoBox video {display:block;position:relative;width:100%;height:auto}

@media all and (max-width:1200px) {
	.mcont-1 {height:431px}
	.mcont-1 .mvis {width:1600px;height:431px;margin:0 0 0 -800px}
}
@media all and (max-width:1000px) {
	.mcont-1 {height:324px}
	.mcont-1 .mvis {width:1200px;height:324px;margin:0 0 0 -600px}
	.mcont-1 .mvis-ctrl {bottom:15px}
}
@media all and (max-width:700px) {
	.mcont-1 {height:248px}
	.mcont-1 .mvis {width:920px;height:248px;margin:0 0 0 -460px}
}
@media all and (max-width:600px) {
	.mcont-1 {height:auto}
	.mcont-1 .mvis {position:relative;width:100%;height:auto;margin:0;left:auto;margin:0}
	.mcont-1 .mvis .mvis-core .owl-item .item img.basePc {display:none}
	.mcont-1 .mvis .mvis-core .owl-item .item img.baseMobile {display:block}
}
@media all and (max-width:480px) {
	.mcont-1 .mvis-ctrl {bottom:10px}
}

/* [1.5]. QUICK MENU */
.mcont-quick {display:block;position:fixed;width:145px;height:auto;right:0;top:130px;z-index:4001}
.mcont-quick .lv1-wr {}
.mcont-quick .lv1-wr > ul {display:block}
.mcont-quick .lv1-wr > ul > li {display:block;position:relative}
.mcont-quick .lv1-wr > ul > li:last-child {margin:0}
.mcont-quick .lv1-wr > ul > li > a {display:block;width:100%;overflow:hidden}
.mcont-quick .lv1-wr > ul > li > a > span {display:block;color:#fff;font-size:13px;line-height:1.3;background:rgba(0, 0, 0, .7);padding:13px 10px;margin:0 0 5px 0}
.mcont-quick .lv1-wr > ul > li > a[target="_blank"] > span:after {content:"";display:inline-block;width:10px;height:10px;background:url(/resources/_Img/Content/ico_nw3.png);margin:0 0 0 7px}
.mcont-quick .lv1-wr > ul > li:hover > a > span {background:#00356b}
.mcont-quick .lv1-wr > ul > li:hover > a + .lv2-wr {display:block}
.mcont-quick .lv2-wr {display:none;position:absolute;width:113%;right:100%;top:0;background:#00356b;overflow:hidden}
.mcont-quick .lv2-wr > ul {display:block;margin:15px 17px}
.mcont-quick .lv2-wr > ul > li {display:block;position:relative;margin:0 0 13px 0}
.mcont-quick .lv2-wr > ul > li:after {content:"";display:block;position:absolute;width:3px;height:3px;background:rgba(255, 255, 255, .8);left:0;top:6px}
.mcont-quick .lv2-wr > ul > li:last-child {margin:0}
.mcont-quick .lv2-wr > ul > li > a {display:block}
.mcont-quick .lv2-wr > ul > li > a > span {display:block;font-size:13px;color:#fff;line-height:16px;margin:0 0 0 11px}
.mcont-quick .lv2-wr > ul > li > a[target="_blank"] > span:after {content:"";display:inline-block;width:10px;height:10px;background:url(/resources/_Img/Content/ico_nw3.png);margin:2px 0 0 5px}
.mcont-quick .lv2-wr > ul > li > a:hover > span {text-decoration:underline}
@media all and (max-width:1520px) {
	.mcont-quick {width:100%;height:auto;right:0;top:auto;bottom:0;background:rgba(255, 255, 255, .5);padding:10px 0}
	.mcont-quick .lv1-wr {max-width:1200px;margin:0 auto}
	.mcont-quick .lv1-wr > ul {width:100%;font-size:0}
	.mcont-quick .lv1-wr > ul > li {display:inline-block;width:10.4%;margin:0 0.8% 0 0;height:50px;vertical-align:top;font-size:0}
	.mcont-quick .lv1-wr > ul > li > a {background:rgba(0, 0, 0, .7);border-bottom:3px solid #c1986d}
	.mcont-quick .lv1-wr > ul > li > a:before {content:"";display:inline-block;width:0;height:50px;vertical-align:middle}
	.mcont-quick .lv1-wr > ul > li > a > span {display:inline-block;width:96%;padding:0;margin:0 2%;min-height:0;text-align:center;vertical-align:middle;background:transparent}
	.mcont-quick .lv1-wr > ul > li:hover > a {background:#00356b;border-bottom:3px solid #175375}
	.mcont-quick .lv1-wr > ul > li:hover > a > span {background:transparent}
	.mcont-quick .lv2-wr {width:100%;right:0;top:auto;bottom:100%}
	.mcont-quick .lv2-wr > ul {margin:10px}
	.mcont-quick .lv2-wr > ul > li {margin:0 0 7px 0;padding:0 0 7px 0;border-bottom:1px dashed rgba(255, 255, 255, .5)}
	.mcont-quick .lv2-wr > ul > li:last-child {margin:0;padding:0;border-bottom:0}
	.mcont-quick .lv2-wr > ul > li:after {display:none}
	.mcont-quick .lv2-wr > ul > li > a > span {margin:0}
}
@media all and (max-width:1200px) {
	.mcont-quick .lv1-wr {margin:0 20px}
	.mcont-quick .lv1-wr > ul > li {width:19.2%;margin:0 1% 5px 0}
	.mcont-quick .lv1-wr > ul > li:nth-child(5n) {margin:0 0 5px 0}
	.mcont-quick .lv1-wr > ul > li > a {border-bottom:0}
	.mcont-quick .lv1-wr > ul > li:hover > a {border-bottom:0}
}
@media all and (max-width:800px) {
	.mcont-quick {position:relative;right:auto;top:auto;bottom:auto;background:#f1f1f1;padding:10px 0 2px;z-index:2}
	.mcont-quick .lv1-wr {margin:0 20px}
	.mcont-quick .lv1-wr > ul > li {width:32.4%;margin:0 1.4% 8px 0}
	.mcont-quick .lv1-wr > ul > li:nth-child(5n) {margin:0 1.4% 8px 0}
	.mcont-quick .lv1-wr > ul > li:nth-child(3n) {margin:0 0 8px 0}
	.mcont-quick .lv2-wr {top:100%;bottom:auto;z-index:10}
}
@media all and (max-width:600px) {
	.mcont-quick .lv1-wr > ul > li {width:49.5%;margin:0 1% 5px 0}
	.mcont-quick .lv1-wr > ul > li:nth-child(5n) {margin:0 1% 5px 0}
	.mcont-quick .lv1-wr > ul > li:nth-child(3n) {margin:0 1% 5px 0}
	.mcont-quick .lv1-wr > ul > li:nth-child(2n) {margin:0 0 5px 0}
}
@media all and (max-width:400px) {
	.mcont-quick .lv1-wr {margin:0 18px}
	.mcont-quick .lv1-wr > ul > li {margin:0;border:1px solid #f1f1f1;margin:0 0 2px 0;box-sizing:border-box}
	.mcont-quick .lv1-wr > ul > li:nth-child(5n) {margin:0 0 2px 0}
	.mcont-quick .lv1-wr > ul > li:nth-child(3n) {margin:0 0 2px 0}
	.mcont-quick .lv1-wr > ul > li:nth-child(2n) {margin:0 0 2px 0}
}

/* [2]. Why PNU */
.mcont-2 {position:relative;overflow:hidden;background:#fff}
.mcont-2 .inwr {max-width:1200px;margin:41px auto 51px;position:relative}
.mcont-2 .inwr h3 {display:block;position:relative;text-align:center;margin:0;z-index:1}
.mcont-2 .inwr h3 .f1 {display:block;font-size:35px;color:#333}
.mcont-2 .inwr .cirRole {display:block;position:relative;width:100%;font-size:0;text-align:center;margin:34px 0 0 0;z-index:1}
.mcont-2 .inwr .cirRole .owl-stage-outer {overflow:visible}
.mcont-2 .inwr .cirRole .owl-stage-outer .owl-stage {display:block;width:100%}
.mcont-2 .inwr .cirRole .item {display:block;position:relative}
.mcont-2 .inwr .cirRole .item .inBtn {display:block;position:relative;font-size:15px;height:260px;overflow:hidden}
.mcont-2 .inwr .cirRole .item .inBtn * {position:relative;z-index:2}
.mcont-2 .inwr .cirRole .item .inBtn:before {content:"";display:block;position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, .25);z-index:1;opacity:0;transition:all .3s ease}
.mcont-2 .inwr .cirRole .item .inBtn:hover:before {opacity:1}
.mcont-2 .inwr .cirRole .item .inBtn.order1 {background:#05345c}
.mcont-2 .inwr .cirRole .item .inBtn.order2 {background:#6b87bb}
.mcont-2 .inwr .cirRole .item .inBtn.order3 {background:#37bfcf}
.mcont-2 .inwr .cirRole .item .inBtn.order4 {background:#c1986d}
.mcont-2 .inwr .cirRole .item .inBtn.order5 {background:#053d5e}
.mcont-2 .inwr .cirRole .item .inBtn.type1 {display:block;overflow:hidden}
.mcont-2 .inwr .cirRole .item .inBtn.type1 h4 {display:block;margin:30px 25px 0}
.mcont-2 .inwr .cirRole .item .inBtn.type1 h4 .pImg {display:block;position:relative}
.mcont-2 .inwr .cirRole .item .inBtn.type1 h4 .pImg:after {content:"";display:block;position:absolute;width:50px;height:50px;right:0;bottom:0;background-repeat:no-repeat;background-position:center center;transition:all .3s ease}
.mcont-2 .inwr .cirRole .item .inBtn.type1:hover h4 .pImg:after {animation:zoommer1 .5s ease-in 1}
.mcont-2 .inwr .cirRole .item .inBtn.type1.order1 h4 .pImg:after {background-image:url(/_contents/eng/_Img/Main/mcon2_1_icon2.png)}
.mcont-2 .inwr .cirRole .item .inBtn.type1.order2 h4 .pImg:after {background-image:url(/_contents/eng/_Img/Main/mcon2_2_icon2.png)}
.mcont-2 .inwr .cirRole .item .inBtn.type1.order3 h4 .pImg:after {background-image:url(/_contents/eng/_Img/Main/mcon2_3_icon2.png)}
.mcont-2 .inwr .cirRole .item .inBtn.type1 h4 .pImg img {display:block;max-width:87px}
.mcont-2 .inwr .cirRole .item .inBtn.type1 h4 .pTxt {display:block;font-size:0;height:26px;color:#fff;font-weight:normal;text-align:left;margin:14px 0 0 0;background-repeat:no-repeat;background-position:left bottom;background-size:contain}
.mcont-2 .inwr .cirRole .item .inBtn.type1.order1 h4 .pTxt {background-image:url(/_contents/eng/_Img/Main/mcon2_1_icon3.png)}
.mcont-2 .inwr .cirRole .item .inBtn.type1.order2 h4 .pTxt {background-image:url(/_contents/eng/_Img/Main/mcon2_2_icon3.png)}
.mcont-2 .inwr .cirRole .item .inBtn.type1.order3 h4 .pTxt {background-image:url(/_contents/eng/_Img/Main/mcon2_3_icon3.png)}
.mcont-2 .inwr .cirRole .item .inBtn.type1 p {display:block;font-size:14px;color:rgba(255, 255, 255, .6);margin:12px 10px 0 25px;text-align:left;line-height:1.3;letter-spacing:-.02em}
.mcont-2 .inwr .cirRole .item .inBtn.type2 {}
.mcont-2 .inwr .cirRole .item .inBtn.type2 h4,
.mcont-2 .inwr .cirRole .item .inBtn.type2 p {display:block;position:relative;color:#fff;font-weight:normal}
.mcont-2 .inwr .cirRole .item .inBtn.type2 h4 {display:block;font-size:22px;padding:67px 0 0 0;line-height:1.1}
.mcont-2 .inwr .cirRole .item .inBtn.type2 h4:before {content:"";display:block;position:absolute;width:50px;height:50px;top:0;left:50%;margin:0 0 0 -25px;background-repeat:no-repeat;background-position:center center}
.mcont-2 .inwr .cirRole .item .inBtn.type2 p {font-size:16px;margin:13px 25px 0;line-height:1.25}
.mcont-2 .inwr .cirRole .item .inBtn.type2.order4 h4 {margin:43px 25px 0}
.mcont-2 .inwr .cirRole .item .inBtn.type2.order4 h4:before {background-image:url(/_contents/eng/_Img/Main/mcon2_4_icon1.png)}
.mcont-2 .inwr .cirRole .item .inBtn.type2.order5 h4 {margin:43px 15px 0}
.mcont-2 .inwr .cirRole .item .inBtn.type2.order5 h4:before {background-image:url(/_contents/eng/_Img/Main/mcon2_5_icon1.png)}
.mcont-2 .inwr .cirRole .item .inBtn.type2:hover h4:before {animation:zoommer1 .5s ease-in 1}
.mcont-2 .inwr .cirRole .owl-nav {display:none}
@media all and (max-width:1200px) {
	.mcont-2 .inwr {margin:41px 20px 51px}
	.mcont-2 .inwr h3 {margin:0 100px}
	.mcont-2 .inwr .cirRole .item .inBtn.type1 h4 {margin:20px 15px 0}
	.mcont-2 .inwr .cirRole .item .inBtn.type1 p {margin:10px 10px 0 15px}
}
@media all and (max-width:1099px) {
	.mcont-2 .inwr:before {display:none}
	.mcont-2 .inwr h3 {margin:0}
	.mcont-2 .inwr h3 .f1 {font-size:30px;text-align:left}
	.mcont-2 .inwr .cirRole .owl-stage-outer {z-index:1}
	.mcont-2 .inwr .cirRole .owl-nav {display:block;position:absolute;width:60px;z-index:2;right:0;top:-75px}
	.mcont-2 .inwr .cirRole .owl-nav button {display:block;position:absolute;width:30px;height:60px;top:0;margin:0;border:0;background:rgba(255, 255, 255, .5);font-size:0;transition:all .3s ease}
	.mcont-2 .inwr .cirRole .owl-nav button:after {content:"";display:block;position:absolute;width:17px;height:20px;background-repeat:no-repeat;background-position:center center;left:50%;top:50%;margin:-10px 0 0 -8px}
	.mcont-2 .inwr .cirRole .owl-nav button.owl-prev {left:0}
	.mcont-2 .inwr .cirRole .owl-nav button.owl-prev:after {background-image:url(/_contents/eng/_Img/Main/mcon2_icon7.png)}
	.mcont-2 .inwr .cirRole .owl-nav button.owl-next {right:0}
	.mcont-2 .inwr .cirRole .owl-nav button.owl-next:after {background-image:url(/_contents/eng/_Img/Main/mcon2_icon8.png)}
	.mcont-2 .inwr .cirRole .owl-nav button:hover {background:#fff}
}
@media all and (max-width:1000px) {
	.mcont-2 .inwr {margin:30px 20px}
	.mcont-2 .inwr h3 .f1 {font-size:24px}
	.mcont-2 .inwr ul li {width:33.33%;margin:0 0 20px 0}
	.mcont-2 .inwr ul li:nth-child(3n):after {display:none}
	.mcont-2 .inwr ul li .txt {margin:15px 20px 0}
}
@media all and (max-width:740px) {
	.mcont-2 .inwr .cirRole .item .inBtn.type2 h4 {font-size:18px}
	.mcont-2 .inwr .cirRole .item .inBtn.type2.order4 h4 {margin:36px 10px 0}
	.mcont-2 .inwr .cirRole .item .inBtn.type2.order5 h4 {margin:36px 10px 0}
	.mcont-2 .inwr .cirRole .item .inBtn.type2 p {font-size:14px}
}
@media all and (max-width:560px) {
	.mcont-2 .inwr h3 .f1 {font-size:20px}
	.mcont-2 .inwr .cirRole .owl-nav {top:-50px}
	.mcont-2 .inwr .cirRole .owl-nav button {height:40px}
	.mcont-2 .inwr .cirRole {margin:20px 0 0 0}
	.mcont-2 .inwr ul li {width:50%;margin:0 0 20px 0}
	.mcont-2 .inwr ul li:nth-child(3n):after {display:block}
	.mcont-2 .inwr ul li:nth-child(2n):after {display:none}
	.mcont-2 .inwr ul li:before {top:40px}
	.mcont-2 .inwr ul li:after {top:37px}
	.mcont-2 .inwr ul li .ico {width:80px;height:80px}
	.mcont-2 .inwr ul li .ico:after {width:60px;height:60px;margin:-30px 0 0 -30px}
}
@media all and (max-width:460px) {
	.mcont-2 .inwr h3 {width:200px}
	.mcont-2 .inwr {margin:30px 20px 20px}
	.mcont-2 .inwr ul {margin:20px 0 0 0}
	.mcont-2 .inwr ul li:before {display:none}
	.mcont-2 .inwr ul li:after {display:none}
	.mcont-2 .inwr ul li:nth-child(3n):after {display:none}
	.mcont-2 .inwr ul li .ico {position:absolute;width:45px;height:45px;margin:0;left:0;top:0}
	.mcont-2 .inwr ul li .ico:after {width:40px;height:40px;margin:-20px 0 0 -20px}
	.mcont-2 .inwr ul li .txt {line-height:normal;margin:0 10px 0 50px;text-align:left}
	.mcont-2 .inwr ul li .txt p .mHide {display:none}
}
@media all and (max-width:400px) {
	.mcont-2 .inwr h3 {margin:0}
	.mcont-2 .inwr h3 .f1 {font-size:20px}
	.mcont-2 .inwr .cirRole .item .inBtn {height:200px}
	.mcont-2 .inwr .cirRole .item .inBtn.type1 h4 .pImg img {max-width:60px}
	.mcont-2 .inwr .cirRole .item .inBtn.type2 h4 {font-size:18px}
	.mcont-2 .inwr .cirRole .item .inBtn.type2.order4 h4 {margin:25px 15px 0}
	.mcont-2 .inwr .cirRole .item .inBtn.type2.order5 h4 {margin:25px 15px 0}
}

/* [3]. News & People, Banner */
.mcont-3 {overflow:hidden;background:#f8f8f8}
.mcont-3 .inwr {max-width:1200px;position:relative;margin:0 auto}
.mcont-3 .bbs-box1 {position:relative;margin:0 420px 0 0;padding:46px 0px 30px 0}
.mcont-3 .bbs-box1:after {content:"";display:block;position:absolute;width:59.87%;height:100%;right:0;top:0;z-index:1;background:url(/_contents/eng/_Img/Main/mcon3_ptn1.gif) repeat left top}
.mcont-3 .bbs-box1 h3 {display:block;position:relative;font-size:30px;color:#333;line-height:1;z-index:2}
.mcont-3 .bbs-box1 ol {display:block;margin:21px 0 0 0;position:relative;z-index:2}
.mcont-3 .bbs-box1 ol li {display:block;position:relative}
.mcont-3 .bbs-box1 ol li.nodata {min-height:400px;padding:0;margin:0 8.75% 0 0}
.mcont-3 .bbs-box1 ol li.nodata span {display:block;padding:200px 0 0 0;text-align:center;background:url(/resources/_Img/programs/Board/default/ico_nodata.png) no-repeat center 100px}
.mcont-3 .bbs-box1 .hasThumb {position:relative;margin:0 0 30px 0;padding:0 0 10px 0;overflow:hidden}
.mcont-3 .bbs-box1 .hasThumb a {display:block;position:relative;min-height:300px}
.mcont-3 .bbs-box1 .hasThumb a .thumb-box {position:absolute;width:360px;left:0;top:0}
.mcont-3 .bbs-box1 .hasThumb a .thumb-box div {display:block;position:relative;overflow:hidden}
.mcont-3 .bbs-box1 .hasThumb a .thumb-box div img {display:block;width:100%;position:relative;z-index:2;transition:all .5s ease}
.mcont-3 .bbs-box1 .hasThumb a .thumb-box:after {content:"";display:block;position:absolute;width:100%;height:100%;z-index:1;background:#175375;right:-10px;bottom:-10px}
.mcont-3 .bbs-box1 .hasThumb a .txt-box {position:relative;margin:0 50px 0 408px;padding:27px 0 0 0}
.mcont-3 .bbs-box1 .hasThumb a .txt-box h4 {display:block;font-size:26px;font-weight:normal;color:#175375;line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:auto;max-height:68px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mcont-3 .bbs-box1 .hasThumb a .txt-box h4 span {}
.mcont-3 .bbs-box1 .hasThumb a .txt-box p {display:block;margin:28px 0 0 0;font-size:18px;color:#333;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:auto;max-height:140px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.mcont-3 .bbs-box1 .hasThumb a:hover .txt-box h4 {text-decoration:underline}
.mcont-3 .bbs-box1 .hasThumb a:hover .thumb-box div img {transform:scale(1.1)}
.mcont-3 .bbs-box1 .hasntThumb {display:block;position:relative;margin:20px 75px 0 0}
.mcont-3 .bbs-box1 .hasntThumb a {display:block;height:20px;margin:0 120px 0 0}
.mcont-3 .bbs-box1 .hasntThumb a .subj {display:block;height:100%;position:relative;font-size:0}
.mcont-3 .bbs-box1 .hasntThumb a .subj:before {content:"";display:block;position:absolute;width:4px;height:4px;background:#909090;left:0;top:50%;margin:-2px 0 0 0}
.mcont-3 .bbs-box1 .hasntThumb a .subj span {display:inline-block;font-size:16px;color:#333;height:100%;line-height:20px;margin:0 0 0 20px;width:auto;max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;vertical-align:middle;padding:1px 0}
.mcont-3 .bbs-box1 .hasntThumb a .subj.hasNew:after {content:"";display:inline-block;width:17px;height:17px;background:url(/_contents/eng/_Img/Main/mcon3_sprite.png) no-repeat 0px 0px;vertical-align:middle;margin:0 0 0 5px}
.mcont-3 .bbs-box1 .hasntThumb a:hover .subj span {text-decoration:underline}
.mcont-3 .bbs-box1 .hasntThumb .date {display:block;position:absolute;width:auto;height:100%;line-height:20px;font-size:14px;color:#666;right:0;top:50%;margin:-10px 0 0 0}
.mcont-3 .bbs-box1 .bbs-more {display:block;position:absolute;right:50px;top:60px;font-size:14px;color:#000;z-index:2}
.mcont-3 .bbs-box1 .bbs-more:hover {text-decoration:underline}
.mcont-3 .bbs-box2 {display:block;position:absolute;width:420px;height:100%;background:#f1f1f1;right:0;top:0}
.mcont-3 .bbs-box2 h3 {display:block;position:relative;font-size:30px;color:#333;line-height:1;z-index:2;margin:46px 40px 0}
.mcont-3 .bbs-box2 ol {display:block;margin:33px 42px 0;position:relative;z-index:2}
.mcont-3 .bbs-box2 ol li {display:block;position:relative;margin:0 0 27px 0}
.mcont-3 .bbs-box2 ol li:last-child {margin:0}
.mcont-3 .bbs-box2 ol li:nth-child(5) {display:none}
.mcont-3 .bbs-box2 ol li:before {content:"";display:block;position:absolute;width:4px;height:4px;background:#898989;left:2px;top:10px}
.mcont-3 .bbs-box2 ol li a {display:block;margin:0 0 0 17px}
.mcont-3 .bbs-box2 ol li a span {display:block;position:relative}
.mcont-3 .bbs-box2 ol li a .text {font-size:16px;line-height:1.5;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:auto;max-height:48px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mcont-3 .bbs-box2 ol li a .date {font-size:14px;color:#666;padding:0 0 0 20px;margin:11px 0 0 0}
.mcont-3 .bbs-box2 ol li a .date:before {content:"";display:block;position:absolute;width:14px;height:14px;background:url(/_contents/eng/_Img/Main/mcon3_icon1.gif) no-repeat center center;left:0;top:50%;margin:-7px 0 0 0}
.mcont-3 .bbs-box2 ol li a:hover .text {text-decoration:underline}
.mcont-3 .bbs-box2 ol li.nodata {min-height:400px;padding:0}
.mcont-3 .bbs-box2 ol li.nodata:before {display:none}
.mcont-3 .bbs-box2 ol li.nodata span {display:block;padding:188px 0 0 0;text-align:center;background:url(/resources/_Img/programs/Board/default/ico_nodata.png) no-repeat center 100px}
.mcont-3 .bbs-box2 .bbs-more {display:block;position:absolute;right:50px;top:60px;font-size:14px;color:#000;z-index:2}
.mcont-3 .bbs-box2 .bbs-more:hover {text-decoration:underline}
@media all and (max-width:1200px) {
	.mcont-3 .inwr {margin:0 20px}
	.mcont-3 .bbs-box1 {margin:0 350px 0 0}
	.mcont-3 .bbs-box1 .hasThumb {padding:0;margin:0}
	.mcont-3 .bbs-box1 .hasThumb a {min-height:0}
	.mcont-3 .bbs-box1 .hasThumb a .thumb-box {width:300px;top:5px}
	.mcont-3 .bbs-box1 .hasThumb a .txt-box {margin:0 50px 30px 350px;padding:0}
	.mcont-3 .bbs-box1 .hasThumb a .txt-box h4 {font-size:22px;line-height:1.4;max-height:68px}
	.mcont-3 .bbs-box1 .hasThumb a .txt-box p {margin:30px 0 0 0;font-size:17px;line-height:1.6;max-height:168px}
	.mcont-3 .bbs-box1 .hasntThumb {margin:25px 75px 0 0}
	.mcont-3 .bbs-box1 .hasntThumb a .subj span {max-width:85%}
	.mcont-3 .bbs-box2 {width:350px}
	.mcont-3 .bbs-box2 h3 {margin:46px 20px 0}
	.mcont-3 .bbs-box2 ol {margin:20px 20px 0}
	.mcont-3 .bbs-box2 ol li {margin:0 0 20px 0}
	.mcont-3 .bbs-box2 .bbs-more {right:20px}
}
@media all and (max-width:1000px) {
	.mcont-3 .bbs-box1 {margin:0 300px 0 0;padding:46px 20px 30px 0}
	.mcont-3 .bbs-box1 h3 {font-size:24px}
	.mcont-3 .bbs-box1 .hasThumb a .thumb-box {width:250px}
	.mcont-3 .bbs-box1 .hasThumb a .txt-box {margin:0 0 10px 280px;padding:0}
	.mcont-3 .bbs-box1 .hasntThumb a .subj span {max-width:80%}
	.mcont-3 .bbs-box1 .hasntThumb {margin:25px 0 0 0}
	.mcont-3 .bbs-box2 {width:300px}
	.mcont-3 .bbs-box2 h3 {font-size:24px}
	.mcont-3 .bbs-box2 ol li a .text {font-size:15px;line-height:1.4}
	.mcont-3 .bbs-box2 ol li {margin:0 0 15px 0}
}
@media all and (max-width:860px) {
	.mcont-3 .bbs-box1 .hasThumb a .thumb-box {width:180px}
	.mcont-3 .bbs-box1 .hasThumb a .txt-box {margin:0 0 10px 210px;padding:0}
	.mcont-3 .bbs-box1 .hasThumb a .txt-box h4 {font-size:20px;max-height:60px}
	.mcont-3 .bbs-box1 .hasntThumb {margin:10px 0 0 0}
}
@media all and (max-width:800px) {
	.mcont-3 .bbs-box1 {margin:0;padding:30px 0 30px}
	.mcont-3 .bbs-box1 h3 {font-size:20px}
	.mcont-3 .bbs-box1 .hasThumb a .txt-box p {margin:15px 0 0 0;font-size:15px;line-height:1.5}
	.mcont-3 .bbs-box1 .bbs-more {right:0;top:40px}
	.mcont-3 .bbs-box1 ol li.nodata {min-height:150px}
	.mcont-3 .bbs-box1 ol li.nodata span {padding:110px 0 0 0;background-position:center 20px}
	.mcont-3 .bbs-box2 {position:relative;width:auto;height:auto;right:auto;top:auto;padding:20px 0}
	.mcont-3 .bbs-box2:before {content:"";display:block;position:absolute;width:2000px;height:100%;top:0;left:50%;margin:0 0 0 -1000px;z-index:1;background:#f1f1f1}
	.mcont-3 .bbs-box2 h3 {margin:0;font-size:20px}
	.mcont-3 .bbs-box2 ol {margin:20px 0 0}
	.mcont-3 .bbs-box2 .bbs-more {right:0;top:35px}
}
@media all and (max-width:600px) {
	.mcont-3 .bbs-box1 .hasThumb a .thumb-box {width:170px}
	.mcont-3 .bbs-box1 .hasThumb a .txt-box {margin:0 0 0 200px;padding:0}
	.mcont-3 .bbs-box1 .hasThumb a .txt-box h4 {font-size:20px;line-height:1.3;max-height:52px}
	.mcont-3 .bbs-box1 .hasThumb a .txt-box p {margin:15px 0 0 0;font-size:15px;line-height:1.4;max-height:125px}
	.mcont-3 .bbs-box1 .hasntThumb a .subj span {font-size:15px;margin:0 0 0 15px;padding:0}
}
@media all and (max-width:460px) {
	.mcont-3 .bbs-box1 .hasThumb a .thumb-box {width:130px}
	.mcont-3 .bbs-box1 .hasThumb a .thumb-box:after {right:-5px;bottom:-5px}
	.mcont-3 .bbs-box1 .hasThumb a .txt-box {margin:0 0 0 150px;padding:0}
	.mcont-3 .bbs-box1 .hasThumb a .txt-box h4 {font-size:16px;line-height:normal;max-height:45px}
	.mcont-3 .bbs-box1 .hasThumb a .txt-box p {margin:15px 0 0 0;font-size:13px;line-height:normal;max-height:50px;-webkit-line-clamp:3}
	.mcont-3 .bbs-box1 .hasntThumb {margin:15px 0 0 0}
	.mcont-3 .bbs-box1 .hasntThumb a {margin:0}
	.mcont-3 .bbs-box1 .hasntThumb a .subj span {font-size:14px;max-width:84%}
	.mcont-3 .bbs-box1 .hasntThumb .date {display:none}
}

/* [4]. Gallery & Notice */
.mcont-4 {overflow:hidden;background:#f8f8f8}
.mcont-4 .inwr {max-width:1200px;position:relative;margin:0 auto;padding:33px 0 55px}
.mcont-4 .inwr .gallery-box {position:relative;margin:0 420px 0 0}
.mcont-4 .inwr .gallery-box h3 {display:block;position:relative;font-size:30px;color:#333;line-height:1}
.mcont-4 .inwr .gallery-box h3 span {}
.mcont-4 .inwr .gallery-box ul {display:block;width:100%;font-size:0;margin:34px 0 0 0}
.mcont-4 .inwr .gallery-box ul li {display:inline-block;width:27.5%;vertical-align:top;margin:0 4.375% 0 0}
.mcont-4 .inwr .gallery-box ul li:last-child {margin:0}
.mcont-4 .inwr .gallery-box ul li a {display:block;position:relative}
.mcont-4 .inwr .gallery-box ul li a div {position:relative;width:100%;height:0;padding:0 0 68.18% 0;background:#ddd url(/_contents/eng/_Img/Main/mcon4_picno.png) no-repeat center center}
.mcont-4 .inwr .gallery-box ul li a div img {display:block;position:absolute;width:100%;height:100%}
.mcont-4 .inwr .gallery-box ul li a p {display:block;font-size:16px;color:#333;line-height:20px;text-align:center;margin:10px 10px 0}
.mcont-4 .inwr .gallery-box ul li a:hover p {text-decoration:underline}
.mcont-4 .inwr .gallery-box .bbs-more {display:block;position:absolute;right:8.75%;top:14px;color:#000}
.mcont-4 .inwr .gallery-box .bbs-more:hover {text-decoration:underline}
.mcont-4 .inwr .gallery-box ul li.nodata {width:100%;padding:0}
.mcont-4 .inwr .gallery-box ul li.nodata span {display:block;padding:120px 0 0 0;margin:0 8.75% 0 0;font-size:15px;min-height:180px;box-sizing:border-box;border:1px solid #ddd;background:url(/resources/_Img/programs/Board/default/ico_nodata.png) no-repeat center 40px;border-radius:5px;text-align:center}
.mcont-4 .inwr .youtube-box {position:absolute;width:420px;height:100%;right:0;top:0;background:#f1f1f1}
.mcont-4 .inwr .youtube-box h3 {display:block;position:relative;font-size:30px;color:#333;line-height:1;z-index:2;margin:33px 40px 0}
.mcont-4 .inwr .youtube-box a {display:block;position:relative;margin:34px 40px 0;overflow:hidden}
.mcont-4 .inwr .youtube-box a:before {content:"";display:block;position:absolute;width:76px;height:54px;background:url(/_contents/eng/_Img/Main/mcon4_icon1.png) no-repeat;left:50%;top:50%;margin:-27px 0 0 -38px;z-index:2;transition:all .3s ease;display:none}
.mcont-4 .inwr .youtube-box a img {display:block;width:100%;position:relative;z-index:1;transition:all .5s ease}
.mcont-4 .inwr .youtube-box a:hover:before {animation:zoommer1 .5s ease-in 1}
.mcont-4 .inwr .youtube-box a:hover img {transform:scale(1.1)}
@media all and (max-width:1200px) {
	.mcont-4 .inwr {margin:0 20px}
	.mcont-4 .inwr .gallery-box {margin:0 350px 0 0}
	.mcont-4 .inwr .youtube-box {width:350px}
}
@media all and (max-width:1000px) {
	.mcont-4 .inwr .gallery-box {margin:0 300px 0 0}
	.mcont-4 .inwr .gallery-box h3 {font-size:24px}
	.mcont-4 .inwr .gallery-box ul {width:auto;margin:20px 20px 0 0}
	.mcont-4 .inwr .gallery-box ul li {width:32%;margin:0 2% 0 0}
	.mcont-4 .inwr .gallery-box .bbs-more {right:20px}
	.mcont-4 .inwr .youtube-box {width:300px}
	.mcont-4 .inwr .youtube-box h3 {font-size:24px;margin:33px 20px 0}
	.mcont-4 .inwr .youtube-box a {margin:20px 20px 0}
	.mcont-4 .inwr .youtube-box a:before {width:57px;height:40px;margin:-20px 0 0 -28px;background-size:contain}
}
@media all and (max-width:800px) {
	.mcont-4 .inwr {padding:0}
	.mcont-4 .inwr .gallery-box {margin:0;padding:20px 0}
	.mcont-4 .inwr .gallery-box h3 {font-size:20px}
	.mcont-4 .inwr .gallery-box ul {margin:20px 0 0 0}
	.mcont-4 .inwr .gallery-box ul li {width:30%;margin:0 5% 0 0}
	.mcont-4 .inwr .gallery-box ul li:last-child {margin:0}
	.mcont-4 .inwr .gallery-box ul li.nodata span {margin:0}
	.mcont-4 .inwr .gallery-box .bbs-more {right:0;top:20px}
	.mcont-4 .inwr .youtube-box {position:relative;width:auto;height:auto;right:auto;top:auto;padding:20px 0}
	.mcont-4 .inwr .youtube-box:before {content:"";display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;margin:0 0 0 -1000px;background:#f1f1f1}
	.mcont-4 .inwr .youtube-box h3 {font-size:20px;margin:0}
	.mcont-4 .inwr .youtube-box a {margin:20px 0 0}
}
@media all and (max-width:520px) {
	.mcont-4 .inwr .gallery-box ul li {display:block;position:relative;width:auto;margin:0 0 10px 0}
	.mcont-4 .inwr .gallery-box ul li a {min-height:102px;position:relative}
	.mcont-4 .inwr .gallery-box ul li a div {display:block;position:absolute;width:150px;height:102px;padding:0;left:0;top:0}
	.mcont-4 .inwr .gallery-box ul li a p {font-size:15px;line-height:normal;text-align:left;margin:0 5px 0 170px}
	.mcont-4 .inwr .gallery-box ul li.nodata {display:block}
}
@media all and (max-width:400px) {
	.mcont-4 .inwr .gallery-box ul li a {min-height:81px;overflow:hidden}
	.mcont-4 .inwr .gallery-box ul li a div {width:120px;height:81px}
	.mcont-4 .inwr .gallery-box ul li a p {margin:0 5px 0 130px}
}

/* [5]. QUICK SERVICE */
.mcont-5 {background:#b58a60 url(/_contents/eng/_Img/Main/mcon5_bg1.jpg) no-repeat center top}
.mcont-5 .inwr {max-width:1200px;position:relative;margin:0 auto;overflow:hidden;padding:0 0 48px 0}
.mcont-5 .inwr h3 {display:block;text-align:center;margin:54px 0 0 0}
.mcont-5 .inwr h3 .fn-wr {display:block;font-size:0;position:relative;padding:30px 0 0 0}
.mcont-5 .inwr h3 .fn-wr:before {content:"";display:block;position:absolute;width:21px;height:21px;background:url(/_contents/eng/_Img/Main/mcon5_sprite.png) no-repeat 0px 0px;top:0;left:50%;margin:0 0 0 -10px}
.mcont-5 .inwr h3 .fn-wr span {display:inline-block;color:#fff;font-size:30px}
.mcont-5 .inwr h3 .fn-wr .f1 {font-weight:normal;margin:0 10px 0 0}
.mcont-5 .inwr h3 .fn-wr .f2 {}
.mcont-5 .inwr .sldCtrlBox {display:block;position:absolute;height:30px;right:0;top:84px;font-size:0}
.mcont-5 .inwr .sldCtrlBox button {display:inline-block;position:relative;width:30px;height:30px;border:0;background:transparent;margin:0 3px;text-indent:-9999px;vertical-align:top;border-radius:3px;transition:all .3s ease}/* border:1px solid rgba(255, 255, 255, .2);background:rgba(255, 255, 255, .05); */
.mcont-5 .inwr .sldCtrlBox button:after {content:"";display:block;position:absolute;width:18px;height:18px;left:50%;top:50%;margin:-9px 0 0 -9px;background:url(/_contents/eng/_Img/Main/mcon5_sprite.png) no-repeat}
.mcont-5 .inwr .sldCtrlBox button:hover {background:rgba(255, 255, 255, .3)}
.mcont-5 .inwr .sldCtrlBox .sldNav {display:inline-block;height:100%;font-size:0;vertical-align:top}
.mcont-5 .inwr .sldCtrlBox .sldNav .owl-prev:after {background-position:-21px 0px}
.mcont-5 .inwr .sldCtrlBox .sldNav .owl-next:after {background-position:-39px 0px}
.mcont-5 .inwr .sldCtrlBox .sldAutos {display:inline-block;height:100%;font-size:0;vertical-align:top}
.mcont-5 .inwr .sldCtrlBox .sldAutos .owl-stop {display:none}
.mcont-5 .inwr .sldCtrlBox .sldAutos .owl-stop:after {background-position:-57px 0px}
.mcont-5 .inwr .sldCtrlBox .sldAutos .owl-play {display:none}
.mcont-5 .inwr .sldCtrlBox .sldAutos .owl-play:after {background-position:-75px 0px}
.mcont-5 .inwr .sldCtrlBox .sldAutos .owl-stop.over,
.mcont-5 .inwr .sldCtrlBox .sldAutos .owl-play.over {display:block}
.mcont-5 .inwr .sldDotsBox {display:block;position:absolute;width:100%;left:0;bottom:20px;text-align:center;font-size:0}
.mcont-5 .inwr .sldDotsBox .owl-dot {display:inline-block;margin:0 5px}
.mcont-5 .inwr .sldDotsBox .owl-dot button {display:block;width:12px;height:12px;border:0;border-radius:50%;background:rgba(0, 0, 0, .1);box-shadow:2px 2px 2px rgba(0, 0, 0, .2) inset;text-indent:-9999px}
.mcont-5 .inwr .sldDotsBox .owl-dot.active button {background:#eee;box-shadow:2px 2px 2px rgba(255, 255, 255, 1) inset}
.mcont-5 .inwr .sldBox {position:relative;margin:36px 0 0 0}
.mcont-5 .inwr .sldBox .owl-item {}
.mcont-5 .inwr .sldBox .owl-item .item {}
.mcont-5 .inwr .sldBox ul {display:block;width:100%;text-align:center;font-size:0}
.mcont-5 .inwr .sldBox ul li {display:inline-block;margin:0 5px 10px;min-width:14.28%;max-width:25%}
.mcont-5 .inwr .sldBox ul li a {display:block;box-sizing:border-box;border:1px solid rgba(255, 255, 255, .7);border-radius:5px;background:rgba(255, 255, 255, .1);font-size:15px;color:#fff;transition:all .3s ease}
.mcont-5 .inwr .sldBox ul li a span {display:inline-block;width:auto;max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;padding:12px 0 10px}
.mcont-5 .inwr .sldBox ul li a:hover {border:1px solid #fff;background:#fff;color:#ba8e63}
@media all and (max-width:1200px) {
	.mcont-5 .inwr {margin:0 20px}
}
@media all and (max-width:999px) {
	.mcont-5 {background-size:cover}
	.mcont-5 .inwr .sldBox ul li {min-width:25%;max-width:33.33%}
}
@media all and (max-width:640px) {
	.mcont-5 .inwr h3 .fn-wr span {font-size:24px}
	.mcont-5 .inwr .sldBox ul li {min-width:48%;max-width:48%;margin:0 1% 10px}
	.mcont-5 .inwr .sldBox ul li a span {max-width:90%}
}
@media all and (max-width:540px) {
	.mcont-5 .inwr h3 {margin:20px 0 0 0}
	.mcont-5 .inwr h3 .fn-wr span {font-size:20px}
	.mcont-5 .inwr .sldCtrlBox {position:relative;right:auto;top:auto;text-align:center;margin:20px 0 0 0}
	.mcont-5 .inwr .sldBox {margin:20px 0 0 0}
}
@keyframes zoommer1 {
	50% {transform:scale(1.5);opacity:0}
	51% {transform:scale(0);opacity:0}
	100% {transform:scale(1);opacity:1}
}