@charset "utf-8";


/************************************************
*		LAYOUT									*
************************************************/

.wrap{width:100%;min-height:100%;margin:0 auto;position:relative;}
#header{width:100%;background:#fff;position:fixed;left:0;top:0;right:0;z-index:50;}
.hcontainer{width:100%;max-width:1280px;margin:0 auto;padding:250px 0 150px;position:relative;}
.scontainer{width:100%;max-width:1280px;margin:0 auto;padding:0;position:relative;z-index:40}






/************************************************
*		MAIN BG									*
************************************************/

.ttw_main{
	width:100%;
	height:800px;
	background:#16191e url(../images/banner_01.png) center center no-repeat;
	background-size:100% 800px;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:1;
}
.ttw1_sub{
	width:100%;
	height:650px;
	background:#16191e url(../images/banner_02.png) center center no-repeat;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:1;
}
.ttw2_sub{
	width:100%;
	height:650px;
	background:#16191e url(../images/banner_03.png) center center no-repeat;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:1;
}






/************************************************
*					HEADER						*
************************************************/

/********************* NAV *********************/
.navbar{width:100%;height:80px !important;position:fixed;left:0;top:0;z-index:100;}
.navbar{border-bottom:0 none !important;}
.nav_bg{
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.85;
	filter:alpha(opacity=85);
	-ms-filter:alpha(opacity=85);
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
	-moz-opacity:0.85;
	-khtml-opacity:0.85;
	filter:alpha(opacity=85);
	position:absolute;
	left:0;
	top:0;
	opacity:0.85;
	z-index:0;
}

.navbar-brand{padding:0 !important;}
.navbar-header,
.navbar-brand{height:80px !important;line-height:80px !important;}
.navbar-toggle{padding:9px 6px !important;}

