@charset "utf-8";

/*
@font-face {
	font-family: 'n-go';
	src: url('/_text/NanumGothic.eot');
	src: local("☺"),
		url('/_text/NanumGothic.eot?') format('eot'),
		url('/_text/NanumGothic.woff') format('woff'),
		url('/_text/NanumGothic.ttf') format('truetype');
}
@font-face {
	font-family: 'n-goB';
	src: url('/_text/NanumGothicBold.eot');
	src: local("☺"),
		url('/_text/NanumGothicBold.eot?') format('eot'),
		url('/_text/NanumGothicBold.woff') format('woff'),
		url('/_text/NanumGothicBold.ttf') format('truetype');
}
*/


/* basic */
*, html, body { margin: 0; padding: 0; font-family:Dotum;}
html {overflow-y:scroll; overflow-x:hidden;}
div, table, th, td, p, span, form, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, img, iframe, a { margin: 0; padding: 0; border: 0; cursor:normal; vertical-align:top;}
div, table, th, td { border-collapse: collapse;}
img, input, button { vertical-align: middle;}
img {border:0; vertical-align:top;}
button { margin: 0; padding: 0; border: 0; background: none;}
ul, ol, li { list-style: none;}
a {text-decoration:none; cursor:pointer; vertical-align:top;} 
a, img, input { outline: none; selector-dummy:expression(this.hideFocus=true);}



/* layout - 기본 */
.wrap {max-width:810px; margin:0 auto; padding:10px 10px;}
.big_box {padding:0 30px 30px; border-radius:5px;}
.first_section {padding-top:30px;}
.section {min-height:200px; padding-top:50px;}

.nav_wrap {position:fixed; right:50%; top:10px; z-index:100; margin-right:-535px; opacity:0.6; filter:alpha(opacity=60);}
.nav_area {padding-top:10px; border-radius:5px;}
.nav_area ul {position:relative; padding:0 10px 70px;}
.nav_area a {display:block; width:90px; height:24px; line-height:24px; padding:0 5px; font-size:12px; border-radius:3px;}
.nav_area a span {letter-spacing:-1px;}
.nav_area a b {font-weight:normal;}
.nav_area .link_top {position:absolute; left:10px; bottom:10px;}
.nav_area .link_top a {background:none !important;}

.info_area {*zoom:1;}
.info_area:after {display:block; clear:both; content:"";}
.info_area .thum {float:left; width:50%;}
.info_area .con {float:right; width:45%;}
.info_area .logo {float:right; width:45%;}
.info_area .data {float:right; width:45%;}
.info_area .tel {display:none;}

.title {position:relative; /* margin-bottom:10px; */ padding-bottom:10px;}
.title div {width:18%;}
.title a {position:absolute; right:0; bottom:10px; display:block; width:6%; margin-top:2px;}
.title img {width:100%;}
.title p {display:none;}
#section-2 .tit02 {display:block;}
#section-3 .tit03 {display:block;}
#section-4 .tit04 {display:block;}
#section-5 .tit05 {display:block;}
#section-6 .tit06 {display:block;}

.con_m {display:none;}

.movie p {padding:10px 0 15px;}
.map {padding:10px 0 0;}
.movie iframe,
.map iframe {width:100%; height:400px;}

.photo {*zoom:1;}
.photo:after {display:block; clear:both; content:"";}
.photo p {margin-top:10px;}
.photo .left {float:left; width:49%;}
.photo .right {float:right; width:49%;}

.sns {margin-top:25px;*zoom:1;}
.sns:after {display:block; clear:both; content:"";}
.sns p {float:left; margin-right:10px;}

.footer {padding:10px 0 5px; height:20px; line-height:20px; text-align:center; font-size:12px; letter-spacing:-1px;}



/* layout - max 910 */
@media only screen and (max-width: 910px) {

.nav_wrap {position:fixed; right:10px; top:10px; width:40px; margin:0;}
.nav_area ul {padding:0 5px 70px; text-align:center;}
.nav_area a {width:20px; height:20px; line-height:25px; padding:5px;}
.nav_area .link_top {position:absolute; left:5px; bottom:10px;}
.nav_area .link_top a {font-size:14px; font-weight:bold;}
.nav_area span {display:none;}

.title {position:relative; padding-bottom:5px;}
.title a {bottom:5px;}

}


/* layout - max 750 */
@media only screen and (max-width: 750px) {
.movie p {padding:10px 0 15px;}
.map {padding:10px 0 0;}
.movie iframe,
.map iframe {width:100%; height:350px;}

}


/* layout - max 650 */
@media only screen and (max-width: 650px) {
.section {padding-top:30px;}

.title div {width:25%;}
.title a {position:absolute; right:0; bottom:10px; display:block; width:10%; margin-top:2px;}

.con_w {display:none;}
.con_m {display:block;}

.movie p,
.map {padding:10px 0 15px;}
.movie iframe,
.map iframe {width:100%; height:300px;}

.photo {*zoom:1;}
.photo:after {display:block; clear:both; content:"";}
.photo p {float:none !important; width:100% !important; margin-top:0px;}

.sns {margin:5px 0 5px;}

}



/* layout - max 500 */
@media only screen and (max-width: 500px) {
.wrap {min-width:300px; margin-top:45px; padding:5px;}
.big_box {padding:0 10px 10px;}
.first_section {padding-top:10px;}
.section {min-height:100px; padding-top:60px;}

.nav_wrap {position:fixed; left:0px; top:0px; width:100%; min-width:300px; margin:0; opacity:0.7; filter:alpha(opacity=70);}
.nav_area {margin:0 5px; border-top-left-radius:0; border-top-right-radius:0;}
.nav_area ul {text-align:center; padding:0 0 10px;}
.nav_area ul li {display:inline;}
.nav_area a {display:inline-block; width:auto; padding:0 7px; font-size:13px;}
.nav_area a span {display:inline;}
.nav_area a b {display:none;}
.nav_area .link_top {display:none;}

.info_area .thum {float:none; width:100%;}
.info_area .logo {float:none; width:70%; margin-bottom:3%; border:0 !important;}
.info_area .data {float:none; width:100%;}
.info_area .tel {display:block; margin-top:3%; padding-bottom:15px; border-bottom:1px dotted #ccc;}
.info_area .tel a {display:block; height:36px; line-height:36px; font-size:15px; font-weight:bold; text-align:center;
	border:1px solid #aaa; border-radius:4px; box-shadow:1px 1px 3px #ccc;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
	}

.title {padding-bottom:3px; text-align:center;}
.title div {width:35%;}
.title a {position:absolute; right:0; bottom:1px; display:block; width:15%; margin-top:2px;}

.con_w {display:none;}
.con_m {display:block;}

.movie p {padding:5px 0 10px;}
.map {padding:5px 0 10px;}
.movie iframe {width:100%; height:200px;}
.map iframe {width:100%; height:300px;}

.photo {*zoom:1;}
.photo:after {display:block; clear:both; content:"";}
.photo p {float:none !important; width:100% !important; margin-top:0px;}

.sns {margin:10px 0 10px;}

}