@charset "utf-8";

@font-face {
		font-family: 'nanumR';
		src:url(/theme/basic/font/NanumBarunGothic.ttf) format('truetype'),
      url(/theme/basic/font/NanumBarunGothic.woff) format('woff');
	}

@font-face {
		font-family: 'nanumB';
		src:url(/theme/basic/font/NanumBarunGothicBold.ttf) format('truetype'),
      url(/theme/basic/font/NanumBarunGothicBold.woff) format('woff');
	}

@media screen and (max-width:1700px) {
  #contact_container {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: center;
  }
}

@media screen and (min-width:1700px) {
  #contact_img {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    transform-origin: center;
  }
  #contact_img_text {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    transform-origin: center;
  }
  #detail_menu {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    transform-origin: center;
  }
  #contact_container {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    transform-origin: center;
  }
}

/* 초기화 */
html {overflow-y:scroll;}
body {margin:0;padding:0;}
html, img {margin:0;padding:0;border:0}
a {text-decoration: none;font-size: 16px;color:#000000;}

#contact_img{
	position:absolute;
	width:100%;
	height:564px;
	top: 74px;
	overflow:hidden;
	background: url('../img/contact_img.png') center no-repeat;
	background-size:cover;
}

#contact_img_text{
	position:absolute;
	width:100%;
	height:111px;
	top:267px;
	text-align: center;
	opacity: 0;
}
#contact_img_text .img_text_class1{
	width:100%
	height:54px;
	font-family:godoM;
	font-size:46px;
	color:#161616;
	margin:0;
	text-align:left;
	text-decoration:none;
	padding-bottom:2px;
}


#detail_menu{
	position: relative;
	text-align: center;
	width:292px;
	height:56px;
	padding-top:-28px;
	left:calc(50% - 146px);
	top:520px;
	z-index:980;
  }

  #detail_menu .menuLink1{
	position: relative;
	color: #555555;
	width: 146px;
	height:56px;
	font-size: 16px;
	font-family: godoM;
	float:left;
	background: url('../img/menu_button1.png');
	line-height:56px;
	z-index:980;
  }

  #detail_menu .menuLink2{
	position: relative;
	color: #ffffff;
	width: 146px;
	height:56px;
	font-size: 16px;
	font-family: godoM;
	float:left;
	background: url('../img/menu_button2.png');
	line-height:56px;
	z-index:980;
  }

  #detail_menu .menuLink1:hover {
	color: #ffffff;
	background-color: #4d4d4d;
	background: url('../img/menu_button2.png');
	z-index:980;
  }

	#contact_container{
		position: absolute;
		top:638px;
		width: 100%;
		height: 1074px;
	}

	#contact_container .contact_title{
		position: absolute;
		width:100%;
		height:54px;
		margin:0;
		top:85px;
		//left:calc(50% - 87px);
		text-align: center;
		vertical-align: middle;
		font-family: nanumR;
		font-size: 40px;
		color: #333333;
	}

	#contact_container .contact_text1{
		position: absolute;
		width:100%;
		height:16px;
		margin:0;
		top:162px;
		vertical-align: middle;
		text-align: center;
		font-family: nanumR;
		font-size:16px;
		color:#999999;
	}

	#contact_container .contact_image_dot{
		position: absolute;
		width:68px;
		height:8px;
		margin:0;
		top:200px;
		left:calc(50% - 34px);
		background: url('../img/contact_circle.png');
	}

	#contact_container .contact_text2{
		position: absolute;
		width:780px;
		height:21px;
		margin:0;
		top:225px;
		left:calc(50% - 390px);
		font-family: nanumR;
		font-size:16px;
		color:#999999;
		text-align:center;
	}

	#contact_table {
		position: absolute;
		width: 1100px;
		height: 560px;
		top: 309px;
		left: calc(50% - 550px);
		border-collapse: collapse;
	}

	#contact_table .table_head{
		background-color: #f9f9f9;
		width:195px;
		height:271px;
		padding-top:27px;
		padding-left:15px;
		font-family: nanumB;
		font-size:16px;
		color:#333333;
	}

	#contact_table .table_middle_tr{
		height:1px;
		background-color:#dddddd;
	}

	#contact_table .table_top_line{
		height:2px;
		background-color:#666666;
	}

	#contact_table .table_bottom_line{
		height:1px;
		background-color:#666666;
	}

	#contact_table .td_list{
		padding-left:25px;
		width: 118px;
		font-family: Dotum;
		font-size:14px;
		color:#333333;
	}

	#contact_table .td_list_first{
		padding-left:25px;
		width: 118px;
		padding-top:30px;
		font-family: Dotum;
		font-size:14px;
		color:#333333;
	}

	#contact_table .td_list_last{
		padding-left:25px;
		width: 118px;
		padding-bottom:30px;
		font-family: Dotum;
		font-size:14px;
		color:#333333;
	}

	#contact_table .input_first{

		padding-top:30px;
	}

	#contact_table .input_last{

		padding-bottom:30px;
	}

	#contact_table .td_list_bigtextbox{
		padding-left:25px;
		width: 118px;
		padding-bottom:145px;
		font-family: Dotum;
		font-size:14px;
		color:#333333;
	}

	#contact_table .input_type1{
		width:240px;
		height:32px;
		border: 1px solid #dddddd;
	}

	#contact_table .input_type2{
		width:440px;
		height:32px;
		border: 1px solid #dddddd;
	}

	#contact_table .input_type3{
		width:700px;
		height:150px;
		border: 1px solid #dddddd;
		resize:none;
	}

	#contact_table .img_star{
		padding-left:5px;
	}

	#contact_bottom_btn{
		position: absolute;
		top: 928px;
		width: 100%;
	}

	#contact_bottom_btn .bottom_btn1{
		position: absolute;
		width: 250px;
		height: 50px;
		background: url('../img/contact_button1.png') no-repeat;
		background-size: contain;
		left:calc(50% - 125px - 95px);
		text-align: center;
		padding-top:calc(50% - 10px;);
		cursor: pointer;
	}

	#contact_bottom_btn .bottom_btn2{
		position: absolute;
		width: 170px;
		height: 50px;
		left:calc(50% - 85px + 135px);
		background: url('../img/contact_button2.png') no-repeat;
		background-size: contain;
		text-align: center;
		padding-top:calc(50% - 10px;);
		cursor: pointer;
	}

	#contact_bottom_btn .button_text1{
		position: absolute;
		text-align: center;
		width: 180px;
		top:calc(50% - 10px);
		left:calc(50% - 90px);
		font-family: nanumB;
		font-size: 16px;
		color: #ffffff;
	}

	#contact_bottom_btn .button_text2{
		position: absolute;
		text-align: center;
		width: 90px;
		top:calc(50% - 10px);
		left:calc(50% - 45px);
		font-family: nanumB;
		font-size: 16px;
		color: #333333;
	}