@charset "utf-8";


/* Visual */
.visual					{ position:relative; width:100%; overflow:hidden; margin-top:90px; }
.visual.mobile			{ display:none;}
.slider-wrapper			{ position:relative; width:100%; overflow:hidden; margin:0; z-index:5; zoom:1}
.slider-wrapper:after	{ content:""; clear:both; display:block}
.nivo-controlNav		{ position:absolute; width:1180px; top:0; left:50%; margin-left:-600px; z-index:99;}
.nivo-controlNav:before	{ content:''; float:right; display:block; width:1px; height:230px; margin:0 auto; background:#debb49;}
.nivo-control			{ position:absolute; right:-25px; width:50px; text-align:center; font-size:24px; cursor:pointer; color:rgba(255,255,255,.6)}
.nivo-control.active	{ font-size:38px; color:#debb49; line-height:30px;}
.nivo-control:nth-child(1) { margin-top:250px;}
.nivo-control:nth-child(2) { margin-top:300px;}
.nivo-control:nth-child(3) { margin-top:350px;}
.nivo-control:nth-child(4) { margin-top:400px;}
.nivo-control:nth-child(5) { margin-top:450px;}


/* top bar */
.top_bar			{ position:relative; width:100%; background:#b1953a;}
.top_bar ul			{ width:1200px; margin:0 auto; height:70px;}
.top_bar li			{ float:left; color:#fff; line-height:70px; font-family:'Spoqa Han Sans';}
.top_bar .call		{ width:43%;}
.top_bar .time		{ width:57%;}
.top_bar dt			{ float:left; margin-right:10px; color:#ffe76a; font-size:19px; font-weight:700;}
.top_bar dt span	{ font-size:25px; margin-right:8px; vertical-align:-3px;}
.top_bar dd strong	{ margin-right:5px; font-weight:700; font-size:28px;}
.top_bar .call dd span	{ font-weight:300; font-size:15px; color:rgba(255,255,255,.8); vertical-align:top;}
.top_bar .time dd	{ display:none;}
.top_bar .time dd.on{ display:block;}
.top_bar .time dd div	{ float:left;}
.top_bar .time div:nth-child(1):after { content:'/'; display:inline-block; margin-right:10px; font-size:24px; font-weight:100;}
.top_bar .time dd strong{ margin:0 5px;}
.top_bar .time dd span	{ font-weight:300; font-size:17px; vertical-align:top;}


/* intro */
.intro			{ width:1200px; margin:120px auto 130px; overflow:hidden;}
.intro>div		{ float:left; }
.intro .video	{ margin-right:85px;}
.intro .greet	{ width:555px; height:325px; padding:20px 0; background:url('/img/main/bg_topbanner.jpg') no-repeat right; box-sizing:border-box;}
.intro .greet h2 { font-size:24px; font-weight:500; color:#111; letter-spacing:-1px;}
.intro .greet h2 span { color:#b1953a;}
.intro .greet p { margin:25px 0 60px; font-size:16px; font-weight:300; color:#807f7c; letter-spacing:-1px;}
.intro .greet a { display:block; width:215px; padding-left:5px; padding-bottom:20px; font-size:14.5px; font-weight:600; color:#94784c; border-bottom:1px solid #94784c;}
.intro .greet a span { float:right; margin-top:7px; font-size:13px;}


/* grid */
.grid			{ width:1480px; margin:0 auto; overflow:hidden;}
.grid ul li		{ position:relative; float:left; width:33.3%; height:330px;}
.grid ul li.long{ height:660px; background:url('/img/main/img_grid01.jpg') no-repeat center;}
.grid ul li:nth-child(2) { background:url('/img/main/img_grid02.jpg') no-repeat center;}
.grid ul li:nth-child(3) { background:url('/img/main/img_grid03.jpg') no-repeat center;}
.grid ul li:nth-child(4) { background:url('/img/main/img_grid04.jpg') no-repeat center;}
.grid ul li:nth-child(5) { background:url('/img/main/img_grid05.jpg') no-repeat center;}
.grid ul li	a	{ display:block; height:100%; color:#fff; background-color:rgba(0,0,0,.2); box-sizing:border-box;}
.grid ul li	.text { position:absolute; left:40px;; bottom:40px;}
.grid ul li	h3	{ font-size:26px;}
.grid ul li p	{ margin:0; font-size:16.5px; font-weight:300;}
.grid ul li	a:hover { background-color:rgba(0,0,0,0); border:7px solid #ffe76a;}


/* widebanner */
.widebanner				{ width:100%; height:545px; margin:130px auto; background:url('/img/main/bg_wide_height.jpg') no-repeat fixed center bottom;}
.widebanner .text		{ width:1200px; margin:0 auto; padding:145px 0;}
.widebanner .text h2	{ font-size:40px; font-weight:500; color:#3b3331; }
.widebanner .text h2 span { display:block; font-weight:800; font-size:0.6em; color:rgba(59,51,49,.5); letter-spacing:3px;}
.widebanner .text p		{ font-size:16.5px; font-weight:300; color:#3b3331; line-height:1.6; letter-spacing:-1px;}
.widebanner .text a		{ display:block; margin-top:50px; width:180px; padding:15px 25px; font-size:16.5px; font-weight:600; color:#fff; background:#3b3331;}
.widebanner .text a span { float:right; margin-top:5px; font-size:12px;}


/* board */
.mboard					{ width:1200px; margin:0 auto; overflow:hidden;}
.mboard>div				{ float:left;}
.mboard .board_area		{ width:725px; margin-right:115px;}
.mboard .board_area>div { float:left; width:47%;}
.mboard .notice			{ margin-right:6%;}
.mboard .board_area h2	{ margin-bottom:20px; padding-left:5px; font-size:22px; color:#2c2924;}
.mboard .board_area h2 span { margin-right:5px;font-size:21px; font-weight:600; vertical-align:-4px;}
.mboard .notice h2 span { font-size:29px;}
.mboard .cou h2 span	{ font-size:26px;}
.mboard  .more			{ display:block; float:right; margin-top:-45px; font-family:'Spoqa Han Sans'; font-weight:600; color:#aaa; line-height:25px;}
.mboard  .more:hover	{ color:#333;}

.mboard .board_area ul		{ border-bottom:1px solid #3d3b33;}
.mboard .board_area ul li	{ line-height:50px; border-top:1px solid #d8d8d6;}
.mboard .board_area ul li:before { content:''; display:inline-block; width:3px; height:3px; margin-right:10px; vertical-align:4px; background:#6e4c41;}
.mboard .board_area ul li a	{ font-size:16.5px; font-weight:300; color:#2c2924;}
.mboard .board_area ul li img{ vertical-align:0;}
.mboard .board_area .date	{ display:none;}

.mboard .search			{ width:350px; height:320px; text-align:center; background:#f7f5ea url('/img/main/bg_search.png') no-repeat center 80%; background-size:220px; box-sizing:border-box;}
.mboard .search .text	{ margin-top:35px;}
.mboard .search .text h2{ font-size:22px; color:#c59f25;}
.mboard .search .text p { margin:0 0 15px; font-weight:300; font-size:15px; color:#74726a;}
.mboard .search .form input		{ line-height:25px; font-size:14.5px; border:1px solid #e1e1e1; -webkit-border-radius:0; -webkit-appearance:none;}
.mboard .search .form input.area{ width:45%;} 
.mboard .search .form input.submit{ color:#fff; background:#c59f25; cursor:pointer;}




/* gallery */
.mgallery		{ width:100%; margin-top:130px; text-align:center;}
.mgallery h2	{ margin-bottom:35px; font-size:30px; font-weight:500; letter-spacing:2px; color:#b1953a;}
.mgallery .g_area{ width:100%; height:280px; overflow:hidden;}
.mgallery dl	{ float:left; width:16.6%;}
.mgallery dl img{ width:100%; height:280px;}
.mgallery dl dd { display:none;}






@media only screen and (max-width:2200px) {
.mgallery dl{ float:left; width:20%;}
}


@media only screen and (max-width:1800px) {
.mgallery dl{ float:left; width:25%;}
}


@media only screen and (max-width:1500px) {
.grid		{ width:100%;}
}


@media only screen and (max-width:1366px) {
.visual.pc		{ display:none;}
.visual.mobile	{ display:block;}
.visual.mobile .nivoSlider	{ width:100%; left:0; margin-left:0;}
.visual img		{ width:100%;}

.top_bar ul		{ width:90%; height:auto; padding:10px 0; overflow:hidden;}
.top_bar li		{ width:100% !important; line-height:50px;}
.top_bar .call	{ border-bottom:1px solid #bba537}

.intro			{ width:96%;}
.intro>div		{ width:45% !important;}

.widebanner .text,
.mboard			{ width:90%;}
.mboard .search { width:30%;}
.mboard .board_area { width:60%; margin-right:10%;}
		

.mgallery .g_area{ height:560px;}
.mgallery dl	{ float:left; width:33.3%;}
}


@media only screen and (max-width:1100px) {
.top_bar dd strong a	{ color:#fff;}
.mboard .board_area		{ float:none; width:100%; margin:0 0 5% 0; overflow:hidden;}
.mboard .search			{ float:none; width:100%; height:auto; padding:5% 0; background-image:none;}
.mboard .search .text	{ margin-top:0;}
}


@media only screen and (max-width:900px) {
.intro			{ width:90; margin:7% auto;}
.intro>div		{ float:none; width:100% !important;}
.intro .video iframe { width:100%;}
.intro .greet	{ height:275px; margin:5% auto 0; padding:20px 10px; background-size:60%;}

.grid ul li		{ width:50%;}
.widebanner		{ margin:10% auto; height:auto; background:url('/img/main/bg_wide.jpg') no-repeat center; }
.widebanner .text { padding:10% 0;}

.mgallery .g_area{ height:380px;}
.mgallery dl img{ height:190px;}

.mgallery { margin-top:10%;}
}

@media only screen and (max-width:600px) {
.visual { margin-top:70px;}

.top_bar ul { width:94%; padding:5px 0;}
.top_bar li { line-height:35px;}
.top_bar dt { font-size:14px;}
.top_bar dt span	{ margin-right:5px; font-size:20px;}
.top_bar dd strong	{ font-size:20px;}
.top_bar .call dd span { display:none;}
.top_bar .time div:nth-child(1):after { font-size:13px;}
.top_bar .time div		{ line-height:23px;}
.top_bar .time dd span { font-size:14px; line-height:32px;}
.top_bar .time .off { margin:-12px 0 0 46px; }

.intro .video iframe{ height:210px}
.intro .greet h2	{ font-size:20px;}
.intro .greet p		{ margin:15px 0 45px; font-size:14.5px;}
.intro .greet a		{ width:165px; padding-bottom:12px;}

.grid ul li.long	{ height:400px;}
.grid ul li			{ height:200px; background-size:150% !important;}
.grid ul li .text	{ left:15px; bottom:25px;}
.grid ul li h3		{ font-size:18px;}
.grid ul li p		{ width:80%; font-size:13px; line-height:1.3; font-weight:100;}

.widebanner			{ background-size: 200%; }
.widebanner .text h2 { font-size:28px;}
.widebanner .text p	{ font-size:13.5px;}
.widebanner .text a	{ margin-top:30px; width:150px; padding:10px 20px; font-size:14.5px;}

.mboard .board_area>div { float:none; width:100%;}
.mboard .notice { margin-right:0; margin-bottom:8%;}
.mboard .board_area ul li { line-height:34px;}
.mboard .board_area ul li a { font-size:13px;}
.mboard .board_area h2	{ margin-bottom:10px; font-size:19px;}
.mboard .notice h2 span { font-size:24px;}
.mboard .cou h2 span	{ font-size:22px;}
.mboard .more			{ margin-top:-35px;}
.mboard .search			{ margin:15% auto 5%;}
.mboard .search .text h2 { font-size:20px;}

.mgallery h2		{ margin-bottom:15px; font-size:23px;}
.mgallery .g_area	{ height:300px;}
.mgallery dl img	{ height:150px;}
}


@media only screen and (max-width:480px) {
.intro .greet h2	{ margin-top:15px; font-size:17px; font-weight:400;}
.grid ul li h3 { font-size:16.5px;}
.grid ul li.long	{ height:300px;}
.grid ul li			{ height:150px;}

.widebanner			{ background-size:300%;}
.widebanner .text h2 { font-size:22px;}
.widebanner .text a { width:130px; font-size:13.5px;}
.mgallery .g_area	{ height:180px;}
.mgallery dl img	{ height:90px;}
}


@media only screen and (max-width:350px) {
.top_bar dd strong	{ margin-bottom:15px; font-size:19px;}
}