@charset "utf-8";
/* CSS Document */

.Mcon{margin:0 auto; padding:0; width:100%; clear:both; overflow:hidden; position:relative;}



/* =======================================* main_visual *========================================================= */


.mainvissual{margin:0 auto; padding:0; width:100%; clear:both; position:relative; overflow:hidden;}
.mainV{margin:0; padding:0; width:100%; clear:both; overflow:hidden; position:relative; height:754px;}
#vissual{width:100%;z-index:1;}
.title-zone{padding:0;text-align:center;position:relative;}
.mainV .title-zone{width:100%; padding:0; height:906px;}
.mainV .title-zone .visual{width:100%;height:754px;display:table;}
.mainV .title-zone .visual .inner{display:table-cell;vertical-align:middle; text-align:center}
.mainV .bg-img{display:none;}

.visual-section{width:100%;position:absolute;top:0;left:0;}
.visual h1.tit{width:100%; max-width:1200px; margin:0 auto 45px auto; text-align:center; text-underline-position: under; text-decoration: none; font-size:45px;color:#fff; line-height:20px; font-weight:500; display:none;-webkit-animation:move 0.8s ease;-moz-animation:move 0.8s ease;-o-animation:move 0.8s ease;-ms-animation:move 0.8s ease;animation:move 0.8s ease;}
.visual h2.tit{width:100%; margin:0 auto 15px auto;; max-width:1200px; text-align:center; font-size:100px; line-height:100px; font-weight:400; color:#fff; display:none; -webkit-animation:move 1.4s ease;-moz-animation:move 1.4s ease;-o-animation:move 1.4s ease;-ms-animation:move 1.4s ease;animation:move 1.4s ease;}
.visual h2.tit strong{color:#fff;}
.visual h3.tit{width:100%; margin:0 auto 15px auto; max-width:1200px; text-align:right; font-size:25px; line-height:50px; font-weight:100; color:#fff; display:none; -webkit-animation:move 1.9s ease;-moz-animation:move 1.9s ease;-o-animation:move 1.9s ease;-ms-animation:move 1.9s ease;animation:move 1.9s ease;}
.visual h4.tit{width:100%; margin:0 auto; max-width:1200px; text-align:right; font-size:16px; line-height:26px; font-weight:100; color:#fff; display:none; -webkit-animation:move 2.4s ease;-moz-animation:move 2.4s ease;-o-animation:move 2.4s ease;-ms-animation:move 2.4s ease;animation:move 2.4s ease;}
.visual h5.tit a{display:inline-block; border:2px solid #fff; color:#FFFFFF; font-size:22px; font-weight:300; padding:16px 75px; line-height:100%; margin-top:100px; transition:all ease 0.8s;}
.visual h5.tit a:hover{background:#ed1b23;  border:2px solid #ed1b23;}
.view .visual .tit{display:block;}


@-webkit-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@-moz-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@-o-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@-ms-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}



.indicator{width:100%;position:absolute; bottom:3%;left:0%; display:inline-block; text-align:center; z-index:10;}
.btngroup{display:inline-block;vertical-align:top;font-size:0;}
.btngroup li{display:none;font-size:0; margin:-4px 0 0 0}
.btngroup li.on{display:block;}
.btngroup .btn button{background:url(/img/vis_bt.png) no-repeat 0 0; }
.btngroup .play button{width:8px;height:16px;background-position:-53px 0; font-size:0px; text-indent:-9999px; border:none; display:none}
.btngroup input[type='button']{font-size:0px;}
.btngroup .stop button{width:17px;height:16px;background-position:-73px 0; font-size:0px; text-indent:-9999px; border:none; display:none}
.btngroup-num{display:inline-block;vertical-align:top;font-size:0;}
.btngroup-num:after{display:block;clear:both;content:""}
.btngroup-num li{margin:0;font-size:0;float:left; width:36px; text-align:center; vertical-align:middle}
.btngroup-num li a{width:16px;height:16px;display: inline-block;text-indent:-999em; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; background:rgba(255,255,255,0.5); }
.btngroup-num li.on a{ width:16px; height:16px; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; background:rgba(255,255,255,1); margin-top:0px;}



.mainV .scroll-icon{position:absolute; bottom:32px; left:50%; width:250px; margin-left:470px; z-index:999;}
.mainV .scroll-icon p{ font-size:20px; font-weight:bold; color:#fff; text-transform:uppercase; line-height:26px; text-align:left;}
.mainV .scroll-icon p img{ margin-top:-8px;}

.contacnt01_ul {margin: 0 auto; width: 1280px;}
.contacnt02_ul {margin: 0 auto; width: 1280px;}
.main_img:first-child {margin-left: 21px;}
.main_img {float: left; box-sizing: content-box; width: 388px; border: 1px solid; border-color: #c4c4c4; margin-left: 38px; border-radius: 5px;}
.main_img .img_area {height: 209px;}
.main_img .text_area {height: 170px; padding: 16px 0px 0px 24px;}
.main_img .text_area ul .title_area {font-size: 23px; font-weight: 500;} 
.main_img .text_area ul .subtitle_area {font-size: 18px; font-weight: 300; padding-top: 15px; line-height: 25px; font-weight: 300; height: 80px;}
.main_img .text_area ul .btn_area {position: static; top: 20px;}

/* =======================================* INTRODUCTION BUSINESS *========================================================= */



.contacnt01{margin:0 auto; padding:50px 0 0 0; width:100%; clear:both; overflow:hidden; }

/* 타이틀 */
.contacnt01 h2{margin:0 auto; padding:0; clear:both; overflow:hidden; text-align:center; font-size:31px; font-weight: bold; color:#4e4e4e; line-height:100%; letter-spacing:0.15px; text-transform:uppercase}
.contacnt01 p.sTxT{color:#4e4e4e; font-size:30px; font-weight:300; text-align:center; margin:0 auto; padding:0;}
.contacnt01 p.sTxT span{display:block; font-size:17px; padding-top:17px;}

/* 리스트 */
.contacnt01 .list{margin:45px auto; padding:0; width:100%; clear:both; overflow:hidden; position:relative; max-width:1200px;}
.contacnt01 .list li{float:left; margin:0 0 0 1.7%; padding:0; width:32.1%; overflow:hidden; position:relative}
.contacnt01 .list li:first-child{margin:0;}
.contacnt01 .list li:nth-child(5){margin:0;}
.contacnt01 .list li:nth-child(9){display:none;}
.contacnt01 .list li:nth-child(1), .contacnt01 .list li:nth-child(2), .contacnt01 .list li:nth-child(3), .contacnt01 .list li:nth-child(4), .contacnt01 .list li:nth-child(5){margin-bottom:35px;}
.contacnt01 .list li .zoombg img{max-width:390px;}
.contacnt01 .list li .zoombg{width:100%; overflow:hidden; font-size:0px; line-height:100%; padding:1px; max-width:390px}
.contacnt01 .list li .over-area{height:318px;}
.contacnt01 .list li .over-area .name{font-size:20px; white-space:nowrap;text-overflow:ellipsis; overflow: hidden; padding:0 10px 10px 10px;}
.contacnt01 .list li .name1{ position:absolute; margin:10px 0 0 0; padding:0 0 0 10px; text-align:center; top:300px; left:0; width:100%; color:#fff; font-size:21px; font-weight:300; z-index:999; }
.contacnt01 .list li .name1 .dot1{color:#18acdd;}
.contacnt01 .list li .name1 .dot2{color:#5edd18;}
.contacnt01 .list li .name1 .dot3{color:#ffdc4e;}
.contacnt01 .list li .slide .zoombg{  
transition: transform .35s;
            -o-transition: transform .35s;
            -moz-transition: transform .35s;
            -webkit-transition: transform .35s;
}
.contacnt01 .list li .slide .zoombg:hover{
            cursor:pointer;
            -webkit-transform:scale(1.1); /*  크롬 */
            -moz-transform:scale(1.1); /* FireFox */
            -o-transform:scale(1.1); /* Opera */
            transform:scale(1.1);
            transition: transform .35s;
            -o-transition: transform .35s;
            -moz-transition: transform .35s;
            -webkit-transition: transform .35s;
	}


/* =======================================* 게시판 및 배너들 *========================================================= */

.contacnt02{margin:0 auto; padding:50px 0; width:100%; clear:both; overflow:hidden;}

.contacnt02 .box01{float:left; margin:0; padding:0; width:76.5%;}
.contacnt02 .box01 .left{float:left; width:538px; margin:0 0 0 0; padding:0; }
.contacnt02 .box01 .Right{margin:0; padding:34px; width:35%; width:350px; height:303px; background:#fff;}
.contacnt02 .box01 .Right h3{margin:0; padding:0 0 15px 0; font-size:24px; font-weight:200; color:#717171; overflow:hidden; line-height:100%}
.contacnt02 .box01 .Right img{margin:0; padding:0 0 17px 0;}
.contacnt02 .box01 .Right h4{margin:0; padding:0 0 10px 0; font-size:32px; font-weight:500; color:#252525; overflow:hidden; line-height:100%}
.contacnt02 .box01 .Right p{ font-weight:200; color:#8b8b8b; font-size:18px; margin:0; padding:0 0 15px 0; line-height:100%;}
.contacnt02 .box01 .Right ul{margin:0; padding:0; clear:both;}
.contacnt02 .box01 .Right ul li{float:none; margin:0; padding:0; color:#717171; line-height:100%}

.contacnt02 .Right{margin:0; padding:0; width:255px; }
.contacnt02 .Right .sort{background:#fff; padding:30px; height:138px; vertical-align: middle;}
.contacnt02 .Right .sort:last-child{margin-top:25px;}
.contacnt02 .Right .sort a{font-size:20px; font-weight:500; color:#000; }
.contacnt02 .Right .sort p{width:86px; height:86px; float:right; padding:25px;  background:#505050; border-radius:50%; margin-top: -33px;}
.contacnt02 .Right .sort img{width:100%; }

.contacnt02 .box02{display: inline-block; width:100%; height:140px; margin:0; padding:0; clear:both;  background:#fff; margin-top:25px; padding:25px;}
.contacnt02 .box02 .sort{float:left; width:33.3%}
.contacnt02 .box02 .sort h2{font-size:20px; font-weight:600; color:#000; margin-top:20px;}
.contacnt02 .box02 .sort p{width:86px; height:86px; float:left; padding:25px;  background:#505050; border-radius:50%; margin-right: 25px;}
.contacnt02 .box02 .sort img{width:100%; }
.contacnt02 .box02  .line{border-left:1px solid #979797; padding-left:40px;}

/************************************************************************
                           * 신청폼 *
************************************************************************/
.Mcon04{margin:0 auto; padding:100px 0; width:100%; clear:both; overflow:hidden; background:url(/img/img17.jpg) left top no-repeat}
.Mcon04 .Left{width:40%; margin:0; padding:0; color:#fff;}
.Mcon04 .Left ul{margin:0; padding:0; width:100%; clear:both; overflow:hidden;}
.Mcon04 .Left ul li{float:none; margin:0; padding:0; overflow:hidden; line-height:100%;}
.Mcon04 .Left ul li:nth-child(1){ font-size:10px; font-weight:300; color:#9d9d9d; letter-spacing:5px; padding-bottom:8px}
.Mcon04 .Left ul li:nth-child(2){font-size:37px; font-weight:500; color:#fff; letter-spacing:10px; padding-bottom:12px}
.Mcon04 .Left ul li:nth-child(3){font-size:40px; font-weight:500; color:#fff; line-height:48px;}
.Mcon04 .Left ul li:nth-child(4){font-size:10px; font-weight:100; color:#7c7c7c; opacity:0.5;filter:alpha(opacity=50); line-height:15px; padding-top:20px}
.Mcon04 .Right{width:55%;}
.Mcon04 .Right ul{margin:0; padding:0 0 37px 0; width:100%; clear:both; overflow:hidden;}
.Mcon04 .Right ul li{float:none; margin:0; padding:0 0 11px 0; overflow:hidden}
.Mcon04 .Right ul li input[type="text"]{width:100%; border:none; line-height:40px; height:50px; text-indent:10px; font-size:17px; color:#1c1c1c; background:rgba(255,255,255,0.74);}
.Mcon04 .Right ul li textarea{width:100%; border:none; height:105px; font-size:17px; color:#1c1c1c; background:rgba(255,255,255,0.74); padding:10px;}
.Mcon04 .Right ul li p.Left, .Mcon04 .Right ul li p.Right{width:49%;}
.Mcon04 .Right input[type="submit"]{ border:2px solid #fff; color:#fff; display: table; background:none; width:225px; height:60px; line-height:50px; font-size:20px; text-align:center; margin:0 auto; transition:all ease 0.8s;}
.Mcon04 .Right input[type="submit"]:hover{background:#ed1b23;  color:#fff; border:2px solid #ed1b23}