﻿@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumbarungothic.css);

/*html,body{height:100%;}*/
body{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family: 'Nanum Gothic', serif;
	/*font-family:'nanumbarungothic';*/
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

a img  
{  
border: none;  
}  

a {outline: none; text-decoration:none;}
a { selector-dummy : expression(this.hideFocus=true);}

h1{margin:0px;padding:0px;}

.float_L{float:left;}
.float_R{float:right;}



/* HEADER ----------------------------------------------------*/
.header_container{
	float:left;
	width:100%;
}

.header_layer{
	width:1200px;
	margin:0 auto;
	height:125px;
}

.header_logo{
	float:left;
	width:230px;
	height:125px;
	background:url("/img/main_logo03.png") no-repeat;
	background-position:center center;
}

.header_menu_layer{
	float:left;
	width:970px;
}

.header_minimenu_layer{
	float:left;
	width:100%;
	margin-top:10px;
}

.header_minimenu_ul{
	float:right;
}

.header_minimenu_ul li{
	cursor:pointer;
	float:left;
	color:#444;
}

.header_minimenu_ul li:hover{
	cursor:pointer;
	text-decoration:underline;
	color:black;
}

.header_minimenu_gl{
	margin:0 15px;
}

.header_mainmenu_layer{
	float:left;
	width:100%;
	margin-top:30px;
}

.header_mainmenu_ul{
	float:right;
}

.header_mainmenu_ul li{
	cusor:pointer;
	float:left;
	margin:0 35px;
	font-size:18px;
	color:#444;
}

.header_submenu_layer{
	position:absolute;
	width:960px;
	padding-bottom:15px;
	margin-top:21px;
	margin-left:50px;
	padding-top:5px;
	background:#fff;
	border-radius:10px;	
	z-index:999;
}

.header_submenu_ul{
	float:left;
	width:50px;
	border-top:3px solid #2196f3;
	margin-top:10px;
	margin-right:20px;
	padding-top:10px;
}

.header_submenu_ul li{
	font-size:15px;
	margin-bottom:10px;
	color:#000;
	border:0px solid red;
	width:120px;
}

.header_submenu_ul li:hover{
	cursor:pointer;
	text-decoration:underline;
	color:#1c649d;
}

.submenu_position01{
	margin-left:60px;
	width:100px;
}

.submenu_position06{
	margin-left:50px;
	width:115px;
}

.submenu_position02{
	margin-left:27px;
	width:90px;
}

.submenu_position03{
	margin-left:20px;
	width:75px;
}

.submenu_position04{
	margin-left:32px;
	width:90px;
}

.submenu_position05{
	margin-left:30px;
	width:140px;
}

/* HEADER ----------------------------------------------------*/



/* INDEX ----------------------------------------------------*/
.index_container{
	float:left;
	width:100%;
}

.main_img{
	flaot:left;
	width:100%;
	height:500px;
	background:url("/img/main_img02.png") no-repeat;
	background-position:center center;
}

.main_img02{
	flaot:left;
	width:100%;
	height:500px;
	background:url("/img/main_img03.png") no-repeat;
	background-position:center center;
}

.main_img03{
	flaot:left;
	width:100%;
	height:500px;
	background:url("/img/main_img04.png") no-repeat;
	background-position:center center;
}

.main_img04{
	flaot:left;
	width:100%;
	height:500px;
	background:url("/img/main_img05.png") no-repeat;
	background-position:center center;
}

.main_img05{
	flaot:left;
	width:100%;
	height:500px;
	background:url("/img/main_img06.png") no-repeat;
	background-position:center center;
}

.main_video_layer{
	float:left;
	width:100%;
	margin-bottom:30px;
}

.main_video{
	float:left;
	width:100%;
	height:750px;
}

.index_layer{
	width:1100px;
	margin:0 auto;
	padding-top:50px;
}

.index_content_box{
	float:left;
	width:340px;
	height:150px;
	margin:0 13.33px;
}

.index_content_title{
	float:left;
	width:100%;
	font-size:16px;
	font-weight:600;
	color:#444;
	padding-bottom:10px;
	border-bottom:1px solid #444;
	margin-bottom:7px;
}

.index_content_title span{
	float:right;
}

.index_board{
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:0 6px;
	font-size:13px;
	margin-bottom:5px;
}

.index_board_subject{
	float:left;
	width:235px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#000;
}

.index_board_datetime{
	float:right;
}

.index_banner_img_layer{
	float:left;
	width:100%;
	margin-top:5px;
}

.index_banner_img{
	float:left;
	width:100px;
	height:69px;
	margin:0 6px;
}

.index_banner_img01{
	float:left;
	width:100px;
	height:69px;
	background:url("/img/banner_img01.png");
	margin:0 6px;
}

.index_banner_img02{
	float:left;
	width:100px;
	height:69px;
	background:url("/img/banner_img02.png");
	margin:0 6px;
}

.index_banner_img03{
	float:left;
	width:100px;
	height:69px;
	background:url("/img/banner_img03.png");
	margin:0 6px;
}

.index_customer_layer{
	float:left;
	width:100%;
	margin-top:10px;
	box-sizing:border-box;
	padding:0 15px;
}

.customer_icon{
	float:left;
	width:60px;
	height:60px;
	background:url("/img/customer_icon.png");
}

.customer_ul{
	float:left;
	margin-left:20px;
	margin-top:5px;
}

.customer_text{
	font-size:16px;
	color:#2196f3;
}

.customer_tel{
	font-size:24px;
	font-weight:bold;
	color:#000;
}

/* INDEX ----------------------------------------------------*/


/* FOOT ----------------------------------------------------*/
.foot_container{
	float:left;
	width:100%;
	height:150px;
	background:#333333;
}

.foot_layer{
	width:1100px;
	margin:0 auto;
}

.foot_logo{
	float:left;
	width:200px;
	height:150px;
	background:url("/img/foot_logo.png") no-repeat;
	background-position:center center;
	margin-left:50px;
}

.foot_copy_layer{
	float:left;
	width:850px;
}

.foot_copy_ul{
	float:left;
	width:100%;
	margin-left:100px;
	margin-top:45px;
}

.foot_copy_ul li{
	margin-bottom:5px;
	color:#dadada;
}
/* FOOT ----------------------------------------------------*/


/* HEADER LEFT ---------------------------------------------*/
.header_left_layer{
	float:left;
	width:240px;
	margin-top:50px;
}

.header_left_menu{
	float:left;
	width:100%;
}

.left_menu_title{
	float:left;
	width:100%;
	box-sizing:border-box;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	padding-left:15px;
	/*border-left:5px solid #2196f3;*/
	background:#2196f3;
	padding-bottom:15px;
	padding-top:15px;
	margin-top:-50px;
}

.left_menu_ul{
	float:left;
	width:100%;
	margin-top:20px;
	padding-bottom:5px;
	border-bottom:1px dotted #888;
}

.left_menu_ul li{
	float:left;
	width:100%;
	font-size:16px;
	color:#444;
	box-sizing:border-box;
	padding:12px 15px;
	border-top:1px dotted #888;
}

.left_menu_ul li span{
	float:right;
}

.left_menu_ul li:hover{
	color:#2196f3;
}
/* HEADER LEFT ---------------------------------------------*/


/* SUB PAGE ------------------------------------------------*/
.subpage_container{
	float:left;
	width:100%;
	margin-top:30px;
	margin-bottom:100px;
}

.subpage_layer{
	width:1100px;
	margin:0 auto;
}

.subpage_left_layer{
	float:left;
	width:260px;
}

.subpage_right_layer{
	float:right;
	width:820px;
}

.subpage_title_layer{
	float:left;
	width:100%;
	padding-bottom:20px;
	border-bottom:1px solid #dadada;
	margin-bottom:25px;
}

.subpage_title{
	float:left;
	font-size:24px;
	font-weight:900;
}

.subpage_nav_ul{
	float:right;
	margin-top:15px;
}

.subpage_nav_ul li{
	float:left;
}

.subpage_nav_gl{
	margin:0 10px;
}

.subpage_nav{
	color:#2196f3;
}

.subpage_content_layer{
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:0 10px;
}

.subpage_content{
	float:left;
	width:100%;
}

.board_layer{
	float:left;
	width:100%;
	margin-top:30px;
	margin-bottom:100px;
}
/* SUB PAGE ------------------------------------------------*/



/* SUB01_01 ------------------------------------------------*/
.subpage_content_title{
	float:left;
	width:100%;
	font-size:18px;
	font-weight:bold;
	color:#2196f3;
	margin:30px 0;
	
}

.table_layer{
	float:left;
	width:750px;
	margin-left:25px;
	border-top:2px solid #000;
	border-bottom:1px solid #000;
}

.table_line{
	float:left;
	width:100%;
	border-bottom:1px solid #e5e5e5;
}
.table_title{
	float:left;
	width:150px;
	height:50px;
	box-sizing:border-box;
	padding-top:15px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#444;
	background:#f6f6f6;
	border-right:1px solid #e5e5e5;
	letter-spacing:1px;
}

.table_content01{
	float:left;
	width:600px;
	height:50px;
	box-sizing:border-box;
	padding-top:10px;
	padding-left:20px;
	font-size:15px;
	line-height:150%;
}

.table_content01 span{
	font-size:12px;
}

.table_content02{
	float:left;
	width:225px;
	height:50px;
	box-sizing:border-box;
	padding-top:10px;
	padding-left:20px;
	font-size:14px;
}

.content_main{
	font-weight:bold;
	color:#2196f3;
	height:50px;
}

/* SUB01_01 ------------------------------------------------*/

/* SUB01_03 ------------------------------------------------*/
#google_map{
	float:left;
	width:750px;
	height:400px;
	margin-left:25px;
}

