@charset "euc-kr";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
* {margin:0; padding:0; border: none 0;font-family: "Nanum Gothic";}
a,img,button,input{selector-dummy: expression(this.hideFocus=true);}
a,img,button,input{outline: none;selector-dummy:expression(this.hideFocus=true);}
a{text-decoration:none;}

body {margin:0; padding:0; border: none 0;font-size: 0; min-width: 1280px;}
.fl {float:left !important;} .w100 {width:100% !important;} .center {text-align:center !important;}
.marginl10 {margin-left: 10px !important;}.marginl20 {margin-left: 20px !important;}.marginl30 {margin-left: 30px !important;} .paddingt20 {padding-top: 20px !important;} .paddingl20 {padding-left: 20px !important;} .paddingl30 {padding-left: 30px !important;}
.margint5 {margin-top: 5px !important;}.margint10 {margin-top: 10px !important;}.margint15 {margin-top: 15px !important;}.margint20 {margin-top: 20px !important;}
.marginb10 {margin-bottom: 10px !important;}.marginb20 {margin-bottom: 20px !important;}.marginb30 {margin-bottom: 30px !important;}


#wrap{width:100%; margin:0 auto;}

#slide_wrap {position:relative; max-width:100%; }
#slide_wrap .bx-pager {
	width: 1280px;
    text-align: center;
    position: absolute;
    bottom: 230px;
    left: 50%;
    /* margin-right: 27.5%; */
    z-index: 9;
    transform: translateX(-50%);
	}
#slide_wrap .bx-pager.bx-default-pager a {
	display: block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    background: transparent;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    text-indent: -9999px;
    border: 1px solid #ffffff;
}
#slide_wrap .bx-pager.bx-default-pager a.active, 
#slide_wrap .bx-pager.bx-default-pager a:hover, 
#slide_wrap .bx-pager.bx-default-pager a:focus {
	border: 1px solid #ffffff;
	background:#ffffff;
}
#slide_wrap .bx-pager-item,	#slide_wrap .bx-controls-auto .bx-controls-auto-item { display:inline-block; vertical-align:bottom; *zoom:1; *display:inline }
#slide_wrap .bx-pager-item { font-size:0; line-height:0 }

