
@media (max-width: 1100px) {
	#header .head-inner {position: relative; max-width: 100%; height: 80px; margin: 0 auto; }
	#header .head-inner .logo {display: inline-block; position: absolute; top: 18px; left: 10px; font-size: 20px;}
	#header .head-inner .logo a {display: block;color: #666666;}
	#header .head-inner .logo a:hover {font-weight: 700;color: #ff9900;}
	#header .head-inner .gnb {display: none;}

	#header .head-inner .icon {display: none;}

	#header .head-inner .mobile-menu {display: inline-block; position: absolute; top: 25px; right: 10px;}
	#header .head-inner .mobile-menu ul {overflow: hidden;}
	#header .head-inner .mobile-menu ul li {float: left; margin: 0 0 0 9px;}
	#header .head-inner .mobile-menu ul li:first-child {margin: 0;}
	#header .head-inner .mobile-menu ul li a {display: block;}


	/* 메인 본문 */
	#text-box { max-width:100%; margin: 0px auto 0px; }
	#text-box .minfo {margin:0 auto;}
	#text-box .minfo .top_area {overflow: hidden; position: relative; padding: 30px 0 22px;}
	#text-box .minfo .top_area .tit-box {float: left;}
	#text-box .minfo .top_area .tit-box .subtit {margin: 0px 10px 0px;  font-size: 32px; color: #1e1e1e; letter-spacing: -2.5px; display: inline-block}
	#text-box .minfo .top_area .tit-box .tit {margin: 0 10px 19px;font-size: 54px;color: #1e1e1e;letter-spacing: -3.5px;}
	#text-box .minfo .top_area .tit-box .desc {font-size: 16px;color: #555555;letter-spacing: -0.5px;}
	#text-box .minfo .top_area .tit-box .fnt100 {font-size:70px;}

	#text-box .minfo .top_area .news-box {float: right; position: relative; box-sizing: border-box; width: 100%; padding: 0 0 0 20px; }
	#text-box .minfo .top_area .news-box:before {display: block;content: '';position: absolute;top: 1px;left: 0;width: 1px;height: 153px;background: #ededed;}
	#text-box .minfo .top_area .news-box .cate {font-size: 18px;color: #000000;letter-spacing:  0px; font-weight:600;}
	#text-box .minfo .top_area .news-box .slick-wrap {margin: 10px 0 0;}
	#text-box .minfo .top_area .news-box .slick-wrap .slick-item {padding: 10px 0;}
	#text-box .minfo .top_area .news-box .slick-wrap .slick-item .tit {margin: 0 0 0px;}
	#text-box .minfo .top_area .news-box .slick-wrap .slick-item .tit a { font-size: 17px; color: #454545; letter-spacing: -0.3px;}
	#text-box .minfo .top_area .news-box .slick-wrap .slick-item .tit a div {max-width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	#text-box .minfo .top_area .news-box .slick-wrap .slick-item .date { font-weight:400; font-size: 15px; color: #888888;letter-spacing: 0px;}

}

@media (max-width: 900px) {
	#text-box .minfo .top_area .newsbox {max-width: 258px; padding: 0 0 0 20px; }
}

