@charset "utf-8";



.primary,
button {cursor:pointer;}




/* **************************************** *
 *  width_area
 * **************************************** */
.width_area {margin:0 auto;  box-sizing:Border-box; width:1250px;  border:0px solid red;
	overflow:hidden; padding-bottom:75px; line-height:30px;
}
#wrap {width:100%; overflow:hidden;}

.mobilenone11{display:block;}

/*모바일제외*/
@media (min-width:640px) {
	.mobile_show {display:none}
}

/*모바일*/
@media (max-width:640px) {
	.width_area {width:100%}
}

@media all and (max-width:1199px){
	.width_area {width:100%;  padding:3%; box-sizing:Border-box;}
	.mobilenone11{display:none;}
}


body, html {
	word-break:keep-all;}
}






/* **************************************** *
 *  notice_alert
 * **************************************** */
.notice_alert {overflow:hidden; margin-top:10px; font-size:15px; line-height:20px;}
.notice_alert svg {margin-right:10px;}


/* **************************************** *
 * footer
 * **************************************** */
.footer_notice {overflow:hidden; width:100%; }
.footer_notice,
.footer_wrap {overflow:hidden; width:100%; }
.footer_notice {background:rgba(255,255,255,0.1);}

.footer_wrap {background:#efefef;}
		.footer_wrap .footinner  {overflow:hidden;}
		.footer_wrap .footinner .fnb  a,
		.footer_wrap .footinner  p {color:#fff;}
		.footer_wrap .footinner .fnb  a {    display:inline-block;}
		.footer_wrap .footinner span{font-weight:700;}

.footer_wrap  .bx-wrapper {background:none; box-shadow:none; border:none; margin:0px;}

.footer_notice h3 {color:#fff;}
.footer_notice dt {float:left; color:#fff;}
.footer_notice dd {float:right;    color:Rgba(255, 255, 255, 0.5)}
.footer_wrap .bx-viewport dl  {overflow:hidden;}
.footer_notice dt a,.footer_notice dd a{color:#fff;}

.footer_wrap .bx-wrapper .bx-controls-direction a {left:auto !important; right:0px !important;
background:url('/n_img/right.png') no-repeat center center;  width:20px; height:20px;}
.footer_wrap  .bx-wrapper .bx-next{top:26px;  transform:rotate(180deg)}
.footer_wrap  .bx-wrapper .bx-prev {top:4px;}

.footer_wrap .footinner dl dt,
.footer_wrap .footinner dl dd {color:#fff}
.footer_wrap .footinner dl dt {font-weight:600;}

.footer_wrap .footinner {color:rgba(0,0,0,0.8); font-size:13px; line-height:20px;}

.footer_wrap .footinner span{padding:0px 10px;}

	/*웹*/
	@media (min-width: 1024px) {
.footer_notice {padding:25px 0px;}
.footer_notice h3 { float:left; font-size:17px; line-height:24px; width:110px; border-right:1px solid rgba(255,255,255,0.4);}
.footer_wrap  .bx-wrapper {float:right; width:calc(100% - 150px) !important; }
.footer_wrap .bx-viewport {  }

.footer_wrap .bx-viewport dl dt,
.footer_wrap .bx-viewport dl dd {font-size:17px; line-height:24px; }
.footer_wrap .bx-viewport dl dd {padding-right:70px;}

		.footer_wrap .footinner {padding:34px 0px;}
		.footer_wrap .footinner  dl {padding-right:50px; padding-bottom:10px; display:inline-block;}
		.footer_wrap .footinner  dl dt,
				.footer_wrap .footinner  dl dd {display:inline-block; padding-right:30px;}
		.footer_wrap .footinner  p {width:100%; overflow:hidden; padding-top:20px;}

/*.paddingtop {padding-top:180px;}*/
	 	}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
body { }
.paddingtop {padding-top:140px;}

.footer_notice {padding:25px 0px;}
.footer_notice h3 { float:left; font-size:16px; line-height:20px; width:90px; border-right:1px solid rgba(255,255,255,0.4);}
.footer_wrap  .bx-wrapper {float:right; width:calc(100% - 150px) !important; }
.footer_wrap .bx-viewport {  }
.footer_wrap .bx-viewport dl dt,
.footer_wrap .bx-viewport dl dd {font-size:16px; line-height:20px; }
.footer_wrap .bx-viewport dl dd {padding-right:70px;}

		.footer_wrap .footinner {padding:24px 0px;}
		.footer_wrap .footinner  dl {padding-right:50px; padding-bottom:10px; display:inline-block;}
		.footer_wrap .footinner  dl dt,
				.footer_wrap .footinner  dl dd {display:inline-block; padding-right:30px;}
		.footer_wrap .footinner  p {width:100%; overflow:hidden; padding-top:20px;}

}

	/*모바일*/
	@media (max-width:640px) {
.footer_notice {padding:25px 0px;}
.paddingtop {padding-top:50px;}
.footer_notice h3 { float:left; font-size:15px; line-height:20px; width:65px; border-right:1px solid rgba(255,255,255,0.4);}
.footer_wrap  .bx-wrapper {float:right; width:calc(100% - 80px) !important; }
.footer_wrap .bx-viewport {  }
.footer_wrap .bx-viewport dl dt,
.footer_wrap .bx-viewport dl dd {font-size:15px; line-height:20px; }
.footer_wrap .bx-viewport dl dd {padding-right:70px;}

		.footer_wrap .footinner {padding:24px 0px;}

		.footer_wrap .footinner  dl {padding-right:50px; padding-bottom:10px; display:inline-block;}
		.footer_wrap .footinner  dl dt,
				.footer_wrap .footinner  dl dd {display:inline-block; padding-right:30px;}
		.footer_wrap .footinner  p {width:100%; overflow:hidden; padding-top:20px;}
.hugetit {display:none}
	 	}




/* **************************************** *
 * top_btn
 * **************************************** */

#top_btn { position: fixed; bottom:90px; right: 30px; width: 60px;  background:#cc3333;
height: 60px;  /*line-height:67px; */ color: #FFF; text-align: center; font-size:1em;
z-index: 99; }
#top_btn:hover{background-color:#000}




/* **************************************** *
 * sub_list
 * **************************************** */

.sub_list {overflow:hidden; width:100%; position:relative;  background-size:cover; 
 height:350px; border:0px solid red;
margin-top:110px;
}

.sub_list  h2 {color:#fff; font-size:50px; line-height:40px; margin:92px 0px; text-align:center; text-shadow:5px 5px 15px rgba(0,0,0,0.0);}
.sub_list  h2 span{color:#fff; font-size:18px; line-height:40px;}
.subtt{}

.sub_list  .snb { text-align:center; width:1300px; margin:0 auto;  border:1px solid rgba(250,250,250,0.4);}
.sub_list  .snb {background:rgba(0,0,0,0.7);}
.sub_list  .snb div {display:inline-block;  opacity:0.7; }
.sub_list  .snb div a {  color:#fff;   display:inline-block; font-size:17px;  padding:0px 60px; line-height:72px;}
.sub_list  .snb div.on  {background:rgba(0,0,0,0); opacity:1; color:#fff; font-weight:600;}

.bg1{background:url('/images/svisual_01.jpg');}
.bg2{background:url('/images/svisual_02.jpg');}
.bg3{background:url('/images/svisual_03.jpg');}
.bg4{background:url('/images/svisual_04.jpg');}
.bg5{background:#blue;}

.mobileshow{display:none;}

@media all and (max-width:1199px){
.sub_list .snb{width:100%; border:0px solid red;}
.bg4{background:url('/images/svisual_04.jpg')left;}
}



@media screen and (max-width:640px){
.sub_list {height:300px;}
.sub_list  h2 {font-size:35px;  margin:75px 0px; line-height:30px;}
.sub_list  h2 span{font-size:15px; line-height:15px !important;}
.sub_list  .snb {position:absolute; bottom:0px; width:100%; border:0px solid red;}
.sub_list  .snb div  { }
.sub_list  .snb div a{padding:15px 20px; font-size:12.5px;  line-height:20px; }
/*.sub_list  .snb div.on {display:inline-block;}*/
.mobileshow{display:block;}

.bg4{background:url('/images/svisual_04.jpg')left; background-size:cover; background-position:-260px;}
}





.s_naviarea{position:absolute; z-index:333;bottom:-1px; left:0px;  width:100%; overflow: hidden; border-bottom:0px solid #dedede;}
#s_navi {}
#s_navi .smenuleft{position:relative; width:20%; float:left; 
background:url('/kor/nimg/bg01.jpg')right; display:block;  height:70px;}
#s_navi .smenuleft .home{float:right; width:70px; height:71px; background:red;}
#s_navi .smenu {position:relative;  margin:0 auto; text-align:center; width:80%; overflow:hidden; float:right; }
#s_navi .smenu li {display:inline-block; *zoom:1; *display: inline; list-style:none;  position:relative; box-sizing:border-box;}
/*#s_navi .smenu li:after {content:''; display:inline-block; width:1px; height:16px; vertical-align:middle; background:#dedede}
#s_navi .smenu li:last-child:after {display:none;}*/
#s_navi .smenu li.home{width:70px; height:70px; background:red; line-height:70px; display:none;}
#s_navi .smenu li{width:25%;  box-sizing: border-box; float:left;}
#s_navi .smenu li a {display:block;font-size:1.1em;  border-top:1px solid rgba(250,250,250,0.3); border-right:1px solid rgba(250,250,250,0.3);
line-height:70px;  background:rgba(0,0,0,0.6);color:#fff; box-sizing: border-box; position:relative;
}
#s_navi .smenu li a:hover{ background:red;color:#fff;}


.wd48{width:50% !important; }
.wd100{width:100% !important; }

@media screen and (max-width:1199px){
#s_navi .smenu li a { font-size: 1em; padding:0 20px;}

}

@media screen and (max-width:1024px){
  #s_navi {display:none;}
}




/* **************************************** *
 * prepare
 * **************************************** */

dl.prepare {background:url('/n_img/prepare.gif') no-repeat  left bottom;  margin-left:auto; 
margin-right:auto; width:900px; padding:60px 40px 240px 40px;
margin-top:70px; margin-bottom:60px; }


dl.prepare dt { font-size:50px; line-height:80px; color:#dd3f3f}
dl.prepare dd {font-size:24px; line-height:33px; padding-top:20px;}







/* header */
#header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;  
    height:110px;
    box-sizing: border-box;
    z-index: 999;
}


#logo {position:absolute; border:0px solid red; left:30px; top:22px; height:65px; width:191px;  cursor:pointer;  
background:url(/images/logo.png) no-repeat center center; ;background-size: 100% auto; font-size:0; text-indent:-9999px;}

#logo a {display:block; width:100%; height:100%; background:transparent}


#pcGnb {width:100%; text-align:center;  }
#pcGnb > ul{float:right; padding-right:100px;  z-index: 9999; border:0px solid red; }

#pcGnb > ul > li {display:inline-block; vertical-align:top; text-align:center; position:relative; min-width:150px; text-align:center }
#pcGnb > ul > li > a {display:block; font-size:18px; color:rgba(0,0,0,0.9); line-height:110px;   font-weight:700; padding:0px 7px;
letter-spacing:-1px; position:relative; }
#pcGnb > ul > li > ul {display:none; width:100%; overflow:hidden;  }
#pcGnb > ul > li > ul > li  {}
#pcGnb > ul > li > ul > li > a {display:block; width:100%; font-size:13px; line-height:20px; max-width:100%;
color:#fff;  border-bottom:1px solid rgba(250,250,250,0.3); padding:13px 0px; box-sizing:border-box;}


#pcGnb > ul > li > ul > li:last-child > a {border-bottom:0;}

#pcGnb > ul > li:hover > a {color:#cc3333; }

#pcGnb > ul > li:hover > ul {background:#cc3333; }

.menuToggle {display:none; position:absolute; top:30px; right:20px; 
cursor:pointer; }

.membermenu{z-index:55555;font-size:0.9em;  color:rgba(250,250,250,0.3);  position:absolute; top:0px; right:0px; height:90px; width:150px; line-height:90px; border-left:1px solid rgba(255,255,255,0.2); }
.membermenu span{padding-right:15px;}

#moGnb {display:none; position:fixed; top:109px; left:0; width:100%; 
background:#fff; border-top:1px solid rgba(0,0,0,0.1);
height:100%; overflow-y:scroll; padding-bottom:100px; -ms-overflow-style:none;}

#moGnb > ul > li > a {display:block; width:100%;font-size:18px;   font-weight:600;
color:#000; line-height:70px; border-bottom:1px solid rgba(0,0,0,0.1); box-sizing:border-box; padding:0 6%; position:relative;}
#moGnb > ul > li > a:after {content:''; display:block; width:11px; height:1px; background:rgba(0,0,0,0.2); 
position:absolute; right:10px; top:50%; margin-top:-1px;}
#moGnb > ul > li > a:before {content:''; display:block; width:1px; height:11px; background:rgba(0,0,0,0.3); 
position:absolute; right:15px; top:50%; margin-top:-6px; transition:all 0.5s;}
#moGnb > ul > li > ul {display:none;  padding:20px 0px; background:#eee;}
#moGnb > ul > li > ul > li  {display:inline-block; vertical-align:middle; padding-right:30px;}
#moGnb > ul > li > ul > li > a {display:block; width:100%; font-size:14px; color:#000; line-height:35px;
 box-sizing:border-box;
position:relative;box-sizing:border-box;
}
#moGnb > ul > li > ul > li > a:before {content:''; background:rgba(0,0,0,0.3);  position:absolute;
border-radius:50%; width:3px; height:3px;  top:12px; left:30px; }
#moGnb > ul > li > a.active:before {transform:rotate(90deg)}


#header.mo_on {position:fixed; top:0; left:0;background:#fff; border-bottom:1px solid rgba(0,0,0,0.1)}
#header.mo_on #logo { }

#header.mo_on .menuToggle span {background:#222;}


#header.mo_on #moGnb {display:block;}

	#header .lang  a{text-transform:uppercase; color:#fff; font-size:20px; line-height:30px; font-weight:700;}
.member_m{border:0px solid red; padding:10px; }
.member_m ul li{display:inline-block; margin:1%; width:47%; border:1px solid rgba(250,250,250,0.5);  text-align:center;}
.member_m ul li a{ color:#fff; padding:10px; display:block;}
.member_m ul li a:hover{background:#af8046; }

@media screen and (max-width:1199px){
	#logo {left:2%;}
	#pcGnb {text-align:right;}
}
#header  .snsarea a,
#header  .snsarea a img {vertical-align:middle;}

	/*웹*/
	/*@media (min-width: 1024px) {
		#header {box-sizing:Border-box; padding:30px 20px; width:100%; height:130px;
		background:rgba(0,0,0,0.4);
		
		}*/
	.allmenu4 {position:Absolute; top:40px; right:20px;}
	#header .lang {position:Absolute; top:60px;  right:100px;}

	}

	
	/*작은웹*/
	@media (min-width:1024px) and (max-width:1200px) {
		#pcGnb > ul  {display:none}
	}


	/*모바일 + 패드*/
	@media  (max-width:1024px) {
#logo {width: 183px !important;}
#header .lang a {font-size:16px;}
#header .lang { position:absolute; top:30px; right:80px;}
.mo_on .menuToggle img{ display:none}
.mo_on .menuToggle:before {content:'X'; COLOR:#000; font-size:30px; line-height:30px;
transform:scale(1.5, 1); font-weight:400;
position:absolute; top:0px; right:10px;}
#moGnb > ul > li > ul {padding-left:6%; padding-right:6%;}


}

	/*모바일*/
	@media (max-width:640px) {


	 	}




@media screen and (max-width:1024px){

.allmenu4 {display:none}
	#logo {top:20px; width:243px; }
	#pcGnb {display:none;}
  .menuToggle {display:inline-block;}
}






/* **************************************** *
 * allmenu4
 * **************************************** */


.allmenu5 {position:fixed; display:none;   overflow:hidden; 
   top:0px; height:100vh; right:0;
box-sizing:border-box;  width:700px;   padding-top:50px;
background:#3b3d91}
.allmenu5 .close {color:#fff; position:fixed;  font-weight:100;
line-height:30px; top:50px; right:20px; display:block;  }

.allmenu5 .allmenu {  width:100%;  
max-height:60vh;
padding:40px 40px 60px 40px; }

.allmenu5 .allmenu  li {border-top:1px solid rgba(0,0,0,0.3);
box-sizing:border-box; width:100%;  display:inline-block;padding:20px 20px;}
.allmenu5 .allmenu  li a { font-size:22px; line-height:28px; color:#fff;  display:inline-block; font-weight:600;}
.allmenu5 .allmenu  li ul li a{}
 .allmenu5 .allmenu li ul li a {font-weight:300 !important;}

  }


.allmenu5 .allmenu  li ul {display:inline-block;}
.allmenu5 .allmenu  li ul li {  width:auto !important}
.allmenu5 .allmenu  li ul li {display:inline-block; border:none; padding:20px 20px 0px 0px;}
.allmenu5 .allmenu  li ul li a {font-size:17px; line-height:20px;  width:auto !important }


.allmenu5 .allmenu  li:nth-child(1) {border-top:none}






/* **************************************** *
 * location(오시는 길)
 * **************************************** */
#map {width:100%;}
.location .wrap {overflow:hidden; margin:40px 0px; padding:20px 20px;}
.location .wrap h3 {background:#f04a4c;  font-size:22px;
line-height:70px; padding-left:30px; color:#fff;}

.location .wrap h3 {color:#fff;}
	.location .wrap dl {overflow:hidden; }
.location .wrap dl  dt,
.location .wrap dl  dd {overflow:hidden; float:left; }
.location .wrap dl  dt { background:url('/n_img/on001.png') no-repeat;  box-sizing:Border-box;
 font-weight:bold;}


	/*웹*/
	@media (min-width: 1024px) {
				#map {height: 700px;}
				.location .wrap {margin:40px 0px;  padding:20px 20px;}
				.location .wrap h3 {margin-bottom:20px; border-radius:20px 0px 20px 0px;
				 font-size:22px; line-height:70px; padding-left:30px;}
				.location .wrap dl {padding:10px 30px;}
				.location .wrap dl  dt,
				.location .wrap dl  dd { font-size:17px; line-height:26px;}
				.location .wrap dl  dd {padding-right:40px;}
				.location .wrap  .notice_alert {margin-left:25px;}
				.location .wrap dl  dt {background-position: left 5px;  width:200px; 
				background-size:auto 8px; padding-left:20px;}
	 	}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
				#map {height: 500px !important;}
				.location .wrap {margin:30px 0px;  padding:20px 20px;}
				.location .wrap h3 {margin-bottom:20px; border-radius:20px 0px 20px 0px;
				 font-size:20px; line-height:70px; padding-left:30px;}
				.location .wrap dl {padding:10px 30px;}
				.location .wrap dl  dt,
				.location .wrap dl  dd { font-size:17px; line-height:26px; }
				.location .wrap dl  dd {width:calc(100% - 140px); overflow:hidden; float:right;}
				.location .wrap  .notice_alert {margin-left:25px;}
				.location .wrap dl  dt {background-position: left 5px;   
				background-size:auto 8px; padding-left:20px;}

}

	/*모바일*/
	@media (max-width:640px) {
				#map {height: 400px !important;}
				.location .wrap {margin:30px 0px;  padding:20px 20px;}
				.location .wrap h3 {margin-bottom:20px; border-radius:20px 0px 20px 0px;
				 font-size:20px; line-height:70px; padding-left:30px;}
				.location .wrap dl {padding:10px 20px;}
				.location .wrap dl  dt,
				.location .wrap dl  dd { font-size:15px; line-height:24px; }
				.location .wrap dl  dd {width:calc(100% - 90px); overflow:hidden; float:right;}
				.location .wrap  .notice_alert {margin-left:25px;}
				.location .wrap dl  dt {background-position: left 5px;   
				background-size:auto 4px; padding-left:10px;}

	 	}




/* **************************************** *
 *road_detail  (골목안내)
 * **************************************** */
.road_detail {overflow:hidden;}
.road_detail .img {width:100%; overflow:hidden;}
	.road_detail .img img {width:100%;}
.road_detail .clickarea {width:100%; box-sizing:border-box;  overflow:hidden;}  
.road_detail .clickarea {width:100%; box-sizing:border-box; overflow:hidden;}  
.road_detail .clickarea  dl {overflow:hidden;  width:100%; ; background:#eee;  background:#eee; }
.road_detail .clickarea  dl dt { 
border-bottom:1px solid rgba(0,0,0,0.5);  }
.road_detail .clickarea  dl dd a{display:inline-block; background:rgba(0, 0, 0, 0.44); 
color:#fff;  vertical-align:middle;}
.road_detail .clickarea  dl dd a svg {vertical-align:middle;}
.road_detail .chain {overflow:hidden; widtH:100%; z-index:1;margin:0px; padding-top:0px;  position:relative;}
.road_detail .chain span {display:block; position:Absolute;  bottom:0px; left:50%; z-index:2; transform:translateX(-50%)}
			.road_detail .chain p  img   { 
									animation-name: road_map_cha1;  
									animation-iteration-count: infinite; 
									animation-duration:3s;
									animation-fill-mode:forwards;
									 -webkit-animation-fill-mode: forwards;
								}



	/*웹*/
	@media (min-width: 1024px) {


.road_detail .img {border-radius: 60px 0px 60px 0px;}
.road_detail  .notice_alert {margin-bottom:20px;}
.road_detail .clickarea { padding-bottom:30px; margin-top:-10px;}  
.road_detail .clickarea {padding-bottom:30px; margin-top:-10px; }  
.road_detail .clickarea  dl { margin:10px 0px;border-radius:30px;padding:30px 30px;}
.road_detail .clickarea  dl dt { font-size:20px; line-height:48px; margin-bottom:20px; }
.road_detail .clickarea  dl dd a{margin-top:4px;border-radius:30px; background:rgba(0, 0, 0, 0.44); 
box-shadow:3px 3px 0px #666; margin-bottom:20px;
font-size:16px; line-height:20px; padding:10px 20px;  margin-right:10px; }
.road_detail .clickarea  dl dd a svg {margin-left:10px;}
.road_detail .chain { height:320px;  }

.road_detail .chain span img {width:440px;}
.road_detail .chain  p img {width:570px;}


			@keyframes  road_map_cha1{
				50%   {  transform:translate3d(400px, 0px, -100px); }
				0%, 100%   {  transform:translate3d(0, 0, 0); }
				}



	}

	/*패드*/
	@media  (max-width:1024px) {
.road_detail .img {border-radius: 60px 0px 60px 0px;}
.road_detail  .notice_alert {margin-bottom:20px;}
.road_detail .clickarea { padding-bottom:30px; margin-top:-10px;}  
.road_detail .clickarea {padding-bottom:30px; margin-top:-10px; }  
.road_detail .clickarea  dl { margin:10px 0px;border-radius:30px;padding:30px 30px;}
.road_detail .clickarea  dl dt {  font-size:20px; line-height:48px; margin-bottom:20px; }
.road_detail .clickarea  dl dd a{margin-top:4px;border-radius:30px; background:rgba(0, 0, 0, 0.44); 
box-shadow:3px 3px 0px #666; margin-bottom:10px;
font-size:15px; line-height:20px; padding:10px 20px;  margin-right:10px; }
.road_detail .clickarea  dl dd a svg {margin-left:10px;}
.road_detail .chain { height:270px;  }


.road_detail .chain span img {width:440px;}
.road_detail .chain  p img {width:470px;}
			@keyframes  road_map_cha1{
				50%   {  transform:translate3d(400px, 0px, -100px); }
				0%, 100%   {  transform:translate3d(0, 0, 0); }
				}



}

	/*모바일*/
	@media (max-width:640px) {

.road_detail .img {border-radius: 60px 0px 60px 0px;}
.road_detail  .notice_alert {margin-bottom:20px;}
.road_detail .clickarea { padding-bottom:30px; margin-top:-10px;}  
.road_detail .clickarea {padding-bottom:30px; margin-top:-10px; }  
.road_detail .clickarea  dl { margin:10px 0px;border-radius:30px;padding:30px 30px;}
.road_detail .clickarea  dl dt {  font-size:20px; line-height:48px; margin-bottom:20px; }
.road_detail .clickarea  dl dd a{margin-top:4px;border-radius:30px; background:rgba(0, 0, 0, 0.44); 
box-shadow:3px 3px 0px #666; margin-bottom:10px;
font-size:14px; line-height:20px; padding:10px 10px;  margin-right:5px; }
.road_detail .clickarea  dl dd a svg {margin-left:10px;}
.road_detail .chain { height:200px;  }


.road_detail .chain span img {width:340px;}
.road_detail .chain  p img {width:470px;}
			@keyframes  road_map_cha1{
				50%   {  transform:translate3d(400px, 0px, -100px); }
				0%, 100%   {  transform:translate3d(0, 0, 0); }
				}


	 	}





/* **************************************** *
 * prologue
 * **************************************** */

.prologue h2.top{     text-align:center; }
.prologue h2.top p {text-align:Center; display:inline-block;
border-style:solid;  border-color:#31a45e;  position:relative; vertical-align:middle;}


.prologue h2.top p strong {color:#000;}
.prologue h2.top p strong,
.prologue h2.top p span { position:Absolute; top:0%; left:0;  box-sizing:Border-box; 
width:100%; text-align:center;  opacity:0;}



.prologue h2.top p span
{  color:rgba(0,0,0,0.3);
animation-name: ontxt0067; 
	animation-iteration-count: 1;
	animation-duration:1s; animation-fill-mode:forwards;  -webkit-animation-fill-mode: forwards;
}
@keyframes ontxt0067{
	0%  {  transform:  translateY(-50PX)   ; opacity:0; }
	20%, 80%   {  transform:  translateY(0PX)  ;  opacity:1; }
	100%  {  transform:  translateY(50PX)  ;  opacity:0; }
}

.prologue h2.top p span:nth-child(1) {animation-delay:1s; }
.prologue h2.top p span:nth-child(2) {animation-delay:2s; }
.prologue h2.top p span:nth-child(3) {animation-delay: 3s; }




.prologue h2.top p strong
{  
	animation-name: txt2; 
	animation-iteration-count: 1;
	animation-duration:0.7s;
	animation-fill-mode:forwards;
	 -webkit-animation-fill-mode: forwards;
}
@keyframes txt2{
	0%  {  transform:  translateY(-50PX)   ; opacity:0; }
	20%, 100%   {  transform:  translateY(0PX)  ;  opacity:1; }
}
.prologue h2.top p strong {animation-delay: 4s; }






.imgbus {text-align:left;}
.imgbus  img{ position:relative; z-index:3;
	animation-name: busimg; 
	animation-iteration-count: 1;
	animation-duration:2s;
	animation-fill-mode:forwards;
	 -webkit-animation-fill-mode: forwards;
	 animation-delay: 0.6s;
}




.prologue .desc_area { overflow:hidden; position:relative; width:100%;}

.prologue .desc_area::before{content:''; position:absolute;  z-index:1; display:block; 
background:#eee; width:100%;  left:0px;height:100%;}






.prologue .desc_area h3,
.prologue .desc_area p {position:relative; z-index:2; text-align:center;}
.prologue .year_wrap {overflow:hidden;}
.history .year_wrap { position:relative;  overflow:hidden; }
.history .year_wrap dt { display:inline-block;   }
.history .year_wrap dt:before {content:''; background:rgba(242, 183, 43, 0.5);  position:absolute; height:30px;
bottom:0px; width:100%; z-index:1;}

.history .year_wrap dd {position:absolute; left:50px; top:300px;  font-size:60px; line-height:40px;}
.history .year_wrap p {width:570px; font-size:18px; line-height:37px; background:#fff; padding:50px; bottom:30px;
position:absolute;  right:0px; }
.history .year_wrap  img {max-width:1200px; width:80%;}

.prologue  .tour {overflow:hidden; background:#ffd637; position:relative; }
.prologue  .tour  h3,
.prologue  .tour .listwrap {text-align:Center;}
.prologue  .tour .list {display:inline-block; background:#fff; vertical-align:top; overflow:hidden;  position:relative;}

.prologue  .tour .list  dl dd {box-sizing:border-box;  }
.prologue  .tour .list  dl dt { }
.prologue  .tour .list  img {width:100%}


/**/






 .charac2 {  top:120px; right:5%;   }
 .charac3 {  top:170px; left:5%; }
 .charac4 {  top:220px; right:10%;   }
 .charac5 { top:270px; left:15%; }

 .charac2 ,
.charac3,
 .charac4 ,
.charac5
{ 	animation-name: ch2;   overflow:hidden; position:absolute;
	animation-iteration-count: infinite;
	animation-duration:4s; z-index:9;
 }
@keyframes ch2{
	0%,  100%  {  transform:  translateY(0)   ; }
	50%  {   transform:  translateY(-100px)  ;   }
}


 .charac2 { animation-delay: 1s; }
 .charac3 {	 animation-delay: 2s;}
 .charac4 { animation-delay: 4s; }
 .charac5 {	 animation-delay: 3s;}



	/*웹*/
	@media (min-width: 1024px) {
		.prologue h2.top{ font-size:60px; line-height:80px;  padding-top:30px;  }
			.prologue h2.top p {border-width:14px;  height:110px;  
		width:200px;  margin-right:10px;}
.prologue h2.top p strong,
.prologue h2.top p span { line-height:100px;
}

		@keyframes busimg{
			0%  {  transform:  translateY(0%)   ; }
			100%   {  transform:  translateX(1400PX)  ;  }
		}
		.prologue .desc_area { padding-bottom:50px; }
			.prologue .desc_area::before{top:250px;}
			.prologue .desc_area h3 {font-size:40px; line-height:70px;}
			.prologue .desc_area p  {font-size:19px; line-height:32px; padding:30px 0px;}
		.prologue .history {padding:50px 50px;}
		.prologue .year_wrap {padding:50px 0px;}
			.history .year_wrap {padding-left:200px;min-height:700px;}
			.history .year_wrap dt {position:absolute;   z-index:10;  font-size:100px;  top:130px; left:30px;   line-height:120px; }
			.history .year_wrap dt:before {height:30px;left:20px}
			.history .year_wrap dd {position:absolute; left:50px; top:280px; 
			background:#fff; 
			font-size:60px; line-height:80px;}
			.history .year_wrap p {width:570px; font-size:18px; line-height:37px; background:#fff; padding:50px; bottom:30px;
			position:absolute;  right:0px; }
			.history .year_wrap  img {max-width:1200px; width:80%;}
		.history .year_wrap:nth-child(2n) {text-align:right; padding-left:0; padding-right:50px;}
		.history .year_wrap:nth-child(2n) p {left:0px; text-align:left;}
		.prologue  .tour {padding:150px 0px;; }
		.prologue  .tour  h3 { font-size: 40px; line-height: 70px;}
		.prologue  .tour .list {  width:42%; margin:20px; 
		border-radius:30px 0px 30px 0px; }
		.prologue  .tour .list  dl {width:100%; padding:30px 30px;}
			.prologue  .tour .list  dl dt { font-size:20px; line-height:30px;  }
			.prologue  .tour .list  dl dd { font-size:17px; line-height:25px; overflow:hidden;
			padding-top:20px; box-sizing:border-box; height:110px; }



	 	}

	/*작은웹*/
	@media (min-width:1024px) and (max-width:1200px) {
	.prologue .history {padding:0px 10px;}
		.history .year_wrap dt {left:0px;}
		.history .year_wrap dd {left:20px;}



}
	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
		.prologue h2.top{ font-size:40px; line-height:70px;  padding-top:20px;  }
			.prologue h2.top p {border-width:11px;  height:70px;  
		width:160px;  margin-right:10px;}
.prologue h2.top p strong, .prologue h2.top p span { line-height:60px;}

		@keyframes busimg{
			0%  {  transform:  translateY(0%)   ; }
			100%   {  transform:  translateX(1200PX)  ;  }
		}

		.prologue .desc_area { padding:0px 20px 50px 20px; }
			.prologue .desc_area::before{top:250px;}
			.prologue .desc_area h3 {font-size:30px; line-height:60px;}
			.prologue .desc_area p  {font-size:17px; line-height:28px; padding:20px 0px;}
		.prologue .history {padding:40px 20px;}
		.prologue .year_wrap {padding:30px 0px;}
			.history .year_wrap {padding-left:220px; min-height:600px;}
			.history .year_wrap dt {position:absolute;   z-index:10;  font-size:70px;  top:80px; left:0px;   line-height:80px; }
			.history .year_wrap dt:before {height:16px;left:0px}
			.history .year_wrap dd {position:absolute; left:0px; top:200px;  font-size:40px; line-height:40px;}
			.history .year_wrap p {width:570px; font-size:17px; line-height:28px; background:#fff; padding:30px; bottom:30px;
			position:absolute;  right:0px; }
			.history .year_wrap  img { width:100%; }
			.history .year_wrap .img {width:calc(100vh - 280px); ;}
			.history .year_wrap:nth-child(2n)  .img {text-align:right;}
		.history .year_wrap:nth-child(2n)  dt,
				.history .year_wrap:nth-child(2n) dd {right:0; left:auto}
		.history .year_wrap:nth-child(2n) {text-align:right; padding-left:0; padding-right:50px;}
		.history .year_wrap:nth-child(2n) p {left:0px; text-align:left;}
		.prologue  .tour {padding:70px 0px;; }

		.prologue  .tour  h3 { font-size: 30px; line-height: 40px;}
		.prologue  .tour .list {  width:47%; margin:10px; 
		border-radius:30px 0px 30px 0px; }
		.prologue  .tour .list  dl {width:100%; padding:20px 20px;}
			.prologue  .tour .list  dl dt { font-size:18px; line-height:30px;  }
			.prologue  .tour .list  dl dd { font-size:16px; line-height:22px; padding-top:20px; height:100px; }
		.prologue  .tour .charac2 img,
		.prologue  .tour .charac3 img{width:70px;}


}

	/*모바일*/
	@media (max-width:640px) {
		.prologue h2.top{ font-size:27px; line-height:50px;  padding-top:20px;  }
			.prologue h2.top p {border-width:5px;  height:50px;  
		width:100px;  margin-right:10px;}
.prologue h2.top p strong, .prologue h2.top p span { line-height:50px;}
.prologue .imgbus  img {width:200px;}
		@keyframes busimg{
			0%  {  transform:  translateY(0%)   ; }
			100%   {  transform:  translateX(600PX)  ;  }
		}
		.prologue .desc_area { padding:0px 20px 50px 20px; }
			.prologue .desc_area::before{top:150px;}
			.prologue .desc_area h3 {font-size:26px; line-height:40px;}
			.prologue .desc_area p  {font-size:15px;  line-height:24px; padding:15px 0px;}
		.prologue .history {padding:40px 20px;}
		.prologue .year_wrap {padding:0px 0px;}
			.history .year_wrap {padding-top:30px;   overflow:hidden;}
			.history .year_wrap dt {  font-size:30px;     line-height:35px; }
			.history .year_wrap dt:before {height:6px;left:0px}
			.history .year_wrap dd { position:relative; top:0; left:0;  right:0;font-size:26px; line-height:40px; padding-top:10px;}
			.history .year_wrap p {bottom:0; width:100% !important;   left:0; right:0;   padding:230px 0px 0px 0px !important;
			position:relative; font-size:15px; line-height:24px;}
			.history .year_wrap .img { position:absolute; top:120px; left:0; width:100%; height:200px; 
			overflow:hidden ;}
			.history .year_wrap  img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); 
			min-height:100%; min-width:100%; max-width:130%; }


		.history .year_wrap:nth-child(2n) {text-align:right; padding-left:0; }
		.history .year_wrap:nth-child(2n) p {left:0px; text-align:left;}
		.prologue  .tour {padding:70px 0px;; }

		.prologue  .tour  h3 { font-size: 25px; line-height:30px; padding: 0px 20px;}
		.prologue  .tour .list {  width:90%; margin-left:5%; margin-top:10px; display:block;
		border-radius:30px 0px 30px 0px; }
		.prologue  .tour .list  dl {width:100%; padding:10px 10px;}
			.prologue  .tour .list  dl dt { font-size:16px; line-height:30px;  }
			.prologue  .tour .list  dl dd { font-size:14px; line-height:22px; padding-top:20px; height:100px; }
		.prologue  .tour .charac2 img,
		.prologue  .tour .charac3 img{width:70px;}

	 	}





/* **************************************** *
 * ddongzip_desc(똥집이란)
 * **************************************** */
.ddongzip_desc  {position:relative; z-indeX:1}
.ddongzip_desc:before,
.ddongzip_desc:after { content:''; position:absolute;    left:0;width:100%;   background:#eee;  position:absolute;  z-index:0;   }
.ddongzip_desc .img{ text-align:center;  width:100%; z-index:2; position:relative; }


.ddongzip_desc .img img{ 	  transform: scale(2); opacity:0; 
animation-name: ddongzip_descimg  ;
	animation-iteration-count:1;
	animation-duration:2s;
	animation-delay: 1s;
	animation-fill-mode:forwards;
	 -webkit-animation-fill-mode: forwards;
 }


@keyframes ddongzip_descimg {
	0%  {  transform: scale(2); opacity:0; }
	100%  {   transform: scale(1); opacity:1;  }
}
.ddongzip_desc .txt  {position:absolute;  text-align:center; width:100%; left:0;  z-index:2;}
.ddongzip_desc .txt p {
font-family: 'BMDOHYEON', sans-serif;   opacity:0; 
animation-name:ddongzip_descimg5  ;
	animation-iteration-count:1;
	animation-duration:1s;
	animation-fill-mode:forwards;
	 -webkit-animation-fill-mode: forwards;
}
.ddongzip_desc .txt  p:nth-child(1) {color:#ec4721; 	animation-delay: 2s;}
.ddongzip_desc .txt  p:nth-child(2) {	animation-delay: 2.3s;}
.ddongzip_desc .desc-short {position:relative; z-index:2; 
background:#ff5c5c url('/n_img/ch.png') no-repeat  96% center;}
.ddongzip_desc .desc-short h3,
.ddongzip_desc .desc-short p {color:#fff;}
.oxquiz dl {overflow:hidden;border-top:1px solid #ddd; box-sizing:border-box;
background:url('/n_img/ok.gif') no-repeat center left; }
.oxquiz dl  dt {font-family: 'BMDOHYEON', sans-serif;  }
.oxquiz dl  dt strong {display:inline-block; border-style:solid;border-color:#618dd2; vertical-align:middle; color:#618dd2;}
.oxquiz  dl:nth-child(1) {border-top:none;}



	/*웹*/
	@media (min-width: 1024px) {

			.ddongzip_desc:before{
			  border-top-left-radius:70%;
			  border-top-right-radius: 70%;
			  height:200px;  top:200px;}
			.ddongzip_desc:after {height:500px; top:400px;}
			.ddongzip_desc .img img{ 	width:700px;   }
			.ddongzip_desc .txt  {top:300px; }

			.ddongzip_desc .txt  p { font-size:70px; line-height:90px;
			 text-shadow: -5px 0 #fff, 0 5px #fff, 5px 0 #fff, 0 -5px #fff; transform: transformY(-100px);
			}

			@keyframes ddongzip_descimg5 {
				0%  {  transform:rotate(-20deg)  translateY(-100px); opacity:0; }
				100%  { transform: rotate(-20deg) translateY(0px); opacity:1;  }
			}
			.ddongzip_desc .desc-short {border-radius:30px; padding:50px; background-size:auto 170px;}

			.ddongzip_desc .desc-short h3 {font-size:34px; line-height:70px; }
			.ddongzip_desc .desc-short p {font-size:19px; line-height:35px; }
			.oxquiz  {padding:50px 0px;}
			.oxquiz dl { padding:40px 30px 40px 190px;  background-size:auto  130px;}
				.oxquiz dl  dt { font-size:25px; line-height:45px; }
				.oxquiz dl  dd {padding-top:20px; font-size:17px; line-height:33px;}
				.oxquiz dl  dt strong { border-width:5px;   margin:0px 10px; padding:0px 20px; }
	 	}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {

			.ddongzip_desc:before{
			  border-top-left-radius:70%;
			  border-top-right-radius: 70%;
			  height:100px;  top:100px;}
			.ddongzip_desc:after {height:400px; top:150px;}
			.ddongzip_desc .img img{ 	width:560px;   }
			.ddongzip_desc .txt  {top:200px; }
			.ddongzip_desc .charac2 img,
			.ddongzip_desc .charac3 img,
			.ddongzip_desc .charac4 img,
			.ddongzip_desc .charac5 img{width:100px;}
			.ddongzip_desc .txt  p { font-size:40px; line-height:50px;
			 text-shadow: -5px 0 #fff, 0 5px #fff, 5px 0 #fff, 0 -5px #fff; transform: transformY(-100px);
			}

			@keyframes ddongzip_descimg5 {
				0%  {  transform:rotate(-20deg)  translateY(-100px); opacity:0; }
				100%  { transform: rotate(-20deg) translateY(0px); opacity:1;  }
			}
			.ddongzip_desc .desc-short {border-radius:30px; padding:50px 250px 50px 50px; margin-top:-100px; background-size:auto 110px;}
			.ddongzip_desc .desc-short h3 {font-size:30px; line-height:70px; }
			.ddongzip_desc .desc-short p {font-size:17px; line-height:33px; }
			.oxquiz  {padding:30px 0px;}
			.oxquiz dl { padding:40px 30px 40px 190px;  background-size:auto  130px;}
				.oxquiz dl  dt { font-size:25px; line-height:45px; }
				.oxquiz dl  dd {padding-top:20px; font-size:17px; line-height:28px;}
				.oxquiz dl  dt strong { border-width:5px;   margin:0px 10px; padding:0px 20px; }


}

	/*모바일*/
	@media (max-width:640px) {

			.ddongzip_desc:before{
			  border-top-left-radius:70%;
			  border-top-right-radius: 70%;
			  height:100px;  top:100px;}
			.ddongzip_desc:after {height:400px; top:150px;}
			.ddongzip_desc .img img{ 	width:410px;   }
			.ddongzip_desc .txt  {top:150px; }
			.ddongzip_desc .charac2 img,
			.ddongzip_desc .charac3 img,
			.ddongzip_desc .charac4 img,
			.ddongzip_desc .charac5 img{width:60px;}
			.ddongzip_desc .txt  p { font-size:27px; line-height:45px;
			 text-shadow: -5px 0 #fff, 0 5px #fff, 5px 0 #fff, 0 -5px #fff; transform: transformY(-100px);
			}

			@keyframes ddongzip_descimg5 {
				0%  {  transform:rotate(-20deg)  translateY(-100px); opacity:0; }
				100%  { transform: rotate(-20deg) translateY(0px); opacity:1;  }
			}
			.ddongzip_desc .desc-short {border-radius:30px; padding:30px 30px 150px 30px; background-position:90% 90%;
			margin-top:-100px; background-size:auto 110px;}
			.ddongzip_desc .desc-short h3 {font-size:22px; line-height:70px; }
			.ddongzip_desc .desc-short p {font-size:16px; line-height:24px; }
			.oxquiz  {padding:20px 0px;}
			.oxquiz dl { padding:150px 0px 20px 0px ;  background-size:auto  130px; background-position:center 10px;}
				.oxquiz dl  dt { font-size:20px; line-height:35px; text-align:center; }
				.oxquiz dl  dd {padding-top:20px; font-size:15px; line-height:24px;}
				.oxquiz dl  dt strong { border-width:5px;   margin:0px 5px; padding:0px 10px; }

	 	}

/* **************************************** *
 * menulist 
 * **************************************** */
.menulist  {text-align:Center; ;}
.menulist h3 {
font-size:70px; line-height:90px;
transform: transformY(-10px); opacity:0; 
animation-name:ddongzip_descimg7  ;
	animation-iteration-count:1;
	animation-duration:1s;
	animation-fill-mode:forwards;
	 -webkit-animation-fill-mode: forwards;
}

@keyframes ddongzip_descimg7 {
	0%  {  transform:rotate(-10deg)  translateY(-100px); opacity:0; }
	100%  { transform: rotate(-10deg) translateY(0px); opacity:1;  }
}
.menulist h3 {color:#ec4721; 	animation-delay: 1s;}
.menulist h4 {	animation-delay: 1.4s;}
.menulist h4 {
transform: transformY(-10px); opacity:0; 
animation-name:ddongzip_descimg7  ;
	animation-iteration-count:1;
	animation-duration:1s;
	animation-fill-mode:forwards;
	 -webkit-animation-fill-mode: forwards;
}
.menulist  dl  {overflow:hidden; display:inline-block; vertical-align:top;  }
.menulist  dl:last-child {border:none;}
.menulist  dl  dt {position:relative; width:100%;  overflow:hidden;}
.menulist  dl  dt img {width:100%; height:100%;}
.menulist  dl  dt:before {background:url('/n_img/smallbg.png') no-repeat; content:'';
position:absolute; top:0; left:0; width:100%;height:100%;
background-size:auto 100%;}
.menulist  dl  dd {overflow:hidden; }
.menulist  dl  dd  strong {; display:block;}





	/*웹*/
	@media (min-width: 1024px) {
		.menulist  {padding-bottom:50px;}
			.menulist h3 {font-size:70px; line-height:90px;}
			.menulist h4 {font-size:25px; line-height:40px;}
		.menulist  .list {padding-top:50px;}
		.menulist  dl  {width:353px;   margin:20px; }
		.menulist  dl  dt { height:354px;  }
		.menulist  dl  dd {padding-top:30px; font-size:18px; line-height:31px;}
		.menulist  dl  dd  strong {font-size:26px; line-height:30px; ;}

	 	}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
		.menulist  {padding-bottom:50px;}
			.menulist h3 {font-size:50px; line-height:70px;}
			.menulist h4 {font-size:25px; line-height:30px;}
		.menulist  .list {padding-top:50px;}
		.menulist  dl  {width:300px;   margin:20px; }
		.menulist  dl  dt { height:301px;  }
		.menulist  dl  dd {padding-top:20px; font-size:17px; line-height:28px;}
		.menulist  dl  dd  strong {font-size:24px; line-height:30px; ;}

}

	/*모바일*/
	@media (max-width:640px) {
		.menulist  {padding-bottom:50px;}
			.menulist h3 {font-size:30px; line-height:50px;}
			.menulist h4 {font-size:19px; line-height:25x;}
		.menulist  .list {padding-top:50px;}
		.menulist  dl  {width:240px;   margin:10px; }
		.menulist  dl  dt { height:241px;  }
		.menulist  dl  dd {padding-top:15px; font-size:15px; line-height:24px;}
		.menulist  dl  dd  strong {font-size:21px; line-height:30px; ;}

	 	}


/* **************************************** *
 *top_search  검색
 * *****************************/

 .top_search {text-align:Center; margin-bottom:20px; border:5px solid #ddd;}


 .top_search input {background:none !important; border:none !important; }

 .top_search input[type='text'] {border-bottom:2px solid #000 !important; border-radius:0px !important;}

 .top_search button { background:#3548ae;
 font-family: 'Noto Sans KR', sans-serif;  position:relative;
 color:#fff; text-align:left;  display:inline-block; vertical-align:middle; }
 .top_search button svg {color:#fff;}
		 .top_search.select select {display:inline-block;   border:none;   color:#333;
		 background: rgba(255,255,255,0.4) url('/board/img/arrow-down-2x.png') no-repeat ; 
		 vertical-align:middle; margin-right:10px;}
 
 .top_search button svg {position:absolute; }
 /*웹*/
	@media (min-width: 1024px) {

		 .top_search {padding:50px 0px;}
		 .top_search input[type='text'] { width:calc(100% - 350px);}

		 .top_search.select select {width:140px; background-size:auto 10px; background-position:110px center ; }
		 .top_search.select input[type='text'] { width:calc(100% - 550px);}

		 .top_search button,
		 .top_search select,
		 .top_search input[type='text'] {height:60px;}
		  .top_search.select select ,
		 .top_search input[type='text'],
		 .top_search input[type='text']::placeholder { line-height:60px;  font-size:20px;}

		 .top_search button {  font-size:20px; line-height:60px; width:180px; background-size:auto 150px;  
		 border-radius:20px;  padding-left:80px;}
 .top_search button svg {position:absolute; top:20px; left:50px;}



	 	}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
		 .top_search {padding:26px 0px;}
		 .top_search input[type='text'] { width:calc(100% - 310px);}

		 .top_search.select select {width:120px; background-size:auto 7px; background-position:90px center ;}
		 .top_search.select input[type='text'] { width:calc(100% - 380px);}

		 		 .top_search select,
		 .top_search button,
		 .top_search input[type='text'] {height:50px;}
		 		 .top_search.select select,
		 .top_search input[type='text'],
		 .top_search input[type='text']::placeholder { line-height:50px;  font-size:20px;}
		 .top_search button {
 font-size:20px; line-height:50px; width:130px; background-size:auto 120px;  
		 border-radius:20px;  padding-left:60px;}

 .top_search button svg {position:absolute; top:15px; left:30px;}



}

	/*모바일*/
	@media (max-width:640px) {



		 .top_search {padding:16px 0px;}
		 .top_search input[type='text'] { width:calc(100% - 180px);}

		 .top_search.select select {width:70px; background-size:auto 7px; text-align:left; padding-left:5px; 
		 background-position:50px center ;}
		 .top_search.select input[type='text'] { width:calc(100% - 260px);}


		 		 .top_search select,
		 .top_search button,
		 .top_search input[type='text'] {height:40px;}
		 		 .top_search select,
		 .top_search input[type='text'],
		 .top_search input[type='text']::placeholder { line-height:40px;  font-size:17px;}
		 .top_search button {
		 background-position:41px 0px  ;  font-size:17px; line-height:40px; width:90px; background-size:auto 90px;  
		 border-radius:20px;  padding-left:40px;}
 .top_search button svg {position:absolute; top:10px; left:10px;}
	 	}


/* **************************************** *
 * 인스타그램 버튼
 * *****************************	*/
.paging_next {text-align:center; overflow:hidden; }
.paging_next input,
.paging_next a {
    background: #ffbaad;     border-style: solid;
    text-align: center;
    display: inline-block;
    color: #de3314;
    border-color: #f26145; }
	.paging_next input,
.paging_next a {
    box-shadow: 5px 5px 0px #e23617; }

	/*웹*/
	@media (min-width: 1024px) {
.paging_next { padding:70px 0px; }
.paging_next input,
.paging_next a {
border-width: 3px;
width: 270px;
margin-right: 20px;
border-radius: 30px;
font-size: 26px;
line-height: 60px; 
}


	 	}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
	.paging_next { padding:50px 0px; }
	.paging_next input,
.paging_next a {
    border-width: 3px;
    width: 180px;
    margin-right: 20px;
    border-radius: 30px;
    font-size: 21px;
    line-height: 50px;
}
}

	/*모바일*/
	@media (max-width:640px) {
	.paging_next { padding:50px 0px; }
.paging_next input,
.paging_next a {
    border-width: 3px;
    width: 170px;
    margin-right: 10px;
    border-radius: 20px;
    font-size: 18px;
    line-height: 40px;
}
	 	}






/* **************************************** *
 * 문의 및 건의
 * *****************************	*/
.request_form .privacy_roll { border-radius:50px;  overflow:hidden; padding:60px; font-size:16px; line-height:35px;
 border:3px solid #eee; height:200px; overflow-y:scroll; }
.request_form  {overflow:hidden; padding-bottom:40px;}
.request_form .checkarea{ text-align:right; font-size:18px; line-height:70px; }
.request_form  .txttit dt {font-family: 'BMDOHYEON', sans-serif; font-size:40px; line-height:63px;}
.request_form  .txttit dt  strong {color:#d53d3d;}
.request_form  .txttit dd{font-size:20px; line-height:30px; padding:0px;}
.request_form .form {overflow:hidden; padding-top:30px; }
.request_form .form li {box-sizing:border-box; float:left; width:50%; padding-top:30px;  padding-bottom:30px;  padding-right:20px;
}
.request_form .form li.wp100 {width:100%;}
.request_form .form li  p {font-weight:600; font-size:20px; line-height:30px;}
.request_form .form li  input {width:100%;}

.request_form .form li  input,
.request_form .form li  select ,
.request_form .form li::placeholder
{border-radius:2px; 
border-top:none !important; border-radius:10px;  padding:0px 10px; background:#f6f6f6; border:none; font-size:16px;
line-height:50px; height:50px;}

.request_form .form li.email input{width:35%;}
.request_form .form li.email select {width:calc(30% - 20px)}

.request_form .form li  textarea {width:100%;height:300px; background:#f6f6f6;  border-radius:10px; border:none; padding:20px 20px;}


	/*웹*/
	@media (min-width: 1024px) {

	 	}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.request_form .privacy_roll { border-radius:30px;  padding:30px; font-size:16px; line-height:25px;
 height:150px;  }
.request_form  .txttit dt {font-size:30px; line-height:53px;}
.request_form .form li { width:100%; padding-top:20px;  padding-bottom:20px;  padding-right:0px;}

.request_form .paging_next {padding-top:0px;}

}

	/*모바일*/
	@media (max-width:640px) {
.request_form .privacy_roll { border-radius:30px;  padding:20px; font-size:14px; line-height:23px;
 height:150px;  }
.request_form  .txttit dt {font-size:25px; line-height:43px;}
.request_form .form li { width:100%; padding-top:20px;  padding-bottom:20px;  padding-right:0px;}

.request_form .paging_next {padding-top:0px;}

	 	}






/* **************************************** *
 * 매장리스트
 * *****************************	*/
 .sotrelist .list {overflow:hidden; border-top:1px solid #ddd; cursor:pointer;}
.sotrelist .list:nth-child(1) {border:none;}
.sotrelist .list  .img {position:relative;overflow:hidden; background:#fff;  border-radius:0px !important;}
.sotrelist .list  .img img {min-width:100%; min-height:100%;  position:absolute;  z-index:1; 
top:50%; left:50%; transform:translate(-50%, -50%); max-width:110%; max-height:110%;}
.sotrelist .list  .img:before {background:url('/n_img/smallbg.png') no-repeat; content:''; 
position:absolute; top:0; left:0; width:100%;height:100%;background-size:100% 100%; z-index:2;}
.sotrelist .list  dl {overflow:hidden;}
.sotrelist .list  dl  dt{  }
.sotrelist .list  dl  dd.location {color:#222;  font-weight:600;}
.sotrelist .list  dl  dd.desc {color:#666;  overflow:hidden;}
.sotrelist .list  dl  dd.hash {overflow:hidden}
.sotrelist .list  dl  dd.hash span {display:inline-block; margin-right:10px;vertical-align:middle; background:#f45757;
color:#fff; }

.sotrelist .list  dl  dd.hash span:nth-child(5n) {background:#f45757}
.sotrelist .list  dl  dd.hash span:nth-child(5n-1) {background:#ee9479}
.sotrelist .list  dl  dd.hash span:nth-child(5n-2) {background:#82bb93}
.sotrelist .list  dl  dd.hash span:nth-child(5n-3) {background:#b288db}
.sotrelist .list  dl  dd.hash span:nth-child(5n-4) {background:#70a8ca}
.sotrelist_detail  { overflow:hidden;}
.sotrelist_detail .top { position:relative;}
.sotrelist_detail .top .img { overflow:hidden;}
.sotrelist_detail .top .img img {width:100%;}
.sotrelist_detail .top .txt .wrap { background:#fff; overflow:hidden; ; width:100%; 
 border-style:solid;  border-color:#fee543;  }
.sotrelist_detail .top .txt{position:absolute ; overflow:Hidden; background:url('/n_img/cha01.png') no-repeat ;}

.sotrelist_detail .top .txt .wrap  ul.sns {overflow:hidden; }
.sotrelist_detail .top .txt .wrap  ul.sns  li {display:inline-block; }
.sotrelist_detail .top .txt .wrap  ul.sns  li img {width:60px;}
.sotrelist_detail .top .txt .wrap  dt {font-family: 'BMDOHYEON', sans-serif;}
.sotrelist_detail .inner {position:relative;  border:1px solid #f2723f; width:100%; }
.sotrelist_detail .inner:before {content:''; background:url('/n_img/cha02.png') no-repeat  top right;
position:absolute;  background-size: 100% auto;  }
.sotrelist_detail .inner h2 {background:#f2723f; color:#fff; box-sizing:border-box;}
.sotrelist_detail .detail img {max-width:100%;}
.sotrelist_detail .detail {  overflow:hidden;}
.sotrelist_detail .inner.detail_inner_txt dl {overflow:hidden; background:#eee;   position:relative; }
.sotrelist_detail .inner.detail_inner_txt dl dt { position:relative; z-index:2; }
.sotrelist_detail .inner.detail_inner_txt dl dd {position:relative; z-index:2; background:#eee; }
.sotrelist_detail .inner.detail_inner_txt dl:before{content:''; position:absolute; z-index:1; top:50%; 
transform:translateY(-50%); border-bottom:2px dotted rgba(0,0,0,0.5);  width:90%; 
height:2px; margin-top:-2px;}
.notice_alert {text-align:right; width:100%;overflow:hidden; padding-top:15px;}
.notice_alert svg {vertical-align:middle;}
.sotrelist_detail .detail.menu .list {border:none !important;}
 .sotrelist_detail .inner.menuimg {text-align:center;}
 .sotrelist_detail .inner.menuimg  dl {overflow:hidden; background:#eee; }
 .sotrelist_detail .inner.menuimg  dl dt {font-size:18px; line-height:33px)}
 .sotrelist_detail .detail.menu {text-align:center;}
  .sotrelist_detail .detail.menu  .list {display:inline-block;  overflow:hidden; border:none !impotrant;}
   .sotrelist_detail .detail.menu  .list p.img  {position:relative; float:none; width:100%;overflow:hidden;  }
   .sotrelist_detail .detail.menu  .list p.img img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
   min-height:100%; min-width:100%; max-width:130%; max-height:130%;}
   .sotrelist_detail .detail.menu  .list  dl {overflow:hidden; float:none; width:100%;}
   .sotrelist_detail .detail.menu  .list  dl dt { font-weight:700; }
.sotrelist_detail .detail.special dl{ overflow:hidden;   text-align:center; }

/* .sotrelist_detail .detail.special dd h3 {font-size:25px; line-height:43px; padding-bottom:20px;
background:url('/n_img/cha03.gif') no-repeat center 20px; background-size:auto 70px; padding-top:110px;} */

.sotrelist_detail .detail.gallery ul {overflow:hidden; text-align:center}
.sotrelist_detail .detail.gallery dl{display:inline-block;    position:relative; overflow:hidden;;}
.sotrelist_detail .detail.gallery dl img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
   min-height:100%; min-width:100%; max-width:130%; max-height:130%;}


/*상단 요약 디자인*/
.sotrelist_detail .inner3 {  border-style:solid; border-color:#ddd; position:relative}
.sotrelist_detail .inner3:before {content:''; position:absolute;   z-index:0; 
background:url('/n_img/main/go.png') no-repeat; background-size:  auto 100%; }

.sotrelist_detail .inner3:after {content:'';
background:url('/n_img/com/txt03.png') no-repeat top center; background-size:auto 100%;}

.sotrelist_detail.inner3,
.sotrelist_detail.inner3 .jqcloud, 
.sotrelist_detail .inner3 .detail { overflow:visible !important;}

.sotrelist_detail .inner3:before   {  transition: all 1s ease-out 3s;
									animation-name: detailchar;  
									animation-iteration-count: infinite; 
									animation-duration:4s;
									animation-fill-mode:forwards;
									 -webkit-animation-fill-mode: forwards;
								}
.sotrelist_detail .inner3 dl {overflow:Hidden; position:relative; z-index:3;padding-bottom:10px;}
.sotrelist_detail .inner3 dt {font-family: 'BMDOHYEON', sans-serif;  text-align:Center;   
color:#000; background:#f7e274; 
border-radius:35px;}


.sotrelist_detail .inner3 {  position:relative; background:#eee;;}





.sotrelist_detail .detail.menu dt {position:relative;overflow:hidden;  background:rgba(0,0,0,0.4);}
.sotrelist_detail .detail.menu dt img {position:Absolute; top:50%; left:50%; transform:translate(-50%, -50%);
min-height:100%; min-width:100%;
 max-width:130%; max-height:130%; opacity:0.8; }
.sotrelist_detail .detail.menu dt:before{content:'';  cursor:pointer; position:absolute; z-index:5; top:30px; right:30px;
background:url('/n_img/detail.png') no-repeat center center; background-size:auto 100%;}
.sotrelist_detail .detail.menu dd {font-weight: 800;}
.modal-header {border:none !important;}

.carousel-caption {font-family: 'BMDOHYEON', sans-serif;}
.modal-dialog {width:96% !important; max-width:1000px;}
.carousel-inner img {max-width:100%;}


 /*웹*/
	@media (min-width: 1024px) {
	.sotrelist   {padding-bottom:40px;}
	 .sotrelist .list { padding:30px 30px; }
	 .sotrelist .list  .img { width:330px; height:330px;  float:left;}
.sotrelist .list  dl {float:right; width:calc(100% - 390px); padding-top:30px;}
.sotrelist .list  dl  dt{ font-size:30px; line-height:50px;}
.sotrelist .list  dl  dd.location {font-size:22px; line-height:40px;}
.sotrelist .list  dl  dd.desc { padding-top:20px; font-size:17px; line-height:27px;}
.sotrelist .list  dl  dd.hash { padding-top:30px;}
.sotrelist .list  dl  dd.hash span {
border-radius:20px; margin-top:10px;
 font-size:15px; line-height:33px; padding:0px 15px; }
.sotrelist_detail .top {padding-bottom:100px; }
.sotrelist_detail .top .img {border-radius:20px; }
.sotrelist_detail .top .txt .wrap { border-radius:20px; border-width:15px;  padding:40px 40px; }
.sotrelist_detail .top .txt{bottom:30px; right:20px; width:400px;   
background-position:top center;  background-size:auto 60%; padding-top:180px;}
.sotrelist_detail .top .txt .wrap  ul.sns { padding-top:20px;}
.sotrelist_detail .top .txt .wrap  ul.sns  li { padding-right:10px;}
.sotrelist_detail .top .txt .wrap  ul.sns  li img {width:60px;}
.sotrelist_detail .top .txt .wrap  dt { font-size:30px; line-height:50px;}
.sotrelist_detail .top .txt .wrap  dd.location { font-size:20px;line-height:24px; padding-top:15px;}
.sotrelist_detail .top .txt .wrap  dd.desc {padding-top:30px; font-size:16px; line-height:26px;}
.sotrelist_detail .inner {margin:50px 0px;  border-radius:30px; }

.sotrelist_detail .inner:before { top:-30px; right:20px; width:140px; height:100px; }
.sotrelist_detail .inner h2 {
padding:20px 30px;  border-radius:20px 20px 0px 0px;
 font-size:20px; line-height:30px;}
.sotrelist_detail .detail { padding:30px 30px;}
/* .sotrelist_detail .detail p,
.sotrelist_detail .detail span
{font-size:18px !important; line-height:35px;} */

.sotrelist_detail .inner.detail_inner_txt dl { width:47%; float:left; margin:10px 1%;
 border-radius:10px;  padding:20px 0px;  }
.sotrelist_detail .inner.detail_inner_txt dl dt { font-size:20px; line-height:43px;  padding-left:20px;
font-weight:600; float:left; padding-right:10px;}

.sotrelist_detail .inner.detail_inner_txt dl dd {
float:right;  padding-left:10px; padding-right:20px; font-size:17px; line-height:43px;}
 .sotrelist_detail .inner.menuimg  dl {  border-radius:20px;
 float:left; ; margin:10px 1%; padding:20px 20px; width:31%}
 .sotrelist_detail .inner.menuimg  dl dt {font-weight:700; border-bottom:1px solid rgba(0,0,0,0.1)}
 .sotrelist_detail .inner.menuimg  dl dd {font-size:15px; line-height:22px; padding-top:20px;}
  .sotrelist_detail .detail.menu  .list { padding-bottom:20px; width:310px;  margin:0px 20px;}
   .sotrelist_detail .detail.menu  .list p.img  { margin-bottom:20px;   border-radius:20px; height:260px; }


   .sotrelist_detail .detail.menu  .list  dl dt {font-size:18px; line-height:33px;}
   .sotrelist_detail .detail.menu  .list  dl dd {font-size:15px; line-height:22px; padding-top:20px;}
.sotrelist_detail .detail.special dl{padding:20px 0px; }
.sotrelist_detail .detail.special dl dd {font-size:16px; line-height:25px; padding-bottom:30px;}
.sotrelist_detail .detail.gallery dl{
  border-radius:20px;   height:340px; width:calc(50% - 50px);  margin:10px 20px;}

.sotrelist_detail .inner3 {border-width:2px 12px 12px 2px; padding-top:100px;  border-radius:30px;  min-height:350px;}
.sotrelist_detail .inner3:before { position:absolute; bottom:0px; right:-30px;width:220px; height:160px;}
.sotrelist_detail .inner3:after { position:absolute; top:30px;  right:60px; 
width:270px; height:140px; background-size: 100% auto !important;}
.sotrelist_detail .inner3 .jqcloud {float:left; margin-top:-100px;}

								@keyframes  detailchar{
									0%,100%{  transform:translatex(0) }
									50%  {  transform:translatex(-70px) }
									}
.sotrelist_detail .inner3 dt,
.sotrelist_detail .inner3 dd {font-size:18px; line-height:36px; float:left;}
.sotrelist_detail .inner3 dd {width:calc(100% - 130px); padding-left:20px;}
.sotrelist_detail .inner3 dt { width:130px;   border:2px solid #d7bf28; box-shadow:3px 3px #ccad63}




.sotrelist_detail .detail.menu dl {display:inline-block; width:calc(46% - 40px); margin:20px 20px; overflow:hidden;}
.sotrelist_detail .detail.menu dt  {border-radius:20px; width:100%; height:300px;}
.sotrelist_detail .detail.menu dt:before {width:40px; height:40px;}
.sotrelist_detail .detail.menu dd { overflow:hidden; font-size:17px;  padding-top:15px;line-height:30px;}
.carousel-caption {font-size:20px; line-height:30px;}
	 	}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {

	.sotrelist   {padding-bottom:40px;}
	 .sotrelist .list { padding:20px 10px; }
	 .sotrelist .list  .img { width:280px; height:280px;  float:left;}
	 .sotrelist .list  .img  img {max-width:100%;}
.sotrelist .list  dl {float:right; width:calc(100% - 310px); padding-top:30px;}
.sotrelist .list  dl  dt{ font-size:27px; line-height:40px;}
.sotrelist .list  dl  dd.location {font-size:20px; line-height:30px;}
.sotrelist .list  dl  dd.desc { padding-top:20px; font-size:17px; line-height:27px;}
.sotrelist .list  dl  dd.hash { padding-top:30px;}
.sotrelist .list  dl  dd.hash span {
border-radius:20px; margin-top:10px;
 font-size:14px; line-height:30px; padding:0px 10px; }

.sotrelist_detail .top {padding-bottom:170px; }
.sotrelist_detail .top .img {border-radius:20px; }
.sotrelist_detail .top .txt .wrap { border-radius:20px; border-width:10px;  padding:30px 30px; }
.sotrelist_detail .top .txt{bottom:30px; right:20px; width:450px;   
background-position:top right;  background-size:auto 40%; padding-top:140px;}
.sotrelist_detail .top .txt .wrap  ul.sns { padding-top:20px;}
.sotrelist_detail .top .txt .wrap  ul.sns  li { padding-right:10px;}
.sotrelist_detail .top .txt .wrap  ul.sns  li img {width:50px;}
.sotrelist_detail .top .txt .wrap  dt { font-size:30px; line-height:50px;}
.sotrelist_detail .top .txt .wrap  dd.location { font-size:20px;line-height:26px; padding-top:10px;}



.sotrelist_detail .top .txt .wrap  dd.desc {padding-top:30px; font-size:16px; line-height:26px;}
.sotrelist_detail .inner {margin:50px 0px;  border-radius:30px; }

.sotrelist_detail .inner:before { top:-30px; right:20px; width:140px; height:100px; }
.sotrelist_detail .inner h2 {
padding:20px 30px;  border-radius:20px 20px 0px 0px;
 font-size:20px; line-height:30px;}
.sotrelist_detail .detail { padding:30px 30px;}
.sotrelist_detail .detail p {font-size:18px !important; line-height:35px;}

.sotrelist_detail .inner.detail_inner_txt dl { width:47%; float:left; margin:10px 1%;
 border-radius:10px;  padding:10px 0px;  }
.sotrelist_detail .inner.detail_inner_txt dl dt { font-size:17px; line-height:33px;  padding-left:20px;
font-weight:600; float:left; padding-right:10px;}

.sotrelist_detail .inner.detail_inner_txt dl dd {
float:right;  padding-left:10px; padding-right:20px; font-size:16px; line-height:33px;}

 .sotrelist_detail .inner.menuimg  dl {  border-radius:20px;
 float:left; ; margin:10px 1%; padding:20px 20px; width:31%}
 .sotrelist_detail .inner.menuimg  dl dt {font-weight:700; border-bottom:1px solid rgba(0,0,0,0.1)}
 .sotrelist_detail .inner.menuimg  dl dd {font-size:15px; line-height:22px; padding-top:20px;}
  .sotrelist_detail .detail.menu  .list { padding-bottom:20px; width:310px;  margin:0px 20px;}
   .sotrelist_detail .detail.menu  .list p.img  { margin-bottom:20px;   border-radius:20px; height:300px; }
   .sotrelist_detail .detail.menu  .list  dl dt {font-size:18px; line-height:33px;}
   .sotrelist_detail .detail.menu  .list  dl dd {font-size:15px; line-height:22px; padding-top:20px;}


.sotrelist_detail .detail.special dl{padding:20px 0px; }
.sotrelist_detail .detail.special dl dd {font-size:16px; line-height:25px; padding-bottom:30px;}


.sotrelist_detail .detail.gallery dl{
  border-radius:20px;   height:240px; width:calc(50% - 30px);  margin:10px 10px;}

.sotrelist_detail .inner3 {border-width:2px 12px 12px 2px; padding-top:150px;  border-radius:30px;  min-height:350px;}
.sotrelist_detail .inner3:before { position:absolute; top:0px; right:-30px;width:200px; height:160px;}
.sotrelist_detail .inner3:after { position:absolute; top:30px;  left:30px; width:100%; text-align:center;
width:270px; height:140px;  background-size: 100% auto !important;}

								@keyframes  detailchar{
									0%,100%{  transform:translatex(0) }
									50%  {  transform:translatex(-70px) }
									}
.sotrelist_detail .inner3 dt,
.sotrelist_detail .inner3 dd {font-size:17px; line-height:33px; float:left;}
.sotrelist_detail .inner3 dd {width:calc(100% - 130px); padding-left:20px;}
.sotrelist_detail .inner3 dt { width:130px;   border:2px solid #d7bf28; box-shadow:3px 3px #ccad63}


.sotrelist_detail .detail.menu dl {display:inline-block; width:calc(46% - 20px); margin:10px 10px; overflow:hidden;}
.sotrelist_detail .detail.menu dt  {border-radius:20px; width:100%; height:250px;}
.sotrelist_detail .detail.menu dt:before {width:30px; height:30px;}
.sotrelist_detail .detail.menu dd { overflow:hidden; font-size:17px;  padding-top:15px;line-height:30px;}
.carousel-caption {font-size:20px; line-height:30px;}


}

	/*모바일*/
	@media (max-width:640px) {

	.sotrelist   {padding-bottom:40px;}
	 .sotrelist .list { padding:20px 10px; }
	 .sotrelist .list  .img { width:280px; height:280px;  margin-left:auto; margin-right:auto;}
	 .sotrelist .list  .img  img {max-width:100%;}
.sotrelist .list  dl {text-align:center; padding-top:30px;}
.sotrelist .list  dl  dt{ font-size:24px; line-height:30px;}
.sotrelist .list  dl  dd.location {font-size:19px; line-height:22px; }
.sotrelist .list  dl  dd.desc { padding-top:10px; font-size:15px; line-height:24px;}
.sotrelist .list  dl  dd.hash { padding-top:30px;}
.sotrelist .list  dl  dd.hash span {
border-radius:20px; margin-top:5px;
 font-size:13px; line-height:25px; padding:0px 7px; }


.sotrelist_detail .top {padding-bottom:250px; }
.sotrelist_detail .top .img {border-radius:20px; }
.sotrelist_detail .top .txt .wrap { border-radius:20px; border-width:10px;  padding:16px 16px; }
.sotrelist_detail .top .txt{bottom:20px; right:10px; width:80%;   
background-position:top right;  background-size:auto 160px; padding-top:90px;}
.sotrelist_detail .top .txt .wrap  ul.sns { padding-top:20px;}
.sotrelist_detail .top .txt .wrap  ul.sns  li { padding-right:10px;}
.sotrelist_detail .top .txt .wrap  ul.sns  li img {width:24px;}
.sotrelist_detail .top .txt .wrap  dt { font-size:24px; line-height:40px;}
.sotrelist_detail .top .txt .wrap  dd.location { font-size:18px;line-height:20px; padding-top:10px;}
.sotrelist_detail .top .txt .wrap  dd.desc {padding-top:30px; font-size:15px; line-height:24px;}
.sotrelist_detail .inner {margin:30px 0px;  border-radius:30px; }
.sotrelist_detail .inner:before { top:-20px; right:10px; width:100px; height:80px; }
.sotrelist_detail .inner h2 {
padding:15px 30px;  border-radius:20px 20px 0px 0px;
 font-size:17px; line-height:30px;}
.sotrelist_detail .detail { padding:20px 20px; box-sizing:border-box;}
.sotrelist_detail .detail p {font-size:15px !important; line-height:24px;}

.sotrelist_detail .inner.detail_inner_txt dl { width:100%; margin:5px 0px;
 border-radius:10px;  padding:10px 0px;  }
.sotrelist_detail .inner.detail_inner_txt dl dt { font-size:17px; line-height:33px;  padding-left:20px;
font-weight:600; float:left; padding-right:10px;}
.sotrelist_detail .detail.menu .list {margin:0px;}
.sotrelist_detail .inner.detail_inner_txt dl dd {
float:right;  padding-left:10px; padding-right:20px; font-size:16px; line-height:33px;}

 .sotrelist_detail .inner.menuimg  dl {  border-radius:20px;
 float:left; ; margin:10px 1%; padding:20px 20px; width:31%}
 .sotrelist_detail .inner.menuimg  dl dt {font-weight:700; border-bottom:1px solid rgba(0,0,0,0.1)}
 .sotrelist_detail .inner.menuimg  dl dd {font-size:15px; line-height:22px; padding-top:20px;}
  .sotrelist_detail .detail.menu  .list { padding-bottom:20px; width:250px;  margin:0px 20px;}
   .sotrelist_detail .detail.menu  .list p.img  { margin-bottom:20px;   border-radius:20px; height:230px; }

   .sotrelist_detail .detail.menu  .list  dl dt {font-size:18px; line-height:33px;}
   .sotrelist_detail .detail.menu  .list  dl dd {font-size:15px; line-height:22px; padding-top:20px;}
.sotrelist_detail .detail.special dl{padding:20px 0px; }
.sotrelist_detail .detail.special dl dd {font-size:15px; line-height:24px; padding-bottom:30px;}

.sotrelist_detail .detail.gallery dl{
  border-radius:20px;   height:140px;width:calc(50% - 3px);  margin:3px 3px;}
.sotrelist_detail .detail {box-sizing:Border-box;}

.sotrelist_detail .detail.gallery dl {width:160px; height:140px;}




.sotrelist_detail .inner3 {border-width:2px 12px 12px 2px; padding-top:70px;  border-radius:30px;  min-height:350px;}
.sotrelist_detail .inner3:before { position:absolute; top:20px; right:-30px;width:140px; height:110px;}
.sotrelist_detail .inner3:after { position:absolute; top:30px;  left:30px; width:100%; text-align:center;
width:180px; height:120px;  background-size: 100% auto !important;}

								@keyframes  detailchar{
									0%,100%{  transform:translatex(0) }
									50%  {  transform:translatex(-70px) }
									}
.sotrelist_detail .inner3 dt,
.sotrelist_detail .inner3 dd {font-size:15px; line-height:30px; float:left;}
.sotrelist_detail .inner3 dd {width:calc(100% - 110px); padding-left:20px;}
.sotrelist_detail .inner3 dt { width:110px;   border:2px solid #d7bf28; box-shadow:3px 3px #ccad63}


.sotrelist_detail .detail.menu dl {display:inline-block; width:80%; margin:10px 10px; overflow:hidden;}
.sotrelist_detail .detail.menu dt  {border-radius:20px; width:100%; height:210px;}
.sotrelist_detail .detail.menu dt:before {width:20px; height:20px;}
.sotrelist_detail .detail.menu dd { overflow:hidden; font-size:16px;  padding-top:10px;line-height:30px;}
.carousel-caption {font-size:17px; line-height:30px;}

	 	}







/* mobile gnb ani */
@-webkit-keyframes fade {
  0% { opacity: 0;}
  100% { opacity: 1;}
}
@keyframes fade {
  0% { opacity: 0;}
  100% { opacity: 1;}
}





/* layout */
html.no-scroll {position:fixed; left:0; top:0;}
.inner {	width:1300px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1300px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner1 {	width:1200px;	position:relative;	margin-left:auto;	margin-right:auto;}

/* Ÿ��� ���� */
@media all and (max-width:1399px) {
.inner {width:100%;}
.s-inner {width:97%;}
.s-inner1 {width:97%;}
}

@media all and (max-width:976px) {
	#wrap { font-size: 15px; }
}

/* Ÿ��� ���� �̸� ~ ����� */
@media all and (max-width:767px) {
	#wrap { font-size: 14px; }
}

@media screen and (max-width:480px) {
	#wrap { font-size: 13px; }
}



/* quick */
#Quick {position:fixed; top:220px; right:0; width:90px; border-radius:45px; background:#1e1c1a; text-align:center; z-index:30; padding:25px 0 15px;}
#Quick li:after {content:''; display:block; width:90%; height:1px; margin:15px auto; background:rgba(255,255,255,0.1)}
#Quick li p {font-size:0.85em; color:rgba(255,255,255,0.6); font-weight:bold;}
#Quick .go_top {display:inline-block; width:50px; line-height:50px; border-radius:50%; background:#caa56b; text-align:center; font-size:0.9em; color:#fff; font-weight:bold; cursor:pointer;}

@media screen and (max-width:1599px){
	#Quick {display:none;}
}








/* **************************************** *
 * window
 * **************************************** */




.window {
    display: none;
	box-sizing:border-box; padding:50px 30px 30px 30px; background:#fff;
	border-color:#ddd #aaa #888 #ddd; 
	box-shadow:2px 5px 17px rgba(0, 0, 0, 0.7);  width:90% ;max-width:860px;}



.window .sm div {display:none;}
.window li {width:100%; overflow:hidden;  border-bottom:1px solid #ddd; padding:11px 15px; box-sizing:border-box;}
.window li  br {display:none;}
.window li:last-child {border-bottom:none;}

.window li  a{float:left; width:200px; font-size:20px; line-height:61px;  color:#fff;  
background:#e02b31;
padding:10px 20px; 
box-sizing:border-box; font-weight:600; text-align:center; }

.window .sub_menu  { overflow:hidden; width:100%; }
	.window .sub_menu li{overflow:hidden; box-sizing:border-box;  float:left; border:none !important;  width: auto !important; padding:12px 7px !important;}
	.window .sub_menu li a{display:block; font-size:17px;  width:auto !important; padding:0px 2px !important; 
	line-height:61px; font-weight:300; color:#333;  width: auto !important; background:#fff; border:none;}

.window .sm {overflow:hidden;float:right; width:540px; box-sizing:border-box; padding: 0px 10px ;}

.window .btn_close {position:absolute; top:30px; right:30px; overflow:hidden; box-sizing:border-box; }


.window .btn_close {top:25px; right:30px;   font-size:27px; line-height:30px; transform:scale(1,0.7);  font-weight:300;}



.allmenubg .btn_close {top:30px; right:30px; position:absolute; background:rgba(0,0,0,0.3); border-radius:50%;display:inline-block;
 text-align:center; font-weight:300; width:50px; height:50px; }
.allmenubg .btn_close a {color:#fff; font-size:16px;   line-height:50px;  transform:scale(1,0.6); text-decoration:none;}

.allmenubg {background:#fff;    height:auto !impotrant;
margin:0px !important; top:50%; transform:translate(-50%,-50%); left:50%;
	box-sizing:border-box;  border-top-right-radius:30px;  border-bottom-left-radius:30px; 
	border-color:#ddd #aaa #888 #ddd;  width:900px; padding:110px 50px 130px 50px; 
	box-shadow:2px 5px 17px rgba(0, 0, 0, 0.4); display: none; }

.allmenubg .dept01 {display:none;}
.allmenubg  >  ul >  li{ border-top:1px solid rgba(250,250,250,0.1); overflow:hidden; padding:30px 30px 30px 30px; box-sizing:border-box;}
.allmenubg  >  ul >  li:first-child {border-top:none;}

.allmenubg  >  ul >  li  > .sm {overflow:hidden; position:relative;}
.allmenubg  .sm div{position:absolute; font-weight:500; font-family:'Noto Sans Korean',sans-serif;
top:5px; left:0px; font-size:1.5rem; line-height:25px;  color:#fff;}

.allmenubg     .sub_menu {float:right; width:76%; padding:10px 0px; overflow:hidden;}
.allmenubg     .sub_menu  li {display:inline-block; }
.allmenubg     .sub_menu  li  a {font-size:17px; padding:0px 8px;line-height:22px; color:rgba(255,255,255,0.8);}



.allmenubg1 .btn_close {top:30px; right:30px; position:absolute; background:rgba(0,0,0,0.3); border-radius:50%;display:inline-block;
 text-align:center; font-weight:300; width:50px; height:50px;}
.allmenubg1 .btn_close a {color:#fff; font-size:16px;   line-height:50px;  transform:scale(1,0.6); text-decoration:none;}

.allmenubg1 {background:#fff;    height:auto !impotrant;
margin:0px !important; top:50%; transform:translate(-50%,-50%); left:50%;
	box-sizing:border-box;  border-radius:30px; 
	border-color:#ddd #aaa #888 #ddd;  width:900px;padding:110px 50px 130px 50px; 
	box-shadow:2px 5px 17px rgba(0, 0, 0, 0.4); display: none;}

.allmenubg1 .dept01 {display:none;}
.allmenubg1  >  ul >  li{ border-top:1px solid rgba(0,0,0,0.1); overflow:hidden; padding:30px 30px 30px 30px; box-sizing:border-box;}
.allmenubg1  >  ul >  li:first-child {border-top:none;}

.allmenubg1  >  ul >  li  > .sm {overflow:hidden; position:relative;}
.allmenubg1  .sm div{position:absolute; font-family:'PHCB', sans-serif;
top:5px; left:0px; font-size:26px; line-height:25px; color:#fff;}

.allmenubg1    .sub_menu {float:right; width:76%; padding:10px 0px; overflow:hidden;}
.allmenubg1     .sub_menu  li {display:inline-block; }
.allmenubg1     .sub_menu  li  a {font-size:17px; padding:0px 8px;line-height:22px; color:rgba(255,255,255,0.6);}




/*웹*/
	@media (min-width: 1024px) {


	 	}





	/*패드와 모바일*/
@media (max-width:1023px)  {



.allmenubg {width:90%; max-height:90vh; overflow-y: scroll !important;  padding:110px 20px 20px 20px; }
.allmenubg  >  ul >  li{ border-top:1px solid rgba(0,0,0,0.1); overflow:hidden; padding:11px 20px 10px 20px; box-sizing:border-box;}

.allmenubg  >  ul >  li  > .sm {overflow:hidden; position:relative; padding-top:30px;}
.allmenubg  .sm div{
top:5px; left:20; font-size:16px; line-height:23px;}

.allmenubg     .sub_menu { width:100%; }
.allmenubg     .sub_menu  li  a {font-size:12px; padding:0px 3px;}
}





@media screen and (max-width:767px) {

#top_btn{width:40px; height:40px;  bottom:15px; right:15px; /* line-height:40px;*/}
}



/* **************************************** *
 * 레시피
 * **************************************** */
/*리스트*/
.recipe .list  {padding-bottom:40px;}
.recipe .list {overflow:hidden; border-bottom:1px solid #ddd;  ; cursor:pointer;}
.recipe .list:last-child {border:none;}
.recipe .list  .img {position:relative; overflow:hidden; }
.recipe .list  .img img {min-width:100%; min-height:100%;  position:absolute;  z-index:1;
top:50%; left:50%; transform:translate(-50%, -50%); max-width:110%; max-height:110%;}
.recipe .list  .img:before {background:url('/n_img/smallbg.png') no-repeat; content:''; position:absolute; 
top:0; left:0; width:100%;height:100%;background-size:auto 100%; z-index:2;}
.recipe .list  dl  dt{  }
.recipe .list  dl  dd {color:#666;  overflow:hidden; }

/*뷰어*/
.recipe_content .top { overflow:hidden; 
background:url('/n_img/main/main_top_img01.png') no-repeat;
}
	.recipe_content .top .img { position:relative; float:left;  overflow:hidden;}
	.recipe_content .top .img img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-height:100%; min-width:100%;
	max-width:130%;}
.recipe_content .top .txt {overflow:hidden; }

.recipe_content .cont {background:#eee;  overflow:hidden;  position:relative;}

.recipe_content .btn_list { text-align:right;}
.recipe_content .btn_list a {
    background: #ffbaad; border-style: solid;    
text-align: center;
display: inline-block;
    color: #de3314;
    border-color: #f26145;
	box-shadow: 5px 5px 0px #e23617;
}



		.recipe .list  dl  dt span {display:inline-block; vertical-align:middle; color:#fff; 	box-sizing:border-box;}

		.recipe .list  dl  dt span.icon_mv {background:#6c9ad5 url('/n_img/mv.gif') no-repeat} 
		.recipe .list  dl  dt span.icon_pic {background:#f0719a  url('/n_img/pic.gif') no-repeat  }





.sotrelist .list dl dd.location a {color:#000;}
	/*웹*/
	@media (min-width: 1024px) {
	/*리스트*/
		.recipe .list {  padding:30px 30px; }
		.recipe .list  .img { width:240px; height:240px; float:left;}
		.recipe .list  dl {float:right; overflow:hidden; width:calc(100% - 330px); padding:30px 0px;}
		.recipe .list  dl  dt{ font-size:35px; line-height:50px;   }
		.recipe .list  dl  dd { padding-top:15px; font-size:17px; line-height:31px !important;}

			/*뷰어*/
			.recipe_content .top {  padding-bottom:40px;
			background-position: 100%  220px  ; background-size:auto 400px;
			}
			.recipe_content .btn_list a {
			border-width: 3px;
			width: 200px;
			border-radius: 30px;
			font-size: 26px;
			line-height: 60px;
			}
				.recipe_content .top .img { width:500px; height:500px; border-radius:50px; ;}
			.recipe_content .top .txt { float:right;  padding-top:40px;  font-size:27px; line-height:60px;
			width:calc(100% - 600px); }
			.recipe_content .cont h2 {font-size:30px; line-height:80px;}
			.recipe_content .cont {padding:50px 0px; }
			.recipe_content .cont .txtdetail,
			.recipe_content .cont .txtdetail p {font-size:17px; line-height:50px;}
			.recipe_content .btn_list {padding:50px 0px;}

		.recipe .list  dl  dt span {margin-right:20px; border-radius:20px; height:40px;
	font-size:18px; line-height:46px;  width:130px;  background-position:  20px center !important; 
		background-size:auto 30px !important; padding-left:60px;}


	 	}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
	/*리스트*/
		.recipe .list {  padding:30px 20px; }
		.recipe .list  .img { width:240px; height:240px; float:left;}
		.recipe .list  dl {float:right; overflow:hidden; width:calc(100% - 300px); padding-top:20px;}
		.recipe .list  dl  dt{ font-size:27px; line-height:40px;  }
		.recipe .list  dl  dd { padding-top:20px; font-size:17px; line-height:28px;}

		/*뷰어*/
			.recipe_content .top {  padding-bottom:40px;
			background-position: 115%  200px  ; background-size:auto 300px;}
				.recipe_content .top .img { width:350px; height:350px; border-radius:30px; }
			.recipe_content .top .txt { float:right;   font-size:20px; line-height:47px;
			width:calc(100% - 440px); }
						.recipe_content .cont h2 {font-size:25px; line-height:80px;}
			.recipe_content .cont {padding:30px 0px; }
			.recipe_content .cont .txtdetail,
			.recipe_content .cont .txtdetail p {font-size:17px; line-height:50px;}
			.recipe_content .btn_list {padding:50px 0px;}
			.recipe_content .btn_list a {
			border-width: 3px;
			width: 160px;
			border-radius: 30px;
			font-size: 22px;
			line-height: 50px;
			}
		.recipe .list  dl  dt span {margin-right:20px; border-radius:20px; height:40px;
	font-size:17px; line-height:46px;  width:120px;  background-position:  20px center !important; 
		background-size:auto 30px !important; padding-left:60px;}



}

	/*모바일*/
	@media (max-width:640px) {
	/*리스트*/
		.recipe .list {  padding:30px 20px; }
		.recipe .list  .img { width:240px; height:240px; margin-lefT:auto; margin-right:auto;}
		.recipe .list  dl { padding-top:10px; text-align:center;}
		.recipe .list  dl  dt{ font-size:22px; line-height:30px;  }
		.recipe .list  dl  dd { padding-top:10px; font-size:15px; line-height:24px;}
/*뷰어*/
			.recipe_content .top {  
			padding-bottom:70px; overflow:hidden;
			background-position: 115%  300px  ; background-size:auto 200px;}
				.recipe_content .top .img { width:100%;  border-radius:30px; }
.recipe_content .top .img  img {position:relative; top:0px; left:0; transform:translate(0%, 0%); width:100%; height:auto;}
			.recipe_content .top .txt {padding-top:10px; overflow:hidden;   font-size:17px; line-height:37px; width:100%;
   }
						.recipe_content .cont h2 {font-size:20px; line-height:80px;}
			.recipe_content .cont {padding:20px 0px; }
			.recipe_content .cont .txtdetail,
			.recipe_content .cont .txtdetail p {font-size:15px; line-height:24px;}
			.recipe_content .btn_list {padding:30px 0px;}
			.recipe_content .btn_list a {
			border-width: 3px;
			width: 120px;
			border-radius: 20px;
			font-size: 18px;
			line-height: 40px;
			}
		.recipe .list  dl  dt span {margin-right:10px; border-radius:20px; height:35px;
	font-size:16px; line-height:40px;  width:100px;  background-position:  15px center !important; 
		background-size:auto 20px !important; padding-left:14px;}

	 	}




/* **************************************** *
 * 이벤트
 * **************************************** */
.movie iframe {width:100% !important;}

.poll-wrap .list {overflow:hidden; padding:20px 0px ; border-bottom:1px solid #ddd; cursor:pointer;}
.poll-wrap .list .img {position:relative; width:100%;border-radius:20px; overflow:hidden;}
.poll-wrap .list .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
min-height:100%; min-width:100%; max-width:130%; max-width:130%;}
		.poll-wrap .list p.period {color:#666;}
.paging-wrap {text-align:center; padding:30px 0px;}
.event_detail_inner {overflow:hidden;}

.tb_base {border-top:3px solid #000; border-bottom:1px solid #000; margin-top:20px; margin-bottom:20px;  width:100%; border-left:1px solid rgba(0,0,0,0.2);}
.tb_base  tbody th {background:#eee;  text-align:Center;}
.tb_base  tbody th,
.tb_base  tbody td {border-bottom:1px solid rgba(0,0,0,0.2);  border-right:1px solid rgba(0,0,0,0.2);}
.tb_base  tbody td input[type="button"] {line-height:40px; height:40px; margin-left:10px; font-size:15px;
display:inline-block; vertical-align:middle; padding:0px 10px}
.importantbtn {background:#ffc6c6 !important; color:#d52020 !important;
border:2px solid #e66767 !important;
box-shadow: 2px 2px #a22b2b !important;
}
.event_detail_inner .question,
.event_detail_inner .img {border-radius:20px; overflow:hidden;}
.event_detail_inner .question {background:#eee; }
.event_detail_inner .question textarea {width:100%  !important;}

.event_detail_inner .top {overflow:hidden;padding-bottom:20px;}
.event_detail_inner .top  h3 span {background: #f7c4c4; color:#c62727;  border-radius:20px;
display:inline-block; vertical-align:middle; margin-left:10px;}

.event_detail_inner .top p {color:#666;}





	/*웹*/
	@media (min-width: 1024px) {
		.poll-wrap .list {padding:30px 30px;}
		.poll-wrap .list .img {height:300px; margin-bottom:20px; }
		.poll-wrap .list h3 { float:left;font-size:20px;  line-height:33px; padding-bottom:10px;}
		.poll-wrap .list p.period {float:right; font-size:16px; line-height:33px; }
.event_detail_inner {padding-bottom:80px; }
.tb_base  tbody th,
.tb_base  tbody td {font-size:17px; line-height:30px; padding:10px 0px;}
.tb_base  tbody td {padding-left:20px; padding-right:20px;}

.event_detail_inner .top  h3{font-size:30px; line-height:40px; }
.event_detail_inner .top  h3 span {font-size:16px; line-height:30px; padding:0px 15px;}
.event_detail_inner .top  h4 {font-size:20px; line-height:30px; margin-bottom:20px;}
.event_detail_inner .top p {font-size:17px; line-height:20px;}
.event_detail_inner .question b {font-size:23px; line-height:44px; margin-bottom:20px;}
.event_detail_inner .question {padding:40px; margin:20px 0px; }

	 	}
	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
		.poll-wrap .list {padding:30px 30px;}
		.poll-wrap .list .img {height:250px; margin-bottom:20px; }
		.poll-wrap .list h3 {font-size:18px;  line-height:33px; padding-bottom:10px;}
		.poll-wrap .list p.period { font-size:16px; line-height:33px; }
.tb_base  tbody th,
.tb_base  tbody td {font-size:16px; line-height:26px; padding:10px 0px;}
.tb_base  tbody td {padding-left:20px; padding-right:20px;}

.event_detail_inner .top  h3{font-size:30px; line-height:40px; }
.event_detail_inner .top  h3 span {font-size:16px; line-height:30px; padding:0px 15px;}
.event_detail_inner .top  h4 {font-size:20px; line-height:30px; margin-bottom:20px;}
.event_detail_inner .top p {font-size:17px; line-height:20px;}
.event_detail_inner .question b {font-size:23px; line-height:44px; margin-bottom:20px;}
.event_detail_inner .question {padding:40px; margin:20px 0px; }

}

	/*모바일*/
	@media (max-width:640px) {
		.poll-wrap .list {padding:20px 20px;}
		.poll-wrap .list .img {height:180px; margin-bottom:20px; }
		.poll-wrap .list h3 {font-size:17px;  line-height:30px; padding-bottom:10px;}
		.poll-wrap .list p.period { font-size:16px; line-height:23px; }

.tb_base  tbody th,
.tb_base  tbody td {font-size:16px; line-height:25px; padding:10px 0px;}
.tb_base  tbody td {padding-left:15px; padding-right:15px;}

.event_detail_inner .top  h3{font-size:26px; line-height:30px; }
.event_detail_inner .top  h3 span {font-size:16px; line-height:30px; padding:0px 15px;}
.event_detail_inner .top  h4 {font-size:17px; line-height:26px; margin-bottom:20px;}
.event_detail_inner .top p {font-size:16px; line-height:20px;}
.event_detail_inner .question b {font-size:20px; line-height:34px; margin-bottom:20px;}
.event_detail_inner .question {padding:20px; margin:10px 0px; }


	 	}


/* **************************************** *
 *닭똥집 페스티벌
 * **************************************** */


.festival-chimac .main_visual { overflow:hidden; width:100%; border-radius:30px; background:#281c30;}

.festival-chimac  	.main_visual h2 { color:#ffca4b; }
.festival-chimac  	.main_visual  dl  { overflow:hidden; width:100%; max-width:600px; overflow:hidden;}
.festival-chimac  	.main_visual p{ color:#fff;}
.festival-chimac  	.main_visual  dl dt {background:#f0c930; color:#281c30;; border-radius:10px;  text-align:Center; font-weight:bold;}
.festival-chimac  	.main_visual  dl dd{box-sizing:border-box;  color:#fff;}
.festival-chimac  	.main_visual  .poster  img {width:100%;}


	/*��*/
	@media (min-width: 1024px) {
				.festival-chimac .main_visual {padding:50px; margin-bottom:80px;}
	.festival-chimac .main_visual  .poster {float:left;}
	.festival-chimac .main_visual  .poster  {width:430px;}
	.festival-chimac .main_visual  .txt {float:right; width:calc(100% - 480px); padding-top:150px;}
	.festival-chimac .main_visual  .txt  h2 {font-size:43px; line-height:60px; }
	.festival-chimac .main_visual  .txt  p {font-size:21px; line-height:37px; padding-top:20px;  padding-bottom:60px;}
			.festival-chimac 	.main_visual  dl  {margin-top:20px;}
			.festival-chimac 	.main_visual  dl dt,
			.festival-chimac 	.main_visual  dl dd{font-size:21px; line-height:40px; float:left;}
			.festival-chimac 	.main_visual  dl dt{width:100px;}
			.festival-chimac 	.main_visual  dl dd{width:calc(100% - 130px;); padding-left:30px;}

	 	}


	/*��*/
	@media (min-width:1023px) and (max-width:1234px) {
	.festival-chimac .main_visual  .poster  {width:400px;}
	.festival-chimac .main_visual  .txt { width:calc(100% - 450px); padding-top:150px;}
	}

	/*�⑤뱶*/
	@media (min-width:641px) and (max-width:1023px) {
		.festival-chimac 	.main_visual {padding:130px 0px 100px 0px;}
	.festival-chimac .main_visual  .poster {float:left;}
	.festival-chimac .main_visual  .poster  {width:300px;}
	.festival-chimac .main_visual  .txt {float:right; width:calc(100% - 330px); padding-top:70px;}
	.festival-chimac .main_visual  .txt  h2 {font-size:30px; line-height:40px; }
	.festival-chimac .main_visual  .txt  p {font-size:21px; line-height:37px; padding-top:20px;  padding-bottom:60px;}
				.festival-chimac .main_visual  dl  {margin-top:20px;}
				.festival-chimac .main_visual  dl dt,
			.festival-chimac 	.main_visual  dl dd{font-size:18px; line-height:36px; float:left;}
				.festival-chimac .main_visual  dl dt{width:100px;}
			.festival-chimac 	.main_visual  dl dd{width:calc(100% - 130px;); padding-left:20px;}


	 	}

	/*紐⑤컮��*/
	@media (max-width:640px) {
			.festival-chimac .main_visual {padding:120px 0px 50px 0px !important; overflow:hidden; text-align:center;}
	.festival-chimac .main_visual  .poster {text-align:center ;width:100%; } 
	.festival-chimac .main_visual  .poster  img{max-width:180px;}
	.festival-chimac .main_visual  .txt {width:100%; padding-top:10px;}
	.festival-chimac .main_visual  .txt  h2 {font-size:24px; line-height:30px; }
	.festival-chimac .main_visual  .txt  p {font-size:16px; line-height:25px; padding-top:20px;  padding-bottom:30px;}
				.festival-chimac .main_visual  dl  {margin-top:10px;}
				.festival-chimac .main_visual  dl dt,
				.festival-chimac .main_visual  dl dd{font-size:16px; line-height:30px; float:left;}
				.festival-chimac .main_visual  dl dt{width:66px;}
				.festival-chimac .main_visual  dl dd{width:calc(100% - 80px); float:right; text-align:left; }
	 	}




/* **************************************** *
 *珥덈��� 湲� 
 * **************************************** */

.festival-chimac #tab-react {position:relative; text-align:center;  width:100%; overflow:hidden; }
		.festival-chimac 	#tab-react .txt   {box-sizing:border-box;}
			.festival-chimac #tab-react .txt  dl dt,
					.festival-chimac 	#tab-react .txt  dd {float:left; padding-right:10px;}

			.festival-chimac #tab-react h3  {	font-family:  'BMDOHYEON', sans-serif; 
						overflow:hidden;}
			.festival-chimac #tab-react .txt  dl dt, #tab-react .txt  dl dd {color:#281c30; 			font-family:  'BMDOHYEON', sans-serif;  }
			.festival-chimac #tab-react .txt  {background:#eee; }
			.festival-chimac #tab-react .txt  p { color:#281c30;  }

	/*��*/
	@media (min-width: 1024px) {
			.festival-chimac #tab-react h3  {background:#fbbb41 url('/n_img/festival/bg001.png') no-repeat 90% 200px; padding:0px 100px 0px 0px; position:absolute; right:0; top:0; height:100vh; display:block;  background-size:auto 400px;   text-align:right;
 width:40%; color:#fff; padding-top:80px; font-size:70px; line-height:110px;}
			.festival-chimac #tab-react .txt  {width:60%;  padding:90px 50px; overflow:hidden; text-align:left;}
			.festival-chimac #tab-react .txt  p { padding:20px 0px; font-size:20px; line-height:39px;}
			.festival-chimac #tab-react .txt  dl  {padding-top:30px;}
			.festival-chimac #tab-react .txt  dl dt, #tab-react .txt  dl dd {cfont-size:25px; line-height:40px; }

			}




	/*�⑤뱶*/
	@media (min-width:641px) and (max-width:1023px) {
			.festival-chimac #tab-react h3  {background:#fbbb41 url('/n_img/festival/bg001.png') no-repeat 90% bottom; padding:0px 100px 0px 30px;
			position:absolute; right:0; top:0; height:100%; display:block;  background-size:auto 250px;   text-align:right;
 width:220px; color:#fff; padding-top:80px; font-size:40px; line-height:50px; box-sizing:border-box;}
			.festival-chimac #tab-react .txt  {width:calc(100% - 200px);  box-sizing:border-box;  padding:40px 40px; overflow:hidden; text-align:left;}
			.festival-chimac #tab-react .txt  p { padding:17px 0px; font-size:18px; line-height:29px;}
			.festival-chimac #tab-react .txt  dl  {padding-top:30px;}
			.festival-chimac #tab-react .txt  dl dt, .festival-chimac #tab-react .txt  dl dd {font-size:19px; line-height:30px; }
	 	}

	/*紐⑤컮��*/
	@media (max-width:640px) {
		.festival-chimac #tab-react h3  {background:#fbbb41 url('/n_img/festival/bg001.png') no-repeat 90% bottom; padding:0px 100px 0px 20px;
			position:absolute; right:0; top:0; height:100%; display:block;  background-size:auto 200px;   text-align:right;
 width:70px; color:#fff; padding-top:80px; font-size:30px; line-height:40px; box-sizing:border-box;}
			.festival-chimac #tab-react .txt  {width:calc(100% - 90px);  box-sizing:border-box;  padding:30px 30px; overflow:hidden; text-align:left;}
			.festival-chimac #tab-react .txt  p { padding:17px 0px; font-size:15px; line-height:23px;}
			.festival-chimac #tab-react .txt  dl  {padding-top:20px;}
			.festival-chimac #tab-react .txt  dl dt, .festival-chimac #tab-react .txt  dl dd {font-size:18px; line-height:30px; }

	 	}






/* **************************************** *
 *�꾨줈洹몃옩�덈궡
 * **************************************** */

.festival-chimac #tab-vue{ overflow:hidden;}
.festival-chimac #tab-vue .wrap{box-sizing:border-box;background:#fff; overflow:hidden; border:1px solid  #ea3535;

}
.festival-chimac #tab-vue .wrap h4 {text-align:center;  font-family:  'BMDOHYEON', sans-serif; background:#ea3535; border-radius:0; color:#fff; margin:0;}
.festival-chimac #tab-vue .wrap  dl {border-top:1px dashed #ddd; box-sizing:border-box; margin-lefT:auto; margin-right:auto; width:90%;}
.festival-chimac #tab-vue .wrap  dl:nth-child(1) {border-top:none;}
.festival-chimac #tab-vue .wrap  dl dt,
.festival-chimac #tab-vue .wrap  dl dd {float:left; color:#281c30; }
.festival-chimac #tab-vue .wrap  dl dt {font-weight:bold}
.festival-chimac #tab-vue .wrap   dl {overflow:hidden; padding:30px 0px;}
		.festival-chimac #tab-vue  dl dd:nth-child(2) {float:left; width:250px;}

		.festival-chimac #tab-vue table {width:96%; margin-left:auto; margin-right:auto; margin:20px; overflow:hidden; border:1px solid #ddd;
		border-radius:10px;}
		.festival-chimac #tab-vue table th,
				.festival-chimac #tab-vue table td {color:#000;  border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1);}
				.festival-chimac #tab-vue table td {text-align:Center;}
				.festival-chimac #tab-vue table tr td:last-child {text-align:left; padding-left:30px;}
				.festival-chimac #tab-vue table td strong {font-weight:bold; color:#000;}

	.festival-chimac #tab-vue table th {background:#fbd4d4; color:#d02323;}
.festival-chimac #tab-vue h3  { 
 font-family:  'BMDOHYEON', sans-serif;  text-align:center;  }
				#tab-vue table td strong {font-weight:bold; }
	/*��*/
	@media (min-width: 1024px) {
.festival-chimac #tab-vue   {background:url('/n_img/festival/in0001.png') no-repeat -30px 40px; background-size:auto 400px;}

.festival-chimac #tab-vue h3  { font-size: 70px; line-height: 160px; padding-top:130px;}
.festival-chimac #tab-vue .wrap{ border-radius:50px; margin-bottom:30px;}
.festival-chimac #tab-vue .wrap h4 {font-size:24px; line-height:80px;}
		.festival-chimac #tab-vue table th,
				.festival-chimac #tab-vue table td {font-size:17px; line-height:25px; padding:10px 10px;}
				.festival-chimac #tab-vue table td strong { font-size:20px; line-height:30px;}
		}


	/*�⑤뱶*/
	@media (min-width:641px) and (max-width:1023px) {
.festival-chimac #tab-vue   {background:url('/images/festival/in0001.png') no-repeat -60px 40px; background-size:auto 300px;}
.festival-chimac #tab-vue h3  { font-size: 40px; line-height: 70px; padding-top:130px;}
.festival-chimac #tab-vue .wrap{ border-radius:50px; margin-bottom:30px;}
.festival-chimac #tab-vue .wrap h4 {font-size:24px; line-height:80px;}
		.festival-chimac #tab-vue table th,
				.festival-chimac #tab-vue table td {font-size:16px; line-height:23px; padding:10px 10px;}
				.festival-chimac #tab-vue table td strong { font-size:20px; line-height:30px;}
	 	}

	/*紐⑤컮��*/
	@media (max-width:640px) {
.festival-chimac #tab-vue   {background:url('/images/festival/in0001.png') no-repeat center 30px; background-size:auto 140px;}
.festival-chimac #tab-vue h3  { font-size: 30px; line-height: 70px; padding-top:170px;}
.festival-chimac #tab-vue .wrap{ border-radius:50px; margin-bottom:30px;}
.festival-chimac #tab-vue .wrap h4 {font-size:21px; line-height:70px;}
		.festival-chimac #tab-vue table th,
				.festival-chimac #tab-vue table td {font-size:14px; line-height:21px; padding:6px 6px !important; word-break:keep-all;}
				.festival-chimac #tab-vue table td strong { font-size:16px; line-height:30px;}
	 	}



/* **************************************** *
 * �꾩썝臾쇳뭹 �덈궡
 * **************************************** */

.festival-chimac #tab-last {text-align:center;box-sizing:border-box; }
.festival-chimac #tab-last  h3 {text-align:center;}
.festival-chimac #tab-last   h3 { font-family:  'BMDOHYEON', sans-serif;   }
			.festival-chimac #tab-last dl,
			.festival-chimac #tab-last dl dt, 		
			.festival-chimac #tab-last dl dd {display:inline-block; vertical-align:middle;}
.festival-chimac #tab-last dl dt {font-weight:bold; border-radius:15px; background:rgb(255, 201, 39);}


	/*��*/
	@media (min-width: 1024px) {
			.festival-chimac #tab-last{padding:20px 0px}
				.festival-chimac #tab-last  h3{
					font-size: 70px;
					line-height: 160px;
				}
			.festival-chimac #tab-last  h4 {font-size:20px; line-height:30px;}
			.festival-chimac #map {height:700px; margin-top:30px;}
			.festival-chimac #tab-last dl  {padding:0px 20px; margin:40px 0px;}
			.festival-chimac #tab-last dl dt, 		
			.festival-chimac #tab-last dl dd {font-size:23px; line-height:46px;}
			.festival-chimac #tab-last dl dt {padding:0px 30px;}
			.festival-chimac #tab-last dl dd {margin-left:30px;}
}



	/*�⑤뱶*/
	@media (min-width:641px) and (max-width:1023px) {
		 .festival-chimac #tab-last{padding:60px 0px 100px 0px;}
				.festival-chimac #tab-last  h3{
					font-size: 40px;
					line-height: 50px;
				}
			.festival-chimac #tab-last  h4 {font-size:18px; line-height:30px;}
			.festival-chimac #map {height:500px; margin-top:30px;}
			.festival-chimac #tab-last dl  {padding:0px 10px; margin:20px 0px;}
			.festival-chimac #tab-last dl dt, 		
			.festival-chimac #tab-last dl dd {font-size:18px; line-height:36px;}
			.festival-chimac #tab-last dl dt {padding:0px 20px;}
			.festival-chimac #tab-last dl dd {margin-left:30px;}


	 	}

	/*紐⑤컮��*/
	@media (max-width:640px) {
		.festival-chimac #tab-last{padding:30px 0px 30px 0px;}
				.festival-chimac #tab-last  h3{
					font-size:30px;
					line-height: 50px;
				}
			.festival-chimac #tab-last  h4 {font-size:17px; line-height:30px;}
			.festival-chimac #map {height:500px; margin-top:30px;}
			.festival-chimac #tab-last dl  {padding:0px 10px; margin:10px 0px; display:block;}
			.festival-chimac #tab-last dl dt, 		
			.festival-chimac #tab-last dl dd {font-size:16px; line-height:30px;}
			.festival-chimac #tab-last dl dt {width:21%;}
			.festival-chimac #tab-last dl dd {float:right; width:70%; text-align:left;}
	 	}


/* **************************************** *
 *tab-angular2
 * **************************************** */

.festival-chimac #tab-angular2 {text-align:center;box-sizing:border-box; }
.festival-chimac #tab-angular2  ul {text-align:center; overflow:hidden;}
.festival-chimac #tab-angular2  ul li {display:inline-block; vertical-align:middle;}
.festival-chimac #tab-angular2  ul li img {width:100%}
.festival-chimac #tab-angular2   h3 { font-family:  'BMDOHYEON', sans-serif;      font-size: 70px;
    line-height: 160px;  /* 吏��쒗뻾�� 蹂닿린 */}

	/*��*/
	@media (min-width: 1024px) {
		.festival-chimac #tab-angular2  {padding-bottom:50px;}
       .festival-chimac #tab-angular2   h3 {  font-size: 70px;  line-height: 160px;  /* 吏��쒗뻾�� 蹂닿린 */}
		.festival-chimac #tab-angular2  ul li {width:500px; height:auto; margin:10px;}
}



	/*�⑤뱶*/
	@media (min-width:641px) and (max-width:1023px) {
		#tab-angular2  {padding-bottom:50px;}
        #tab-angular2   h3 {  font-size: 40px;  line-height: 50px;  /* 吏��쒗뻾�� 蹂닿린 */}
		#tab-angular2  ul li {width:45%; height:auto; margin:10px;}
	 	}

	/*紐⑤컮��*/
	@media (max-width:640px) {
		.festival-chimac #tab-angular2  {padding-bottom:50px; }
       .festival-chimac  #tab-angular2   h3 {  font-size: 30px;  line-height: 80px;  /* 吏��쒗뻾�� 蹂닿린 */}
		.festival-chimac #tab-angular2  ul li {width:47%; height:auto; margin:5px 1%;}

	 	}


/* **************************************** *
 *.youtube
 * **************************************** */

.festival-chimac .youtube {position:fixed;  color:rgba(0,0,0,0.3);
	animation-name: txt117;  z-index:9999;
	animation-iteration-count: infinite; 
	animation-duration:2s;
	animation-fill-mode:forwards;
	 -webkit-animation-fill-mode: forwards;
}
@keyframes txt117{
	0%.	100%   {  transform:  translateY(0PX)   ; }
	50%   {  transform:  translateY(-50PX)  ;   }

}

	/*��*/
	@media (min-width: 1024px) {
.festival-chimac .youtube-in {display:none;}
.festival-chimac .youtube {bottom:150px; right:30px}
}


	/*�⑤뱶*/
	@media (min-width:641px) and (max-width:1023px) {
.festival-chimac .youtube img {width:110px;}
.festival-chimac .youtube-in {display:none;}
.festival-chimac .youtube {bottom:150px; right:30px}
	 	}

	/*紐⑤컮��*/
	@media (max-width:640px) {
		.festival-chimac .youtube img {width:110px;}
		.festival-chimac .youtube-in {background:#706685; cursor:pointer; box-sizing:border-box; margin-top:30px;
		text-align:center; overflow:hidden; padding:30px 10px;}
		.festival-chimac .youtube-in img {width:120px; display:inline-block; vertical-align:middle;}
		.festival-chimac .youtube-in p {display:inline-block; text-align:left;  vertical-align:middle;  color:#fff;
		padding-left:10px; font-size:18px; line-height:28px;}
	 	}





/* **************************************** *
 *가족의 달 행사
 * **************************************** */

.festival-chimac2 .main_visual {background:#ffb364 url('/n_img/festival/bgbg.png') no-repeat; overflow:hidden; width:100%; text-align:center;}

	.festival-chimac2 .main_visual  dl dt {color:#d72323; }
	.festival-chimac2 .main_visual  dl dd {color:#333;}




	/*��*/
	@media (min-width: 1024px) {
		.festival-chimac2 .main_visual  p.logo {padding-bottom:30px;}
	.festival-chimac2 .main_visual  p.logo img {width:160px;}

			.festival-chimac2 .main_visual {padding:140px 0px 450px 0px;; background-position:  center 510px; background-size:auto 700px;}
	.festival-chimac2 .main_visual  dl dt {font-size:60px; line-height:80px; width:100%; padding-bottom:30px;    }
	 .festival-chimac2 .main_visual  dl dd {display:inline-block; padding:0px 20px;    
vertical-align:middle; font-size:34px; line-height:40px;}

	 	}



	/*�⑤뱶*/
	@media (min-width:641px) and (max-width:1023px) {
	.festival-chimac2 .main_visual  p.logo {padding-bottom:20px;}
	.festival-chimac2 .main_visual  p.logo img {width:110px;}
			.festival-chimac2 .main_visual {padding:90px 0px 320px 0px;; background-position:  center 380px; background-size:auto 500px;}
	.festival-chimac2 .main_visual  dl dt {font-size:40px; line-height:60px; width:100%; padding-bottom:30px;    }
	.festival-chimac2 .main_visual  dl dd {display:inline-block; padding:0px 10px;    
vertical-align:middle; font-size:24px; line-height:30px;}


	 	}

	/*紐⑤컮��*/
	@media (max-width:640px) {

	.festival-chimac2 .main_visual  p.logo {padding-bottom:20px;}
	.festival-chimac2 .main_visual  p.logo img {width:80px;}
			.festival-chimac2 .main_visual {padding:30px 30px 200px 30px; box-sizing:border-box;
			background-position:  center 210px; background-size:auto 300px;}
	.festival-chimac2 .main_visual  dl dt {font-size:26px; word-break:keep-all;line-height:40px; width:100%; padding-bottom:30px;    }
	.festival-chimac2 .main_visual  dl dd {display:inlien-block; padding:0px 10px;    
vertical-align:middle; font-size:21px; line-height:24px;}



	 	}



/* **************************************** *
 * 怨듯넻
 * **************************************** */

			.festival-chimac2 table thead th{color:#fff;}
				.festival-chimac2 table tbody td, 
				.festival-chimac2 table tbody th {border-top:1px dotted rgba(0,0,0,0.6)}
				.festival-chimac2 table tbody tr:nth-child(1) td,
				.festival-chimac2 table tbody tr:nth-child(1) th {border-top:0px;}


	/*��*/
	@media (min-width: 1024px) {
			.festival-chimac2 h3 {font-size:50px; line-height:70px; margin-bottom:20px;}
				.festival-chimac2 table td, table th {font-size:20px; line-height:30px; padding:10px 0px;}
				.festival-chimac2 table thead th{padding:20px 0px;}

			}

	/*�⑤뱶*/
	@media (min-width:641px) and (max-width:1023px) {
			.festival-chimac2 h3 {font-size:24px; line-height:30px; margin-bottom:20px;}
				.festival-chimac2 table td, table th {font-size:17px; line-height:20px; padding:10px 0px;}
				.festival-chimac2 table thead th{padding:20px 0px;}

	 	}

	/*紐⑤컮��*/
	@media (max-width:640px) {
			.festival-chimac2 h3 {font-size:19px; line-height:30px; margin-bottom:20px;}
				.festival-chimac2 table td, table th {font-size:15px; line-height:17px; padding:4px 0px; word-break:keep-all;}
				.festival-chimac2 table thead th{padding:10px 0px;}
	 	}

/* **************************************** *
 *珥덈��� 湲� 
 * **************************************** */

.festival-chimac2  #tab-react {text-align:center;   background:#fffa7b url('/n_img/festival/bg0011.png') repeat  center center;}
.festival-chimac2  #tab-react .width_area {box-sizing:border-box; background:#fff;}
.festival-chimac2  #tab-react .width_area .desc {background:#eee; box-sizing:border-box;  width:100%;}
				.festival-chimac2  #tab-react .width_area .desc  {overflow:hidden;}
				.festival-chimac2  #tab-react .width_area .desc  dl {border-top:1px dotted rgba(0,0,0,0.5); overflow:hidden;}
				.festival-chimac2  #tab-react .width_area .desc  dl:nth-child(1) {border-top:none;}
				.festival-chimac2  #tab-react .width_area .desc dt  {font-weight:bold;}

	/*��*/
	@media (min-width: 1024px) {

			.festival-chimac2  #tab-react {padding:110px 0px; background-size:auto 110px;}
			.festival-chimac2  #tab-react .width_area {padding:60px 30px; border-radius:30px;}
			.festival-chimac2  #tab-react  p {font-size:21px;line-height:34px;}
				.festival-chimac2  #tab-react .width_area .desc {margin-top:30px; border-radius:20px; padding:50px 50px;}
				.festival-chimac2  #tab-react .width_area .desc dt {float:left; width:100px; }
				.festival-chimac2  #tab-react .width_area .desc dd {float:right; width:calc(100% - 200px); text-align:left;}
				.festival-chimac2  #tab-react .width_area .desc dt,
				.festival-chimac2  #tab-react .width_area .desc dd {font-size:17px; line-height:22px; padding:20px 0px;}

			}





	/*�⑤뱶*/
	@media (min-width:641px) and (max-width:1023px) {
			.festival-chimac2  #tab-react {padding:70px 0px; background-size:auto 110px;}
			.festival-chimac2  #tab-react .width_area {padding:60px 30px; border-radius:30px;}
			.festival-chimac2  #tab-react  p {font-size:21px;line-height:34px;}
				.festival-chimac2  #tab-react .width_area .desc {margin-top:30px; border-radius:20px; padding:50px 50px;}
				.festival-chimac2  #tab-react .width_area .desc dt {float:left; width:100px; }
				.festival-chimac2  #tab-react .width_area .desc dd {float:right; width:calc(100% - 100px); text-align:left;}
				.festival-chimac2  #tab-react .width_area .desc dt,
				.festival-chimac2  #tab-react .width_area .desc dd {font-size:16px; line-height:20px; padding:20px 0px;}
	 	}

	/*紐⑤컮��*/
	@media (max-width:640px) {
			.festival-chimac2  #tab-react {padding:40px 0px; background-size:auto 60px;}
			.festival-chimac2  #tab-react .width_area {padding:10px 10px; border-radius:30px;}
			.festival-chimac2  #tab-react  p {font-size:15px;line-height:20px; word-break:keep-all;}
				.festival-chimac2  #tab-react .width_area .desc {margin-top:30px; border-radius:20px; padding:20px 20px;}
				.festival-chimac2  #tab-react .width_area .desc dt {float:left; width:60px; }
				.festival-chimac2  #tab-react .width_area .desc dd {float:right; width:calc(100% - 70px); text-align:left;}
				.festival-chimac2  #tab-react .width_area .desc dt,
				.festival-chimac2  #tab-react .width_area .desc dd {font-size:14px; line-height:20px; padding:15px 0px;}
	 	}







/* **************************************** *
 *�꾨줈洹몃옩�덈궡
 * **************************************** */

.festival-chimac2  #tab-vue{text-align:center; background:#fff;}
.festival-chimac2  #tab-vue table thead {background:#eb612d;   }



	/*��*/
	@media (min-width: 1024px) {

		.festival-chimac2  #tab-vue {padding:100px 0px;}
		.festival-chimac2  #tab-vue table thead {border-radius:30px;}


}


	/*�⑤뱶*/
	@media (min-width:641px) and (max-width:1023px) {
			.festival-chimac2  #tab-vue {padding:60px 0px;}
		.festival-chimac2  #tab-vue table thead {border-radius:30px;}
	 	}



	/*紐⑤컮��*/
	@media (max-width:640px) {
			.festival-chimac2  #tab-vue {padding:40px 0px;}
		.festival-chimac2  #tab-vue table thead {border-radius:30px;}
	 	}



/* **************************************** *
 * �꾩썝臾쇳뭹 �덈궡
 * **************************************** */

.festival-chimac2  #tab-last {background:#eee; text-align:center; overflow:hidden;}
.festival-chimac2  #tab-last  table thead {background:#eb612d;   }

.festival-chimac2  #tab-last  table tfoot td {border-top:2px solid#eb612d;  color:#eb612d; font-weight:bold;}


	/*��*/
	@media (min-width: 1024px) {
		.festival-chimac2  #tab-last{padding:100px 0px;}
	.festival-chimac2  #tab-last   table thead {border-radius:30px;}
.festival-chimac2  #tab-last  table tfoot td { padding-top:20px; }

}



	/*�⑤뱶*/
	@media (min-width:641px) and (max-width:1023px) {

		.festival-chimac2  #tab-last{padding:60px 0px;}
	.festival-chimac2  #tab-last   table thead {border-radius:30px;}
.festival-chimac2  #tab-last  table tfoot td { padding-top:20px; }
	 	}

	/*紐⑤컮��*/
	@media (max-width:640px) {
		.festival-chimac2  #tab-last{padding:30px 0px;}
	.festival-chimac2  #tab-last   table thead {border-radius:30px;}
.festival-chimac2  #tab-last  table tfoot td { padding-top:20px; }
	 	}


/* **************************************** *
 *�ㅼ떆�� 湲�
 * **************************************** */

.festival-chimac2  #tab-angular {background:#fff; text-align:center; overflow:hidden;}
.festival-chimac2  #tab-angular  img {width:100%;}
.festival-chimac2  #tab-angular #map {width:100%; z-index:1;}


	/*��*/
	@media (min-width: 1024px) {
.festival-chimac2  #tab-angular {padding:100px 0px;}
.festival-chimac2  #tab-angular #map {height:800px;}
.festival-chimac2  #tab-angular h4 {font-size:20px; line-height:30px; padding-bottom:30px;}
			
	}

	/*�⑤뱶*/
	@media (min-width:641px) and (max-width:1023px) {
.festival-chimac2  #tab-angular {padding:60px 0px;}
.festival-chimac2  #tab-angular #map {height:500px;}
.festival-chimac2  #tab-angular h4 {font-size:20px; line-height:30px; padding-bottom:30px;}
	 	}

	/*紐⑤컮��*/
	@media (max-width:640px) {
.festival-chimac2  #tab-angular {padding:40px 0px;}
.festival-chimac2  #tab-angular #map {height:300px;}
.festival-chimac2  #tab-angular h4 {font-size:17px; line-height:30px; padding-bottom:20px;}
	 	}




/* **************************************** *
 *�꾨줈洹몃옩�덈궡
 * **************************************** */

.festival-chimac2  #tab-angular2 {text-align:center;overflow:hidden;}

		.festival-chimac2  #tab-angular2 .width_area p img {width:100%;}
		.festival-chimac2  #tab-angular2 .width_area p {float:left;overflow:Hidden; }

	/*��*/
	@media (min-width: 1024px) {

		.festival-chimac2  #tab-angular2 {padding:100px 0px;}
		.festival-chimac2  #tab-angular2 .width_area {margin-top:20px;}
		.festival-chimac2  #tab-angular2 .width_area p {width:49%; border-radius:30px;}
		.festival-chimac2  #tab-angular2 .width_area p:nth-child(2) {float:right;}


}


	/*�⑤뱶*/
	@media (min-width:641px) and (max-width:1023px) {
			.festival-chimac2  #tab-angular2 {padding:60px 0px;}
				.festival-chimac2  #tab-angular2 .width_area {margin-top:20px;}
				.festival-chimac2  #tab-angular2 .width_area p {width:49%; border-radius:30px;}
				.festival-chimac2  #tab-angular2 .width_area p:nth-child(2) {float:right;}
	 	}



	/*紐⑤컮��*/
	@media (max-width:640px) {
.festival-chimac2   #tab-angular2 {padding:40px 0px;}
				.festival-chimac2 #tab-angular2 .width_area {margin-top:20px;}
				.festival-chimac2 #tab-angular2 .width_area p {width:100%; margin:10px 0px;border-radius:20px;}

	 	}


/****異붽�css****/
.festival-chimac2  .wrap{background:#ffd02e url('/images/n_bg01.jpg')top center; width:100%;}
.festival-chimac2 .mainevent{width:1204px; margin:0 auto; padding-top:550px;  border:0px solid red; text-align:center;}


/* **************************************** *
 *모달팝업
 * **************************************** */


.modalstyle01 {
    position: fixed; display: none;
  top: 50%;  left: 50%;
    right: auto;   bottom: auto;  transform: translate(-50%, -50%);
    box-sizing: border-box;
    width:80%; max-width:700px;
    padding-top: 50px;
}
.cursor{cursor:pointer;}
.modalstyle01 .close {  color: #fff;  position: Absolute;   top: 0;  right: 20px; display: block;}
/* .modalstyle01detail_wrap store_detail */
.modalstyle01 .detail_wrap {background:#fff; border-radius:30px;}
.modalstyle01 .detail_wrap.store_detail {overflow:hidden;}
.modalstyle01 .detail_wrap.store_detail dl dt {font-weight:600;}
.modalstyle01 .detail_wrap.store_detail dl,
.modalstyle01 .detail_wrap.store_detail dl dt,
.modalstyle01 .detail_wrap.store_detail dl dd{overflow:hidden;}
.modalstyle01 .detail_wrap.store_detail h2  {color:#000;}
.modalstyle01 .detail_wrap.store_detail h2  a {border-radius:50%; overflow:hidden; box-sizing:border-box;
display:inline-block; vertical-align:middle; background:#f99650; text-align:Center; position:relative;} 
	.modalstyle01 .detail_wrap.store_detail h2  a  svg {fill:#fff; position:Absolute;}
.modalstyle01 .detail_wrap.store_detail p {width:100%; border-radius:20px; overflow:hidden;}
.modalstyle01 .detail_wrap.store_detail p img {width:100%;}




	/*웹*/
	@media (min-width: 1024px) {
		.modalstyle01 .detail_wrap {padding:40px 40px;}
			.modalstyle01 .detail_wrap.store_detail h2 {font-size:30px; line-height:60px; margin-bottom:20px;}
				.modalstyle01 .detail_wrap.store_detail h2   a {width:40px; height:40px;}
				.modalstyle01 .detail_wrap.store_detail h2  a  svg {width:27px; height:27px; top:8px; left:6px; }

		.modalstyle01 .detail_wrap.store_detail dl {padding:8px 0px;}
				.modalstyle01 .detail_wrap.store_detail dl dt { float:left; border-right:1px solid rgba(0,0,0,0.1); width:60px;}
				.modalstyle01 .detail_wrap.store_detail dl dd {float:right; width:calc(100% - 80px)}
				.modalstyle01 .detail_wrap.store_detail dl dt,
					.modalstyle01 .detail_wrap.store_detail dl dd {font-size:19px; line-height:27px;}
	 	}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
		.modalstyle01 .detail_wrap {padding:30px 30px;}
			.modalstyle01 .detail_wrap.store_detail h2 {font-size:25px; line-height:48px; margin-bottom:20px;}
				.modalstyle01 .detail_wrap.store_detail h2   a {width:30px; height:30px;}
				.modalstyle01 .detail_wrap.store_detail h2  a  svg {width:20px; height:20px; top:6px; left:5px; }

		.modalstyle01 .detail_wrap.store_detail dl {padding:8px 0px;}
				.modalstyle01 .detail_wrap.store_detail dl dt { float:left; border-right:1px solid rgba(0,0,0,0.1); width:55px;}
				.modalstyle01 .detail_wrap.store_detail dl dd {float:right; width:calc(100% - 65px)}
				.modalstyle01 .detail_wrap.store_detail dl dt,
					.modalstyle01 .detail_wrap.store_detail dl dd {font-size:17px; line-height:21px;}
}

	/*모바일*/
	@media (max-width:640px) {
		.modalstyle01 .detail_wrap {padding:20px 20px;}
			.modalstyle01 .detail_wrap.store_detail h2 {font-size:20px; line-height:38px; margin-bottom:20px;}
				.modalstyle01 .detail_wrap.store_detail h2   a {width:30px; height:30px;}
				.modalstyle01 .detail_wrap.store_detail h2  a  svg {width:20px; height:20px; top:6px; left:5px; }
		.modalstyle01 .detail_wrap.store_detail dl {padding:8px 0px;}
				.modalstyle01 .detail_wrap.store_detail dl dt { float:left; border-right:1px solid rgba(0,0,0,0.1); width:45px;}
				.modalstyle01 .detail_wrap.store_detail dl dd {float:right; width:calc(100% - 55px)}
				.modalstyle01 .detail_wrap.store_detail dl dt,
					.modalstyle01 .detail_wrap.store_detail dl dd {font-size:15px; line-height:18px;}

	 	}




/* **************************************** *
 *  interview
 * **************************************** */

 .interview {overflow:hidden; text-align:Center;}
 .interview dl {text-align:center;}
 .interview dl dt,
  .interview dl dd {display:inline-block; vertical-align:middle;}
 .interview dl dt {color:#f1523f;}
 .interview  .img {width:100%; position:relative; overflow:hidden;}
 .interview  .img  dl {display:inline-block; vertical-align:middle;  overflow:hidden;}
 .interview  .img img {width:100%;}
 .interview  .img:before {content:'';  z-index:2;  position:Absolute; bottom:0px; left:0; background:url('/n_img/img0005.png') no-repeat center center; }
 .interview  .img:after{content:'';  z-index:2; position:Absolute; bottom:0px; right:0; background:url('/n_img/img0006.png') no-repeat center center; }
 .interview .wrapin {position:relative; box-sizing:border-box; overflow:hidden; display:inline-block;}

	/*웹*/
	@media (min-width: 1024px) {
 .interview  {padding:80px 0px;}
 .interview dl.tit dt {font-size:40px; line-height:60px; padding-right:20px;}
 .interview dl.tit dd {font-size:16px;  line-height:60px; }
 .interview  .img  {padding-bottom:80px;}
 .interview .wrapin {padding-left:340px; ; padding-top:30px; width:880px;}
 .interview  .img  dl{width:150px; height:150px; border-radius:25px; margin:10px 10px;}
 .interview  .img  .wrapin dl:nth-child(1) {width:320px; height:320px; position:Absolute; top:10; left:0px;}
 .interview  .img:before {width:300px; height:200px;}
 .interview  .img:after{width:200px; height:120px;}



	 	}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
 .interview  {padding:80px 0px;}
 .interview dl.tit dt {font-size:30px; line-height:60px; padding-right:20px;}
 .interview dl.tit dd {font-size:16px;  line-height:60px; }
 .interview  .img  {padding-bottom:80px;}
 .interview .wrapin {padding-left:245px; ; padding-top:30px ; width:620px;}
 .interview  .img  dl {width:110px; height:110px; border-radius:25px; margin:5px 5px;}
 .interview  .img  .wrapin dl:nth-child(1) {width:239px; height:239px; position:Absolute; top:25px; left:0px;}
 .interview  .img:before {width:200px; height:150px; background-size:auto 100%;}
 .interview  .img:after{width:200px; height:90px; background-size:auto 100%;}
}





/*모바일제외*/
@media (min-width:640px) {

}

/*모바일*/
@media (max-width:640px) {
 .interview  {padding:40px 0px;}
 .interview dl.tit dt {font-size:20px; line-height:30px;  display:block; text-align:center;}
 .interview dl.tit dd {font-size:14px;  line-height:30px;   display:block; text-align:center;}

 .interview  .img  {padding-bottom:80px;}
 .interview .wrapin { padding-top:320px ; width:100%;}
 .interview  .img  dl {width:90px; height:90px; border-radius:20px; margin:3px;}
 .interview  .img  .wrapin dl:nth-child(1) {width:260px; height:260px; position:Absolute;
 top:25px; left:50%; transform:translateX(-50%);}


 .interview  .img:before {width:150px; height:110px; background-size:auto 100%;}
 .interview  .img:after{width:110px; height:60px; background-size:auto 100%;}
}