@charset "utf-8";

.slow{-webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease-out;	-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;}
.dotbg	{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/village/bg_pattern.png) repeat;}

h2 {color:#369ACA;}
#body_content h2:before	{content:"\f06c";font-family:FontAwesome;color:#339966;font-size:18px;margin-right:12px}

#gnbmn ul.depth2 li a:hover	{color:#6AB8A9;}
#snb h2					{height:120px;line-height:120px;padding:0;margin:0;text-align:center;background:#369ACA;color:#fff;font-weight:normal;font-size:24px;}
#snbmn					{padding:0;margin:0;}
#snbmn a				{display:block;position:relative;}
#snbmn ul li a			{padding:12px 50px 12px 15px;margin:0;border:1px solid #ddd;border-top:none;font-size:15px;color:#555;}
#snbmn > ul > li > a:after	{content:"\f054";font-family:FontAwesome;position:absolute;right:15px;top:14px;width:20px;height:20px;line-height:20px;background:#eaeaea;color:#fff;border-radius:50%;display:block;text-align:center;font-size:10px;}
#snbmn ul li a.on,
#snbmn ul li a:focus,
#snbmn ul li a:active,
#snbmn ul li a:hover	{color:#369ACA;text-decoration:none;} 
#snbmn ul li a.on:after,
#snbmn ul li a:focus:after,
#snbmn ul li a:active:after,
#snbmn ul li a:hover:after	{background-color:#369ACA}

#snbmn ul ul			{margin:0;padding:0;background:#F4F4F4;border:1px solid #ddd;border-top:none;}
#snbmn ul ul li			{border-top:1px dotted #ddd;}
#snbmn ul ul li:first-child 	{border:none;}
#snbmn ul ul li a		{padding:10px 10px 10px 15px;margin:0;line-height:140%;border:none;font-size:13px;color:#777;}
#snbmn ul ul li a.on,
#snbmn ul ul li a:focus,
#snbmn ul ul li a:active,
#snbmn ul ul li a:hover		{color:#222;background:none;}
#snbmn ul ul li a.on:before	{content:"\f00c";font-family:FontAwesome;font-size:10px;position:absolute;right:15px;top:10px;}

/* main */
#mvisual			{position:relative;clear:both;width:100%;height:100%;min-height:880px;padding:0;margin:0;z-index:1;background:url(../img/mvimg02.jpg) no-repeat 50% 50% / cover;}
#mvisual .d_width	{position:relative;z-index:2;}
#mvisual .mvtit		{text-align:center;padding:240px 0 0 0;}
#mvisual .mvtit p	{line-height:120%;font-family: 'nsr';}
#mvisual .mvtit	.tit1	{font-size:24px;color:#fff}
#mvisual .mvtit	.tit2	{font-size:76px;color:#fff;margin:10px 0 25px;font-weight:700}
#mvisual .mvtit	.tit3	{font-size:18px;color:rgba(255,255,255,0.9)}
@media all and (max-width:720px){
	#mvisual	{height:100%;}
}
#svisual		{position:relative;margin:110px 0 0 0;height:260px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#svisual .svtxt	{position:relative;padding:80px 0 0 0;z-index:2;color:#fff;font-family:nsr;text-align:right}
#svisual .tit1	{font-size:24px;}
#svisual .tit2	{font-size:60px;line-height:140%;}
.svimg1			{background-image:url(../img/village/svimg01.jpg);}

.mquick{background:rgba(0,0,0,0.6);box-shadow:0 5px 10px rgba(0,0,0,0.3);margin-top:100px;border-radius:16px;}
.mquick li{float:left;width:25%;height:200px;border-left:1px dashed rgba(255,255,255,0.2)}
.mquick li:first-child{border:none}
.mquick a {display:block;text-align:center;color:#fff;font-size:20px;padding-top:140px;height:100%}
.mquick a.ico1{background:url(../img/mquick_ico01.png) no-repeat 50% 20px}
.mquick a.ico2{background:url(../img/mquick_ico02.png) no-repeat 50% 20px}
.mquick a.ico3{background:url(../img/mquick_ico03.png) no-repeat 50% 20px}
.mquick a.ico4{background:url(../img/mquick_ico04.png) no-repeat 50% 20px}
.mquick a:hover{color:#ff9900;background-color:rgba(0,0,0,0.7);}
.mquick a.ico3{border-top-left-radius:16px;border-bottom-left-radius:16px;}
.mquick a.ico4{border-top-right-radius:16px;border-bottom-right-radius:16px;}

.mv-bnr{width:400px;position:absolute;top:120px;left:20px;z-index:99;border:2px solid #000;}
.mv-bnr img{max-width:100%;}
@media screen and (max-width:1400px){
	.mv-bnr{width:300px;}
}

.mcbg1	{position:relative;background:url(../img/village/mcbg1_bg01.png) repeat-x 50% 0;padding:80px 0 60px 0;margin:-20px 0;z-index:2;}
.mcbg2	{position:relative;background:url(../img/village/mcbg2.jpg) no-repeat 50% 0 / cover;height:350px;background-attachment: fixed;}
.mcbg3	{position:relative;background:url(../img/village/mcbg3_bg01.png) repeat-x 50% 0;padding:60px 0 50px 0;margin:-20px 0 0 0;z-index:2}

.mcbg1 .mctit		{text-align:center;}
.mcbg1 .mctit:before{content:"";background:url(../img/village/mvtit_ico.png) no-repeat 50% 0;height:60px;margin-bottom:20px;display:block;}
.mcbg1 .mctit .tit1{font-size:50px;color:#369ACA;font-family:nsr;font-weight:700;line-height:120%}
.mcbg1 .mctit .tit2{font-size:20px;color:#369ACA;font-family:nsr;font-weight:700;letter-spacing:8px;margin:10px 0 20px 20px;}

.mcbg1 ul.d5	{position:relative;text-align:center;line-height:140%;color:#999;margin:60px -10px;z-index:3;visibility: hidden;}
.mcbg1 ul.on li			{position:relative;animation:slideup 0.6s both;}
.mcbg1 ul.on li:nth-child(1)	{animation-delay:0.2s;}
.mcbg1 ul.on li:nth-child(2)	{animation-delay:0.4s;}
.mcbg1 ul.on li:nth-child(3)	{animation-delay:0.6s;}
.mcbg1 ul.on li:nth-child(4)	{animation-delay:0.8s;}
.mcbg1 ul.on li:nth-child(5)	{animation-delay:1s;}
.mcbg1 a			{display:block;height:300px;margin:0 10px;padding:40px 0 0 0;border-radius:8px;color:rgba(255,255,255,0.6);}
.mcbg1 a:hover		{transform: translateY(-5px);box-shadow:0px 5px 10px rgba(0,0,0,0.2);transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;}
.mcbg1 li:nth-child(1) a{background:#9ACCE4;}
.mcbg1 li:nth-child(2) a{background:#FF9999;}
.mcbg1 li:nth-child(3) a{background:#EDB101;}
.mcbg1 li:nth-child(4) a{background:#9ACC68;}
.mcbg1 li:nth-child(5) a{background:#FF9900;}
.mcbg1 .tit{font-size:26px;margin:0 0 20px 0;color:#fff;font-family:nsr;font-weight:700;}
.mcbg1 span		{display:block;margin:0 auto 30px;width:120px;height:120px;background-image:url(../img/village/mcbg1_ico.png);background-repeat:no-repeat;}
.mcbg1 span.ico1{background-position:0 0}
.mcbg1 span.ico2{background-position:-120px 0}
.mcbg1 span.ico3{background-position:-240px 0}
.mcbg1 span.ico4{background-position:-360px 0}
.mcbg1 span.ico5{background-position:-480px 0}

.mcbg2 p	{font-family:nsr;font-weight:700;}
.mcbg2 .tit1{font-size:20px;color:#fff;padding-top:100px;}
.mcbg2 .tit2{font-size:56px;color:#ffffcc;margin-bottom:20px;line-height:140%;}
.mcbg2 .tit3{font-size:16px;color:rgba(255,255,255,0.8);line-height:160%;font-weight:400;}

.mcbg3 .col1	{float:left;width:295px;}
.mcbg3 .col2	{float:left;width:610px;margin:0 20px;}
.mcbg3 .col3	{float:right;width:295px}

#popupzone		{height:340px;}
#popupzone img	{width:100%;height:100%}

#mnotice		{position:relative;background:#f6f6f6;border:1px solid #ddd;border-top:2px solid #389BCB;height:340px;}
#mnotice .tit	{padding:0 20px;margin:0;border-bottom:1px solid #eee;font-size:18px;color:#389BCB;line-height:50px;}
#mnotice ul		{padding:15px 0;margin:0 20px;border-top:1px dotted #ddd;}
#mnotice li		{position:relative;line-height:30px;clear:both;}
#mnotice li:before{content:"·";margin-right:5px;}
#mnotice a		{color:#888;}
#mnotice .recent			{position:relative;padding:15px 20px;}
#mnotice .recent .subject a	{font-size:16px;color:#389BCB;display:block;margin-bottom:5px;}
#mnotice .recent .subject a:before	{content:"\f028";font-family:FontAwesome;display:inline-block;width:24px;height:24px;line-height:24px;margin-right:6px;text-align:center;color:#fff;background:#389BCB;border-radius:50%;}
#mnotice .recent .date	{right:20px;top:18px;}
#mnotice .date		{position:absolute;right:0;top:0px;font-size:12px;color:#888}
#mnotice .more 		{position:absolute;right:20px;top:0px;}
#mnotice .more a	{display:block;line-height:50px;font-size:18px;color:#389BCB}

.mcbg3 .col3		{text-align:center;}
.mcbg3 .col3 .num	{color:#ffffcc;font-size:28px;font-family:'Lato',sans-serif;margin:10px 0;line-height:1}
.mcbg3 .col3 .tit	{font-size:20px;}
.mcbg3 .col3 .tit:after	{content:"";border-bottom:2px solid #fff;width:20px;display:block;padding:3px 0 5px 0;margin:0 auto;}
.mcbg3 .col3 .txt  {padding:10px;border-top:1px dotted #799A29;}
.mbnr1	{color:#fff;background:url(../img/village/mbnr1_bg.png) no-repeat 0 0;height:160px;padding:20px;margin-bottom:20px;}
.mbnr2	{color:#fff;background:url(../img/village/mbnr2_bg.png) no-repeat 0 0;height:160px;padding:20px;font-size:12px;line-height:1.5}
.mbnr3	{color:#fff;background:url(../img/village/mbnr3_bg.png) no-repeat 0 0;height:340px;padding:0px;font-size:12px;line-height:1.5}
.mbnr3 img {margin:20px 0 15px 0;}

/* sub */
.sbnr p		{line-height:140%}
.sbnr .tit	{font-size:24px;margin-bottom:5px;}
.sbnr .bg1 .tit{color:#ffffcc}
.sbnr .bg2 .tit{color:#fff}
.sbnr .top	{padding:20px 25px;color:rgba(255,255,255,0.5);}
.sbnr .bg1	{background:#389BCB url(../img/village/mbnr1_bg.png) no-repeat 0 0;margin:20px 0;}
.sbnr .bg2	{background:#594031 url(../img/village/mbnr2_bg.png) no-repeat 0 0;}
.sbnr .bg1 .acc	{color:#fff;margin-top:15px;}
.sbnr .bg1 .top	{background:url(../img/camping/sbnr_img01.png) no-repeat 100% 50%}
.sbnr .bg2 .top	{background:url(../img/camping/sbnr_img02.png) no-repeat 100% 50%}
.sbnr .bg2 .txt		{padding:15px 25px;color:#ffcc00;background:rgba(0,0,0,0.6);text-align:center;}
.sbnr .bg2 .time	{font-size:28px;font-family:'Lato',sans-serif;}
.sbnr .bg2 .date	{font-size:14px;font-family:'Lato',sans-serif;}

.booking_step		{position:relative;margin:0 0 40px 0;color:#aaa;text-align:center;}
.booking_step:before	{content:"";position:absolute;left:0;top:60px;width:100%;border-top:6px solid #f5f5f5;border-radius:6px}
.booking_step li	{position:relative;float:left;width:25%;line-height:1.4}
.booking_step .num	{display:block;font-family:verdana;font-size:12px;}
.booking_step .ico	{position:relative;display:block;margin:15px auto;width:60px;height:60px;line-height:60px;border-radius:50%;font-size:140%;background:#f5f5f5;color:#ccc}
.booking_step .ico:after	{content:"";position:absolute;left:50%;top:58px;border:solid transparent;border-width:8px;border-top-color:#f5f5f5;margin-left:-8px}
.booking_step li.on,
.booking_step li.on	.num{color:#369ACA}
.booking_step li.on	.ico{color:#ffffff;background:#369ACA;}
.booking_step li.on	.ico:after{content:"";border-top-color:#369ACA}
.booking_step li.on:before{content:"";position:absolute;left:0;top:60px;width:100%;border-top:6px solid #369ACA;border-radius:6px}

.btn_d.btn_booking	{background-color:#359ACA;border-color:#359ACA;color:#fff;}

/* 비대면 */
.check_box01:after{content:''; display: block; clear:both;}
.check_box01 .tit span{display: block; width:25px; height:25px; background-color: #26509D; border-radius:50%; color:#fff; float:left; margin-right:10px; text-align: center; line-height:25px;}
.check_box01 .box-wrap{width:calc(100% - 60px); float:left;}
.check_box01 .tit em	{font-size: 20px; font-weight:700; letter-spacing:-1px;color:#115FAD;margin-right:10px;}
.check_box01 p{font-size:15px; color:#666666; margin:10px 0; letter-spacing: -1px;}
.check_box01 .box-wrap {padding:30px; border:1px solid #cccccc;}
.check_box01 .box-wrap a{display: block; width:260px; padding:10px 0; font-size: 20px; text-align: center; border-radius:5px; background-color: #CF4133; color:#fff; margin:0 auto;}