@charset "utf-8";
#mcontainer-wrap {position:relative;width:100%}
#mcontainer {word-break:keep-all}
.m-tit01 {color:#042f7d;font-weight:600;font-size:1.222em;font-family:"titillium-web",sans-serif;}
@media all and (max-width:999px) {
	.m-tit01 {margin-bottom:10px}
}
@media all and (max-width:768px) {
}

/* 메인 비쥬얼 */
.msec-mvisual {background:url(/resources/_Templet/Main/main_eng/_Img/mvsiual_bg.jpg) no-repeat center}
.msec-mvisual .div-cont {padding:115px 0 69px}
.msec-mvisual .div-cont:before {content:"";display:block;position:absolute;left:-97px;bottom:0;background:url(/resources/_Templet/Main/main_eng/_Img/mvisual_bg01.png) no-repeat;width:156px;height:54px;}
.msec-mvisual .div-cont:after {content:"";display:block;position:absolute;right:-180px;bottom:0;background:url(/resources/_Templet/Main/main_eng/_Img/mvisual_bg02.png) no-repeat;width:189px;height:144px;}
#mvisual-wr {position:relative}
#mvisual {position:relative}
#mvisual .owl-stage-outer {height:100%}
#mvisual .owl-stage-outer .owl-stage {height:100%}
#mvisual .owl-stage-outer .owl-stage .owl-item {height:100%;overflow:hidden}
#mvisual .item {position:relative;height:307px;}
#mvisual .item a {display:block;height:100%;overflow:hidden}
#mvisual .item .vis-txt {float:left;width:465px;padding-top:5px;text-align:right;box-sizing:border-box}
#mvisual .item .vis-txt p {color:#fff;font-size:2.5em;font-weight:600;line-height:1.2;font-family:"titillium-web",sans-serif;text-align:left}
#mvisual .item .vis-txt .vis-sub-tit {margin-bottom:8px;color:rgba(255, 255, 255, .6);font-size:1.111em}
#mvisual .item .vis-txt .txt {min-height:108px}
#mvisual .item .vis-img {float:right;position:relative;width:570px;height:100%;}
#mvisual .item .vis-img .pimg {width:570px;}
#mvisual-wr .ctrl-btns {position:absolute;left:0;bottom:64px;z-index:5}
#mvisual-wr .ctrl-btns button {position:relative;display:inline-block;background:transparent;border:2px solid #fff;border-radius:50%;width:45px;height:45px;margin-right:7px;font-size:0;vertical-align:middle;box-sizing:border-box;transition:all .3s ease}
#mvisual-wr .ctrl-btns button:hover {background-color:rgba(255, 255, 255, .1)}
#mvisual-wr .ctrl-btns button:before {content:"";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:url(/resources/_Templet/Main/main_eng/_Img/main_spr.png) no-repeat;width:22px;height:7px;margin:auto}
#mvisual-wr .ctrl-btns .btn-prev:before {background-position:0 0}
#mvisual-wr .ctrl-btns .btn-next:before {background-position:-32px 0}
.progress-wr {margin-top:75px;display:inline-block;background-color:rgba(255, 255, 255, .5);width:calc(100% - 120px);height:2px}
.progress-wr .progressBar {display:block;width:0;height:2px;background:#fff}

@media all and (max-width:1199px) {
	#mvisual .item .vis-txt {width:38.7%}
	#mvisual .item .vis-txt p {font-size:2.1em}
	#mvisual .item .vis-img {width:47.5%}
}
@media all and (max-width:999px) {
	.msec-mvisual {background-size:cover}
	.msec-mvisual .div-cont {padding:30px 0 0}
	#mvisual-wr {max-width:570px;margin:0 auto;}
	#mvisual-wr .ctrl-btns {bottom:25px}
	#mvisual .item {height:auto;text-align:center}
	#mvisual .item .vis-txt,
	#mvisual .item .vis-img {float:none;width:auto}
	#mvisual .item .vis-img .pimg {width:auto;max-width:100%;margin:0 auto}
	#mvisual .item .vis-txt {padding-bottom:30px}
	.progress-wr {margin-top:12px;vertical-align:top}

}

@media all and (max-width:768px) {
	.msec-mvisual .div-cont {padding-top:20px}
	.msec-mvisual .div-cont:before {background-size:109px auto;width:109px;height:38px;}
	.msec-mvisual .div-cont:after {right:-110px;background-size:132px auto;width:132px;height:101px;}
	#mvisual .item .vis-txt .vis-sub-tit {font-size:.889em}
	#mvisual .item .vis-txt .txt {min-height:80px;font-size:1.7em}
	#mvisual-wr .ctrl-btns button {width:32px;height:32px}
	#mvisual-wr .ctrl-btns button:before {background-size:70px auto;width:15px;height:5px}
	#mvisual-wr .ctrl-btns .btn-next:before {background-position:-23px 0}
	.progress-wr {width:calc(100% - 100px)}
}
@media all and (max-width:499px) {
}

/* contact us */
.mcontact-wr {padding:14px 0 22px}
.mcontact-wr .mcontact-box {padding-left:422px;overflow:hidden}
.mcontact-wr .mcontact-box .mcont-txt,
.mcontact-wr .mcontact-box ul {display:inline-block;vertical-align:middle}
.mcontact-wr .mcontact-box .mcont-txt {margin-right:62px}
.mcontact-wr .mcontact-box .mcont-txt .txt {margin:-8px 0 0 2px;color:#555;font-weight:300;font-size:.889em;letter-spacing:.025em}
.mcontact-wr .mcontact-box ul {margin-top:5px;overflow:hidden;}
.mcontact-wr .mcontact-box ul li {display:inline-block;color:#333;font-size:.944em;font-weight:600;vertical-align:middle}
.mcontact-wr .mcontact-box ul li:before {content:"";display:inline-block;background:url(/resources/_Templet/Main/main_eng/_Img/main_spr.png) no-repeat;width:26px;height:26px;margin-top:-4px;margin-right:15px;vertical-align:middle}
.mcontact-wr .mcontact-box ul li.tel:before {background-position:0 -34px}
.mcontact-wr .mcontact-box ul li.mail:before {background-position:-34px -34px}
.mcontact-wr .mcontact-box ul li.tel:after {content:"";display:inline-block;background-color:#b4b4b4;width:1px;height:18px;margin:0 15px 0 20px;vertical-align:middle}
@media all and (max-width:999px) {
	.mcontact-wr .mcontact-box {padding-left:0}
	
}
@media all and (max-width:812px) {
	.mcontact-wr .mcontact-box .mcont-txt {margin-right:22px}
}
@media all and (max-width:768px) {
	.mcontact-wr {display:block;width:auto;padding:15px 0}
	.mcontact-wr .mcontact-box .mcont-txt {margin-right:66px}
	.mcontact-wr .mcontact-box ul li {display:block;margin-bottom:10px}
	.mcontact-wr .mcontact-box ul li.tel:after {display:none}
	.mcontact-wr .mcontact-box .mcont-txt {margin-bottom:15px}
	.mcontact-wr .mcontact-box .mcont-txt .txt {margin-top:0}
}
@media all and (max-width:399px) {
	.mcontact-wr .mcontact-box .mcont-txt {margin-right:0}
}