.map_content_layer{
	float:left;
	width:750px;
	margin-left:25px;
}

.map_content_box{
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:20px;
	border-top:1px solid #e5e5e5;
}

.map_content_title{
	float:left;
	width:100%;
	font-size:16px;
	font-weight:bold;
	color:#444;
	margin-bottom:15px;
}

.map_content_text{
	float:left;
	width:100%;
	font-size:14px;
}
/* SUB01_03 ------------------------------------------------*/


/* SUB02_01 ------------------------------------------------*/
.subpage_cotent_text{
	float:left;
	width:100%;
	font-size:16px;
	box-sizing:border-box;
	padding-left:30px;
	margin-bottom:25px;
}

.table_layer01{
	float:left;
	width:100%;
	border-top:2px solid #000;
	border-bottom:1px solid #000;
}

.table_header{
	float:left;
	width:100%;
	font-size:14px;
	border-bottom:1px solid #999;
}

.table_title_layer{
	float:left;
	width:280px;
	height:45px;
}

.table_box01{width:110px;}

.table_box02{width:90px;}

.table_box03{
	width:280px;
	height:20px;
	font-size:13px;
	padding-top:0;
}

.table_box04{
	width:93.3px;
	height:25px;
	font-size:13px;
	padding-top:3px;
	border-top:1px solid #e5e5e5;
}

