@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:middle;
}
html {height:100%;}
body{
	font-family:'Nanum Gothic','나눔고딕','Malgun Gothic','맑은 고딕','Myriad Pro','Arial','Sans Serif';
	font-size:14px;
}
body * {word-break:normal;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}
a,a:hover {text-decoration:none; color:#333; transition:all 0.5s;}
ul {list-style-type:none;}
p {font-size:14px; line-height:20px;}
h2 {background:url(/images/common/h2.gif) center top no-repeat; text-align:center; font-family:'Nanum Myeongjo', serif; padding-top:65px; font-size:22px; margin-bottom:30px;}
h3 {font-size:16px; margin-bottom:10px;}
h4 {font-size:16px;}
@media all and (min-width:800px) {
	body {font-size:16px;}
	p {font-size:16px; line-height:30px;}
	h2 {font-size:28px; margin-bottom:60px;}
	h3 {font-size:22px; margin-bottom:15px;}
}

.wrap {width:95%; margin:0 auto; max-width:1200px;}
/*-- ############### header ########################## --*/
#top_menu {background:#ededed; overflow:hidden;}
#top_menu article:first-child {float:left;}
#top_menu article:first-child a {line-height:39px;}
#top_menu article:last-child {float:right;}
#top_menu article:last-child a {display:block; background:#666; color:#fff; padding:0 30px; line-height:39px;}
header {clear:both;}
header #logo {padding:0;}
header #logo img {width:180px;}
@media all and (min-width:1100px) {
  header #logo {float:left; width:20%;}
	header #logo img {width:270px;}
}

/*-- ################# main img######################## --*/
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/*-- PC 메인이미지 마우스오버시 좌우 버튼 --*/
@media all and (min-width:992px) {
  .carousel .carousel-control {opacity:0;}
  .carousel:hover .carousel-control {opacity:0.5;}
}

#carousel {clear:both;}
.carousel-inner .item img {display:none; width:100%;}
.carousel-inner .item {min-height:300px;} /* mobile이미지 height 크기 */
.carousel-inner .item {max-height:750px;} /* PC이미지 height 최대크기 */
.carousel-inner .img01 {background:url(/images/index/main_img01.jpg) center; background-size:cover;}
.carousel-inner .img02 {background:url(/images/index/main_img02.jpg) center; background-size:cover;}
.carousel-inner .img03 {background:url(/images/index/main_img03.jpg) center; background-size:cover;}
.carousel-inner .img04 {background:url(/images/index/main_img04.jpg) center; background-size:cover;}
/* PC일때 이미지 */
@media all and (min-width:992px) {
	.carousel-inner .item img {display:block;}
	.carousel-inner .item {width:100%; height:100%;}
}


/*-- ################ index ######################### --*/
section {clear:both; overflow:hidden; padding:40px 0;}
@media all and (min-width:800px) {
	section {padding:70px 0;}
}
#index_s01 article img {width:100%; max-width:470px;}
#index_s01 article {text-align:center;}
#index_s01 #s01_a01 {margin-bottom:20px;}
@media all and (min-width:1000px) {
	#index_s01 #s01_a01 {float:right; width:40%; margin-bottom:0px;}
	#index_s01 #s01_a02 {float:left; width:57%;}
	#index_s01 article p {line-height:36px;}
}
#index_s02 {background:url(/images/index/s02_bg.jpg) center #132164; background-size:cover; text-align:center; color:#fff;}
#index_s02 h4 {font-family:'Nanum Myeongjo', serif; font-weight:normal; font-size:22px; line-height:26px; margin-bottom:26px;}
#index_s02 .btn01 {background:none; border:1px solid #fff;}
#index_s02 .btn01:hover {background:#fff; color:#132164;}
@media all and (min-width:900px) {
	#index_s02 h4 {font-size:30px;}
}
#index_s03 {background:#ededed; text-align:right;}
#index_s03 a {display:block; color:#fff; font-weight:bold; font-size:20px; padding:40px 20px;}
#index_s03 a:hover {opacity:0.8;}
#index_s03 a:first-child {background:url(/images/index/s03_a01.jpg) right no-repeat; background-size:cover;}
#index_s03 a:last-child {background:url(/images/index/s03_a02.jpg) right no-repeat; background-size:cover;}
@media all and (min-width:1000px) {
	#index_s03 a {width:48%; font-size:30px; padding:66px 40px;}
	#index_s03 a:first-child {float:left;}
	#index_s03 a:last-child {float:right;}
}
#index_s04 {text-align:center;}


/*-- ############### footer ########################## --*/
.license {display:none;}
#foot_bottom {clear:both; overflow:hidden; background:#e6e6e6; text-align:center;}
#foot_bottom article {margin-bottom:20px;}
#foot_bottom article:last-child {margin:0;}
#foot_bottom #bottom01 a {display:block; padding:10px 0;}
#foot_bottom #bottom01 div:first-child {overflow:hidden; margin-bottom:10px;}
#foot_bottom #bottom01 div:first-child a {width:48%;}
#foot_bottom #bottom01 div:first-child a:first-child {background:#3b5998; float:left;}
#foot_bottom #bottom01 div:first-child a:last-child {background:#fff; border:1px solid #ccc; float:right;}
#foot_bottom #bottom01 div:last-child {background:url(/images/common/foot_icon_sns03.gif) 10px center no-repeat #fff; border:1px solid #ccc; text-align:left; padding-left:60px;}
#foot_bottom #bottom02 a {display:block; font-weight:bold; font-size:20px; margin-bottom:5px;}
#foot_bottom #bottom02 a span {padding:0 5px 5px 0;}
#foot_bottom #bottom03 div {width:48%;}
#foot_bottom #bottom03 div:first-child {float:left;}
#foot_bottom #bottom03 div:last-child {float:right;}
#foot_bottom #bottom03 a {display:block; background:#333; color:#fff; border-radius:5px; padding:10px 0; margin-top:8px;}
#foot_bottom #bottom03 a:hover {background:#706257; color:#fff;}
@media all and (min-width:1000px) {
	#foot_bottom article {float:left; margin:0 2% 0 0;}
	#foot_bottom article:nth-child(1) {width:28%;}
	#foot_bottom article:nth-child(2) {width:20%}
	#foot_bottom article:nth-child(3) {width:48%;}
	.license {display:block; text-align:right; font-size:14px;}
}
footer {clear:both; background:#333; text-align:center; padding:20px 0;}
footer p {font-size:14px; color:#808080;}
@media all and (min-width:800px) {
  footer {padding:30px;}
}
#goto_top {position:fixed; opacity:0.4; border-radius:5px; right:10px; bottom:10px; background:#000; color:#fff; font-size:20px; padding:0 7px 7px 7px;}
@media all and (min-width:600px) {
	#goto_top {font-size:30px; padding:0 10px 10px 10px;}
}

/*-- ################# sub content ######################## --*/
.sub_img {clear:both; text-align:center;}
.sub_img h1 {font-family:'Nanum Myeongjo', serif; color:#fff; font-weight:normal; font-size:28px; line-height:170px;}
.sub_img01 {background:url(/images/common/sub_img01.jpg) center; background-size:cover;}
.sub_img02 {background:url(/images/common/sub_img02.jpg) center; background-size:cover;}
.sub_img03 {background:url(/images/common/sub_img03.jpg) center; background-size:cover;}
.sub_img04 {background:url(/images/common/sub_img04.jpg) center; background-size:cover;}
.breadcrumb {text-align:right; margin:5px 0 7px 0;}
#sub_menu {display:none;}
@media all and (min-width:800px) {
	.sub_img h1 {font-size:40px; line-height:230px;}
	#sub_menu {display:block; text-align:center;}
}



/*-- ################ main content ######################### --*/
main {width:95%; margin:0 auto; max-width:1200px; margin-bottom:50px;}
#info_p01 {background:url(/images/info/p01_a01.jpg) top center no-repeat; padding-top:520px;}
@media all and (min-width:900px) {
	#info_p01 {background:url(/images/info/p01_a01.jpg) right top no-repeat; min-height:486px; padding:0 450px 0 0;}
	#info_p01 p {line-height:30px;}
}
.bg_gray {background:#ededed;}
.bg_brown {background:#e7e1d9;}
.history {background:url(/images/info/p02_a01.png) top center no-repeat; background-size:130px; padding-top:120px;}
@media all and (min-width:800px) {
	.history {background:url(/images/info/p02_a01.png) left center no-repeat; background-size:130px; min-height:100px; padding:0 0 0 150px;}
}
.portfolio01 {background:url(/images/info/p03_a01.png) top center no-repeat; background-size:180px; padding-top:180px;}
.portfolio02 {background:url(/images/info/p03_a02.png) top center no-repeat; background-size:190px; padding-top:180px;}
.portfolio03 {background:url(/images/info/p03_a03.png) top center no-repeat; background-size:190px; padding-top:180px;}
@media all and (min-width:800px) {
	.portfolio01 {background:url(/images/info/p03_a01.png) right center no-repeat; background-size:180px; padding:13px 0;}
	.portfolio02 {background:url(/images/info/p03_a02.png) right center no-repeat; background-size:300px; padding:0px;}
	.portfolio03 {background:url(/images/info/p03_a03.png) right center no-repeat; background-size:190px; padding:50px 0;}
}
#shaman_img {overflow:hidden;}
#shaman_img article {margin-bottom:30px;}
#shaman_img article:last-child {margin:0;}
#shaman_img .carousel-inner .item img {display:block; width:100%;}
/* PC일때 이미지 */
@media all and (min-width:900px) {
	#shaman_img article p {line-height:24px;}
	#shaman_img article:first-child {float:right; width:35%;}
	#shaman_img article:last-child {float:left; width:60%;}
}
.form-group {clear:both; overflow:hidden;}
@media all and (min-width:500px) {
	.form-group h4 {float:left; line-height:20px; width:100px;}
	.form-group p {float:left; line-height:20px;}
}
/*-- form_mail  --*/
@media all and (min-width:900px) {
	#contact {overflow:hidden; margin-bottom:20px;}
	#contact article {width:49%;}
	#contact article:first-child {float:left;}
	#contact article:last-child {float:right;}
}
#contact_btn {clear:both; text-align:center;}
#contact_btn input {transition:all 0.5s; border:none; border-radius:5px; color:#fff; background:#333; padding:10px 0; width:240px;}
#contact_btn input:hover {transition:all 0.5s; background:#779c41;}

/*-- ######################################### --*/
a.btn01 {display:inline-block; text-align:center; background:#333; color:#fff; border:none; border-radius:5px; width:240px; padding:10px 0;}
a.btn01:hover {background:#706257; color:#fff;}
a.link {color:#3d6dcc;}

.center {text-align:center;}
.ul_list {list-style-type:disc; margin-left:20px;}
@media all and (min-width:800px) {
	.ul_list li {margin-bottom:10px;}
}

.table1 {border-top:1px solid #666666; border-top:2px solid #0055a5;}
.table1 tr {border-bottom:1px solid #d9d9d9;}
.table1 tr th {background:#f0f0f0; text-align:left; padding:8px 10px; font-weight:bold;}
.table1 tr td {background:#FFFFFF; padding:6px 15px;}