@charset "utf-8";
@import url("common.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html, body {height:100%;}
body { background-color:#000; font-size:14px; line-height:1.5; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased;}
.intro_con_m { display:none;}
img {max-width:100%;}
.intro_mask {position:fixed; top:0; left:0; z-index:900; width:100%; height:100%; background:url(/img/intro/bg_intro.jpg) no-repeat 50% 0;background-size:cover;}
.intro_bg { position:absolute; top:0; left:0; width:100%; height:100%;}

.intro {position:relative;z-index:1000;width: 100%;max-width:1200px;min-width: 320px;height:100%;min-height: 700px;margin:0 auto;padding: 200px 0 100px;}
.intro>h1 {position:absolute;top:0;left:0;width:100%;height: 200px;background-image:url(/img/intro/logo.png);background-repeat:no-repeat;background-position:50% 50%;text-align:center;text-indent:-9999px;}

.intro_con {height:100%;min-height: 500px;text-align:center;margin: 0 20px;}

.intro_con:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.intro_con .bg {display:none; opacity:0; filter:alpha(opacity=0); position:absolute; top:0; left:0; z-index:20; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.intro_con .intro_box {overflow:hidden; min-height:300px; border:1px solid #999;}
.intro_con .intro_box > a { display:block; position:relative; z-index:30; height:100%;}
.intro_con .intro_box .txt_box {position:absolute;top:50%;left:50%;z-index:50;width:572px;margin: -100px 0 0 -286px;}
.intro_con .intro_box .txt_box > div {visibility:hidden;}
.intro_con .intro_box .txt_box .txt3 {margin: 25px 0;font-size:50px;font-family:Roboto;font-weight:700;color:#fff;}
.intro_con .intro_box .txt_box .txt3 img {height:45px;}
.intro_con .intro_box .btn_view {display:block;margin:50px auto;padding: 0 25px;line-height: 50px;width:100px;text-align:center;color:#fff;font-family: 'Roboto';font-weight: 700;border:1px solid #999;}
.intro_con .intro_box > a:hover .btn_view {background-color:#fff; color:#000; font-weight:bold; }
.intro_con .intro_kor {float:left;position:relative;width:50%;height: 100%;border-right:0;}
.intro_con .intro_kor .bg {background-image:url(/img/intro/kor_img.jpg);}

.intro_con .intro_eng {float:left;position:relative;width:50%;height: 100%;}
.intro_con .intro_eng .bg {background-image:url(/img/intro/eng_img.jpg);}

.intro_copyright {position:relative; margin:0 auto; padding:30px 0; width:100%; color:#8d8e85; font-size:13px; text-align:center;}

@media screen and (min-width:977px) and (max-width:1216px) {
	.intro_con .intro_box .txt_box {width:480px;margin: -100px 0 0 -240px;}
}

@media screen and (max-width:976px){
	.intro_bg {display:none;}
	.intro_bg_m {position:absolute!important; top:0; left:0; width:100%; height:100%; background:url(/img/intro/bg_intro.jpg) no-repeat 50% 0;background-size:cover;}
	.intro {min-height:750px; padding:110px 4.7% 80px;}
	.intro>h1 {height:110px; background-size:150px auto;}
	.intro_con { display:none;}
	.intro_con_m {display:block;height:92%;background-size:cover;}
	.intro_con_m .intro_box {overflow:hidden; position:relative; height:50%;border: 1px solid #999; background-color:transparent;}
    .intro_con_m .intro_box:hover {background-color:rgba(0,0,0,0.5);-webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; }
	.intro_con_m > div:first-child {border-bottom:none;}
	.intro_con_m .intro_box > a {display:block; height:100%;}    
	.intro_con_m .intro_box .txt_box {display:block; position:absolute; top:50%; left:50%; z-index:50; width:560px; margin:-60px 0 0 -280px; color:#fff;text-align:center;}
    .intro_con_m .intro_box .txt_box .txt1 { margin:8px 0 10px; font-size:26px;color:#fff;font-family: 'Roboto';font-weight: 700;}
	.intro_con_m .intro_box .txt_box .txt2 { margin-top:20px; font-size:12px;}
	.intro_con_m .intro_box .btn_view {display:block; margin:30px auto;padding: 0 25px;line-height: 35px;width:100px;text-align:center;color:#fff;font-family: 'Roboto';font-weight: 700;border:1px solid #999;}

	.intro_copyright {height:80px; padding-top:30px;}
}

@media screen and (max-width:767px){
	.intro {min-height:500px; padding:110px 4.7% 80px;}
    .intro_con_m .intro_box .txt_box {width:280px; margin:-60px 0 0 -140px;}
	
    .intro_con_m .intro_box.gym .txt_box  {margin-top:-45px;}
    .intro_con_m .intro_box .txt_box .txt1 { margin:8px 0 10px; font-size:22px;}
	.intro_con_m .intro_box .txt_box .txt2 { margin-top:20px; font-size:12px;}

	.intro_copyright {height:40px; padding-top:15px; font-size:11px;}
}

@media screen and (max-width:480px){
	.intro_bg_m {height:96%;} 
    .intro_con_m .intro_box .txt_box {margin:-40px 0 0 -140px;}
    .intro_con_m .intro_box.gym .txt_box  {margin-top:-25px;}
    .intro_con_m .intro_box .txt_box .txt1 { margin:5px 0 10px; font-size:16px;}
    .intro_con_m .intro_box .txt_box .txt2 { margin:8px 0 5px; font-size:11px;}
    
}