.table_box05{width:210px;}

.table_box06{
	width:70px;
	height:45px;
	font-size:13px;
}

.table_line01{
	float:left;
	width:100%;
	height:76px;
	border-bottom:1px solid #e5e5e5;
}

.table_line02{
	float:left;
	width:100%;
	height:57px;
	border-bottom:1px solid #e5e5e5;
}

.table_line_title{
	float:left;
	width:110px;
	height:100%;
	box-sizing:border-box;
	padding:10px 0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#444;
	background:#f6f6f6;
	letter-spacing:1px;
}

.table_line_content{
	float:left;
	width:110px;
	height:100%;
	box-sizing:border-box;
	padding:10px 5px;
	font-size:14px;
	text-align:center;
	border-left:1px solid #e5e5e5;
	line-height:140%;
}

.table_content_layer{
	float:left;
	width:580px;
	height:38px;
}

.table_content_layer01{
	float:left;
	width:580px;
	height:38px;
	box-sizing:border-box;
	border-top:1px solid #e5e5e5;
}

.table_line_content01{
	float:left;
	width:90px;
	height:100%;
	box-sizing:border-box;
	padding:10px 5px;
	font-size:14px;
	text-align:center;
	border-left:1px solid #e5e5e5;
}

.table_line_content02{
	float:left;
	width:70px;
	height:100%;
	box-sizing:border-box;
	padding:10px 0px;
	font-size:12px;
	text-align:center;
	border-left:1px solid #e5e5e5;
}

