@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;}
.hcontainer2{width:100%;max-width:1280px;margin:0 auto;padding:100px 0 0 ;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;
}
.ttw_main2{
	width:100%;
	height:400px;
	background:#1c1d20;
	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%;}


.switch {
	position: relative;
	display: inline-block;
	margin: 20px 0 0 15px;
}
select {
	box-sizing: border-box;
	background-clip: padding-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: auto;
	line-height: 1.4286;
	padding: 10px 24px 10px 10px;
	font-size: 14px;
	border: 0;
	height: 40px;
	background: #FFF no-repeat right center url('https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-24.png');
	background-size: 24px;
	border: 1px solid #666;
	border-width: 1px 1px 2px;
	color: #666;
	border-radius: 5px;
	float:right;
  }
  
  select::-ms-expand {
	display: none
  }


/*************************************************
*					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;}


/* contact us*/
.contactus_cont{
	height: 300px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.contactus_cont a{
	width: 280px;
	margin:0 auto;
}
.contactus_cont .eu_btn{
	display: block;
}
.contact_sns_icon{
	margin:30px 0 10px;
}
.contact_sns_icon ul{
	display: flex;
	justify-content: center;
	flex-direction: row;
	margin-bottom:0;
	
}
.contact_sns_icon ul li{
	margin-right:20px;
}
.contact_sns_icon ul li a img {
	width: 50px;
}

/*contact us 2*/
.sns_wrap{height:35px;margin:25px 0 0;text-align:center;position:relative;}

.sns_wrap img{height:35px;margin:0 10px;}




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


.f_up{width:100%;position:fixed;bottom:50px;}
.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;}




.footer{width:100%;margin:0 auto;background-color:#222;position:relative;left:0;bottom:0;}
.footer .copyright{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:30px 0;
	text-align:left;
	font-size:13px;
	font-weight:300;
	color:#bebebe;
	line-height:23px;
	letter-spacing:1px;
	position:relative;
}
.footer .copyright a{font-weight:500;color:#bebebe;}

.footer .copyright .s_sns{width:110px;position:absolute;right:120px;top:60px;}
.footer .copyright .s_sns a{margin:0 5px;display:block;float:left;}
.footer .copyright .s_sns a.facebook{width:40px;height:40px;background:url(../images/icon/facebook_off.png) no-repeat;background-size:40px;}
.footer .copyright .s_sns a.twitter{width:40px;height:40px;background:url(../images/icon/twitter_off.png) no-repeat;background-size:40px;}

.footer .copyright .s_sns a:hover.facebook{width:40px;height:40px;background:url(../images/icon/facebook_on.png) no-repeat;background-size:40px;}
.footer .copyright .s_sns a:hover.twitter{width:40px;height:40px;background:url(../images/icon/twitter_on.png) no-repeat;background-size:40px;}

.footer .copyright .fw_top{width:50px;height:50px;position:absolute;right:-100px;top:-80px;z-index:100;}
.footer .copyright .fw_top a{width:100%;height:50px;display:block;}
.footer .copyright .fw_top a img{width:100%;}

.footer .copyright .ft_group{margin:-15px 0 0;font-size:11px;line-height:16px;position:absolute;right:0;top:83px;}
.footer .copyright .ft_group .tgl_btn{width:114px;height:24px;padding:2px 5px;background:#fff;border:1px solid #ccc;font-size:12px;font-weight:600;color:#111;display:block;}
.footer .copyright .ft_group .g_menu_wrap{
	width:510px;
	background:#fff;
	border:1px solid #ccc;
	position:absolute;
	top:-190px;right:0px;
	z-index:100;}
.footer .copyright .ft_group .g_menu_wrap .g_link_wrap{width:100px;float:left;padding:10px;color:#000 !important;font-size:12px;line-height:18px;text-align:left;}
.footer .copyright .ft_group .g_menu_wrap .g_link_wrap dt{margin-bottom:5px;padding-bottom:5px;border-bottom:2px solid #aaa; font-size:13px;font-weight:bold;}
.footer .copyright .ft_group .g_menu_wrap .g_link_wrap dd{width:100px;margin:0;padding:0;}
.footer .copyright .ft_group .g_menu_wrap .g_link_wrap dd a{color:#000;}
.footer .copyright .ft_group .g_menu_wrap .g_link_wrap dd a:hover{text-decoration:underline;}
.footer .copyright .ft_group .g_menu_wrap .g_link_line{width:1px;height:105px;float:left;margin:10px 0;background:#000;}



	
/************************************************
*					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){
}


/******************* 230307 추가********************/
/* lang select */
.smn_img_wrap{
	color:#fff;
	width:80px;height:30px;border:1px solid #676771;text-align:center;font-size:14px;line-height:26px;position:relative;top:25px;float:right;z-index:2;}
.smn_img_wrap .nf{width:80px;height:30px;vertical-align:middle;}
.smn_img_wrap .btn{width:80px;height:30px;/*background:url(../images/select-icons.png) 0 0 no-repeat;*/position:absolute;left:0;top:0;display:block;}
.smn_img_wrap .slct{padding:0;position:absolute;left:-1px;top:30px;display:none;}
.smn_img_wrap .slct .opt{
	color:#fff;
	width:80px;height:30px;margin:0 auto;padding:0;border:1px solid #272731;text-align:center;line-height:28px;position:relative;cursor:pointer;z-index:1000;}
.smn_img_wrap .slct .opt:hover{padding:0;border:1px solid #fff799;}
.smn_img_wrap .slct .bg_over{width:100%;height:100%;background:#000;opacity:1;position:absolute;left:0;top:0;z-index:10;}

@media all and (max-width:768px){
	.navbar-default .navbar-nav{margin:0 0 0 0;left: 5px;}
	.smn_img_wrap{
		top:10px;
		margin-left:5px;
	}
	.navbar-default .navbar-nav > li{
		padding-right: 5px;
	}
	.navbar-default .navbar-nav > li > a {
		font-size:14px !important;
	}
	.smn_img_wrap .slct .opt{
		z-index:100000;
	}
}