@charset "utf-8";
/* SIR 지운아빠 */


/*
@media screen and (max-width:1700px) {

  #location_container {
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: center;
  }


}

@media screen and (min-width:1700px) {

  #contact_img {

  }
  #contact_img_text {

  }
  #detail_menu {

  }
  #location_container {

  }



}
*/


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

#black_img{
	width: 100%;
	height:564px;
	top: 80px;
	overflow:hidden;
	background-color:#000000;
	text-align:center;
	opacity:0;
}
#inquiry_artwork_img{
	width: 100%;
	height:564px;
	top: 80px;
	overflow:hidden;
	background: url('../img/address/cha_bg.png') center no-repeat;
	background-size:cover;
	text-align:center;
}

#inquiry_artwork_img_text{
	position:absolute;

	height:111px;
	top:169px;
	left:363px;
	text-align:left;
	opacity:0;
}
#inquiry_artwork_img_text .img_text_class1_1{
	width:100%;
	height:111px;
	font-family:notoR;
	font-size:48px;
	color:#171640;
	margin:0;
	text-align:left;
	text-decoration:none;
	padding-bottom:2px;
}
#inquiry_artwork_img_text .img_text_class1_2{
	width:100%;
	height:111px;
	font-family:notoR;
	font-size: 48px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.19;
	letter-spacing: 0.5px;
	text-align: left;
	color:#ffffff;
	text-decoration:none;
	padding-bottom:2px;

}
#inquiry_artwork_img_text .img_text_class2{
	width: 20px;
	height: 1px;
	mix-blend-mode: undefined;
	background-color: #ffffff;
	margin-top:39px;
}
#inquiry_artwork_img_text .img_text_class3{
	width:100%;
  height: 49px;
  mix-blend-mode: undefined;
  font-family: notoR;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  margin-top:41px;
  display:block;
}

	#inquiry_artwork{
		width: 100%;
		height: 1190px;
		overflow:hidden;
	}
	#inquiry_artwork_container{
		position: absolute;
		width: 1100px;
		height:1190px;
		overflow:hidden;
		left:calc(50% - 550px);
