#container { width:100%; height:100%; }
.clear{display:block;height:0;font-size:0;font-size:0;line-height:0;content:'';overflow:hidden;clear:both}
.blind{display:block;height:0;font-size:0;font-size:0;line-height:0;content:'';overflow:hidden;clear:both}

.init img { max-width: 100%;}

/*main_contents*/
.contents {position:relative;width:1320px; z-index:1; height:auto;  margin:0 auto; padding:50px 0; box-sizing:border-box;}

.main_h2 {font-size:1.6em; text-align:center; font-weight:bold;padding-bottom:50px;}
.main_h2 span {font-size:2.0em; color:#0066b3; }

.pc_enter {display:block;}

/* 메인배너 */
.slide_area {float:left; width:100%; height:70px; padding:20px 0 0px 0; border-top:1px solid #dddddd; background:#fff;}
.slide_area .bottom_banner_roll {position:relative; width:1320px; margin:0 auto; padding:0; line-height:50px; overflow:hidden;}
.slide_area .bottom_banner_roll:after {content:""; display:block; clear:both;}
.slide_area .bottom_banner_roll h4 {position:absolute; top:10px; left:10px; width:65px; margin:0; padding:0; font-size:15px; font-weight:600; line-height:25px; background:none;}
.slide_area .b_banner_control {position:absolute; top:2px; left:75px; width:80px; padding:0;}
.slide_area .b_banner_control span {display:inline-block; margin-right:10px; }
.slide_area .b_banner_control .b_roll_stop {margin-right:0px;}
.slide_area .b_banner_control:after {content:""; display:block; clear:both;}
.slide_area .b_banner_control img {float:left;}

.slide_area .bottom_banner_roll .link_site_wrap {float:left; /*width:1080px;*/ width:87%; overflow:hidden; margin-top:2px; padding:0 0 0 150px; /*padding:0 0 0 13%;*/}
.slide_area .bottom_banner_roll #link_site_group {}
.slide_area .bottom_banner_roll #link_site_group ul {width:100%; height:50px; overflow:hidden;}
.slide_area .bottom_banner_roll #link_site_group ul li {float:left; padding:10px 0 0 7px; border:1px solid #f6f6f6; margin-right:10px;}
.slide_area .bottom_banner_roll #link_site_group ul li a {display:block;  text-align:center; width:145px; height:35px;}
.slide_area .bottom_banner_roll #link_site_group ul li a img {max-width:140px;}
.slide_area .bottom_banner_roll #link_site_group ul li:first-child {background:none;}



.main01 { padding:20px 0;background: #fdfbf8 url(../images/main/notice_bg.gif) 0 0 repeat; width:100%; height:auto; background-size:cover; z-index:0;}/*공지사항*/
.main02 {position:relative; width:100%; clear:both;background-color:#008edf ;padding:30px 0; margin:0px 0 40px 0; z-index:0;}/*갤러리*/
.main03 {position:relative; clear:both; padding-bottom:60px; z-index:0;}/*sns*/
.main04 {position:relative; clear:both;background:url(../images/main/photo_bg.jpg) repeat; background-size:cover; z-index:0;} /*포토게시판*/




/*공지사항위 문구*/
.main01_p1 {font-size:2.5em; color:#558905; font-weight:500; } 
.main01_p1 span{ color:#96602f;}
.main01_p2 {font-size:1.4em; margin-bottom:50px; }



/*빠른아이콘*/
.m_ico {clear:both; width:100%; margin:0px auto 20px auto; padding-top:80px; text-align:center;}
.m_ico ul {margin:0 auto; }
.m_ico li {width:200px; height:200px; box-sizing:border-box;text-align:center;display:inline-block;margin:0 18px 10px 0 ; border-radius:50%; padding:130px 20px 0 20px ;}
.m_ico li:last-child {margin-right:0;}
.m_ico li a{display:block;}

.m_ico li p {border-top:1px dotted #e6e6e6; color:#fff;font-size:1.0em; padding-top:10px; letter-spacing:-1px; height:40px;}

.m_ico li:nth-child(1) {background:#8d6d4f url(../images/main/m_ico_01.png) 50% 25% no-repeat;transition: all 0.2s ease 0s;}
.m_ico li:nth-child(2) {background:#8d6d4f url(../images/main/m_ico_02_.png) 50% 30% no-repeat;transition: all 0.2s ease 0s;}
.m_ico li:nth-child(3) {background:#8d6d4f url(../images/main/m_ico_03.png) 50% 25% no-repeat;transition: all 0.2s ease 0s;}
.m_ico li:nth-child(4) {background:#8d6d4f url(../images/main/m_ico_04.png) 50% 25% no-repeat;transition: all 0.2s ease 0s;}
.m_ico li:nth-child(5) {background:#8d6d4f url(../images/main/m_ico_05.png) 50% 25% no-repeat;transition: all 0.2s ease 0s;}
.m_ico li:nth-child(6) {background:#8d6d4f url(../images/main/m_ico_06.png) 50% 25% no-repeat;transition: all 0.2s ease 0s;}
.m_ico li:hover:nth-child(1) {background-position: 50% 30%;transition: all 0.2s ease 0s;}
.m_ico li:hover:nth-child(2) {background-position: 50% 35%;transition: all 0.2s ease 0s;}
.m_ico li:hover:nth-child(3) {background-position: 50% 30%;transition: all 0.2s ease 0s;}
.m_ico li:hover:nth-child(4) {background-position: 50% 30%;transition: all 0.2s ease 0s;}
.m_ico li:hover:nth-child(5) {background-position: 50% 30%;transition: all 0.2s ease 0s;}
.m_ico li:hover:nth-child(6) {background-position: 50% 30%;transition: all 0.2s ease 0s;}




/*공지사항*/
.notice { float:left; position:relative; width:32%; display:inline-block; height:340px; border:1px solid #e6e6e6; background-color:#fff; }
.notice h2 {margin:30px 0 0px 25px; padding-bottom:25px; width:90%; font-weight:500; box-sizing:border-box;border-bottom:1px solid #d6d6d6; font-size:1.8em; color:#222;}
.notice div {position:absolute; right:20px; top:30px;}

.notice ul {clear:both;  padding:20px 0 0 20px;}
.notice li {font-size:15px;display: inline;float: left;width:93%;padding:8px 0 6px 5px;background:url(../images/main/notice_dot.gif) no-repeat 1px 15px;}
.notice li a{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;display:block;  height:1.25em;  max-width:70%; float: left;padding:0 6px;color:#414141;white-space: nowrap;font-size:1.0em;line-height:16px;letter-spacing:0;border-right:0;color:#555}
.notice li span{font-size:15px; color:#b78721;float:right; display:block;}


/*홍보영상*/
.m_video{position:relative; float:left;  display:inline-block;width:31.5%;  margin:0 2%; height:340px;z-index:0;}
.m_video h2 {position:absolute; left:20px; top:20px; color:#fff;  font-size:1.8em;font-weight:500; }
.m_video .videoOver{display:block;position:absolute;top:0;right:0;left:0;bottom:0;background:url(/images//main/m_video.jpg) no-repeat center center;background-size:cover;text-indent:-9999em;z-index:-1;}
.m_video .videoOver:after{display:block;content:'';position:absolute;bottom:40px;left:40px;right:40px;height:11px;background:url(/images/main/icon_videoPlay_bar.png) no-repeat;}
.m_video .videoOver a{cursor: pointer;display:block;position:relative;height:100%;}
.m_video .videoOver a:before{display:block;content:'';position:absolute;top:50%;left:50%;margin:-55px 0 0 -44.5px;width:89px;height:90px;background:url(/images/main/icon_videoPlay_play.png) no-repeat;transition-duration:0.2s;}
.m_video .videoOver a:hover:after{opacity:1;}
.m_video .videoOver a:hover:before{background:url(/images/main/icon_videoPlay_play_on.png) no-repeat;}
.m_video .btnMore{display:block;position:absolute;right:20px;top:20px;width:36px;height:36px;background:url(/images/main/icon_mainBotArea_all.png) no-repeat 0 0;text-indent:-9999em;}



#layer {display:none; position:absolute; top:10%; left:0%; width:100%; box-sizing:border-box;justify-content: center;height:80%; margin:-188px 0 0 00px; padding:20px; background:#fff; box-shadow:1px 1px 10px rgba(0,0,0,0.3); border:1px solid #dadada; z-index:9999;}
#layer .inner {position:relative; width:100%; height:90%;}
#layer .cont {width:100%; height:100%;}
#layer #player { display:block; margin:20px auto 0;}
#layer #player iframe {width:100%; height:100%; }

#layer .inner .close {position:absolute; top:-30px; right:0; display:block; width:20px; height:20px; background:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTt18SOam3wUX0wExC6ji5-lY732vA2fEPBscikPQaLbT_tJd7Y7g') no-repeat 0 0; text-indent:-999em; background-size:20px 20px;}
.dim {display:none; position:fixed; _position:absolute; top:0;left:0; background:#000; width:100%; height:100%; filter:Alpha(opacity=70); opacity:0.7; -moz-opacity:0.8; z-index:9999;}



/* 홍보동영상 레이어팝업 */
#modal {position: fixed; left:0; top:0%; width: 100%; height: 100%; transform: scale(0);z-index:999; }
#modal .modal-bg {background: rgba(0,0,0,0.7); display:flex; align-items: center; justify-content: center; height: 100%; }
#modal .modal-bg .modal-cont {position:relative; background: #fff; padding: 40px; width:50%;height:60%;display: inline-block;}
#modal .modal-bg .modal-cont h2 {font-size: 30px; margin:0;}
#modal .modal-bg .modal-cont p {font-size: 18px; }
#modal .modal-bg .modal-cont .close {position: absolute; top: 0; right:0; margin:20px; padding: 10px; background: #000; border-radius: 50%; }
#modal .modal-bg .modal-cont .close svg {width: 24px; height:24px;fill: #fff; vertical-align: top;}
#modal.three {transform: scale(1);}

#modal.three .modal-bg {background: rgba(0,0,0,0);animation: fadeIn 0.5s cubic-bezier(0.165, 0.85, 0.44, 1) forwards;}
#modal.three .modal-bg .modal-cont {opacity: 0;animation: scaleUp 0.5s cubic-bezier(0.165, 0.85, 0.44, 1) forwards;}
#modal.three.out {animation: quickScaleDown 0s .5s linear forwards; }
#modal.three.out .modal-bg {background: rgba(0,0,0,0);animation: fadeOut 0.5s cubic-bezier(0.165, 0.85, 0.44, 1) forwards;}
#modal.three.out .modal-bg .modal-cont {opacity: 0;animation: scaleDown 0.5s cubic-bezier(0.165, 0.85, 0.44, 1) forwards;}

@keyframes fadeIn {
0% {background: rgba(0,0,0,0)}
100% {background: rgba(0,0,0,0.7)}
}
@keyframes fadeOut {
0% {background: rgba(0,0,0,0.7)}
100% {background: rgba(0,0,0,0)}
}
@keyframes scaleUp {
0% {transform: scale(0.5) translatey(1000px); opacity:0}
100% {transform: scale(1) translatey(0px); opacity:1}
}
@keyframes scaleDown {
0% {transform: scale(1) translatey(0px); opacity:1}
100% {transform: scale(0.5) translatey(1000px); opacity:0}
}
@keyframes quickScaleDown {
0% {transform: scale(1);}
99.9% {transform: scale(1); }
100% {transform: scale(0); }
}





/* 팝업존 */
.popup_zone {position:relative; float:right; display:inline-block; width:32%; height:340px;}
#pop{position:relative;width:100%;margin:0;}
#pop h2{position: absolute;width: 1px;height: 1px;font-size: 0px;line-height: 0;overflow: hidden;z-index: 0;}
#pop button{padding:0;width:38px;height:38px;border:0;background:none; cursor:pointer;}
#pop .pop_count{position: absolute;top:0px;left:130px; background:#303030; color:#fff;z-index:10;}
#pop .count{ color:#fff; font-size:16px;}
#pop .pop_ctrl{display: block;position:absolute;top:10px;left:10px;z-index:10;}
#pop .pop_ctrl a{padding:0;margin: 0px;}
#pop .Area img {overflow:hidden; position:relative;z-index:1; width:100%;height:340px; }
.pop_list img {width:100%;}

#pop .noData {text-align:center; line-height:230px;}


/*포토게시판*/
.m_photo {position:relative;}
.m_photo h2 {font-size:3.0em!important; text-align:center; font-weight:500; color:#222;} 
.m_photo .p_more{position:absolute; right:20px; top:70px; font-size:18px; font-weight:bold;}

.photo_news {display:inline-block; width: 100%;margin:50px 0 30px 0; }
.photo_news li{display:inline-block;float:left;width:24%; box-sizing:border-box;padding:30px 30px; background:#fff;border:1px solid #d5e0e9;margin:0 0.5%;}
.photo_news li:hover {border:1px solid #888;}
.photo_news li span {display:block;}
.photo_news li .news_img {width:100%;}
.photo_news li .news_img img {width:100%; height:180px;}
.photo_news .date {padding: 5px 0 7px 0px;line-height: 1.5em;color: #9a5803; font-size:16px;}
.photo_news .subject {margin-top:15px;font-size: 16px; font-weight:400;color:#444;line-height: 26px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;}
.photo_news .desc { font-size: 14px;line-height: 1.4;color: #777;text-overflow:ellipsis; overflow:hidden;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.4em; height: 2.8em; }




.morebtn a {display:block;width:255px;height:50px;line-height:50px;margin: 25px auto 50px;border-radius: 60px;background:#282828;text-align:center;font-size:16px;color:#fff;font-weight:500;}
.morebtn span {display:inline-block;width:24px; height:10px; margin:0 0 0 25px; background:url(/images/main/m_ir.png)no-repeat -200px 0;}
.morebtn a:hover span,
.morebtn a:focus span{ animation: arr 0.7s ease-in-out infinite;-webkit-animation: arr 0.7s ease-in-out infinite;}



/*소개갤러리*/
.tea_img {display:inline-block; z-index:10;}
.tea_img img {width:100%; max-width:650px; display:inline-block; z-index:10;}
.tea_p_wrap {display:inline-block; float:right; margin:50px 0 0 0px;padding-right:50px;}
.tea_p_wrap .tea_h2 {font-size:3.2em; font-weight:bold;color:#fff;font-weight:500; }
.tea_p_wrap .tea_h2 span {color:#fffb89;display:block;}
.tea_p_wrap .tea_h3 {font-size:1.3em; color:#fff; margin:20px 0 30px 0;}
.tea_p_wrap a.btn_tea {color:#222; display:inline-block;padding:10px 70px 10px 20px; font-size:17px;transition: all 0.2s ease 0s;background: #fff url(/images/main/bnt_arrow_b.gif) no-repeat 90% 50%;}
.tea_p_wrap a.btn_tea:hover { background-position:95% 50%; transition: all 0.2s ease 0s;}

.main02 .shape01 {position:absolute; width:255px;height:259px;left:80%; top:10%; background: url(/images/main/m_shape_01.png) no-repeat; z-index:6;}
.main02 .shape02 {position:absolute; width:473px;height:376px; left:-10%; top:10%; background: url(/images/main/m_shape_02.png) no-repeat;}
.main02 .shape03 {position:absolute; width:177px;height:174px;left:85%; top:50%; background: url(/images/main/m_shape_03.png) no-repeat;}
.main02 .shape04 {position:absolute; width:150px;height:124px;left:60%; top:85%; background: url(/images/main/m_shape_04.png) no-repeat;}


/* 고급카드.PR로테이터. 20190805 [JS] jQmPR1(); */
#fpr1{display:block;
	position:relative;
	margin:auto;
}
#fpr1 .wrap1{}
/* 뷰내용 */
#fpr1 .w1mView{
	z-index:0; /* ☆ */
	position:relative;
	padding:56.338% 0 330px; /* (400/710) (글) */
	overflow:hidden;
}
#fpr1 .mView{
	z-index:0; /* ☆ */
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
#fpr1 .mCont{position:relative;width:100%;height:100%;}
#fpr1 .mContC{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#fpr1 .mContC:first-child{z-index:1;}
#fpr1 .mContC.on{display:block;}
#fpr1 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#fpr1 .mContC a[href]{text-decoration:none;cursor:pointer;}

#fpr1 .mContC .g1{display:inline-block;
	z-index:10;
	position:absolute;left:0;top:0;
	box-sizing:border-box; 
	width:140px;
	height:50px;
	margin:20px;
	padding:12px 2px;
	border-radius:9999px;
	background:#4c2bad;
	color:#fff;
	font-weight:400;
	font-size:22px;
	line-height:26px;
	text-align:center;
	vertical-align:middle;
	zoom:.666;
}
#fpr1 .mContC .f1{display:block;
	position:relative;
	padding:0 0 56.338%;
	overflow:hidden;
}
#fpr1 .mContC .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#fpr1 .mContC .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
/* ☆ */
#fpr1 .mContC .tg1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:330px;
	padding:30px;
	background:#008EDF;
	color:#fff;
	overflow:hidden;
}
.s_title {color:#fffb89; font-size:2.0em; font-weight:400; margin-bottom:15px; line-height:130%;}
#fpr1 .mContC .tg1 .t1{display:block;
	margin:0;
	font-weight:500;
	font-size:2.5em;
	letter-spacing:-.0625em;
	line-height:130%;
	
}
#fpr1 .mContC .tg1 .t2{display:block;
	margin:0 0 .3125em;
	font-size:17px;
	letter-spacing:-.0625em;
	
}
#fpr1 .mContC .tg1 .t3{display:block;
	position:relative;
	max-height:88px;
	margin:0 0 1em;
	font-size:16px;
	line-height:22px;
	overflow:hidden;
}
#fpr1 .mContC .tg1 .t3:after{content:'…';display:block;
	position:absolute;right:0;
	top:66px;
	width:3em;
	height:22px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(0,153,255, 0) 0, #09f 100%);
}
#fpr1 .mContC .b1{display:inline-block;
	font-size:0;
}
#fpr1 .mContC .b1t1{display:inline-block;
	color:#fff;
	font-weight:600;
	font-size:14px;
	vertical-align:middle;
}
#fpr1 .mContC .b1ic1{display:inline-block;
	width:11px;height:11px;
	margin:0 0 0 4px;
	background:url(../images/main/ic11a3c0plus1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
/* 고도화 */
#fpr1 .mContC .a1:focus{border:1px dotted #000;overflow:hidden;}
#fpr1 .mContC .a1:focus .f1{margin:-1px;}
#fpr1 .mContC.on .a1{}
#fpr1 .mContC.off .a1{}
#fpr1 .mContC.prev-on .a1{}
#fpr1 .mContC.next-on .a1{}


/* 메뉴 */
#fpr1 .menu{display:block;
	z-index:10;
	position:absolute;left:0;right:0;bottom:0;
	font-size:0;
	text-align:center;
	white-space:nowrap;
}

#fpr1 .menu{
	position:absolute;
	left:176px; /* (114+26+36) */
	right:150px; /* (화면확인) */
	bottom:20px;
	text-align:right;
}

#fpr1 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#fpr1 .menu .m>.ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
}
/* 제어 */
#fpr1 .mControl{display:inline-block;
	vertical-align:middle;
	opacity:.8
}
#fpr1 .mControl .m{display:inline-block;
	width:20px;height:20px;
	margin:0 1px;
	/* opacity:.42; */
}
#fpr1 .mControl .m:hover,
#fpr1 .mControl .m:focus{
	opacity:1;
}
#fpr1 .mControl .m>.ic1{
	width:15px;height:15px;
	margin:-7.5px;
}
#fpr1 .mControl .stop>.ic1{background-image:url(../images/main/ic15a2c0pause1.png);}
#fpr1 .mControl .prev>.ic1{background-image:url(../images/main/ic15a2c0left1.png);}
#fpr1 .mControl .next>.ic1{background-image:url(../images/main/ic15a2c0right1.png);}
/* 순번 */
#fpr1 .mNum{display:inline-block;
	vertical-align:middle;
}
#fpr1 .mNum .m{display:inline-block;
	margin:0 1px 0 0;
	width:24px;height:24px;
	vertical-align:middle;
}
#fpr1 .mNum .m>.ic1{
	width:10px;height:10px;
	margin:-6px;
	border-radius:9999px;
	border:2px solid rgba(255,255,255,.7);
}
#fpr1 .mNum .m.on>.ic1{
	border-color:transparent;
	background:rgba(255,255,255,.7);
}
/* 쪽수 */
#fpr1 .mPage{display:inline-block;
	display:none; /* ☆ */
	min-width:3.5em;
	margin:0 4px;
	padding:.25em .5em;
	border-radius:9999px;
	background:#000;
	background-color:rgba(0,0,0, .42);
	color:#fff;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
}
#fpr1 .mPage .sep{margin:.25em;}
#fpr1 .mPage .on{}
#fpr1 .mPage .total{}
/* 고도화 */
#fpr1.nodo .menu,
#fpr1.nodo .mControl2{display:none;}

/* /(min-width:640px) */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */

#fpr1 .mContC .g1{
	zoom:1;
}
#fpr1 .w1mView{
	padding:0 0 330px;
}
#fpr1 .mContC .f1{
	float:left;
	width:63%; /* <=(580/920) */
	padding:0 0 330px;
}
}

@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */

#fpr1 .w1mView{
	width:1320px;
	height:470px;
	padding:0;
}
#fpr1 .mContC .f1{
	width:710px;
	height:470px;
	padding:0;
}
#fpr1 .mContC .tg1 {
    z-index: 5;
    position: absolute;
    right: 0px;
    top: 30px;
    width: 570px;
    height: 365px;
    padding: 0px 0px;
}
#fpr1 .mContC:before{content:'';
	z-index:1;
	position:absolute;right:0;bottom:0;
	width:550px;
	height:330px;
	margin:15px;

}
#fpr1 .menu{
	position:absolute;
	left:176px; /* (114+26+36) */
	right:150px; /* (화면확인) */
	bottom:20px;
	text-align:right;
}
#fpr1 .menu:before{content:''; /* ─ */
	display:block;
	position:absolute;right:0;top:50%;
	width:188px;
	height:2px;
}
#fpr1 .deco1{display:inline-block;
	z-index:10;
	position:absolute;right:-11px;bottom:-52px;
	width:101px;height:136px;
	background:url(../../img/main/fpr1deco1@2x.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
}





@media only screen and (max-width:1400px){
.main01 { width:100%;  margin:0px 0;}/*공지사항*/
.main02 {width:100%; padding:30px 0; margin:0px 0;}/*갤러리*/
.main03 {width:100%; clear:both;}/*sns*/
.main04 {width:100%;  background:url(../images/main/photo_bg.jpg) repeat; background-size:cover;} /*포토게시판*/

.contents { width:96%; height:auto;margin-left:2%; }



/*차밭둘러보기*/
.tea_p_wrap {padding-right: 80px;margin-top:10px;}
.tea_img img {max-width: 500px;}
.main02 .shape01 {left: 70%;}

#fpr1 .w1mView{
	width:100%;
	height:400px;
	padding:0;
}
#fpr1 .mContC .f1{
	width:610px;
	height:400px;
	padding:0;
}
#fpr1 .mContC .tg1 {
    z-index: 5;
    position: absolute;
    right: 0px;
    top: 20px;
    width: 510px;
    height: 350px;
    padding: 0px 0px;
}
#fpr1 .mContC:before{content:'';
	z-index:1;
	position:absolute;right:0;bottom:0;
	width:550px;
	height:330px;
	margin:15px;

}

}





