/* 메인_기본 CSS */
.vis_wrap {position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:-10;}
#vis {position:fixed; width:100%; height:100%; left:0; top:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:url("/img/main/vis_1.jpg") no-repeat 50% 0px; background-size:cover; z-index:-10;}
.vis_spa {position:relative; width:100%; height:100%;}
.vis_txtbox {position:absolute; width:100%; left:0px; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.vis_logo {width:100%; height:auto; margin-bottom:20px;}
.vis_logo img {width:120px; height:auto;}
.vis_txt_1 {font-size:31px; line-height:135%; color:#fff; margin-bottom:15px; text-shadow:0px 0px 10px rgba(0,0,0,.1); font-weight:300; letter-spacing:-2px;}
.vis_txt_2 {font-size:17px; line-height:140%; color:rgba(255,255,255,.8); text-shadow:0px 0px 10px rgba(0,0,0,.1); font-weight:300;}
.vis_bt {position:absolute; width:36px; height:30px; left:50%; margin-left:-18px; bottom:20px; opacity:.4; transition:all 0.2s ease 0s; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-top:0px; animation: m_arr 0.8s ease 0s infinite alternate;}
@keyframes m_arr {
0% {padding-top:0px;}
100% {padding-top:10px;}
}
.vis_bt img {width:36px; height:20px;}
.vis_bt:hover {opacity:1;}
.vis_bt a {display:block; width:100%; height:30px;}

.m_cont_wrap {position:relative; width:100%; background:#fff; padding-bottom:100px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.m_container {position:relative; width:1200px; margin:0 auto;}
.m_tit_box {position:relative; width:100%; font-size:34px; letter-spacing:-1px; text-align:center; padding-top:110px; padding-bottom:35px; letter-spacing:-2px;}
.m_view {position:absolute; width:12px; height:20px; right:0px; bottom:40px; opacity:.4; transition:all 0.2s ease 0s;}
.m_view:hover {opacity:1;}
.m_view a img {width:12px; height:20px;}
.m_case_wrap {position:relative; width:100%;}
.m_case_wrap ul li {position:relative; float:left; width:33.333%; padding-top:33.333%; opacity:0; overflow:hidden;}
.m_case_wrap ul li:nth-child(1) {background:#ebefef; right:15%; transition:all 1.3s ease 0s;}
.m_case_wrap ul li:nth-child(2) {background:#e6e8e6; right:15%; transition:all 1.3s ease 0.3s;}
.m_case_wrap ul li:nth-child(3) {background:#ebefef; right:15%; transition:all 1.3s ease 0.6s;}
.m_case_txtbox {position:absolute; width:100%; height:100%; left:0px; top:0px;}
.m_case_txtbox a {display:block; width:100%; height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:40px;}
.m_case_txtbox a:hover {text-decoration:underline 1px rgba(0,0,0,.15);}
.m_case_tit {position:relative; width:100%; text-align:center; font-size:22px; line-height:120%; letter-spacing:-2px; font-weight:500; word-break:keep-all;}
.m_case_line {position:relative; width:40px; height:1px; background:#c3cad1; margin:27px auto;}
.m_case_txt {position:relative; width:100%; font-size:18px; line-height:150%; color:#333; text-align:center; font-weight:300; overflow:hidden; max-height:205px; word-break:keep-all;}
.m_case_txt img {width:100%; height:auto; padding:7px 0px;}
.m_case_day {position:relative; width:100%; font-size:17px; color:#999; text-align:center; letter-spacing:normal; font-weight:300; padding-top:15px;}

.m_container_2 {position:relative; width:1200px; margin:0 auto; margin-top:90px;}
.m_ban_wrap {position:relative; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.m_ban_wrap ul li {position:relative; float:left; opacity:0;}
.m_ban_wrap ul li:nth-child(1) {width:50%; padding-top:50%; transition:all 2s ease 0s; background:url("/img/main/vis_ban_1.jpg") no-repeat 50% 0px; background-size:cover;}
.m_ban_wrap ul li:nth-child(2) {width:50%; padding-top:50%; transition:all 2s ease 0.3s; background:url("/img/main/vis_ban_2.jpg") no-repeat 50% 0px; background-size:cover;}
.m_ban_wrap ul li:nth-child(3) {width:100%; padding-top:50%; transition:all 2s ease 0.6s; background:url("/img/main/vis_ban_3.jpg") no-repeat 50% 0px fixed; background-size:cover;}
.m_ban_txtbox {position:absolute; width:100%; height:100%; left:0px; top:0px;}
.m_ban_txtbox > a {position:relative; display:block; width:100%; height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:transparent; transition:all 0.6s ease 0s}
.m_ban_txtbox > a:hover {text-decoration:underline 1px rgba(255,255,255,.15); background:rgba(11,42,65,.6);}
.m_ban_tit {position:absolute; left:40px; top:40px; font-size:23px; color:#fff;}
.m_ban_txt {display:inline-block; width:100%; font-size:18px; color:rgba(255,255,255,.7); line-height:130%; font-weight:300; padding-top:12px;}
.m_ban_view {position:absolute; width:12px; height:20px; right:40px; top:40px; opacity:.5; transition:all 0.2s ease 0s;}
.m_ban_view:hover {opacity:1;}
.m_ban_view a img {width:12px; height:20px;}
.m_ban_tit_2 {position:absolute; width:100%; top:50%; margin-top:-41px; font-size:23px; color:#fff; text-align:center;}

.m_news_wrap {position:relative; width:100%; overflow:hidden;}
.m_news_wrap ul li {position:relative; float:left; width:33.333%; padding-top:33.333%; border:solid 1px #e4e4e4; border-right:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; opacity:0;}
.m_news_wrap ul li:nth-child(1) {right:15%; transition:all 1.3s ease 0s;}
.m_news_wrap ul li:nth-child(2) {right:15%; transition:all 1.3s ease 0.3s;}
.m_news_wrap ul li:nth-child(3) {right:15%; transition:all 1.3s ease 0.6s;}
.m_news_wrap ul li:last-child {border-right:solid 1px #e4e4e4;}

/* 태블릿 CSS */
@media all and (max-width:1199px){
	.vis_txt_1 {font-size:24px;}
	.m_container {width:92%;}
	.m_case_wrap ul li {float:none; width:100%; height:auto; padding:0px;}
	.m_news_wrap ul li {float:none; width:100%; height:auto; padding:0px;}
	.m_case_txtbox {position:relative;}
	.m_container_2 {width:92%;}
	.m_news_wrap ul li:nth-child(1) {right:15%; transition:all 1.3s ease 0s; border-bottom:none; border-right:solid 1px #e4e4e4;}
	.m_news_wrap ul li:nth-child(2) {right:15%; transition:all 1.3s ease 0.3s; border-bottom:none; border-right:solid 1px #e4e4e4;}
	.m_news_wrap ul li:last-child {border-bottom:solid 1px #e4e4e4;}
}

/* 모바일 CSS */
@media all and (max-width:767px){
	.m_cont_wrap {padding-bottom:70px;}
	.m_tit_box {font-size:26px; padding-top:60px; padding-bottom:25px;}
	.m_view {bottom:26px;}
	.vis_txtbox {padding:50px 20px;}
	.vis_logo img {width:60px; height:auto;}
	.vis_txt_1 {font-size:17px; letter-spacing:-1px; margin-bottom:10px; font-weight:400;}
	.vis_txt_2 {font-size:15px;}
	.m_case_txtbox a {padding:35px 25px;}
	.m_case_tit {font-size:18px;}
	.m_case_line {margin:15px auto;}
	.m_case_txt {font-size:16px; max-height:210px;}
	.m_case_day {font-size:14px; padding-top:10px;}
	.m_container_2 {margin-top:70px;}
	.m_ban_wrap ul li {float:none;}
	.m_ban_wrap ul li:nth-child(1) {width:100%; background-position:50% -10px;}
	.m_ban_wrap ul li:nth-child(2) {width:100%; background-position:50% -20px;}
	.m_ban_tit {font-size:18px; left:30px; top:30px;}
	.m_ban_tit_2 {font-size:18px; width:auto; left:30px; top:30px; margin-top:0; text-align:left;}
	.m_ban_txt {font-size:15px;}
	.m_ban_view {right:30px; top:30px;}
}