.table_line_content03{
	float:left;
	width:210px;
	height:100%;
	box-sizing:border-box;
	padding:2px 0px;
	font-size:12px;
	text-align:center;
	border-left:1px solid #e5e5e5;
	line-height:140%
}

.table_line_content04{
	float:left;
	width:210px;
	height:100%;
	box-sizing:border-box;
	padding:5px 15px;
	font-size:12px;
	text-align:center;
	border-left:1px solid #e5e5e5;
}

.table_info_layer{
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:20px;
	margin:20px 0;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	
}

.table_info_text{
	float:left;
	width:100%;
	font-size:16px;
	margin-bottom:7px;
}
/* SUB02_01 ------------------------------------------------*/



/* SUB02_02 ------------------------------------------------*/
.license_layer{
	float:left;
	width:100%;
}
.license_ul{
	float:left;
	width:180px;
	margin:0 10px;
	margin-bottom:20px;
}

.license_img01{
	width:100%;
	height:250px;
	background:url("/img/license_thum01.png");
	box-sizing:border-box;
	border:1px solid #bbb;
}

.license_img02{
	width:100%;
	height:250px;
	background:url("/img/license_thum02.png");
	box-sizing:border-box;
	border:1px solid #bbb;
}

.license_img03{
	width:100%;
	height:250px;
	background:url("/img/license_thum03.png");
	box-sizing:border-box;
	border:1px solid #bbb;
}

.license_img04{
	width:100%;
	height:250px;
	background:url("/img/license_thum04.png");
	box-sizing:border-box;
	border:1px solid #bbb;
}

.license_img05{
	width:100%;
	height:250px;
	background:url("/img/license_thum05.png");
	box-sizing:border-box;
	border:1px solid #bbb;
}

.license_img06{
	width:100%;
	height:250px;
	background:url("/img/license_thum06.png");
	box-sizing:border-box;
	border:1px solid #bbb;
}

.license_img07{
	width:100%;
	height:250px;
	background:url("/img/license_thum07.png");
	box-sizing:border-box;
	border:1px solid #bbb;
}

.license_img08{
	width:100%;
	height:250px;
	background:url("/img/license_thum08.png");
	box-sizing:border-box;
	border:1px solid #bbb;
}

.license_text{
	width:100%;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin-top:7px;
}

/* SUB02_02 ------------------------------------------------*/



/* SUB02_03 ------------------------------------------------*/
.tech_text_layer{
	float:left;
	width:800x;
	marign-left:25px;
	box-sizing:border-box;
	padding:15px 30px;
	background:#e5e5e5;
}
.tech_text{
	float:left;
	width:100%;
	font-size:15px;
	margin:5px 0;
	line-height:165%;
}

/* SUB02_03 ------------------------------------------------*/




.form_content{
	float:left;
	width:800px;
}

.form_content_same{
	float:left;
	width:100%;
	margin-bottom:10px;
}

.form_content_text{
	float:left;
	margin-left:20px;
	margin-top:30px;
	margin-bottom:15px;
	font-size:16px;
	font-weight:bold;
}
.form_content_text01{
	float:left;
	width:90%;
	margin-left:5%;
	line-height:160%;
}
.form_content01{
	float:left;
	width:100%;
	box-sizing:border-box;
	border:1px solid #ccc;
	background:url("/img/form_content_bg.png") repeat-y;
}
.form_content02{
	float:left;
	width:50%;
	box-sizing:border-box;
	border-top:0;
	background:url("/img/form_content_bg.png") repeat-y;
}
.form_content03{
	float:left;
	width:100%;
	background:url("/img/form_content_bg.png") repeat-y;
	box-sizing:border-box;
	border:1px solid #ccc;
	border-top:0;
}
.form_left_title{
	float:left;
	width:139px;
	box-sizing:border-box;
	padding:13px;
}
.form_left_title span{
	color:red;
	margin-left:10px;
}
.form_right_contents{
	float:left;
	width:150px;
	box-sizing:border-box;
	padding:13px;
}
.form_right_contents01{
	float:left;
	width:650px;
	box-sizing:border-box;
	padding:13px;
}
.form_right_contents span{
	margin-left:20px;
}
.form_check_layer{
	float:left;
	widdth:100%;
}
.form_check_title{
	float:left;
	width:100%;
	font-size:14px;
	font-weight:900;
	margin-bottom:7px;
}
.form_check_title01{
	float:left;
	font-size:14px;
	font-weight:900;
	margin:7px 0;
	margin-right:20px;	
}
.form_check_box_content{
	float:left;
	width:100%;
}
.form_checkbox{
	float:left;
	margin-left:20px;
}
.ck_box{
	float:left;
}
.form_checkbox span{
	float:left;
	margin-left:-1px;
}
.input_email{
	width:300px;
}
.input_address{
	width:600px;	
}
.textarea_contents{
	width:600px;
	height:150px;
}


