@charset "utf-8";

#visual {height:500px;background:#333;overflow:hidden;padding-top: 0px;}
#visual .slick-slider,
#visual .slick-list,
#visual .slick-track,
#visual .slick-slide,
#visual .slick-slide > div {height:100%;}
#visual .visual {display:block;width:100%;height:100%;position:relative;color:#fff;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
#visual .visual:hover {text-decoration:none;}
#visual .visual:after {content:'';display:block;left:0;top:0;width:100%;height:100%;position:absolute;z-index:1;}
#visual .visual.light:after {}
#visual .visual .wrap {padding-top:300px;padding-left:40px;font-family:'Noto Sans KR',sans-serif;z-index:2;}
#visual .visual strong {display:block;font-size:64px;line-height:1.2;font-weight:bold;margin-bottom:50px;text-shadow:#000 0 0 10px;}
#visual .visual strong small {display:block;}
#visual .visual .wrap div {font-size:14pt;line-height:1.2;transition:color 0.3s;}


#visual .visual {position:relative;background-color:#000;overflow:hidden;}
#visual .visual.typo{position:absolute;width:1000px;height:320px;left:50%;top:50%;margin-top:-160px;margin-left:-500px;text-align:center;z-index:4001;}
#visual .visual .typo .t_eng{font-size:30px;font-weight:300;color:#fff;letter-spacing:0px;padding-top:5px;opacity:1.0;letter-spacing:0px;}
#visual .visual .typo .t_slogan1{font-size:55px;font-weight:700;color:#fff;line-height:70px;padding:0px 0;letter-spacing:0px;opacity:0.99;letter-spacing:-1px;text-shadow:1px 1px 1px rgba(0,0,0,0.25);margin-top: 250px;}
#visual .visual .typo .t_slogan2{font-size:30.4px;font-weight:300;color:#fff;line-height:42px;letter-spacing:0px;opacity:0.95;letter-spacing:-2px;text-shadow:1px 1px 1px rgba(0,0,0,0.25);}


#visual .typo{text-align: center; }
#visual .typo p{font-size:16px;font-weight:300;color: #fff;letter-spacing:1px;opacity:0.6;padding-top:10px;}
#visual .typo h2{font-size: 54px; color: #fff; line-height:54px;  font-weight: 500; opacity:0.92;margin-top:6px;}

body.light #visual {background:#eef;}
body.light #visual .visual {color:#333;}
body.light #visual .visual strong {text-shadow:#fff 0 0 10px;}



#about {padding:0px 0 30px 0;background-color:#f8f8f8;/*background-image: repeating-linear-gradient(90deg, hsla(352,0%,68%,0.09) 0px, hsla(352,0%,68%,0.09) 1px,transparent 1px, transparent 96px),repeating-linear-gradient(0deg, hsla(352,0%,68%,0.09) 0px, hsla(352,0%,68%,0.09) 1px,transparent 1px, transparent 96px),repeating-linear-gradient(0deg, hsla(352,0%,68%,0.09) 0px, hsla(352,0%,68%,0.09) 1px,transparent 1px, transparent 12px),repeating-linear-gradient(90deg, hsla(352,0%,68%,0.09) 0px, hsla(352,0%,68%,0.09) 1px,transparent 1px, transparent 12px),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));*/}
#about h2 {text-align:center;padding:0;margin:0;font-size:35px;font-family:"나눔명조","나눔고딕";}
#about ul.info {display:block;padding:0;margin:0;}
#about ul.info li {display:block;float:left;width:25%;text-align:center;padding:0 2%; margin:0;box-sizing:border-box;}
#about ul.info li a {padding:0;}
#about ul.info li strong {display:block;font-weight:600; font-size:20px; margin:115px 0 0px 0;}
#about ul.info li span { color:#4F4F4F; font-size:14px;}
#about ul.info li span em { color:#BF1600; font-size:15px; font-style:normal; font-weight:600;}
#about ul.info li:nth-child(4n+1) {background:url(/coding/assets/img/about_bg01.png) no-repeat 50% 0%;}
#about ul.info li:nth-child(4n+2) {background:url(/coding/assets/img/about_bg02.png) no-repeat 50% 0%;}
#about ul.info li:nth-child(4n+3) {background:url(/coding/assets/img/about_bg03.png) no-repeat 50% 0%;}
#about ul.info li:nth-child(4n+4) {background:url(/coding/assets/img/about_bg04.png) no-repeat 50% 0%;}
#about ul.info li a:hover { color:#211481;text-decoration:none;}



