/*Font: Noto Sans KR*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*common*/
img {
	max-width: 100%;
}
ul, ol, li {
	list-style: none;
	padding-left: 0px;
}
/*mdt_logo*/
#mdt_logo {
    position: absolute;
    bottom: 0px;
    z-index: 10;
}
#mdt_logo .mdt_b2 {
	display: inline-block;
	vertical-align: text-bottom;
}
#mdt_logo .mdt_c2 {
	display: none;
	vertical-align: text-bottom;
}
#mdt_logo:hover .mdt_b2 {
	display: none;
}
#mdt_logo:hover .mdt_c2 {
	display: inline-block;
}
@media (max-width:767px) {
	#mdt_logo {
		right: 0;
	}
	#mdt_logo img {
		width: 60px;
	}
}
/*mainMenu*/
#mainMenu {
	padding-right: 30px;
}
#mainMenu nav > ul > li > a {
    font-family: 'Noto Sans KR', Arial, sans-serif;
    padding: 11px 20px;
    font-size: 13px;
}
#mainMenu nav > ul > li.hover-active > a, 
#mainMenu nav > ul > li.hover-active > span, 
#mainMenu nav > ul > li.current > a, 
#mainMenu nav > ul > li.current > span, 
#mainMenu nav > ul > li:hover > a, 
#mainMenu nav > ul > li:hover > span, 
#mainMenu nav > ul > li:focus > a, 
#mainMenu nav > ul > li:focus > span {
	color: #ef483e;
}
@media (max-width: 991px) {
	#mainMenu {
		padding: 0 15px;
	}
}

/*mainMenu-trigger*/
@media (max-width: 991px) {
	#header #mainMenu-trigger {
		position: relative;
		opacity: 1;
		visibility: visible;
		padding: 0 15px;
	}
}

/*slider*/
#slider strong.c_point {
    color: #ef483e;
}
#slider .metis .tp-tab.selected .tp-tab-divider {
    border-right: 1px solid #ef483e;
}
#slider .tp-caption.Creative-SubTitle, 
#slider .Creative-SubTitle {
	color: #fff;
}