.navbar-default{background-color:transparent !important;}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover{color:#fff !important;}
.navbar-default .navbar-nav{margin:0 0 0 30px;position:absolute;right:0;top:0;z-index:100;}
.navbar-default .navbar-nav > li > a {
	height:80px !important;
	padding:0 0 0 15px !important;
	text-align:right;
	font-size:22px;
	font-weight:400;
	color:#fff !important;
	line-height:80px !important;
	letter-spacing:-1px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a.on{color:#75cfb3 !important;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover{color:#75cfb3 !important;}
@media (min-width: 768px) {
	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {
    	margin-left:0 !important;
	}
}

.navbar-collapse{border-bottom:0 none !important;position:relative;}
.navbar-collapse .navbar-brand img{width:130px;margin:0;position:absolute;left:0;top:0;z-index:100;}
.navbar-collapse  a.logo,
.navbar-collapse  a.logo:hover{font-size:22px;font-weight:500;color:#fff;line-height:50px;}
.navbar-collapse  a.logo .tlo{width:auto;height:33px;margin:23px 0 0;}

.navbar-nav img {margin-right:10px;}
.navbar .container {width:100%;max-width:1280px;height:100%;}






/*************************************************
*					CONTAINER					*
*************************************************/
/******************* 01 MAIN *******************/
.btn_wrap{width:560px;margin:30px auto 0;padding:0;position:relative;}
.btn_wrap a{width:240px;margin:0 10px;padding:0;display:block;float:left;}






/***************** 03 INFO ******************/
.ser_wrap{width:1280px;margin:0 auto;padding:100px 0 40px;position:relative;}
.ser_wrap .sw_left{width:50%;position:relative;float:left;}
.ser_wrap .sw_right{width:50%;position:relative;float:right;}
.ser_wrap .sw_img{width:100%;height:600px;text-align:center;position:relative;}
.ser_wrap .sw_img img{width:auot;height:600px;}
.ser_wrap .sw_ltit{margin:120px 0 70px;text-align:left;font-size:50px;font-weight:500;color:#fff;line-height:60px;letter-spacing:-1px;display:block;}
.ser_wrap .sw_rtit{margin:120px 0 70px;text-align:right;font-size:50px;font-weight:500;color:#fff;line-height:60px;letter-spacing:-1px;display:block;}
.ser_wrap .sw_lsit{margin:0 0 35px;text-align:left;font-size:30px;font-weight:400;color:#fff;line-height:40px;letter-spacing:-1px;display:block;}
.ser_wrap .sw_rsit{margin:0 0 35px;text-align:right;font-size:30px;font-weight:400;color:#fff;line-height:40px;letter-spacing:-1px;display:block;}
.ser_wrap .sw_btn{
	width:450px;
	border:3px solid #75cfb3;
	border-radius:10px;
	text-align:center;
	font-size:26px;
	font-weight:400;
	color:#75cfb3;
	line-height:60px;
	display:block;
	float:right;
}

.ser_wrap .sw_case{margin:30px 0 50px;padding:0;position:relative;}
.ser_wrap .sw_case .sw_le{
	width:23%;
	text-align:left;
	font-size:35px;
	font-weight:400;
	line-height:48px;
	letter-spacing:-1px;
	position:relative;
	float:left;
}
.ser_wrap .sw_case .sw_le p{margin-top:200px;padding:0;display:block;}
.ser_wrap .sw_case .sw_center{width:50%;text-align:center;position:relative;float:left;}
.ser_wrap .sw_case .sw_ri{
	width:27%;
	text-align:left;
	font-size:35px;
	font-weight:400;
	line-height:48px;
	letter-spacing:-1px;
	position:relative;
	float:right;
}
.ser_wrap .sw_case .sw_ri p{margin-top:280px;padding:0;display:block;}






/************************************************
*		FOOT									*
************************************************/

.footer{margin:0;padding:40px 0 30px;background-color:#222;text-align:left;font-size:14px;font-weight:300;color:#45464d;position:relative;}
.footer .f_case{max-width:960px;margin:0 auto;position:relative;}
.footer .f_logo{margin:0 0 5px;padding:0;position:relative;}
.footer .f_txt{margin:0;padding:0;text-align:left;}
.footer .f_txt span{letter-spacing:1px;}
.f_up{width:100%;height:60px;position:fixed;bottom:50px;z-index:100;}
.f_up .fc_top{width:1100px;height:60px;margin:0 auto;text-align:right;position:relative;}
.f_up .fc_top a{width:60px;height:60px;background:url(../images/icon/top_btn.png) no-repeat;border:1px solid #ccc;float:right;display:block;}





	
/************************************************
*					ETC							*
************************************************/

.xbltit{margin:0;padding:0 0 20px;text-align:left;font-size:50px;font-weight:400;color:#313131;line-height:65px;position:relative;display:block;z-index:100;}
.xbltit span{height:50px;position:absolute;right:0;top:0;}

.xltit{margin:0;text-align:left;font-size:40px;font-weight:700;color:#313131;line-height:50px;display:block;}

.xbctit{margin:0;padding:25px 0 20px;text-align:center;font-size:50px;font-weight:500;color:#111;line-height:65px;letter-spacing:-1px;position:relative;display:block;z-index:100;}
.xbctit strong{font-size:60px;font-weight:600;}

.cxbit{margin:0 0 25px;text-align:center;font-size:40px;font-weight:500;color:#111;line-height:50px;display:block;}
.lxbit{margin:0 0 25px;text-align:left;font-size:40px;font-weight:500;color:#111;line-height:50px;display:block;}

.cxit{margin:0 0 10px;text-align:center;font-size:34px;font-weight:300;color:#111;line-height:42px;display:block;}
.cxit b{font-weight:500;}
.cbxt{margin:0 0 15px;padding:0;text-align:center;font-size:26px;font-weight:300;color:#111;line-height:26px;display:block;}
.ctxt{margin:0 0 15px;padding:0;text-align:center;font-size:18px;font-weight:300;color:#3e3e3e;line-height:28px;display:block;}

.lc_btit{margin:20px 0 0;text-align:left;font-size:28px;font-weight:400;color:#111;line-height:38px;display:block;}
.lc_btit b{margin:0 0 15px;font-size:34px;font-weight:500;line-height:42px;display:block;}


.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}


.fl_l{float:left !important;}
.fl_r{float:right !important;}


.only_pc{display:block !important;}
.only_mobile{display:none !important;}






/************************************************
*				RESPONSIVE						*
************************************************/

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

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

@media all and (max-width:1024px){
	.only_pc{display:none !important;}
	.only_mobile{display:block !important;}
}

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

@media all and (max-width:768px){
	.hcontainer{max-width:100%;padding:150px 10px 0px;}
	.scontainer{max-width:100%;padding:0 10px;}


	.xbltit{font-size:32px;line-height:44px;}
	.xltit{font-size:30px;line-height:40px;}


	.ttw_main,
	.ttw1_sub,
	.ttw2_sub{height:auto;}



	.navbar{height:51px !important;}
	.navbar-brand{padding:0 15px !important;}
	.navbar-brand img {width:130px;margin:10px 5px 0 0;float:left;}
	.navbar-header,
	.navbar-brand{height:50px !important;line-height:50px !important;position:relative !important;}
	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand{margin-left:0 !important;}
	.container>.navbar-collapse,
	.container>.navbar-header{margin:0 !important;}
	.navbar-header a.logo,
	.navbar-header a.logo:hover{font-size:22px;font-weight:500;color:#fff;line-height:50px;}
	.navbar-header a.logo .tlo{width:auto;height:20px;margin:18px 0 0;position:absolute;left:10px;top:0;z-index:100;}
	.navbar-toggle{position:absolute;right:0;top:0;z-index:100;}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{width:100% !important;}
	.navbar-nav{position:absolute;right:10px;top:0;z-index:100;}
	.navbar-default .navbar-nav > li{padding-right:10px;float:left;}
	.navbar-default .navbar-nav > li > a {
		height:50px !important;
		font-size:16px;
		line-height:50px !important;
	}
	.navbar-collapse{background-color:#202020;}
	.navbar .container{height:100%;padding:0 !important;}



	.btn_wrap{width:100%;text-align:center;}
	.btn_wrap a{width:250px;margin:0 auto 10px;position:relative;float:none;}



	.ser_wrap{width:100%;padding:50px 20px 0;}
	.ser_wrap .sw_left{width:100%;margin-bottom:0;position:relative;}
	.ser_wrap .sw_right{width:100%;margin-bottom:0;position:relative;}
	.ser_wrap .sw_img{height:auto;margin-bottom:0;text-align:center;position:relative;}
	.ser_wrap .sw_img img{width:100%;height:auto;}
	.ser_wrap .sw_ltit{margin:0 0 20px;text-align:center;font-size:36px;line-height:44px;}
	.ser_wrap .sw_rtit{margin:0 0 20px;text-align:center;font-size:36px;line-height:44px;}
	.ser_wrap .sw_lsit{margin:0 0 50px;text-align:center;font-size:22px;line-height:30px;}
	.ser_wrap .sw_rsit{margin:0 0 50px;text-align:center;font-size:22px;line-height:30px;}
	.ser_wrap .sw_btn{
		width:300px;
		margin:0 auto 100px;
		border:2px solid #75cfb3;
		border-radius:8px;
		font-size:20px;
		line-height:50px;
		float:none;
	}

	.ser_wrap .sw_case .sw_le{
		width:100%;
		margin-bottom:20px;
		text-align:center;
		font-size:28px;
		line-height:36px;
		float:none;
	}
	.ser_wrap .sw_case .sw_le p{margin-top:0;}
	.ser_wrap .sw_case .sw_center{width:100%;float:none;}
	.ser_wrap .sw_case .sw_center img{width:100%;}
	.ser_wrap .sw_case .sw_ri{
		width:100%;
		margin-bottom:0;
		text-align:center;
		font-size:30px;
		line-height:40px;
		float:none;
	}
	.ser_wrap .sw_case .sw_ri p{margin-top:0;}
	.ser_wrap .sw_case img{width:100%;height:auto;}



	.footer{height:110px;padding:20px 15px;}
	.footer .copyright{
		max-width:100%;
		padding:20px 10px;
	}
	.f_up{position:absolute;}
	.f_up .fc_top{width:90%;margin:20px auto 0;}
	.footer .copyright .fw_top a img{width:100%;}



	.xbctit{font-size:38px;line-height:48px;}
	.xbctit strong{font-size:42px;line-height:52px;}

	.lxbit{margin:0 0 15px;font-size:32px;line-height:42px;}
	.cxit{font-size:26px;line-height:34px;}
	.lc_btit{font-size:22px;line-height:32px;}
	.lc_btit b{font-size:28px;line-height:38px;}
}

@media all and (max-width:767px){
	.hcontainer{padding:120px 20px 85px;}
	.scontainer{padding:0 !important;}


	/******************* FOOTER ********************/
	.footer{padding-bottom:50px;}
	.footer .copyright{font-size:12px;line-height:18px;}
	.footer .copyright .s_sns{width:100;margin:20px auto 0;position:relative;left:0;top:0;}
	.footer .copyright .ft_group{display:none;}
}

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

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