;	}

	#inquiry_artwork_title{
		position: absolute;
		width:200px;
		height:auto;
		top:77px;
		text-align:center;
		left:calc(50% - 100px);
		font-family: notoM;
		font-size: 40px;
		font-weight: 500;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: center;
		color: #000000;
	}
	#inquiry_artwork_dot1{
		position: absolute;
		width:8px;
		height:8px;
		top:152px;
		left:calc(50% - 4px - 22px);
		overflow:hidden;
		background: url('../img/company/circle.png') center no-repeat;
		background-size:cover;
		text-align:center;
	}
	#inquiry_artwork_dot2{
		position: absolute;
		width:8px;
		height:8px;
		top:152px;
		left:calc(50% - 4px);
		overflow:hidden;
		background: url('../img/company/circle.png') center no-repeat;
		background-size:cover;
		text-align:center;
	}
	#inquiry_artwork_dot3{
		position: absolute;
		width:8px;
		height:8px;
		top:152px;
		left:calc(50% - 4px + 22px);
		overflow:hidden;
		background: url('../img/company/circle.png') center no-repeat;
		background-size:cover;
		text-align:center;
	}
	#inquiry_artwork_text{
		position: absolute;
		width:310px;
		height:auto;
		top:177px;
		text-align:center;
		left:calc(50% - 155px);
		font-family: notoR;
		font-size: 16px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #394c5e;
	}
	#inquiry_artwork_line1{
		position: absolute;
		width: 1100px;
		height: 2px;
		top: 231px;
		background-color: #666666;
	}
	#inquiry_artwork_line2{
		position: absolute;
		width: 1100px;
		height: 1px;
		top: 589px;
		background-color: #dddddd;
	}
	#inquiry_artwork_line3{
		position: absolute;
		width: 840px;
		height: 2px;
		top: 1223px;
		background-color: #666666;
	}

	#table1_head{
		position:absolute;
		width:210px;
		height:356px;
		top:233px;
		background-color:#fafafa;
	}
	#table1_head_text{
		position:absolute;
		width:auto;
		height:auto;
		top:28px;
		left:16px;
		font-family: notoB;
		font-size: 16px;
		font-weight: bold;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #323333;
	}
	#table1_td1{
		position:absolute;
		width:auto;
		height:auto;
		top:281px;
		left: calc(210px + 26px);
		font-family: Dotum;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #323333;
	}
	#table1_td2{
		position:absolute;
		width:auto;
		height:auto;
		top:331px;
		left: calc(210px + 26px);
		font-family: Dotum;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #323333;
	}
	#table1_td3{
		position:absolute;
		width:auto;
		height:auto;
		top:380px;
		left: calc(210px + 26px);
		font-family: Dotum;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #323333;
	}
	#table1_td4{
		position:absolute;
		width:auto;
		height:auto;
		top:430px;
		left: calc(210px + 26px);
		font-family: Dotum;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #323333;
	}
	#table1_td5{
		position:absolute;
		width:auto;
		height:auto;
		top:479px;
		left: calc(210px + 26px);
		font-family: Dotum;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #323333;
	}
	#table1_td6{
		position:absolute;
		width:auto;
		height:auto;
		top:529px;
		left: calc(210px + 26px);
		font-family: Dotum;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #323333;
	}
	#input_area1{
		position:absolute;
		width:240px;
		height:32px;
		top:271px;
		left:calc(210px + 148px);
		background-color: #ffffff;
		border: solid 1px #dddddd;
	}
	#input_area2{
		position:absolute;
		width:240px;
		height:32px;
		top:321px;
		left:calc(210px + 148px);
		background-color: #ffffff;
		border: solid 1px #dddddd;
	}
	#input_area3{
		position:absolute;
		width:240px;
		height:32px;
		top:370px;
		left:calc(210px + 148px);
		background-color: #ffffff;
		border: solid 1px #dddddd;
	}
	#input_area4{
		position:absolute;
		width:240px;
		height:32px;
		top:420px;
		left:calc(210px + 148px);
		background-color: #ffffff;
		border: solid 1px #dddddd;
	}
	#input_area5{
		position:absolute;
		width:240px;
		height:32px;
		top:469px;
		left:calc(210px + 148px);
		background-color: #ffffff;
		border: solid 1px #dddddd;
	}
	#input_area6{
		position:absolute;
		width:440px;
		height:32px;
		top:519px;
		left:calc(210px + 148px);
		background-color: #ffffff;
		border: solid 1px #dddddd;
	}

	#table2_head{
		position:absolute;
		width:210px;
		height:633px;
		top:590px;
		background-color:#fafafa;
	}
	#table2_head_text{
		position:absolute;
		width:auto;
		height:auto;
		top:30px;
		left:17px;
		font-family: notoB;
		font-size: 16px;
		font-weight: bold;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #323333;
	}
	#table2_td1{
		position:absolute;
		width:auto;
		height:auto;
		top:640px;
		left:calc(210px + 26px);
		font-family: Dotum;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #323333;
	}
	#table2_td2{
		position:absolute;
		width:auto;
		height:auto;
		top:690px;
		left:calc(210px + 26px);
		font-family: Dotum;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #323333;
	}
	#table2_td3{
		position:absolute;
		width:auto;
		height:auto;
		top:737px;
		left:calc(210px + 26px);
		font-family: Dotum;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #323333;
	}
	#table2_td4{
		position:absolute;
		width:auto;
		height:auto;
		top:788px;
		left:calc(210px + 26px);
		font-family: Dotum;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #323333;
	}
	#table2_td5{
		position:absolute;
		width:auto;
		height:auto;
		top:836px;
		left:calc(210px + 26px);
		font-family: Dotum;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #323333;
	}
	#table2_td6{
		position:absolute;
		width:auto;
		height:auto;
		top:625px;
		left:calc(210px + 26px);
		font-family: Dotum;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #323333;
	}
	#table2_td7{
		position:absolute;
		width:auto;
		height:auto;
		top:674px;
		left:calc(210px + 26px);
		font-family: Dotum;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #323333;
	}
	#table2_td8{
		position:absolute;
		width:auto;
		height:auto;
		top:842px;
		left:calc(210px + 26px);
		font-family: Dotum;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #323333;
	}
	#table2_td9{
		position:absolute;
		width:auto;
		height:auto;
		top:910px;
		left:calc(210px + 26px);
		font-family: Dotum;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #323333;
	}
	#input_area7{
		position:absolute;
		width:240px;
		height:32px;
		top:628px;
		left: calc(210px + 148px);
		background-color: #ffffff;
		border: solid 1px #dddddd;
	}
	#input_area8{
		position:absolute;
		width:240px;
		height:32px;
		top:678px;
		left: calc(210px + 148px);
		background-color: #ffffff;
		border: solid 1px #dddddd;
	}
	#input_area9{
		position:absolute;
		width:240px;
		height:32px;
		top:727px;
		left: calc(210px + 148px);
		background-color: #ffffff;
		border: solid 1px #dddddd;
	}
	#input_area10{
		position:absolute;
		width:100px;
		height:32px;
		top:777px;
		left: calc(210px + 148px);
		background-color: #ffffff;
		border: solid 1px #dddddd;
	}
	#table2_td4_x{
		position:absolute;
		width:auto;
		height:auto;
		top:781px;
		left:calc(210px + 264px);
	}
	#input_area11{
		position:absolute;
		width:100px;
		height:32px;
		top:777px;
		left: calc(210px + 288px);
		background-color: #ffffff;
		border: solid 1px #dddddd;
	}
	#input_area12{
		position:absolute;
		width:240px;
		height:32px;
		top:826px;
		left: calc(210px + 148px);
		background-color: #ffffff;
		border: solid 1px #dddddd;
	}
	#input_area13{
		position:absolute;
		width:240px;
		height:32px;
		top:615px;
		left: calc(210px + 148px);
		background-color: #ffffff;
		border: solid 1px #dddddd;
	}
	#input_area14{
		position:absolute;
		width:700px;
		height:150px;
		top:664px;
		left: calc(210px + 148px);
		background-color: #ffffff;
		border: solid 1px #dddddd;
	}

	.box {
		position:absolute;
		top:832px;
		left:calc(210px + 148px);
		width: 500px;
	}

	.filetype {
		 position: relative;
		display: inline-block;
		vertical-align: top;
		*margin-right: 4px;
	}

	.filetype * {
		vertical-align: middle;
	}

	.filetype .file-text {
		position: relative;
		width: 240px;
		height: 32px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		display: inline-block;
		background-color: #ffffff;
		margin: 0;
		line-height: 20px;
		z-index: 10;
		border: solid 1px #dddddd;
	}

	.filetype .file-select {
		position: absolute;
		top: 0;
		right: 0;
		width: 85px;
		height: 32px;
		overflow: hidden;
		cursor: pointer;
	}

	.filetype .file-select .input-file {
		width: 60px;
		filter: alpha(opacity=0);
		opacity: 0;
		height: 20px;
	}

	#myfile {
		width: 100% !important;
		height: 100% !important;
		cursor: default;
	}

	.filetype .file-text + .file-btn {
		display: inline-block;
		background-color: #171640;
		width: 85px;
		height: 32px;
		line-height:32px;
		font-family: notoR;
		font-size: 12px;
		font-weight: 500;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		padding-top: 7px;
		color: #ffffff;
		cursor: pointer;
		text-align: center;
	}

	#submit_button{
		position:absolute;
		width:250px;
		height:50px;
		top:1015px;
		left:337px;
		overflow:hidden;
		background: url('../img/inquiry/button_1.png') center no-repeat;
		background-size:cover;
		text-align:center;
		cursor: pointer;
	}
	.submit_text{
		font-family: notoM;
		font-size: 16px;
		font-weight: bold;
		font-style: normal;
		font-stretch: normal;
		line-height: 3;
		letter-spacing: normal;
		text-align: center;
		color: #ffffff;
	}
	#cancel_button{
		position:absolute;
		width:170px;
		height:50px;
		top:1015px;
		left: 604px;
		overflow:hidden;
		background: url('../img/inquiry/button_2.png') center no-repeat;
		background-size:cover;
		text-align:center;
		cursor: pointer;
	}
	.cancel_text{
		font-family: notoM;
		font-size: 16px;
		font-weight: bold;
		font-style: normal;
		font-stretch: normal;
		line-height: 3;
		letter-spacing: normal;
		text-align: center;
		color: #323333;
	}

	#input_captcha{
		position:absolute;
		width:200px;
		height:30px;
		top:900px;
		left:calc(50% + 20px);
		background-color: #ffffff;
		border: solid 1px #dddddd;
	}

	#captcha_img{
		position:absolute;
		width:200px;
		height:80px;
		top:1440px;
		left:calc(50% - 192px);
	}