/*m2_sec*/
.m2_sec {
	padding: 100px;
}
.m2_sec .sub_tit h3 {
	font-size: 20px;
    line-height: 1.5em;
    font-weight: 200;
    margin-bottom: 0px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #8f8f8f;
}
.m2_sec .sub_tit h1 {
	font-size: 50px;
	line-height: 1.5em;
	font-weight: 500;
}
.m2_sec .sub_tit p {
	color: #636363;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 300;
}
@media (max-width:1200px) {
	.m2_sec {
		padding: 30px 20px;
	}
}
/*abtus*/
#abtus {
	background-color: #f4f4f4;
	background-color: #ffc401;
}
#abtus strong.c_point {
    color: #ef483e;
	font-weight: 400;
}
#abtus .left_sec {
	background-color: #ef483e;
	position: relative;
	overflow: hidden;
}
#abtus .right_sec {
	background-color: #fff;
    padding: 70px 50px 0;
	overflow: hidden;
	position: relative;
}
#abtus .mdt_logo {
	position: absolute;
    right: 15px;
    bottom: 30px;
    font-size: 20px;
    text-transform: uppercase;
}
#abtus .mdt_logo .mdt_b {
	display: inline-block;
	vertical-align: text-bottom;
}
#abtus .mdt_logo .mdt_c {
	display: none;
	vertical-align: text-bottom;
}
#abtus .mdt_logo:hover .mdt_b {
	display: none;
}
#abtus .mdt_logo:hover .mdt_c {
	display: inline-block;
}
#abtus .right_sec h1 {
	text-transform: none;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.3em;
}
#abtus .right_sec h3 span {
	display: inline-block;
	border-bottom: 2px solid #fd6860;
}
#abtus .right_sec p {
	color: #636363;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 300;
}
@media (min-width:991px) {	
	#abtus .img_wrp {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}
	#abtus .right_sec,
	#abtus .left_sec {
		height: 600px;
	}
}
@media (max-width:767px) {	
	#abtus .right_sec {
		padding: 30px 20px;
	}
	#abtus .right_sec h1 {
		font-size:30px;
	}
	#abtus .right_sec p {
		font-size: 13px;
		margin-bottom: 15px;
	}
	#abtus .mdt_logo {
		bottom: 20px;
		font-size: 14px;
	}
	#abtus .mdt_logo img {
		width: 40px;
	}
}
/*mtwork*/
#mtwork #portfolio > li {
    margin: 15px 0;
}
#mtwork .heading {
	margin-bottom: 60px;
}
#mtwork .heading h2 {
	font-weight: 500;
    margin-bottom: 20px;
}
#mtwork .portfolio_item {
    overflow: hidden;
    position: relative;
}
#mtwork .portfolio_item .portfolio-image:after, 
#mtwork .portfolio_item .portfolio-video:after, 
#mtwork .portfolio_item .grid-image:after, 
#mtwork .portfolio_item .grid-video:after, 
#mtwork .grid-item .portfolio-image:after, 
#mtwork .grid-item .portfolio-video:after, 
#mtwork .grid-item .grid-image:after, 
#mtwork .grid-item .grid-video:after {
	opacity: 0;
}
#mtwork .portfolio_item .portfolio-image {
    overflow: hidden;
}
#mtwork .portfolio_item .portfolio-image img {
	-webkit-transition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
	-o-transition: all 2s ease-out;
	transition: all 2s ease-out;
}
#mtwork .portfolio_item:hover .portfolio-image img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}
#mtwork .portfolio_item a {
    text-decoration: none;
    display: block;
    position: relative;
}
#mtwork .portfolio_item .more_btn {
	position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
	
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#mtwork .portfolio_item:hover .more_btn {
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
#mtwork .portfolio_item .text_con {
	position: absolute;
    left: 0;
    top: 84%;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(255, 34, 34, 0.9);
    padding: 6%;
    text-decoration: none;
	
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#mtwork li:nth-child(even) .portfolio_item .text_con {
    background-color: rgba(34, 34, 34, 0.9);
}
#mtwork .portfolio_item:hover .text_con {
	top: 0px;
}
#mtwork .portfolio_item .text_con h1 {
	font-size: 20px;
    line-height: 1.3em;
    font-weight: 900;
    color: #fff;
    letter-spacing: 0;
    text-transform: uppercase;
}
#mtwork .portfolio_item .text_con .over_eff {
	opacity: 0;
	
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#mtwork .portfolio_item .text_con:hover .over_eff {
	opacity: 1;
}
#mtwork .portfolio_item .text_con li {
	color: #fff;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.7em;
}
#mtwork .portfolio_item .text_con .w_bg_small {
	position: absolute;
	right: 0;
	bottom: 0;
}
#mtwork .btn_wrp {
	margin-top: 30px;
}
#mtwork .btn_wrp .btn {
	color: rgba(255, 34, 34, 1);
    border-color: rgba(255, 34, 34, 1);
    background-color: transparent;
    text-shadow: 0 0 0;
	font-weight: 500;
}
#mtwork .btn_wrp .btn:hover {
	color: #fff;
    background-color: rgba(255, 34, 34, 1);
}
#mtwork .modal {	
	padding: 0px !important;
}
#mtwork .modal-dialog.modal-lg {
	margin: 0px;
	width: 100%;
}
#mtwork .modal-dialog.modal-lg .modal-content {
	padding: 0px;
    height: 100vh;
    border-radius: 0px;
    overflow-y: scroll;
}
#mtwork .modal-dialog.modal-lg .modal-content .modal-header {
	padding: 0;
}
#mtwork .modal-dialog.modal-lg .modal-content .modal-header .close {
    position: absolute;
    color: #fff;
    z-index: 3;
    right: 30px;
    top: 30px;
    font-size: 50px;
}
#mtwork .modal-dialog.modal-lg .modal-content .modal-body {
	padding: 0px;
}
#mtwork .modal-dialog.modal-lg .modal-content .tit_area {
	background-color: #ef483e;
}
#mtwork .modal-dialog.modal-lg .modal-content .abt_con {
	background-color: #fff;
	padding: 60px 30px;
	color: #636363;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 300;
	margin: 0 15px;
	margin-top: 30%;
}
#mtwork .modal-dialog.modal-lg .modal-content .abt_con h1 {
	text-transform: none;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3em;
	margin-bottom: 55px;
}
#mtwork .modal-dialog.modal-lg .modal-content .abt_con ul {
	margin-bottom: 0px;
}
#mtwork .modal-dialog.modal-lg .modal-content .abt_con ul li {
	position: relative;
}
#mtwork .modal-dialog.modal-lg .modal-content .abt_con ul li .tit {
    border-bottom: 2px solid #999;
    border-top: 2px solid #999;
    margin-bottom: -2px;
    padding: 15px 0;
    color: #999;
    font-weight: 400;
}
#mtwork .modal-dialog.modal-lg .modal-content .abt_con ul li .con {
	border-bottom: 2px solid #000;
    border-top: 2px solid #000;
    margin-bottom: -2px;
    padding: 15px 0;
    color: #000;
    font-weight: 400;
}
@media (min-width:768px){
	#mtwork .btn_wrp .btn {
		font-size: 20px;
		line-height: 1em;
		padding: 15px 60px;
	}
}
@media (max-width:992px) {	
	#mtwork .modal-dialog.modal-lg .modal-content .modal-header .close {
		color: #333;
	}
	#mtwork .btn_wrp {
		text-align: center;
	}
}
@media (max-width:767px) {	
	#mtwork .heading {
		margin-bottom: 30px;
	}
	#mtwork .heading h2 {
		font-size: 25px;
    	line-height: 1.3em;
	}
	#mtwork .heading .lead {
		font-size: 13px;
		line-height: 1.5em;
	}
	#mtwork .portfolio_item .more_btn {
		width: 40px;
	}
	#mtwork .portfolio_item .text_con h1 {
		font-size: 16px;
	}
	#mtwork .portfolio_item .text_con li {
		font-size: 12px;
	}
	#mtwork .portfolio_item .text_con .w_bg_small {
		width: 70px;
	}
	#mtwork .modal-dialog.modal-lg .modal-content .col-xs-8 {
		width: 66.66666667% !important;
	}
	#mtwork .modal-dialog.modal-lg .modal-content .modal-header .close {
		font-size: 30px;
	}
	#mtwork .modal-dialog.modal-lg .modal-content .abt_con {
		font-size: 13px;
		margin-top: 15px;
		margin-bottom: 15px;
		padding: 40px 20px;
	}
	#mtwork .modal-dialog.modal-lg .modal-content .abt_con h1 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	#mtwork .modal-dialog.modal-lg .modal-content .abt_con ul li .tit,
	#mtwork .modal-dialog.modal-lg .modal-content .abt_con ul li .con{
		    padding: 7px 0;
	}
}
/*mtcontac*/
#mtcontac {
	background-color: #f4f4f4;
}
#mtcontac .right_sec {
	background-color: #ef483e;
	position: relative;
	overflow: hidden;
}
#mtcontac .left_sec {
	background-color: #fff;
    padding: 60px 50px 0;
	overflow: hidden;
}
#mtcontac .left_sec .text_con {
	margin-bottom: 40px;
}
#mtcontac .left_sec h1 {
	text-transform: none;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3em;
	margin-bottom: 8px;
}
#mtcontac .left_sec h3 {
	text-transform: none;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3em;
}
#mtcontac .left_sec ul li {
	color: #e69238;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    position: relative;
    margin-bottom: 3px;
    position: relative;
    padding-left: 45px;
}
#mtcontac .left_sec ul li span {
	position: absolute;
    width: 30px;
    left: 0;
    border-bottom: 1px solid #e69238;
    top: 10px;
}
@media (min-width:991px) {	
	#mtcontac .img_wrp {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}
	#mtcontac .right_sec,
	#mtcontac .left_sec {
		height: 600px;
	}
}
@media (max-width:992px){
	#mtcontac .right_sec ul li {
		padding-left: 100px;
	}
	#mtcontac .right_sec ul li span {
		position: absolute;
		left: 0;
	}
}
@media (max-width:767px) {	
	#mtcontac .left_sec {
		padding: 30px 20px;
	}	
	#mtcontac .left_sec .text_con {
		margin-bottom: 20px;
	}
	#mtcontac .left_sec h1 {
		font-size: 18px;
	}
	#mtcontac .left_sec h3 {
		font-size: 14px;
	}
	#mtcontac .left_sec ul li {
		font-size: 13px;
	}
}
/*mtcontac Map*/
#mtcontac #map {
	height: 600px;
	width: 100%;
}
@media (max-width:767px){	
	#mtcontac #map {
		height: 300px !important;
	}
}
/*mtinqu*/
#mtinqu {
	background-color: #fff;
}
#mtinqu .conbox {
	border: 10px solid #565759;
	padding: 5%;
}
#mtinqu .heading {
    margin-bottom: 60px;
}
#mtinqu .heading h2 {
	text-transform: none;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.3em;
}
#mtinqu .form-control {
	background-color: #f0eeed;
    border-color: #f0eeed;
    font-weight: 300;
}
#mtinqu .btn_wrp .btn {
	color: rgba(255, 34, 34, 1);
    border-color: rgba(255, 34, 34, 1);
    background-color: transparent;
    text-shadow: 0 0 0;
	font-weight: 500;
}
#mtinqu .btn_wrp .btn:hover {
	color: #fff;
    background-color: rgba(255, 34, 34, 1);
}
@media (min-width:768px){
	#mtinqu .btn_wrp .btn {
		font-size: 20px;
		line-height: 1em;
		padding: 15px 60px;
	}
}
@media (max-width:767px){
	#mtinqu .heading {
		margin-bottom: 30px;
	}	
	#mtinqu .heading h2 {
		font-size: 30px;
	}
	#mtinqu .conbox {
		border: 5px solid #565759;
	}
}
/*goToTop*/
#goToTop:after, 
#goToTop:before {
    background-color: #ef483e;
}
/*footer*/
#footer .mdt_logo {
    font-size: 20px;
    text-transform: uppercase;
}
#footer .mdt_logo:hover,
#footer .mdt_logo:hover span {
    color: #1abc9c !important;
}
#footer .mdt_logo .mdt_b {
	display: inline-block;
	vertical-align: text-bottom;
}
#footer .mdt_logo .mdt_c {
	display: none;
	vertical-align: text-bottom;
}
#footer .mdt_logo:hover .mdt_b {
	display: none;
}
#footer .mdt_logo:hover .mdt_c {
	display: inline-block;
}
@media (max-width:767px) {	
	#footer .mdt_logo {
		bottom: 20px;
		font-size: 14px;
	}
	#footer .mdt_logo img {
		width: 40px;
	}
}