@media only screen and (max-width:1200px){
.contents { width:96%; height:auto;margin-left:2%; }


}


@media only screen and (max-width:980px){
.contents { width:96%; height:auto;margin-left:2%; }

.main01 { width:100%;  margin:50px 0;}/*공지사항*/
.main02 {width:100%; padding:30px 0; margin:70px 0;}/*갤러리*/
.main03 {width:100%; clear:both;}/*sns*/
.main04 {width:100%;  background:url(../images/main/photo_bg.jpg) repeat; background-size:cover;} /*포토게시판*/



}



/* Tablet Device 최소 900 ~ 1199  */
@media (min-width:900px) and (max-width:1199px) {

#container  {width:100%; height:100%;}
#contents {width:100%; }

#main_contents_01 {width:96%; height:auto;margin-left:2%; margin-bottom:20px;}
#main_contents_02 {width:96%; height:auto;  margin-left:2%;}

.contents { width:96%; height:auto;margin-left:2%; }

.main01 { width:100%;  margin:0px 0;}/*공지사항*/
.main02 {width:100%; padding:30px 0; margin:0px 0;}/*갤러리*/
.main03 {width:100%; clear:both;}/*sns*/
.main04 {width:100%;  background:url(../images/main/photo_bg.jpg) repeat; background-size:cover;} /*포토게시판*/



/* 팝업존 */
.popup_zone {width:100%;height:auto; overflow:hidden; margin:0;padding:0px;}
#pop .Area img {width: 100%; margin:0;max-height:410px; height:auto;}
#pop .pop_ctrl{top:10px;left:15px;}


/*공지사항*/
.notice { width:100%;  height:340px;}
.notice h2 {font-size:1.5em; width:95%;}




/*홍보영상*/
.m_video  {display:inline-block; float:left; width:48%;  height:320px;margin:30px 2% 30px 0;}
.m_video h2 { font-size:1.5em; }
.m_video .btnMore{right:20px;top:15px;}
#modal .modal-bg .modal-cont {padding:10px;width:80%;height:60%;}


/* 팝업존 */
.popup_zone {display:inline-block; width:50%;height:340px;overflow:hidden; margin:30px 0 30px 0;padding:0px;}
#pop .Area img {width: 100%; margin:0; max-height:100%; height:320px;}
#pop .pop_ctrl{top:10px;left:15px;}

/* 메인배너 */
.slide_area {display:none;}





/*소개갤러리*/
.tea_p_wrap { float:none; margin:30px 0 0 30px;padding-right:0px; text-align:center; width:90%;box-sizing:border-box;}
.tea_p_wrap .tea_h2 {font-size:2.8em;}

.tea_img {display:block; text-align:center;}

.tea_p_wrap .tea_h3 {font-size:1.4em; color:#fff; margin:20px 0 30px 0;}

.main02 .shape01 { display:none; }
.main02 .shape02 { display:none; }
.main02 .shape03 { width:159px;height:174px;left:7%; top:60%; }
.main02 .shape04 { width:139px; height:189px; left:73%; top:82%; }



#fpr1 .mContC {display: block;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;}
#fpr1 .wrap1{margin:0;}
#fpr1 .w1mView{width:100%;padding:250px 2% 0 0;height:500px;}
#fpr1 .mContC .tg1{position:absolute;left:0;right:0px; top:470px;bottom:0;font-size:18px;width:100%;}
#fpr1 .mContC .tg1 .t1 {font-size:1.5em; }
#fpr1 .mContC .tg1 .t2 { padding-right:25px;}
.s_title { font-size: 1.1em;}
#fpr1 .mContC .f1{position:absolute;left:0;top:0;bottom:0;width:100%;height:450px;padding:0;}
#fpr1 .menu{position:absolute;left:16px; right:0px; bottom:0px;text-align:left;}
#fpr1 .mContC .f1p1 img{width:710px;}




/*포토게시판*/
.m_photo h2 {font-size:2.0em!important;} 

.photo_news {margin:10px 0 ; }
.photo_news li{width:48%; padding:30px; margin:10px 1%;}
.photo_news li .news_img img {width:100%; height:280px;}
.photo_news .date { font-size:14px;padding: 2px 0 3px 0px;}
.photo_news .subject {margin-top:5px;font-size: 13px; }
.photo_news .desc {display:none; }



/*빠른아이콘*/
.m_ico {margin: 40px auto 20px auto; padding-top:40px;}

.m_ico ul {width:760px;margin: 20px auto 20px auto;}
.m_ico li:nth-child(3) {margin-right:0;}





}









/* Tablet Device 최소 590 ~ 899  */
@media (min-width:590px) and (max-width:899px) {
.mobile_enter {display:block;}
.letter_s {letter-spacing:-1px;}

#container  {width:100%; height:100%;  }
#contents {width:100%; }


#main_contents_01 {width:96%; height:auto;margin-left:2%; margin-bottom:20px;}
#main_contents_02 {width:96%; height:auto;  margin-left:2%;}

.contents { width:96%; height:auto;margin-left:2%; }

.main01 { width:100%;  margin:0px 0;}/*공지사항*/
.main02 {width:100%; padding:30px 0; margin:0px 0;}/*갤러리*/
.main03 {width:100%; clear:both;}/*sns*/
.main04 {width:100%;  background:url(../images/main/photo_bg.jpg) repeat; background-size:cover;} /*포토게시판*/



/*메인 비주얼*/
.main_banner {height:340px; }
.main_banner .ban_list{height:340px;}
.main_banner .ban_list li a{height:340px;}
.main_banner .ban_list li img {margin-top:100px; max-width:514px; width:80%;}


.main_banner .flex-direction-nav a{top:50%;left:0%;}
.main_banner .flex-direction-nav a.flex-next{right:0%;}

.main_banner .visual01 {background-image:url('/images/main/mv_01_s.jpg');background-size:100% 340px;}
.main_banner .visual02 {background-image:url('/images/main/mv_02_s.jpg');background-size:100% 340px;}
.main_banner .visual03 {background-image:url('/images/main/mv_03_s.jpg');background-size:100% 340px;}
.main_banner .visual04 {background-image:url('/images/main/mv_04_s.jpg');background-size:100% 340px;}
.main_banner .visual05 {background-image:url('/images/main/mv_05_s.jpg');background-size:100% 340px;}



/* 메인배너 */
.slide_area {display:none;}



/*공지사항*/
.notice { width:100%;  height:340px;}
.notice h2 {font-size:1.5em;width:95%;}

.notice li {font-size:14px;width:95%;}
.notice li a{ max-width:98%; }



/*홍보영상*/
.m_video  {display:inline-block;  width:48%;  float:left;height:320px;margin:30px 2% 30px 0;}
.m_video h2 { font-size:1.5em; }
.m_video .btnMore{right:20px;top:15px;}
#modal .modal-bg .modal-cont {padding:20px;width:80%;height:50%;}


/* 팝업존 */
.popup_zone { display:inline-block; width:50%;height:340px;overflow:hidden; margin:30px 0 30px 0;padding:0px;}
#pop .Area img {width: 100%; margin:0; max-height:100%; height:320px;}
#pop .pop_ctrl{top:10px;left:15px;}

/* 메인배너 */
.slide_area {display:none;}



/*소개갤러리*/
.tea_p_wrap { float:none; margin:30px 0 0 30px;padding-right:0px; text-align:center; width:90%;box-sizing:border-box;}
.tea_p_wrap .tea_h2 {font-size:2.8em; }

.tea_img {display:block; text-align:center;}



.tea_p_wrap .tea_h3 {font-size:1.4em; color:#fff; margin:20px 0 30px 0;}

.main02 .shape01 { display:none;}
.main02 .shape02  { display:none;}
.main02 .shape03 { width:159px;height:174px;left:40%; top:0%; }
.main02 .shape04 { width:139px; height:189px; left:73%; top:82%; }



#fpr1 .mContC {display: block;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;}
#fpr1 .wrap1{margin:0;}
#fpr1 .w1mView{width:100%;padding:250px 2% 0 0;height:500px; }
#fpr1 .mContC .tg1{position:absolute;left:0;right:0px; top:360px;bottom:0;font-size:18px;width:100%;}
#fpr1 .mContC .tg1 .t1 {font-size:1.5em;}
#fpr1 .mContC .tg1 .t2 { padding-right:25px;}
.s_title { font-size: 1.1em;}
#fpr1 .mContC .f1{position:absolute;left:0;top:0;bottom:0;width:100%;height:350px;padding:0;}
#fpr1 .menu{position:absolute;left:25px; right:0px; bottom:0px;text-align:left;}
#fpr1 .mContC .f1p1 img{width:530px;}



/*포토게시판*/
.m_photo h2 {font-size:2.0em!important;} 

.photo_news {margin:10px 0 ; }
.photo_news li{width:48%; padding:20px; margin:10px 1%;}
.photo_news li .news_img img {width:100%; height:180px;}
.photo_news .date { font-size:14px;padding: 2px 0 3px 0px;}
.photo_news .subject {margin-top:5px;font-size: 13px; }
.photo_news .desc {display:none; }

/*공지사항위 문구*/
.main01_p1 {font-size:2.5em; } 
.main01_p2 {font-size:1.5em; }


/*빠른아이콘*/
.m_ico { margin: 20px auto 20px auto;padding-top:20px;}

.m_ico ul {width:530px;}

.m_ico li {width:160px; height:160px; margin:20px 10px 5px 0;  padding:100px 20px 0px 20px ;}
.m_ico li p {font-size:1.0em; padding-top:10px;}
.m_ico li:nth-child(1) {background-size:70px;}
.m_ico li:nth-child(2) {background-size:70px;}
.m_ico li:nth-child(3) {background-size:65px; margin-right:0;}
.m_ico li:nth-child(4) {background-size:65px;}
.m_ico li:nth-child(5) {background-size:70px;}
.m_ico li:nth-child(6) {background-size:65px;}



}












/* Mobile Device 최소 ~ 최대 589 */
@media (max-width:589px) {

.mobile_enter {display:block;}
.letter_s {letter-spacing:-1px;}

.pc_enter {display:inline-block;}
.mobile_enter {display:block;}

#container  {width:100%; height:100%; padding:20px 0;}
#contents {width:100%; }

#main_contents_01 {width:96%; height:auto;margin-left:2%; margin-bottom:20px;}
#main_contents_02 {width:96%; height:auto;  margin-left:2%;}

.contents { width:94%; height:auto;margin-left:3%; padding:30px 0;}

.main01 { width:100%; height:auto; margin:0px 0;}/*공지사항*/
.main02 {width:100%; height:auto; padding:30px 0; margin:0px 0 10px 0;}/*갤러리*/
.main03 {width:100%; height:auto;clear:both;margin-bottom:0px;}/*sns*/
.main04 {width:100%; height:auto; background:url(../images/main/photo_bg.jpg) repeat; background-size:cover;} /*포토게시판*/




.main_h2 {font-size:1.2em; padding-bottom:10px;}
.main_h2 span {font-size:1.7em;}



/*메인 비주얼*/
.main_banner {height:250px;  }
.main_banner .ban_list{height:250px;}
.main_banner .ban_list li a{height:250px;}
.main_banner .ban_list li img {margin-top:80px; max-width:514px; width:70%;}

.main_banner .flex-direction-nav a{display:none;}

.main_banner .visual01 {background-image:url('/images/main/mv_01_s.jpg');background-size:100% 300px;}
.main_banner .visual02 {background-image:url('/images/main/mv_02_s.jpg');background-size:100% 300px;}
.main_banner .visual03 {background-image:url('/images/main/mv_03_s.jpg');background-size:100% 300px;}
.main_banner .visual04 {background-image:url('/images/main/mv_04_s.jpg');background-size:100% 300px;}
.main_banner .visual05 {background-image:url('/images/main/mv_05_s.jpg');background-size:100% 300px;}




/*공지사항*/
.notice { width:100%;  height:320px;}
.notice h2 {font-size:1.5em;}

.notice li {font-size:14px;width:90%;}
.notice li a{ max-width:98%; }
.notice li span{display:none;}



/*홍보영상*/
.m_video  { width:100%;  height:340px; margin:30px 0;}
.m_video h2 { font-size:1.5em; }
.m_video .btnMore{right:20px;top:15px;}

#modal .modal-bg .modal-cont {padding:10px;width:80%;height:30%;}
#modal .modal-bg .modal-cont .close {top: -40px;right: -40px;margin: 20px;padding: 10px;}

/* 팝업존 */
.popup_zone {width:100%;height:auto; overflow:hidden; margin:0;padding:0px;}
#pop .Area img {width: 100%; margin:0;max-height:410px; height:auto;}
#pop .pop_ctrl{top:10px;left:15px;}

/* 메인배너 */
.slide_area {display:none;}





/*소개갤러리*/
.tea_p_wrap { float:none; margin:30px 0 0 0px;padding-right:0px;}
.tea_p_wrap .tea_h2 {font-size:1.7em;}
.tea_p_wrap .tea_h2 span {font-size:1.2em;}

.tea_p_wrap .tea_h3 {font-size:1.2em; color:#fff; margin:20px 0 30px 0;}

.main02 .shape01 { display:none;}
.main02 .shape02  { display:none;}
.main02 .shape03 { width:159px;height:174px;left:40%; top:0%; }
.main02 .shape04 { width:33%; height:100%; left:60%; top:88%; }


#fpr1 .mContC {display: block;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;}
#fpr1 .wrap1{margin:0;}
#fpr1 .w1mView{width:100%;padding:250px 2% 0 0;height:350px;}
#fpr1 .mContC .tg1{position:absolute;left:0;right:0px; top:260px;bottom:0;font-size:18px;width:100%; padding:5px;text-overflow:ellipsis; overflow:hidden;
-webkit-line-clamp: 12; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.4em; height: 16.8em;}
#fpr1 .mContC .tg1 .t1 {font-size:1.3em;}
#fpr1 .mContC .tg1 .t2 { padding-right:15px; font-size:15px;}
.s_title { font-size: 1.1em;}
#fpr1 .mContC .f1{position:absolute;left:0;top:0;bottom:0;width:100%;height:250px;padding:0;}
#fpr1 .menu{position:absolute;left:5px; right:0px; bottom:0px;text-align:left;}
#fpr1 .mContC .f1p1 img{width:330px;}




/*포토게시판*/
.m_photo h2 {font-size:2.0em!important;} 

.photo_news {margin:10px 0 ; }
.photo_news li{width:48%; padding:10px; margin:10px 1%;}
.photo_news li .news_img img {width:100%; height:100px;}
.photo_news .date { font-size:14px;padding: 2px 0 3px 0px;}
.photo_news .subject {margin-top:5px;font-size: 13px; }
.photo_news .desc {display:none; }



/*공지사항위 문구*/
.main01_p1 {font-size:2.0em; } 
.main01_p2 {font-size:1.2em; margin-bottom:30px;}



/*빠른아이콘*/
.m_ico {margin:20px auto 0 auto; text-align:center;padding-top:20px;}
.m_ico ul {width:330px;}
.m_ico li {width:105px; height:105px; margin:20px 2px 5px 0;  padding:70px 0px 0px 0px ; border-radius: 10%;}

.m_ico li p {font-size:0.8em; padding-top:0px;border:0;letter-spacing:-1px;}

.m_ico li:nth-child(1) {background-size:60px;}
.m_ico li:nth-child(2) {background-size:60px;}
.m_ico li:nth-child(3) {background-size:55px; margin-right:0;}
.m_ico li:nth-child(4) {background-size:55px;}
.m_ico li:nth-child(5) {background-size:55px;}
.m_ico li:nth-child(6) {background-size:50px;}


}