.form_btn_layer{
	float:left;
	width:100%;
	margin-top:30px;
	margin-bottom:100px;
}
.form_btn{
	cursor:pointer;
	width:200px;
	height:30px;
	font-size:14px;
	text-align:center;
	background:#666;
	box-sizing:border-box;
	border-radius:3px;
	padding-top:7px;
	color:#fff;
	margin:0 auto;
}
.form_btn:hover{
	background:#2196f3;
}


.movie_benner_layer{
	width:230px;
	height:150px;
	background:url(/img/movie_img.jpg);
	border-radius:6px;
	box-shadow: 3px 2px 3px #999999;
	border:5px solid #ffffff;
	margin-top:25px;
}

.movie_benner_layer:hover{
	cursor:pointer;
	background:url(/img/movie_img_over.jpg);
}

.movie_benner_layer1{
	width:230px;
	height:150px;
	background:url(/img/movie_img1.jpg);
	border-radius:6px;
	box-shadow: 3px 2px 3px #999999;
	border:5px solid #ffffff;
	margin-top:15px;
}

.movie_benner_layer1:hover{
	cursor:pointer;
	background:url(/img/movie_img1_over.jpg);
}



#movie {
	display:none;
	position: absolute;
    width: 1000px;
    height: 650px;
    margin: -150px 0 0 -75px;
    top: 25%;
    left: 25%;
    z-index:999;
}
#movie1 {
	display:none;
	position: absolute;
    width: 1000px;
    height: 650px;
    margin: -150px 0 0 -75px;
    top: 25%;
    left: 25%;
    z-index:999;
}

.movie_close_btn{
	width:100%;
	line-height:50px;
	text-align:center;
	color:#ffffff;
	background:gray;
}

.movie_close_btn2{
	width:100%;
	line-height:50px;
	text-align:center;
	color:#ffffff;
	background:gray;
}

.movie_close_btn:hover{
	cursor:pointer;
	background:#de1b1b;
}

.movie_close_btn2:hover{
	cursor:pointer;
	background:#de1b1b;
}

.sub_title_img_container{
	float:left;
	width:100%;
	height:200px;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	background:url(/img/sub_tit_img.png);
}

.sub01_05_row{
	float:left;
	width:100%;
	padding-bottom:15px;
	margin-top:15px;
}

.box_layer{
	float:left;
	width:250px;
	height:350px;
}

.box_txt{
	float:left;
	width:250px;
	text-align:center;
	font-size:15px;
	color:#333333;
	margin-top:10px;
}

.sub01_05_box{
	float:left;
	width:250px;
	height:320px;
	border:1px solid #dadada;
}

.box_margin{
	margin-left:21px;
	margin-right:21px;
}

.sitemap_box{
	float:left;
	width:250px;
	height:220px;
	margin-bottom:25px;
}


.sitemap_box_margin{
	margin-left:25px;
	margin-right:25px;
}

.sitemap_tit{
	float:left;
	width:250px;
	padding-bottom:10px;
	border-bottom:1px dashed #dadada;
	text-aling:left;
	font-size:20px;
	color:#2196f3;
	font-weight:bold;
	margin-bottom:15px;
}

.sitemap_ul{
	float:left;
	width:250px;
}

.sitemap_ul li{
	float:left;
	width:235px;
	padding-left:15px;
	font-size:17px;
	color:#333333;
	margin-bottom:15px;
}

.sitemap_ul li:hover{
	cursor:pointer;
	text-decoration:underline;
}






















