/* main_tit */
.main_tit{text-align:center;}
.main_tit h2 {font-size:36px; font-family: 'georgia', sans-serif; font-weight:700; letter-spacing:-0.03em; color: #3E6AB2;}
.main_tit p{font-size:20px; font-family: 'NanumSquare', sans-serif; letter-spacing:-0.03em; color:#555;line-height: 2;}
.main_tit span{display:block; font-size:18px; font-weight:300; color:#171313; padding-top:30px;}

/* mv */
.mv{width:100%; position:relative;}
.mv .slide{width:100%;}
.mv .slide .type{width:100%; height:580px; position:relative; }
.mv .slide .type01{background:url(../../kmtech/img/main/mv_img01.jpg) center top no-repeat; background-size:cover;}
.mv .slide .type02{background:url(../../kmtech/img/main/mv_img02.jpg) center top no-repeat; background-size:cover;}
.mv .slide .type03{background:url(../../kmtech/img/main/mv_img03.jpg) center top no-repeat; background-size:cover;}
.mv .slide .type04{background:url(../../kmtech/img/main/mv_img04.jpg) center top no-repeat; background-size:cover;}
.mv .slide .type .txt_box{text-align:center; padding-top:300px;}
.mv .slide .type .txt_box sup{font-size:21px; font-family: 'georgia', sans-serif; font-weight:bold; color:#fff; line-height:1.1; padding-bottom:20px;}
.mv .slide .type .txt_box p{font-size:40px; font-family: 'georgia', sans-serif; font-weight:bold; color:#fff; line-height:1.1; letter-spacing:-0.04em;}
.mv .slide .type .txt_box p span{font-family: 'Droid Serif'; -webkit-text-stroke: 2px #fff; -webkit-text-fill-color: transparent;}
.mv .slide .type .txt_box font{font-size:21px; font-weight:200; color:#fff; word-break:keep-all;font-family: 'NanumSquare'}
.mv .slide .type .icon_list{width:100%; font-size:0; text-align:center; position:absolute; bottom:140px; left:0;}
.mv .slide .type .icon_list li{display:inline-block; vertical-align:top; width:140px; margin-right:77px;}
.mv .slide .type .icon_list li a:hover img{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); transition:all .3s;}
.mv .slide .type .icon_list li:last-of-type{margin-right:0;}
.mv .slide .type .icon_list li img{max-width:100%;}
.mv .slide .type .icon_list li p{font-size:20px; font-family: 'NanumSquare', sans-serif; font-weight:500; color:#fff; line-height:1; padding-top:24px;}
.mv .mv_custom{width:100%; position:absolute; bottom:60px; left:0; text-align:center;}
.mv .mv_custom > div{display:inline-block; vertical-align:middle;}
.mv .mv_custom .mv_btn a.play{display:none;}
.mv .mv_custom .mv_btn a.play.on{display:block;}
.mv .mv_custom .mv_btn a.stop{display:block;}
.mv .mv_custom .mv_btn a.stop.on{display:none;}
.mv .mv_custom .pager{width:200px;}
.mv .mv_custom .pager .slick-dots{font-size:0;}
.mv .mv_custom .pager .slick-dots li{display:inline-block; vertical-align:middle; width:10px; height:10px;border-radius: 5px; background-color:rgba(255,255,255,0.5); margin-right:20px;}
.mv .mv_custom .pager .slick-dots li.slick-active{background-color:#014099;}
.mv .mv_custom .pager .slick-dots li button{display:block; width:100%; height:100%; padding:0; border:0; font-size:0; background-color:transparent; cursor:pointer;}


/* mcon01 */
.mcon01{width:100%; padding:30px 0 50px; display: inline-block;}
.mcon01 .main_tit {width:30%; float: left;}
.mcon01 .main_tit h2 {text-align: left;}
.main_tit span {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    color: #3E6AB2;
    padding-top: 0px;
    padding-left: 5px;
}
.mcon01 .main_tit p {text-align: left; margin-top:50px;}
.main_tit p span {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    color: #555;
    padding-top: inherit;
    padding-left: 0px;
}
.mcon01 .rn_contents {width: 70%; float: left;}
.mcon01 .list{width:100%; font-size:0;}
.mcon01 .list li{width:100%;padding-bottom: 30px; border-bottom: 1px solid #ccc;}
.mcon01 .list li:last-child{padding-top:30px;padding-bottom: 20px;border-bottom: 0;}
.mcon01 .list li a{display:block;}
.mcon01 .list li a:hover {color: #3E6AB2;}
.mcon01 .list li h3 {font-size:26px;font-family: 'NanumSquare'; font-weight:700;color:#333;}
.mcon01 .list li p{font-size:18px;font-family: 'NanumSquare'; font-weight:500; line-height:1.5; padding:20px 0;color:#333;}
.mcon01 .list li span{font-size:15px; font-weight:300; color:#333; }
.mcon01 .list li a:hover h3{color:#3E6AB2;}
.mcon01 .list li a:hover p{color:#3E6AB2;}
.mcon01 .list li a:hover span{color:#3E6AB2;}

/* mcon02 */
.mcon02{width:100%;clear: both;padding: 50px 0;}
.mcon02 .slide{width:100%; position:relative;}
.mcon02 .slide ul li.type{width:100%; height:400px; position:relative;}
.mcon02 .slide ul li.type .img_box{width:100%; height:400px;}
.mcon02 .slide ul li.type .img_box img{width:1200px; margin: 0 auto; height: -webkit-fill-available;}
.mcon02 .slide ul li.type .txt_box{position:absolute; bottom:100px; text-align:center; width: 100%;}
.mcon02 .slide ul li.type .txt_box a{display:block; width:100%; }
.mcon02 .slide ul li.type .txt_box p{font-family:'georgia', sans-serif;font-size:32px; font-weight:700; color:#fff; line-height:1; }
.mcon02 .slide ul li.type .txt_box font{font-family: 'NanumSquare';font-size:20px;padding-top: 30px; font-weight:300; letter-spacing:-0.01em; color:#fff;display: block; word-break:keep-all;}
.mcon02 .slide ul li.type .txt_box font span{color:#0a4da7;}
.mcon02 .slide ul li.type .txt_box a > span{
	display: inline-block;
    /* padding-top: 40px; */
    font-size: 18px;
    font-weight: 400;
    color: #2d2d2d;
    line-height: 40px;
    text-transform: uppercase;
    background-color: #ffffffc7;
    width: 180px;
    height: 40px;
    border-radius: 10px;
    margin-top: 50px;
}
.mcon02 .slide ul li.type .txt_box a > span img{display:inline-block; vertical-align:middle; margin:-4px 0 0 20px; transition:all .3s;}
.mcon02 .slide ul li.type .txt_box a:hover > span img{-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}
.mcon02 .slide .slick-arrow{position:absolute; top:194px; font-size:0; border:0; width:16px; height:7px; z-index:1;}
.mcon02 .slide .slick-prev{background:url(../../kmtech/img/main/mcon02_sd_prev.png) center top no-repeat; background-size:cover; left:30px;}
.mcon02 .slide .slick-next{background:url(../../kmtech/img/main/mcon02_sd_next.png) center top no-repeat; background-size:cover; right:30px;}
.mcon02 .slide .mcon02_custom{position:absolute; bottom:30px; width: 100%; text-align: center; display: table;}
.mcon02 .slide .mcon02_custom> div{display:inline-block; vertical-align:middle;}
.mcon02 .slide .mcon02_custom .mv_btn a.play01{display:none;}
.mcon02 .slide .mcon02_custom .mv_btn a.play01.on{display:block;}
.mcon02 .slide .mcon02_custom .mv_btn a.stop01{display:block;}
.mcon02 .slide .mcon02_custom .mv_btn a.stop01.on{display:none;}
.mcon02 .slide .mcon02_custom .pager{width:280px; margin-top:-4px;}
.mcon02 .slide .mcon02_custom .pager .slick-dots{font-size:0;}
.mcon02 .slide .mcon02_custom .pager .slick-dots li{display:inline-block; vertical-align:middle; width:60px; height:2px; background-color:rgba(255,255,255,0.5); margin-right:10px;}
.mcon02 .slide .mcon02_custom .pager .slick-dots li.slick-active{background-color:#014099;}
.mcon02 .slide .mcon02_custom .pager .slick-dots li button{display:block; width:100%; height:100%; padding:0; border:0; font-size:0; background-color:transparent; cursor:pointer;}


/* mcon03 */
.mcon03{width:1200px; padding:60px 0 20px; margin: 0 auto;}
.solid-hover .image-container {
    position: relative;
    /* margin-bottom: 1em; */
    /* border: 12px solid #fff; */
    /* box-shadow: 1px 2px 2px #cacaca; */
    /* background: url(../img/bg-1.jpg); */
    overflow: hidden;
}
.image-overlay-container h4 {padding-top: 40%;}

/* mcon04 */
.mcon04 .company_info {height: 330px;}
.img_tit {
    text-align: center;
    position: absolute;
    top: 85%;
    width: 100%;
    font-family: 'georgia', sans-serif;
    font-weight: 500;
    font-size: 1.2em;
}
.map_info {
	padding: 10px 0;
    display: flex;
}
.map_wrap {
	position: relative;
    overflow: hidden;
    width: 100%;
    height: 402px;
    border: 1px solid #ccc;
    margin: 20px auto;
    z-index: 0;
}

.mcon04 .au_left {
	width: 50%;
    height: 330px;
    display: inline;
    position: absolute;
}
.mcon04 .au_left img {height: 330px;}
.mcon04 .au_right {
	padding-left: 5%;
    width: 50%;
    padding-top: 5%;
    height: 330px;
    display: inline;
    position: absolute;
    left: 50%;
}
.mcon04 .au_right span {
	position: absolute;
    bottom: 0px;
    display: block;
    border: 1px solid #333;
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
}
.mcon04 .au_right span:hover {
	background-color: #3D6AB2;
	color: #fff;
}
.mcon04 .au_right span a:hover {color: #fff;}

.radius_border{border:1px solid #919191;border-radius:5px;}     
.custom_typecontrol {position:absolute;top:10px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;background: linear-gradient(#fff, #e6e6e6);text-align: center;}
.custom_typecontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.custom_typecontrol .btn1 {background:#fff;background:linear-gradient(#fff,  #e6e6e6);display: contents;}       
.custom_typecontrol .btn1:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn1:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover {color:#fff;}   
.custom_zoomcontrol {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;} 
.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}     
.custom_zoomcontrol span img {width:15px;height:15px;padding:12px 0;border:none;box-sizing: initial;}             
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}  


/* mcon05 */
.mcon05{width:1200px;clear: both;padding-top: 10px; margin: 0 auto 30px;}
.mcon05 .slide{width:100%; position:relative;}
.mcon05 .slide ul li.type{width:100%; position:relative;}
.mcon05 .slide ul li.type .img_box{width:100%; }
.mcon05 .slide ul li.type .img_box img{width:100%; }
.mcon05 .slide ul li.type .txt_box{position:absolute; bottom:80px; width: 100%;}
.mcon05 .slide ul li.type .txt_box a{display:block; width:100%; }
.mcon05 .slide ul li.type .txt_box p{font-family:'georgia', sans-serif;font-size:36px; font-weight:700; color:#fff; line-height:1; }
.mcon05 .slide ul li.type .txt_box font{
	font-family: 'NanumSquare';
    font-size: 24px;
    padding-top: 30px;
    font-weight: 300;
    letter-spacing: -0.01em;
    color: #fff;
    display: block;
    word-break: keep-all;
    padding-left: 5%;
}
.mcon05 .slide ul li.type .txt_box font span{color:#0a4da7;}
.mcon05 .slide ul li.type .txt_box a > span{
	display: inline-block;
    /* padding-top: 40px; */
    font-size: 18px;
    font-weight: 400;
    color: #2d2d2d;
    line-height: 50px;
    text-transform: uppercase;
    background-color: #ffffffc7;
    width: 200px;
    height: 50px;
    border-radius: 10px;
    margin-top: 60px;
    text-align: center;
    margin-left: 5%;
}
.mcon05 .slide ul li.type .txt_box a > span img{display:inline-block; vertical-align:middle; margin:-4px 0 0 20px; transition:all .3s;}
.mcon05 .slide ul li.type .txt_box a:hover > span img{-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}
.mcon05 .slide .slick-arrow{position:absolute; top:194px; font-size:0; border:0; width:16px; height:7px; z-index:1;}
.mcon05 .slide .slick-prev{background:url(../../kmtech/img/main/mcon02_sd_prev.png) center top no-repeat; background-size:cover; left:30px;}
.mcon05 .slide .slick-next{background:url(../../kmtech/img/main/mcon02_sd_next.png) center top no-repeat; background-size:cover; right:30px;}
.mcon05 .slide .mcon02_custom{position:absolute; bottom:30px; width: 100%; text-align: center; display: table;}
.mcon05 .slide .mcon02_custom> div{display:inline-block; vertical-align:middle;}
.mcon05 .slide .mcon02_custom .mv_btn a.play01{display:none;}
.mcon05 .slide .mcon02_custom .mv_btn a.play01.on{display:block;}
.mcon05 .slide .mcon02_custom .mv_btn a.stop01{display:block;}
.mcon05 .slide .mcon02_custom .mv_btn a.stop01.on{display:none;}
.mcon05 .slide .mcon02_custom .pager{width:280px; margin-top:-4px;}
.mcon05 .slide .mcon02_custom .pager .slick-dots{font-size:0;}
.mcon05 .slide .mcon02_custom .pager .slick-dots li{display:inline-block; vertical-align:middle; width:60px; height:2px; background-color:rgba(255,255,255,0.5); margin-right:10px;}
.mcon05 .slide .mcon02_custom .pager .slick-dots li.slick-active{background-color:#014099;}
.mcon05 .slide .mcon02_custom .pager .slick-dots li button{display:block; width:100%; height:100%; padding:0; border:0; font-size:0; background-color:transparent; cursor:pointer;}





/* navi */
.navi{width:auto; position:fixed; top:50%; right:113px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.navi li a{display:inline-block; vertical-align:top; width:100%; height:14px; position:relative; font-size:0; text-transform:uppercase; padding-right:24px; box-sizing:border-box;}
.navi li:nth-of-type(n+2){margin-top:40px;}
.navi li a:before,
.navi li a:after{content:""; display:block; border-radius:50%; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.navi li a:before{width:4px; height:4px; background-color:#d1d1d1; right:0;}
.navi li.on a:before{background-color:#0053c8;}
.navi li.on a:after{width:14px; height:14px; border:1px solid #b1b2b2; box-sizing:border-box; right:-5px;}
.navi li.on a{font-size:12px; font-weight:400; color:#171313;}
.navi li:first-of-type.on a{color:#fff;}

@media all and (max-width:1700px){
	.navi{right:30px;}
}

@media all and (max-width:1410px){
	/* mcon02 */
	.mcon02 .slide .num_box{right:16px;}

}

@media all and (max-width:1300px){
	.mcon01 .list li{width:100%; margin-right:1.5%;}
	.mcon01 .list li font{word-break:keep-all;}
	.mcon01 .list li font br{display:none;}

	/* mcon02 */
	.mcon02 .slide .mcon02_custom{left:150px;}
}

@media all and (max-width:1200px){

	.navi{display:none;}
	
	/* main_tit */
	.main_tit h2 {font-size: 38px;}
	.main_tit p{font-size:1.2em; line-height: 1.5;}

	/* mv */
	.mv .slide .type{height:600px;}
	.mv .slide .type .txt_box{padding-top:140px;}
	.mv .slide .type .txt_box p{font-size:34px;}
	.mv .slide .type .txt_box font{font-size:1.2em;}
	.mv .slide .type .icon_list{bottom:130px;}
	.mv .slide .type .icon_list li{margin-right:20px;}
	.mv .slide .type .icon_list li p{font-size:18px; line-height:1.4; padding-top:10px;}
	
	/* mcon01 */
	.mcon01{padding:60px 0 60px;}
	.mcon01 .list li{display:block; width:100%; margin-right:0;}
	.mcon01 .list li:nth-of-type(n+2){margin-top:30px;}
	.mcon01 .list li p{padding:20px 0 10px;}

	/* mcon02 */
	.mcon02{padding:0;}
	.mcon02 .slide ul li.type{height:400px;}
	.mcon02 .slide ul li.type .txt_box{width:90%; top:50%; left:50%; right:auto; bottom:auto; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
	.mcon02 .slide ul li.type .txt_box{text-align:center;}
	.mcon02 .slide ul li.type .txt_box a{padding:30px 10px;}
	.mcon02 .slide .mcon02_custom{bottom:20px; left:0; text-align:center; width:100%;}
	.mcon02 .slide ul li.type .txt_box p{font-size:30px; padding-bottom:0px;}
	.mcon02 .slide ul li.type .txt_box font{line-height:1.5; word-break:keep-all;}
	.mcon02 .slide ul li.type .txt_box font br{display:none;}
	.mcon02 .slide .slick-arrow{top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
	.mcon02 .slide .slick-prev{left:5px;}
	.mcon02 .slide .slick-next{right:5px;}

	/* mcon03 */
	.mcon03{width:100%; padding:60px 0;}
	.mcon03 .list{padding:60px 0;}
	.mcon03 .list li{width:49%; margin-right:0; padding:0 10px;}
	.mcon03 .list li:nth-of-type(odd){margin-right:2%;}
	.mcon03 .list li:nth-of-type(n+3){margin-top:30px;}
}

@media all and (max-width:768px){
	/* mv */
	.mv .slide .type .txt_box font {
	    font-size: 1.2em;
	    line-height: 1.5;
	}
	.mv .slide .type{height:500px;}
	.mv .slide .type .txt_box{padding-top:120px;}
	.mv .slide .type .icon_list{bottom:80px;}
	.mv .slide .type .icon_list li{width:80px; margin-right:20px;}
	.mv .slide .type .icon_list li p{font-size:16px;}
	.mv .mv_custom{bottom:40px;}
	
	/* mcon01 */
	.mcon01{width:100%; padding:40px 0;}
	.mcon01 .main_tit {width:100%; }
	.main_tit span {
	    display: contents;
	    font-size: inherit;
	    font-weight: inherit;
	    color: #3E6AB2;
	    padding-top: inherit;
	    padding-left: 5px;
    }
	.mcon01 .main_tit h2 {text-align: center; font-size: 32px;}
	.mcon01 .main_tit p {text-align: center; margin-top:10px; font-size: 21px;}
	.main_tit p span {
	    display: contents;
	    font-size: inherit;
	    font-weight: inherit;
	    color: #555;
	    padding-top: inherit;
	    padding-left: 5px;
    }
	.mcon01 .rn_contents {width: 100%; float: left; margin-top: 40px;}
	.mcon01 .list{width:100%; font-size:0;}
	.mcon01 .list li{width:100%;padding-bottom: 30px; border-bottom: 1px solid #ccc;}
	.mcon01 .list li:last-child{padding-top:30px;padding-bottom: 20px;border-bottom: 0;}
	.mcon01 .list li a{display:block;}
	.mcon01 .list li a:hover {color: #3E6AB2;}
	.mcon01 .list li h3 {font-size:21px;font-family: 'NanumSquare'; font-weight:700;color:#333;}
	.mcon01 .list li p{font-size:16px;font-family: 'NanumSquare'; font-weight:500; line-height:1.5; padding:20px 0;color:#333;}
	.mcon01 .list li span{font-size:14px; font-weight:300; color:#333; }
	.mcon01 .list li a:hover h3{color:#3E6AB2;}
	.mcon01 .list li a:hover p{color:#3E6AB2;}
	.mcon01 .list li a:hover span{color:#3E6AB2;}

	/* mcon02 */
	.mcon02 {width:100%; padding:20px 0;}
	.mcon02 .slide ul li.type{height:300px;}
	.mcon02 .slide ul li.type .txt_box font {font-size: 1.2em; padding-top: 0;}
	.mcon02 .slide .mcon02_custom{bottom:10px;}
	
	/* mcon03 */
	.mcon03 {width:100%; padding:40px 0;}
    .mcon03 .main_tit h2 {text-align: center; font-size: 32px;}
    .mcon03 .main_tit p {text-align: center; margin-top:10px; font-size: 1.2em; line-height: 1.5; word-break: keep-all;}
    
    /* mcon04 */
	.mcon04 {width:100%; padding:40px 0;}
    .mcon04 .main_tit h2 {text-align: center; font-size: 32px;}
    .mcon04 .main_tit p {text-align: center; margin-top:10px; font-size: 1.2em; line-height: 1.5;}
    .mcon04 .company_info {
    height: auto;
    }
    .mcon04 .au_left {
    width: 100%;
    height: auto; 
    display: block;
    position: relative;
    }
	.mcon04 .au_left img {
	height: auto;
	}
	.mcon04 .au_right {
    width: 100%;
    padding-top: 5%;
    height: auto;
    display: block;
    position: relative;
    left: inherit;
    text-align: center;
    }
    .mcon04 .au_right p {
	    margin-bottom: 0.2em;
    }
    .mcon04 .au_right span {
    position: relative;
    bottom:inherit;
    display: inline-block;
    border: 1px solid #333;
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    top: 10px;
    }
    .map_info {
    padding: 40px 0 0;
    display: flex;
    }
    .map_wrap {
	height: 300px;
    }
    
    /* mcon05 */
	.mcon05 {
		width:100%;
		padding-top: 0px;
	}
	.mcon05 .slide ul {
	margin-bottom: 0;
	}
	.mcon05 .slide ul li.type {
	height: inherit;
	}
    .mcon05 .slide ul li.type .img_box {
    width: 100%;
    height: 200px;
    display: inline-flex;
    }
    .mcon05 .slide ul li.type .txt_box {
	bottom: 50px;
    }
    .mcon05 .slide ul li.type .txt_box font {
	font-size: 1.2em;
	font-weight: 500;
    }
    .mcon05 .slide ul li.type .txt_box a > span {
    margin-top: 10px;
    padding-top: inherit;
    }
    
    .news_ll01 {font-size: 20px !important;}
    .news_ll02 {font-size: 16px !important;}
    .news_ll03 {font-size: 14px !important;}
}