#photos {padding:80px 0 80px 0;background:url(/coding/assets/img/bg_photo.gif) repeat;}
#photos h2 {text-align:center;padding:0;margin:0;font-size:40px;color:#fff;}
#photos ul:before,
#photos ul:after {content:'';clear:both;display:table;}
#photos ul {display:block;padding:0;margin:50px 0 0 0;}
#photos ul li {display:block;width:277px; margin-left:30px;float:left;}
#photos ul li:nth-child(4n+1) {margin-left:0;}
#photos ul li a {position:relative;overflow:hidden;}
#photos ul li a img {width:100%;opacity:0.9;background-size:cover;background-repeat:no-repeat;background-position:50% 0;}
#photos ul li a strong {position:absolute;left:0;bottom:44px;width:100%;background-color:#000;color:#fff;opacity:0.8;font-size:17px; letter-spacing:-1px; height:55px;padding:15px 0; text-align:center;box-sizing:border-box;}
#photos ul li a em {display:block; font-style:normal;margin:0; padding:10px 20px 0 20px;font-size:14px; line-height:30px; color:#2B5292; background-color:#fff;}
#photos ul li a span {float:left; width:100%; margin:0; padding:0 20px 20px 20px; letter-spacing:-1px;background-color:#fff;font-size:15px; color:#000;box-sizing:border-box;}
#photos ul li a img,
#photos ul li a strong {transition:all 0.3s;}
#photos ul li a:focus img,
#photos ul li a:hover img {opacity:1;}
#photos ul li a:focus strong,
#photos ul li a:hover strong {background-color:#000;color:#fff;opacity:0.8;}