#top {position:fixed; top:0; width:100%; text-align:center; margin: 0 auto; z-index: 990;}
.box {text-align:center; box-sizing:border-box; font-size: 0;}
.box img {max-width: 100%; }
.box2 {text-align:center; box-sizing:border-box; font-size: 0;}
.box2 img { }

	.section {width:100%; text-align:center;}

	.section2 {position:fixed; bottom:0; width:100%; height:160px; text-align:center; margin: 0 auto; z-index: 9; }
	.form{position:relative; width:1000px; box-sizing: border-box; margin: 0 auto; text-align: left; font-size: 18px;}
	.form .form_title{position:absolute; top:0; left:0; width:260px;}
	.form .form1{position:absolute; top:20px; left:300px; color:#ffffff;}
	.form .form2{position:absolute; top:62px; left:300px;}
	.form .form3{position:absolute; top:105px; left:300px; color:#ffffff;}
	.form .form4{position:absolute; top:25px; left:570px; width:225px;}
	.form .form4 p{color:#ffffff; font-weight:bold; margin-bottom:15px;}
	.form .form4 p a{color:#333333; text-decoration:underline; margin-bottom:13px;font-size: 14px;}

	.form .form_btn_warp{position:absolute; top:28px; right:30px;}
	.form_btn {width:140px; height:110px; box-sizing:border-box; border-radius:10px; border:3px solid #d9cce0; font-size:1.2rem; font-weight:600; color:#333333; cursor:pointer; background:#ffffff; 
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); 
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); 
	}
	.form_btn:hover,
	.form_btn:active{border:3px solid #d9cce0; background:#feffff;}

	.form .form_btn_warp a{display:table;width:140px;height:50px;}
	.form .form_btn_warp a > span{
		display:table-cell;text-align:center;vertical-align:middle;
		font-family: 'Noto Sans KR', sans-serif;font-size:1rem;color:#c61111;font-weight:600;line-height:120%;
		background:#f5f5f5;box-sizing:border-box; border-radius:15px; border:2px solid #a0a0a0;
	}
	.form .form_btn_warp a > span:hover{
		background:#d6d6d6;
	}
	
	.input {background:#ffffff; color:#333; font-size:14px; font-weight:600; text-align:center; padding:8px; box-sizing:border-box;}
	.select {background:#ffffff; color:#333; font-size:14px; font-weight:600; text-align:center; padding:7px; box-sizing:border-box;}
	.textarea {background:#ffffff; color:#333; font-size:14px; font-weight:600; line-height:20px; padding:10px; box-sizing:border-box;}
	input.radio {width:18px; height:18px; vertical-align:middle;} 
	input.check {width:18px; height:18px; vertical-align:middle;}


/*.input {background:#ffffff; color:#333333; font-size:14px; font-weight:600; text-align:center; padding:12px; box-sizing:border-box; vertical-align: middle;}
.select {background:#ffffff; color:#333333; font-size:14px; font-weight:600; text-align:center; padding:11px; box-sizing:border-box; vertical-align: middle;}
.textarea {background:#ffffff; color:#333333; font-size:14px; font-weight:600; text-align:center; line-height:20px; padding:10px; box-sizing:border-box; vertical-align: middle;}
input.radio {width:18px; height:18px; vertical-align:middle;} 
input.check {width:18px; height:18px; vertical-align:middle;}
input {color:#333333;}
input::-webkit-input-placeholder {color:#999999;}
input::-moz-placeholder {color:#999999;}
textarea {color:#333333;}
textarea::-webkit-input-placeholder {color:#999999;}
textarea::-moz-placeholder {color:#999999;}*/




#movie01 {margin:0 auto; background:#ffffff; width:875px; font-size: 0; position: relative;}
#movie02 {margin:0 auto; background:#ffffff; width:875px; font-size: 0; position: relative;}
#movie03 {margin:0 auto; background:#ffffff; width:875px; font-size: 0; position: relative;}
#movie04 {margin:0 auto; background:#ffffff; width:875px; font-size: 0; position: relative;}
#movie05 {margin:0 auto; background:#ffffff; width:875px; font-size: 0; position: relative;}
#movie06 {margin:0 auto; background:#ffffff; width:875px; font-size: 0; position: relative;}
#movie07 {margin:0 auto; background:#ffffff; width:875px; font-size: 0; position: relative;}
#popup01 {margin:0 auto; background:#ffffff; width:1280px; font-size: 0;}
#popup02 {margin:0 auto; background:#ffffff; width:1280px; font-size: 0;}
#policy_modal {margin:0 auto; background:#ffffff; max-width:800px; max-height:600px; overflow-y:scroll; }
#policy_modal .mfp-close {background:#ffffff; position:fixed; right:0; top:0;}
#policy_modal .policy {color:#333333; font-size:0.8rem; line-height:170%; white-space:pre-line; padding:3%;}
#policy_modal .policy strong {color:#000000; font-size:1rem; line-height:180%;}


#movie01 .mfp-close,
#movie02 .mfp-close,
#movie03 .mfp-close,
#movie04 .mfp-close,
#movie05 .mfp-close,
#movie06 .mfp-close,
#movie07 .mfp-close {
	top: -40px;
    color: #ffffff;
    background: #b71b1c;
    font-size: 18px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    opacity: 1;
    font-family: inherit;
}





/* quick */
.quick {position:fixed;right:0;top:20%;/*height:600px;background:#f5f5f5;*/z-index:99;/*overflow:hidden*/overflow:visible}
.quick1 {float:left}
.quick1>a {
    position: relative;
    display: block;
    width: 160px;
    overflow: hidden; 
    text-align: center;
}
.quick_content {
	position: relative;
    float: left;
    width: 400px;
    /*height: 600px;*/
    background: #eeeeee;
    padding: 60px;
}
.q_title {font-size:30px;color:#242424;font-weight:600; margin-bottom: 10px;}
.q_text {font-size:16px;color:#666666;font-weight:400; margin-bottom: 30px;}
.q_close {position:absolute;top:0;right:0}
.tbl_quick {width: 100%;font-size: 15px;color: #333;}
.tbl_quick .gubun1 {float: left; width: 49%; background: #ffffff; text-align: center; padding: 12px 0 8px; font-weight: 600; vertical-align: middle; border: 1px solid #e7e7e7;}
.tbl_quick .gubun2 {float: right; width: 49%; background: #ffffff; text-align: center; padding: 12px 0 8px; font-weight: 600; vertical-align: middle; border: 1px solid #e7e7e7;}
.tbl_quick input {width:100%; padding:15px; border:1px solid #e7e7e7; box-sizing: border-box;}
.tbl_quick textarea {width:100%; height:150px; padding:10px; border:1px solid #e7e7e7; box-sizing: border-box;}
.tbl_quick input[type=radio] {width:18px; height:18px; vertical-align:middle;} 
.tbl_quick input[type=checkbox] {width:18px; height:18px; vertical-align:middle;}
.tbl_quick a {text-decoration: none; color: #666666;}
.tbl_quick .form_btn {
	margin-top: 20px;
    border: none;
    background: #b71c1c;
    height: 50px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
	}

.clear {display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; border:none;}




/*#tab {
	width: 1280px;
    margin: 60px auto 100px;
    display: table;
	box-sizing: border-box;
}
#tab a {
	width: 16.6%;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    padding: 20px 0;
    border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	display: table-cell;
	color: #333;
	font-weight: bold;
}
#tab a:first-child {
    border-left: 1px solid #ddd;
}
#tab a:hover {
	color: #cc122a;
}
#tab a.active {
	color: #fff;
	font-weight: bold;
	background: #cc122a;
	border: 1px solid #cc122a;
}*/




.tabs {
	width: 1280px;
	margin: 60px auto 100px;
	display: table;
	box-sizing: border-box;
}
.tabs li {
	width: calc(100% / 7);
	font-size: 18px;
	text-align: center;
	display: inline-block;
	padding: 20px 0;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	display: table-cell;
	color: #333;
	font-weight: bold;
	cursor: pointer;
}
.tabs li:first-child {
    border-left: 1px solid #ddd;
}
.tabs li:hover {
	color: #cc122a;
}
 
.tabs li.current{
  color: #fff;
	font-weight: bold;
	background: #cc122a;
	border: 1px solid #cc122a;
}
 
.tab-content{
  display: none;
}
 
.tab-content.current{
  display: inherit;
}




.map_img {width:100%;}
.map_img img[usemap] {
	display:block;
	border: none;
	height: auto;
	width: 100%;
}




#view01 ul, #view02 ul {
	width: 1000px;
    margin: 0 auto;
}
#view01 ul li, #view02 ul li {
	float: left;
	cursor: pointer;
}