@media (max-width: 800px) {

	#text-box .minfo .top_area {overflow: hidden; position: relative; padding: 30px 0 22px;}
	#text-box .minfo .top_area .tit-box {float: left;}
	#text-box .minfo .top_area .tit-box .subtit {margin: 0px 10px 0px;  font-size: 28px; color: #1e1e1e; letter-spacing: -2.5px; display: inline-block}
	#text-box .minfo .top_area .tit-box .tit {margin: 0 20px 19px 10px;font-size: 40px;color: #1e1e1e;letter-spacing: -3.5px;}
	#text-box .minfo .top_area .tit-box .desc {font-size: 16px;color: #555555;letter-spacing: -0.5px;}
	#text-box .minfo .top_area .tit-box .fnt100 {font-size:40px;}

	#text-box .minfo .top_area .news-box {float: left; position: relative; box-sizing: border-box; max-width: 358px; padding: 0 0 0 20px;}
	#text-box .minfo .top_area .news-box:before {display: block;content: '';position: absolute;top: 1px;left: 0;width: 1px;height: 153px;background: #ededed;}
	#text-box .minfo .top_area .news-box .cate {font-size: 18px;color: #000000;letter-spacing:  0px; font-weight:800;}
	#text-box .minfo .top_area .news-box .slick-wrap {margin: 10px 0 0;}
	#text-box .minfo .top_area .news-box .slick-wrap .slick-item {padding: 10px 0; }
	#text-box .minfo .top_area .news-box .slick-wrap .slick-item .tit {margin: 1px 0 1px;}
	#text-box .minfo .top_area .news-box .slick-wrap .slick-item .tit a { font-size: 17px; color: #454545; letter-spacing: -0.3px;}
	#text-box .minfo .top_area .news-box .slick-wrap .slick-item .tit a div {max-width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	#text-box .minfo .top_area .news-box .slick-wrap .slick-item .date { float: right;  font-weight:400; font-size: 15px; color: #888888;letter-spacing: 0px; margin-top:0px;}

	#process {display:block;background:#f9e42b;}
	#process .flow {padding: 40px 0 0;}
	#process .flow .topbox {margin: 0 0 0px; padding : 40px 10px 40px;}
	#process .flow .topbox:after {display: block; content: ''; clear: both;}
	#process .flow .topbox .tit-box {text-align: center;}
	#process .flow .topbox .tit-box .tit {padding: 0px 10px;  font-size: 28px; color: #1e1e1e; letter-spacing: -1.5px;word-break: keep-all;}
	#process .flow .topbox .tit-box .tit strong { font-weight: 700;}
	#process .flow .topbox .infobox {text-align: center;}
	#process .flow .topbox .infobox .desc {margin: 24px 0 20px; padding: 0px 10px; font-size: 18px;color: #777777;word-break: keep-all;line-height: 26px;letter-spacing: -0.5px;}
	#process .flow .topbox .comment .btn_list {margin:50px auto 0px;}


	#gallery-box .gallery-wrap {overflow: hidden;position: relative;margin: 0px;padding: 50px 10px 50px;background: #eee; }
	#gallery-box .gallery-wrap .tit-box {text-align:  center;}
	#gallery-box .gallery-wrap .tit-box .dlogo {padding: 0 0 36px 0;}
	#gallery-box .gallery-wrap .tit-box .tit {padding: 0px 10px 19px;  font-size: 28px; color: #000; letter-spacing: -1.5px; word-break: keep-all; }
	#gallery-box .gallery-wrap .tit-box .desc {padding: 0px 10px;  font-size: 18px; color: #797979; letter-spacing: -0.5px; line-height: 28px; word-break: keep-all; }
	#gallery-box .gallery-wrap .gifbox {padding: 20px 0 20px 0; width: 100%; margin-bottom:10px;display: inline-block;}
	#gallery-box .gallery-wrap .gifbox div {float:left; margin:5px 4%; width: 42%; height: auto; display: inline-block; box-shadow: 4px 4px 14px 0px rgba(0,0,0,0.15);}
	#gallery-box .gallery-wrap .gifbox img {width: 100%; height: 100%; padding-top: 0px;}
	#gallery-box .gallery-wrap .gall-detail {padding-top: 30px;}


	#bijou-box .titbox-bijou { text-align: center;}
	#bijou-box .titbox-bijou .tit_text {padding:40px 10px 10px;  font-size: 28px; color: #1e1e1e; letter-spacing: -1.5px; word-break: keep-all;}
	#bijou-box .titbox-bijou .sub_text {padding:10px 10px 10px;text-align: center;word-break: keep-all;}
	#bijou-box .titbox-bijou .sub_text .desc_text {padding:0px 10px; margin: 24px 0 55px;  font-size: 16px; color: #777777; line-height: 26px; letter-spacing: -0.5px;}
	#bijou-box .shop-gall .bijou-gall img {width:100%;height:auto;}



	#board-box .board-area {position: relative; margin:0 auto;padding: 60px 0 0; }
	#board-box .board-area .tit-box .tit { font-weight: 300; font-size: 30px; line-height: 65px; color: #1e1e1e; letter-spacing:-0.1px;}
	#board-box .board-area .tit-box .desc { font-size: 28px; line-height: 30px; color: #1e1e1e; letter-spacing:-0.75px;}
	#board-box .board-area #board-wrap .board-form { margin:0 auto; width:90%;}


	#map-box .map-wrap .map-title {position: relative;margin: 0 auto; text-align:center;background: #f7f7f7;padding: 40px 0 50px 0px;}
	#map-box .map-wrap .map-title .tit { padding:0px 10px; margin: 0 0 19px;font-size: 30px;color: #1e1e1e;letter-spacing: -3.5px;}
	#map-box .map-wrap .map-title .desc {padding:0px 10px; font-size: 14px;color: #555555;letter-spacing: -0.5px;}


	#process .flow .topbox .comment {padding : 20px 0 20px; }
	#process .flow .topbox .comment .comments > li {display: inline-block;padding: 20px 0px 30px; margin: 20px 0px;}
	#process .flow .topbox .comment .comments > li:first-child {padding: 0 0px 0 0;border-left: none;}
	#process .flow .topbox .comment .comments > li:last-child {padding: 0 0 0 0px;}
	#process .flow .topbox .comment .comments > li > div {text-align: center;  font-size: 18px; color: #777777; word-break: keep-all; letter-spacing:-0.5px; line-height: 30px; padding:0px 10px;}
	#process .flow .topbox .comment .comments > li > .writer {text-align: center; color: #1e1e1e; padding: 12px 0 0 0;}
	#process .flow .topbox .comment .comments > li.middle:before {
		content: '';
		width: 0px;
		height: 100%;
		position: absolute;
		left: -24px;
		top: 0;
		display: block;
		z-index: -1;
		box-shadow: 32px 0 0 0 #fff, 0 -32px 0 0 #fff, 0 32px 0 0 #fff, 32px 32px 0 0 #fff, 32px -32px 0 0 #fff, 0 0 32px 0 rgba(0, 0, 0, 0.15);
	}

	#process .flow .topbox .comment .comments > li.middle:after {
		content: '';
		width: 0px;
		height: 100%;
		position: absolute;
		right: 0px;
		top: 0;
		display: block;
		z-index: -1;
		box-shadow: -32px 0 0 0 #fff, 0 -32px 0 0 #fff, 0 32px 0 0 #fff, -32px 32px 0 0 #fff, -32px -32px 0 0 #fff, 0 0 32px 0 rgba(0, 0, 0, 0.15);
	}

	#event-box {width:100%;}
	#event-box img {width:100%;}

	#event-board-box .board-area {position: relative; margin:0 auto;padding: 10px 0 0; }
	#event-board-box .board-area .tit-box .tit { font-weight: 300; font-size: 30px; line-height: 65px; color: #1e1e1e; letter-spacing:-0.1px;}
	#event-board-box .board-area .tit-box .desc { font-size: 28px; line-height: 30px; color: #1e1e1e; letter-spacing:-0.75px;}
	#event-board-box .board-area #board-wrap .board-form { margin:0 auto; width:90%;}

	#review-box .tit-box .tit {
		font-family: 'SCoreDream', 'NanumSquare';
		font-size: 28px;
		font-weight: 400;
		color: #1e1e1e;
	}

	#review-box .tit-box .desc {
		margin-top: 15px;
		font-size: 18px;
		color: #777;
	}

}

@media (max-width: 680px) {
	#footer .foot-inner > ul > li.f1 {width: 100%;}
	#footer .foot-inner > ul > li.f2 {width: 100%;}
	#footer .foot-inner > ul > li.f3 {width: 100%;}
}
@media (max-width: 600px) {
	.agree-box h2 {font-size:16px;}
	.popup-layer {display:none;position: absolute;width:98%;background-color:#fff;padding-top:15px;}
	#text-box .minfo .top_area .news-box .slick-wrap .slick-item .date {margin-right:10px;}
}
@media (max-width: 460px) {
	.agree-box .agree-check {text-align:left;color:#000;font-size:14px;margin:10px 0px;}
	.agree-box .agree-check a.full_text {font-size:14px;}
}