/*시공실적*/
.prg-tab {width:100%; margin-bottom:5px; overflow:hidden;}
.prg-tab li {width:20%; height:50px; float:left; background:#f3f3f3; box-sizing:border-box; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;  }
.prg-tab li:first-child {border-left:1px solid #ddd;}
.prg-tab li a {display:block; font-size:20px; font-weight:600; color:#666; text-align:center; line-height:50px;}
.prg-tab li.active{background:#fff; border:1px solid #000;}
.prg-tab li.active a{color:#000;}


.section-2 {width:100%;padding:20px 0 50px 0;/*background:url(/coding/assets/img/bg_photo.gif) repeat;background-color: #295993;*/background-image: linear-gradient(90deg, rgba(125, 125, 125, 0) 0%, rgba(125, 125, 125, 0) 7%,rgba(194, 194, 194, 0) 7%, rgba(194, 194, 194, 0) 29%,rgba(124, 124, 124, 0) 29%, rgba(124, 124, 124, 0) 57%,rgba(237, 237, 237, 0) 57%, rgba(237, 237, 237, 0) 59%,rgba(110, 110, 110, 0) 59%, rgba(110, 110, 110, 0) 100%),linear-gradient(90deg, rgba(6, 6, 6, 0.01) 0%, rgba(6, 6, 6, 0.01) 20%,rgba(210, 210, 210, 0.01) 20%, rgba(210, 210, 210, 0.01) 64%,rgba(10, 10, 10, 0.01) 64%, rgba(10, 10, 10, 0.01) 82%,rgba(72, 72, 72, 0.01) 82%, rgba(72, 72, 72, 0.01) 88%,rgba(127, 127, 127, 0.01) 88%, rgba(127, 127, 127, 0.01) 100%),linear-gradient(90deg, rgba(4, 4, 4, 0.06) 0%, rgba(4, 4, 4, 0.06) 56%,rgba(6, 6, 6, 0.06) 56%, rgba(6, 6, 6, 0.06) 65%,rgba(110, 110, 110, 0.06) 65%, rgba(110, 110, 110, 0.06) 83%,rgba(136, 136, 136, 0.06) 83%, rgba(136, 136, 136, 0.06) 100%),linear-gradient(349deg, rgba(137, 137, 137, 0.02) 0%, rgba(137, 137, 137, 0.02) 43%,rgba(112, 112, 112, 0.02) 43%, rgba(112, 112, 112, 0.02) 100%),linear-gradient(47deg, rgba(184, 184, 184, 0.06) 0%, rgba(184, 184, 184, 0.06) 36%,rgba(32, 32, 32, 0.06) 36%, rgba(32, 32, 32, 0.06) 100%),linear-gradient(83deg, rgba(222, 222, 222, 0.07) 0%, rgba(222, 222, 222, 0.07) 98%,rgba(143, 143, 143, 0.07) 98%, rgba(143, 143, 143, 0.07) 100%),repeating-linear-gradient(0deg, rgba(244, 244, 244, 0.08) 0px, rgba(244, 244, 244, 0.08) 72px,rgba(155, 155, 155, 0.08) 72px, rgba(155, 155, 155, 0.08) 179px,rgba(102, 102, 102, 0.08) 179px, rgba(102, 102, 102, 0.08) 477px,rgba(133, 133, 133, 0.08) 477px, rgba(133, 133, 133, 0.08) 580px,rgba(83, 83, 83, 0.08) 580px, rgba(83, 83, 83, 0.08) 614px),repeating-linear-gradient(135deg, rgba(115, 115, 115, 0.03) 0px, rgba(115, 115, 115, 0.03) 266px,rgba(99, 99, 99, 0.03) 266px, rgba(99, 99, 99, 0.03) 273px,rgba(115, 115, 115, 0.03) 273px, rgba(115, 115, 115, 0.03) 351px,rgba(229, 229, 229, 0.03) 351px, rgba(229, 229, 229, 0.03) 439px),repeating-linear-gradient(45deg, rgba(72, 72, 72, 0.01) 0px, rgba(72, 72, 72, 0.01) 232px,rgba(65, 65, 65, 0.01) 232px, rgba(65, 65, 65, 0.01) 345px,rgba(140, 140, 140, 0.01) 345px, rgba(140, 140, 140, 0.01) 348px,rgba(26, 26, 26, 0.01) 348px, rgba(26, 26, 26, 0.01) 547px),repeating-linear-gradient(45deg, rgba(68, 68, 68, 0.05) 0px, rgba(68, 68, 68, 0.05) 115px,rgba(182, 182, 182, 0.05) 115px, rgba(182, 182, 182, 0.05) 246px,rgba(14, 14, 14, 0.05) 246px, rgba(14, 14, 14, 0.05) 272px,rgba(80, 80, 80, 0.05) 272px, rgba(80, 80, 80, 0.05) 298px,rgba(37, 37, 37, 0.05) 298px, rgba(37, 37, 37, 0.05) 434px),repeating-linear-gradient(135deg, rgba(46, 46, 46, 0.03) 0px, rgba(46, 46, 46, 0.03) 107px,rgba(169, 169, 169, 0.03) 107px, rgba(169, 169, 169, 0.03) 182px,rgba(71, 71, 71, 0.03) 182px, rgba(71, 71, 71, 0.03) 321px,rgba(182, 182, 182, 0.03) 321px, rgba(182, 182, 182, 0.03) 359px),linear-gradient(90deg, #084da4 0%,#01aeb6 100%);}
.sec-body {width: calc(1200px + 20px); height:440px; margin:0 auto; }
.sec-box {width:22.8%; margin:30px 0px 0 26px; float:left;}
.sec-box-img { position:relative;}
.sec-box-img h1 {position:absolute; bottom:0; left:0; margin:0; padding:0; width: calc(100% - 1px);height:45px; line-height:45px; text-align:center; font-size:18px; color:#fff; font-weight:500; background:rgba(0,0,0,0.8);}
.sec-box-text {width:calc(100% - 1px); padding:10px 20px; background:#fff; border: 1px solid #e5e5e5;}
.sec-box-text h1 {font-size:14px; line-height:14px; color:#023894;}
.sec-box-text h2 {font-size:15px !important; line-height:15px; color:#000; padding:0 !important; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; text-align:left !important; letter-spacing:-1px;}
.sec-box-text p {font-size:16px; line-height:25px; color:#888;  width:245px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}




/*				프로그램					*/
.program-1 {width:1200px; margin:0 auto; margin-bottom:50px;}
.program-2 {width:1200px; margin:0 auto; }
.program-3 {width:1200px; margin:0 auto; margin-bottom:50px; border-bottom:1px solid #ddd; }
.program-title-1 {font-size:40px; line-height:51px; color:#fff; font-weight:600; padding-top:0; padding-bottom:5px; margin-bottom:5px; position:relative; text-align:center;margin-top: 20px;}
.program-title-1:after {position:absolute; content:''; width:160px; height:1px; bottom:0; left:50%; margin-left:-80px;}
.program-title-2 {font-size:18px; line-height:33px;font-weight:400; color:#000; text-align:center; margin-bottom:30px;}
.program-title-2 span {display:block;}

.program-box {width:100%; overflow:hidden; padding-bottom:50px;}
.program-2 .program-box {padding-bottom:10px;}
.program-box-left {float:left; width:350px;}
.program-box-left img {max-width:100%;  box-shadow: 5px 5px 10px rgba(50,50,50,0.1);}
.program-box-right {float:left; width:800px; margin-left:50px;}
.program-box-right h1 {font-size:30px; font-weight:600; color:#023894; line-height:40px; margin-top:30px; margin-bottom:20px;     word-break: keep-all;}
.program-box-right h1 span {display:inline-block; box-sizing:border-box; padding:0 15px; height:30px; margin:5px 0; border-radius:5px; background:#023894; color:#fff; font-size:18px; line-height:30px; font-weight:600; text-align:center; margin-right:15px;}
.program-box-right h1 b {display:block; margin-top:-40px; padding-left:95px; }
.program-box-right h2 {font-size:18px; font-weight:600; color:#333; line-height:30px; padding-bottom:20px; }
.program-box-right div {padding:20px 0; border-top:1px solid #ddd;}
.program-box-right div span {font-size:16px; color:#333; line-height:30px; font-weight:400; display:block;}
.program-box-right div span b {font-size:16px; color:#000; font-weight:600; margin-right:20px;}
.program-box-right p {padding-left:15px; position:relative; font-size:16px; color:#333; line-height:30px;}
.program-box-right p:after {position:absolute; width:4px; height:4px; content:''; background:#666; border-radius:50%; top:12px; left:0;}

.prg-box-1 {width:100%; padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #ddd;}
.prg-box-2 {width:100%; padding-bottom:100px;}
.prg-box-3 {width:100%;}
.prg-box-4 {width:100%; margin-top:50px;}
.prg-box-1-img {width:100%; overflow:hidden; margin-top:20px;}
.img-01 {width:32.5%; float:left; margin-left:1.25%; }
.img-02 {width:49.5%; float:left; margin-left:1%; }
.img-03 {width:16.666%; float:left; margin-left:1%; }
.img-04 {width:32.5%; float:left; margin-left:1.25%; }
.img-04 h4 {text-align:center; font-size:16px; color:#000; line-height:16px; margin-top:20px;}
.img-04 img{max-width:100%;}
.prg-box-1-img img{display:inline-block; max-width:100%; }
.prg-box-1-img div:first-child {margin-left:0;}
.prg-box-1-text-top {margin:30px 0;}
.prg-box-1-text-top h1 {font-size:16px; color:#333;line-height:30px; font-weight:400;} 
.prg-box-1-text-top h1 span {width:80px; font-size:16px; color:#000; line-height:30px; font-weight:600; display:inline-block;}
.prg-box-1-text-bottom p {font-size:16px; color:#333; line-height:28px; padding-left:15px; position:relative; }
.prg-box-1-text-bottom p:after {position:absolute; content:''; width:4px; height:4px; border-radius:50%; top:10px; left:0; background:#777;}
.prg-box-1-text-bottom p span {display:block;}



#gallery {padding:40px 0 50px 0;}
#gallery h2 {text-align:center;padding:0;margin:0;font-size:40px;color:#000; font-weight:600; text-transform:uppercase;}
#gallery ul {padding:0;margin:40px 0 0 0;}
#gallery ul li { display:inline;float:left; width:20%; margin:0; padding:0;box-sizing:border-box;}
#gallery ul li:nth-child(5n+1) {margin-left:0;}

/* 고객센터 */
.main-content .cs {/*background:#3e7ccc;*/background-image: repeating-linear-gradient(0deg, hsla(13,0%,82%,0.05) 0px, hsla(13,0%,82%,0.05) 1px,transparent 1px, transparent 56px),repeating-linear-gradient(45deg, hsla(13,0%,82%,0.05) 0px, hsla(13,0%,82%,0.05) 1px,transparent 1px, transparent 56px),repeating-linear-gradient(112.5deg, hsla(13,0%,82%,0.05) 0px, hsla(13,0%,82%,0.05) 1px,transparent 1px, transparent 16px),repeating-linear-gradient(157.5deg, hsla(13,0%,82%,0.05) 0px, hsla(13,0%,82%,0.05) 1px,transparent 1px, transparent 16px),repeating-linear-gradient(22.5deg, hsla(13,0%,82%,0.05) 0px, hsla(13,0%,82%,0.05) 1px,transparent 1px, transparent 16px),repeating-linear-gradient(67.5deg, hsla(13,0%,82%,0.05) 0px, hsla(13,0%,82%,0.05) 1px,transparent 1px, transparent 16px),linear-gradient(90deg, hsl(214deg 58% 52%),hsl(214deg 58% 52%));}
.main-content .cs {height:359px; color:#fff;}
.main-content .cs div,.main-content .cs p,.main-content .cs h3 ,.main-content .cs a {color:#fff;}
.main-content .cs .btn-wrap > .btn {border:1px solid #fff;}
.main-content .cs .btn-wrap > .btn:hover {background:#fff; color:#666;}
.main-content .cs span {display:inline-block;vertical-align:top}

.ctr {text-align: center;}
.main-content .cs {height: 200px;color: #fff;}
.main-content .cs {background: #3e7ccc;background-image: repeating-linear-gradient(0deg, hsla(13,0%,82%,0.05) 0px, hsla(13,0%,82%,0.05) 1px,transparent 1px, transparent 56px),repeating-linear-gradient(45deg, hsla(13,0%,82%,0.05) 0px, hsla(13,0%,82%,0.05) 1px,transparent 1px, transparent 56px),repeating-linear-gradient(112.5deg, hsla(13,0%,82%,0.05) 0px, hsla(13,0%,82%,0.05) 1px,transparent 1px, transparent 16px),repeating-linear-gradient(157.5deg, hsla(13,0%,82%,0.05) 0px, hsla(13,0%,82%,0.05) 1px,transparent 1px, transparent 16px),repeating-linear-gradient(22.5deg, hsla(13,0%,82%,0.05) 0px, hsla(13,0%,82%,0.05) 1px,transparent 1px, transparent 16px),repeating-linear-gradient(67.5deg, hsla(13,0%,82%,0.05) 0px, hsla(13,0%,82%,0.05) 1px,transparent 1px, transparent 16px),linear-gradient(90deg, hsl(214deg 58% 52%),hsl(214deg 58% 52%));}
.main-content .maincon-tit {display:inline-block; padding-top:20px; font-weight:bold; font-size:35px; }
.main-content .maincon-subtit {margin-top:5px; font-weight:300; font-size:22px; line-height:12px; }
.main-content .maincon-des {margin-top:14px; line-height:26px;font-size:16px; color:#666;}
.main-content .maincon-subtit + .btn-wrap,.main-content .maincon-des + .btn-wrap {margin-top:30px}
.main-content .maincon-des + .btn-wrap .btn, .main-content .maincon-subtit + .btn-wrap .btn {min-width:150px; padding:13px 30px 13px; border:1px solid #fff; box-sizing:border-box}
.main-content .maincon-des + .btn-wrap .btn:hover,.main-content .maincon-subtit + .btn-wrap .btn:hover {background:#00274f;; color:#fff;}

.scroll_top_area .scroll_inner { }

/* SVG Curves */
.topLeftRounded {position: absolute; fill: #f7f7f7;	margin-top: -100px;	z-index: 9;transform: scaleX(-1);}
.bottomRightRounded {position: absolute;fill: #f7f7f7;z-index: 9;transform: rotate(180deg);	}
.position-relative {position: relative!important;}
.shape:not([class*=shape-blur]) {overflow: hidden;}
.shape-bottom {right: 0;bottom: 0; left: 0;}
.shape {position: absolute; pointer-events: none;}
.text-light {color: #f9fbfd!important;}


@media (max-width:1680px) {
	#banners ul {width:1200px;left:0;}
	#banners ul li {width:300px;}
}

@media (max-width:1000px) {
	#visual {height:480px;}
	#visual .visual .wrap {padding-top:180px;}

	#visual .visual strong {text-align:center;}
	#visual .visual .wrap {padding-top:160px;}
	#visual .visual .wrap div {text-align:center; margin-bottom:10px;}
	#visual .visual .typo .t_slogan1 {visibility: hidden;}
    #visual .visual .typo .t_slogan2 {visibility: hidden;}
	#visual .visual.typo {visibility: hidden;}

	#about {padding:20px 0 30px 1%; background-color:#F8F8F8;}
	#about ul.info {padding:0;margin:0; width:98%;}
	#about ul.info li {margin-left:0; height:auto;}
	
	#about ul.info li strong {font-size:17px;}
	#about ul.info li span { color:#4F4F4F; font-size:12px; letter-spacing:-1px;}
	#about ul.info li span em { color:#BF1600; font-size:15px; font-style:normal; font-weight:600;}

    .section-2 {width:100%;padding:20px 0 20px 0;}
	.sec-body {width:100%; height:350px; margin:0 auto; padding:0 2% 40px 2%;}
	.sec-box {width:23%; margin:30px 0 0 10px;}
	.sec-box-img {width:100%; height:auto;;}
	.sec-box-img h1 {position:absolute;width:100%; ;font-size:15px;}
	.sec-box-text {width:100%; padding:10px 20px;}
	.sec-box-text h1 {font-size:12px; line-height:12px;}
	.sec-box-text h2 {font-size:13px !important; line-height:13px; }


	#photos {padding-bottom:20px;background-size:cover;}
	#photos ul {text-align:center;}
	#photos ul li { width:45%;display:inline-block;float:none;margin-bottom:25px; text-align:left;}
	#photos ul li:nth-child(2n+1) {margin-left:0;}
	#photos ul li a {display:block;}
	#photos ul li a strong {bottom:0;}

    #gallery {padding:50px 0 50px 0;}
	#gallery h2 {text-align:center;padding:0;margin:0;font-size:40px;color:#000; font-weight:600; text-transform:uppercase;}
	#gallery ul {padding:0;margin:40px 2%;}
	#gallery ul li {width:19%; margin:0 0 0 1%; }

	#banners ul {width:100%;left:0;}
	#banners ul li {width:50%;}
	#banners ul li a {border-width:0;}
	#banners ul li:nth-child(2n+1) a {border-right:solid 1px #ccc;}
	#banners ul li:nth-child(3),
	#banners ul li:nth-child(4) {border-top:solid 1px #ccc;}

	.main-content .maincon-tit {display:inline-block; padding-top:25px; font-weight:bold; font-size:20px; }
    .main-content .maincon-subtit {margin-top:5px; font-weight:300; font-size:22px; line-height:12px; }
	.main-content .cs {height: 200px;color: #fff;}

	#footer-wrap { width: 100%px; margin: 0 auto; line-height: 1.6em;}
}

@media (max-width:540px) {

    #visual {height:400px;}
	
	#visual .visual strong {font-size:34px; text-align:center;}
	#visual .visual .wrap {padding-left:20px;padding-top:140px;}
	#visual .visual .wrap div {font-size:15px; text-align:center; margin-bottom:10px;}
	#visual .visual .typo .t_slogan1 {visibility: hidden;}
    #visual .visual .typo .t_slogan2 {visibility: hidden;}

	.program-title-1 {font-size:25px; line-height:30px;}
	.section-2 {width:100%;padding:20px 0 20px 0;}
	.sec-body { display:inline-table;width:100%; margin:0 auto; padding:0 2% 20px 2%;}
	.sec-box {width:45%; margin:10px 0 0 10px;}
	.sec-box-img {width:100%; height:auto;;}
	.sec-box-img h1 {position:absolute;width:100%; ;font-size:12px; letter-spacing:-1px;}
	.sec-box-text {width:100%; padding:10px 20px;}
	.sec-box-text h1 {font-size:11px; line-height:11px;}
	.sec-box-text h2 {font-size:12px !important; line-height:12px; }



	#photos {padding:40px 0 20px 0;}
	#photos ul {margin:30px 0 0 0;}
	#photos ul li {margin-left:0 !important;width:48%; height:auto; text-align:center;}
	#photos h2 {font-size:25px;}
	#photos ul li a strong {font-size:13px;padding:10px 20px;bottom:0;}
	#photos ul li a strong em {display:none;}

	
	#about {padding:10px 0 10px 0; background-color:#f8f8f8;}
	#about h2 {font-size:25px;}
	#about ul.info {margin:0; width:100%}
	#about ul.info li {margin-left:0; width:50%;height:auto; text-align:center;padding:10px 0; line-height:15px;}		
	#about ul.info li a { margin:55px 0 0 0;font-size:11px;}
	#about ul.info li span { color:#4F4F4F; font-size:11px; letter-spacing:-1px;}
	#about ul.info li span em { color:#BF1600; font-size:13px; font-style:normal; font-weight:600;}
	#about ul.info li strong {font-size:16px; margin:80px 0 10px 0; text-align:center;}
	#about ul.info li:nth-child(4n+1) {background-size:50%;}
	#about ul.info li:nth-child(4n+2) {background-size:50%;}
	#about ul.info li:nth-child(4n+3) {background-size:50%;}
	#about ul.info li:nth-child(4n+4) {background-size:50%;}

	#gallery {padding:30px 0 30px 0;}
	#gallery h2 {font-size:25px;}
	#gallery ul {margin:20px 2%;}

	.main-content .maincon-tit {display:inline-block; padding-top:25px; font-weight:bold; font-size:25px; }
    .main-content .maincon-subtit {margin-top:5px; font-weight:300; font-size:15px; line-height:12px; }
	.main-content .cs {height: 200px;color: #fff;}
	#footer-wrap { width: 100%px; margin: 0 auto; line-height: 1.6em;}

}