@charset "UTF-8";


.header_menu_m{display:none;}
.lnb_open{display:block; position:absolute; right:0; top:0; background:url("../images/ham.gif") left top no-repeat; background-size:27px 20px;}

.shop_location{margin-left:0;}
.shop_location iframe, .shop_location img{padding-left:20px;}
.shop_location img{width:100%}


.quick{position:fixed; right:15px; top:50%; margin-top:-260px; z-index:9998;}
.quick li {position:relative;margin-bottom:10px;}
.quick li a span{display:block; width:50px; height:50px;}
.quick li p{display:none; position:absolute; right:65px; top:10px;border: 1px solid #ddd;border-radius: 4px; padding:8px; color: #000;background: #fff;}
.quick li p:before {content: '';position: absolute; top: 50%; left: 100%;margin-top: -9px;width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left:8px solid #ddd;}
.quick li p:after {content: ''; position: absolute; top: 50%; left: 100%; margin-top: -8px; width: 0; height: 0; border-left: 7px solid #FFFFFF; border-top: 7px solid transparent; border-bottom: 7px solid transparent;}
.quick .quick01 a span{background:url(../images/icon_sns_q.png) left center no-repeat; background-size:100%;}
.quick .quick01 p{display:inline-block; width:75px; background:#ff5252; color:#fff; border:1px solid #ff5252;}
.quick li.quick01 p:before{border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left:8px solid #ff5252;}
.quick li.quick01 p:after{ border-left: 7px solid #ff5252; border-top: 7px solid transparent; border-bottom: 7px solid transparent;}
.quick .quick02 a span{background:url(../images/icon_sns_f.png) left center no-repeat; background-size:100%; }
.quick .quick02:hover p{display:inline-block; width:65px;}
.quick .quick03 a span{background:url(../images/icon_sns_k.png) left center no-repeat; background-size:100%; }
.quick .quick03:hover p{display:inline-block; width:85px;}
.quick .quick04 a span{background:url(../images/icon_sns_b.png) left center no-repeat; background-size:100%; }
.quick .quick04:hover p{display:inline-block; width:55px;}


.main_section .main02 .tayo_cafe .tayo_wrap .tayo_n {position: absolute; top:95px; left:205px; cursor: pointer; opacity:1;}
.main_section .main02 .tayo_cafe .tayo_wrap .tayo_l {position: absolute; top:0px; right:0; cursor: pointer; opacity:1;}
.main_section .main02 .tayo_cafe .tayo_wrap .tayo_g {position: absolute; top:525px; right:100px; cursor: pointer; opacity:1;}
.main_section .main02 .tayo_cafe_tayo {position: absolute; top:600px; left:45% !important;  cursor: pointer; opacity:1;z-index:999; transform:translate(-45%);}

/*.mmenu_bg{display:none; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.5); z-index:9998}*/
/*@media only screen and (max-height:690px){
	.main_section .main01 {background:url(/images/tayo_visual_bg2.jpg) 50% 20px no-repeat;position: relative;height:690px !important; padding:0;}
	.main_section .main01 .info {max-height:690px;padding:0;height:660px}
	.main_section .main02 .tayo_cafe {background:url(/images/main_sky_bg2.jpg) 50% 0px no-repeat;position: relative;height:690px !important;padding:0;}
	.main_section .main02 .tayo_cafe .tayo_cafe_info {max-height:690px;padding:0;height:660px}
	.main_section .main02 .tayo_movie {background:url(/images/main_movie_bg2.jpg) 50% 0px no-repeat;position: relative;height:690px !important;padding:0;}
	.main_section .main02 .tayo_cafe .tayo_movie_info {max-height:690px;padding:0;height:660px}
}

@media only screen and (max-height:650px){
	.main_section .main01 {background:url(/images/tayo_visual_bg2.jpg) 50% 20px no-repeat; position: relative;height:650px !important; padding:0;}
	.main_section .main02 .tayo_cafe {background:url(/images/main_sky_bg2.jpg) 50% 20px no-repeat; position: relative;height:650px !important; padding:0;}
	.main_section .main02 .tayo_movie {background:url(/images/main_movie_bg2.jpg) 50% 0px no-repeat; position: relative;height:650px !important; padding:0;}
}

@media only screen and (max-width:1200px){
	.inner{width:93.75%;}
}

@media only screen and (max-width:800){
	.main_section .main04 .inner h3{font-size:30px;}
	.play_img .gallery-thumbs{display:none;}
}
*/

@media all and ( max-width: 1199px ) {
	
	.inner {width:93.75%;}

	.header_menu ul li .sub_menu{width:100%;}

    .ceo_section .ceo {float: left;margin-top: 0; width: 45%;}
    .ceo_section .ceo_bg { padding-right: 10%;}
    .ceo_section .ceo_bg img {width: 100%;}
    .ceo_section .sign_wrap {width: 100%;}
    .ceo_section .sign_wrap .sign:last-child {max-width: 161px; width: 100%; margin: 0;}
    .ceo_section .sign_wrap .sign:last-child img {width: 100%;}
    .ceo_section .info_wrap {width: 100%; float: none; margin: 0px;}     

	.sub_contents .cont_img img{width:100%;}

	.shop_map{overflow:hidden; height: 411px;}

	
	.board_wrap .movie_list li { float: left; font-size: 13px; padding-bottom: 20px; text-align: center; width: 33.3333%;}
	.sub_contents .info_wrap .info.itr .info_text{padding:0 500px 0 0;}
	.info_img02 img{width:100%;}


	.guide_text li{width: 32%;}
	.guide_text li:nth-child(2){margin: 0 18px;}
	.guide_img img{width:100%;}
	
	.guide_text02 li.guide_box{width:32%;}
	.guide_text02 li.guide_box:nth-child(2){ margin: 0 18px;}
	.board_search .field_box{width:98%;}
	.board_search .field_box02{width:98%;}

	.playzone_list li{width:22%; margin:0 4% 31px 0;}
	.playzone_list li.last{margin:0 4% 31px 0}
	.playzone_list li:nth-child(4n+4){margin:0 0 31px 0;}
	
	.effects .play_img img{width:100%;}


	.main06 {background:url(../images/tayo_main_mobile.jpg) left top no-repeat;}

	
	footer .sitemap {padding:0 0 312px 0; background: url(../images/visual_bg01.png) center bottom repeat-x;}
	footer h3 {background:url(../images/footer_sitemap_ribon.gif) left top no-repeat;text-align: center;margin-top: 78px;}
	footer .menu {display: table; width: 100%; text-align: center; padding-top: 50px; overflow:hidden;}
	footer .menu a {}
	footer .menu > ul  {display: table-row;text-align: center;}
	footer .menu > ul > li {display: table-cell;text-align: left;padding: 0 1%;}
	footer .menu > ul > li a {color: #297fb8;font-size: 13px; line-height: 24px;}
	footer .menu > ul > li > ul {}
	footer .menu > ul > li > ul > li {text-align: left;}
	footer .menu > ul > li > ul > li a {color: #666;}
	footer .banner {padding:67px 0 12px; background: #2d2d2d;}
	footer .banner .tayo_group {position: absolute; bottom: 80px; left: 50%;}
	footer .banner .tayo_group img {width: 100%;}
	footer .banner ul {text-align: center;}
	footer .banner li {display: inline-block; margin: 0 10px;}
	footer .banner li img {border: 1px solid #1b1b1b;}
	footer .policy {overflow: hidden; background-color: #1e1e1e; text-align: center;}
	footer .policy ul {margin-top: 30px;}
	footer .policy li {display: inline; color: #fff; font-weight: 500; background:url(../images/bar.gif) center left no-repeat; padding: 0 10px; }
	footer .policy li:first-child{background:none; }
	footer .policy li:first-child a{color:#56b2e4;}
	footer .policy li a{color:#fff;font-size: 14px; line-height: 24px;}
	footer .policy .address {color:#fff;margin-top: 30px;overflow: hidden;}
	footer .policy .address p {display: inline;font-size: 14px; line-height: 24px;}
	footer .policy .copy {color:#777777;font-size: 14px; line-height: 24px; margin-top: 30px;}

}

@media ( max-width: 1024px ) {

	.main_section .main01 .info .creative_wrap{width:100%; left:0; margin-left:0;}
	.main_section .main01 .info .creative_wrap .visual_title{width:100%;}
	.main_section .main01 .info .creative_wrap .visual_title img{width:100%;}
	.main_section .main01 .info .creative_wrap .visual_stitle{width:100%; top: 98px;}
	.main_section .main01 .info .creative_wrap .visual_text{width:100%;}

	.main_section .main01{background:none;}	
	.main_section .main01 .info{background:url(../images/tayo_visual_bg3.jpg) center bottom no-repeat; background-size:100% auto;}
	.main_section .main02 .tayo_cafe .tayo_cafe_info{margin-top:80px; background-size: 75% auto; }
	.main_section .main02 .tayo_cafe .tayo_wrap .tayo_wrap{width:100%;}
	.main_section .main02 .tayo_cafe .tayo_wrap .tayo_n { width:20%;}
	.main_section .main02 .tayo_cafe .tayo_wrap .tayo_l {width:30%;}
	.main_section .main02 .tayo_cafe .tayo_wrap .tayo_g { top:525px; width:20%;}
	.main_section .main02 .tayo_cafe_tayo { top:750px; width:30%;}

	
	.main_section .main03 .shop_view_vr{position:absolute; left:0; top:0; right:0; bottom:0;border:0; display:none;}
	.main_section .main03 .shop_view_vr.mobile{display:block;}

	.main_section .main04{display:none;}

	.playzone_list li{width:31%; margin:0 3.5% 31px 0;}
	.playzone_list li.last{margin:0 3.5% 31px 0}
	.playzone_list li:nth-child(3n+3){margin:0 0 31px 0;}

	.board_wrap .board_list > table > tbody > tr > td:nth-child(2){text-overflow:ellipsis; overflow:hidden; padding:10px;}
	.board_wrap .board_view > table > thead > tr .th_title{line-height:22px; padding:10px 0 10px 10px;}
	.board_wrap .board_view > table > tbody > tr > td:nth-child(2){width:auto;padding:0 5px;}

	.shop_location iframe{height:321px !important}

	.shop_img li{ height: 100%; overflow: hidden; min-height:100%;}
	.shopthumb{}
	.shopthumb a{display:inline-block;width:94px; height:56px; margin:0 6px;}
	.shopthumb a img{padding:3px; border:1px solid #ddd;}
	.shopthumb a.active img{border:3px solid #0094f9;}
	.shop_comment{background:#f4f5f7; font-size:14px;border:1px solid #cbd2e1;  line-height:22px; padding:10px; margin-top:30px;}
	.shop_comment_box{border:2px dashed #cbd2e1; padding:15px;}
	.shop_slider{overflow:hidden; height:247px; min-height:100%;}
	.shop_slider img{width:100%; height:auto; min-height:100%;}

	
	.main03{height: 580px !important;}
	.main_section .main03 .shop_view_vr.mobile{height:580px !important;}

	/* 메인 스크롤 버튼 */
	.updown{position: fixed;right:5px; top:50%; z-index:9998;}
	.updown a{display: block; height: 40px; text-indent: -9999px; width: 40px;}
	.updown a.top_btn{ background:url(/new/images/m_up_btn.png) center center no-repeat; background-size:100% auto; margin-bottom:5px;}
	.updown a.bottom_btn{ background:url(/new/images/m_down_btn.png) center center no-repeat; background-size:100% auto;}
	

	/* 멤버 */
	
	.join_step li{width:25%; margin-bottom:10px; background-position:95% center;}
	.join_step li.on{ background-position:95% center;}
	.join_step li.step01 .join_step_cont, .join_step li.step02 .join_step_cont,.join_step li.step03 .join_step_cont,.join_step li.step04 .join_step_cont{background-position:left top;}
	.join_step li.step01.on .join_step_cont, .join_step li.step02.on .join_step_cont,.join_step li.step03.on .join_step_cont,.join_step li.step04.on .join_step_cont{background-position:left top;}
	.join_step .join_step_cont{padding:0 30px 0 100px}

	.login .logintit_box{ min-height: 250px; border-bottom:1px solid #ddd; padding-left:38%; background-position:left bottom; background-size:35%; }
	.login .logintit_box .btn input[type="submit"], .login .logintit_box .btn span{height:80px;}
	.login .cont_box li.member_join{ padding-left: 0px;}
	.login .cont_box li{padding-left: 50px;}
	

	/*footer 시작*/ 
	footer{padding:30px 0 0;}
    footer .sitemap {padding: 0 0 30%; background-size: 100%;}
	footer .sitemap .inner{width:100%;}
    footer h3 {margin-top:0;}
	footer .menu {display: block; width: 95%; margin:0 auto; text-align: center; padding-top: 50px; overflow:hidden;}
	footer .menu ul {display: block;text-align: center;}
	footer .menu ul li:after{content:''; display:block; overflow:hidden; clear:both;}
	footer .menu ul li {display: block; float:left;width:14.2%; padding:0;  min-height: 200px;}
	footer .menu ul li a { color: #297fb8; display:inline-block; width:100%; font-size: 15px; line-height: 24px; padding: 10px;}
	footer .menu ul li .fsubmenu:after{content:''; display:block; overflow:hidden; clear:both;}
	footer .menu ul li .fsubmenu {padding-bottom:5px;  min-height: auto;}
	footer .menu ul li .fsubmenu li {text-align: left; display:block; line-height:20px; width:100%;  max-height: auto;  min-height: 100%; padding:5px 0; border-bottom:0;}
	footer .menu ul li .fsubmenu li a {padding:0 10px; background:none;}
    
	footer .banner {padding:32px 0 12px; background: #2d2d2d;}
    footer .banner .tayo_group {position: absolute; bottom: 100%; left: 50%; width:80%; margin:0 0 0 -40%;}
    footer .banner .tayo_group img {width: 100%;}
    footer .policy ul{margin-top:0;}
	footer .policy .address {margin-top:0; padding:20px;}
	footer .policy .copy {margin-top: 0px; padding-top:0;}
	/*footer 끝*/    

	.board_wrap .board_list > table > tbody > tr > td{line-height:22px; padding:10px 0;}

}

@media (min-width: 640px) and (max-width: 1240px) {
	.main06 {height: auto; background:url(../images/tayo_main_mobile.jpg) left top no-repeat;}
	.main06 .inner{display:none;}
	.main06_img img {display:block; width: 100%;}
	.main_section02 .main06 .cloud {display:none;}
	.main_section .main02 .tayo_cafe_tayo {left: 35% !important; transform: translate(-35%);}
	.main_section .main02 .tayo_cafe .tayo_wrap .tayo_n {left:10% !important; transform: translate(-10%);}
	.main_section .main02 .tayo_cafe .tayo_wrap .tayo_g {right: 0 !important;}

	
	.menu_m_box{position:absolute; right:-200px; top:0; height:100%; background:#2d5da7; width:200px;}
	.menu_m_box.active{right:0}
	.menu_m_box .m_member{background:#234d8d}
	.menu_m_box .m_member li{ float: left; width:100px;}
	.menu_m_box .m_member li a{display:block; border-right:1px solid #4a73b7; font-size:14px; color:#fff; text-align:center; padding:10px 0;}
	.menu_m_box .m_member li:last-child a{border-right:0;}


}

@media ( max-width: 980px ) {
		
	.main_section .main01 .info{}

	.playzone_list li{width:31%; margin:0 3.5% 31px 0;}
	.playzone_list li.last{margin:0 3.5% 31px 0}
	.playzone_list li:nth-child(3n+3){margin:0 0 31px 0;}

		
	.guide_text li{width: 32%;}
	.guide_text li:nth-child(2){margin: 0 15px;}
	
	.guide_img img{width:100%;}
	
	.guide_text02 li.guide_box{width:32%;}
	.guide_text02 li.guide_box:nth-child(2){ margin: 0 15px;}

}

@media ( max-width: 800px ) {
	

	.logo img{width:100%;}

	header .inner .header_logo {width:100%;}
    .gnb_wrap{display:none;}
	.board_wrap .movie_list li { float: left; font-size: 13px; padding-bottom: 20px; text-align: center; width: 50%;}

	.header_menu{display:none;}
	.header_menu_m {display:block; overflow-y:auto; z-index:9999;}
	.header_menu_m .lnb_open{text-indent:-9999px;position: absolute; right: 20px; top: 20px; width:27px; height:20px; display:inline-block; background:url("../images/ham.gif") left top no-repeat; background-size:27px 20px;}
	
	.lang_select{display:block; position:absolute; right:60px; top:18px; border:1px solid #ddd; background:#fff; padding:5px 10px;border-radius: 5px;}

	.menu_m_box{position:absolute; right:-200px; top:0; height:100%; background:#2d5da7; width:200px; z-index:9999}
	.menu_m_box.active{right:0}
	.menu_m_box .m_member{background:#234d8d}
	.menu_m_box .m_member li{ float: left; width:100px;}
	.menu_m_box .m_member li a{display:block; border-right:1px solid #4a73b7; font-size:14px; color:#fff; text-align:center; padding:10px 0;}
	.menu_m_box .m_member li:last-child a{border-right:0;}
	
	.menu_m_box li{border-top:1px solid #4a73b7;}
	.menu_m_box li h2{padding:12px 15px;}
	.menu_m_box li h2 a{font-size:16px; color:#fff; padding:8px}
	.menu_m_box li .sub_menu_wrap{background:#143b7b;}
	.menu_m_box li .sub_menu_wrap li{padding:10px 15px; border-top:1px solid #305da7;}
	.menu_m_box li .sub_menu_wrap li a{color:#fff; font-size:14px;}

	 .inner {width: 93.75%;}
    header {position:fixed; top:0; left:0; width:100%; height: 60px; background:#fff; box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); z-index: 9999; transform: translate3d(0px, 0px, 0px);
    transition: all 0.3s ease-out 0s;}
	header.nav-up{transform: translate3d(0px, 0, 0px);}
	header.nav-up .inner .header_logo .logo{top:5px;}
	header .inner{height:60px;}
	header .inner .header_logo{width:100%;}
	header .inner .header_logo .logo{top: 5px; width: 50px;}
	header .inner .header_logo .logo img{width:100%;}
	header .inner .header_gnb .gnb_wrap ul{display:none;}
	header .inner .header_gnb .gnb_wrap select{display:block; float:right;margin:18px 30px 0 0}

	.main_section .main01 .info .emoticon_wrap .emoticon:nth-child(1){top:276px;}
	.main_section .main01 .info .emoticon_wrap .emoticon:nth-child(2){top:250px;}
	.main_section .main01 .info .emoticon_wrap .emoticon:nth-child(3){top:350px;}

	
	.main_section .main01 .info .creative_wrap .visual_stitle{top:80px;}

	.main_section .main02 .tayo_cafe .tayo_cafe_info{margin-top:80px; background-size: 75% auto;}
	.main_section .main02 .tayo_cafe .tayo_wrap .tayo_n {position: absolute; top:75px; left:0; cursor: pointer; opacity:1;}
	.main_section .main02 .tayo_cafe .tayo_wrap .tayo_l {position: absolute; top:0px; right:0; cursor: pointer; opacity:1;}
	.main_section .main02 .tayo_cafe .tayo_wrap .tayo_g {position: absolute; top:250px; right:30px; cursor: pointer; opacity:1;}
	.main_section .main02 .tayo_cafe_tayo {position: absolute; top:560px; left:45% !important;  cursor: pointer; opacity:1; z-index:999; transform:translate(-45%);}


	.sub_contents .scont_title{font-size:24px;}
	
	.sub_section{margin-top:60px}
    .ceo_section .ceo {float: none;margin-top: 0; width: 100%;}
    .ceo_section .ceo_bg { padding-right: 0;} 

	
	.main03{height: 550px !important;}
	.main_section .main03 .shop_view_vr.mobile{height:550px !important;}

	
	.guide_text li{width:100%;}
	.guide_text li:nth-child(2){margin:20px 0;}
	.guide_text02 li.guide_box{width:100%; padding:20px;}
	.guide_text02 li.guide_box:nth-child(2){margin:20px 0;}
	.guide_img img{width:100%;}

	.board_list tr th:last-child, .board_list tr td:last-child{display:none;} 
	.board_wrap .board_list > table > thead > tr .th_title:nth-child(2){width:95%;}
	.board_wrap .board_list > table > tbody > tr > td:nth-child(2){width:100%;}
	.board_wrap .movie_list li { float: left; font-size: 13px; padding-bottom: 20px; text-align: center; width: 50%;}
	
	
	.join_step{padding:20px 0 40px 0}
	.join_step li{width:50%; margin-bottom:10px;}

	.login .logintit_box{padding:50px 0;background-size:200px;}
	.login .logintit_box .box{float:none;width:420px;padding-bottom:20px;margin:0 auto;border:none;}
	.login .cont_box li{float:none; width:94%;padding:25px 3% !important; border:none;}
	
	
	.shop_location{margin-left:0;}
	.shop_location iframe{padding-left:20px;}
	
	.shop_slider{overflow:hidden; height:232px; min-height:auto;}
	
	/*footer .menu ul li {width:25%;}*/
	footer .menu {display: block; width: 100%; text-align: center; padding-top: 50px; overflow:hidden;}
	footer .menu ul {display: block;text-align: center;}
	footer .menu ul li {display: block;text-align: left; border-bottom:1px solid #ddd; width:100%; min-height:inherit; padding:0;}
	footer .menu ul li:first-child{border-top:1px solid #ddd;}
	footer .menu ul li:last-child{border-bottom:0;}
	footer .menu ul li a { color: #297fb8; display:inline-block; width:100%; background:#fff url(../images/fmenu_arrow_down.png) 98% center no-repeat; background-size:25px 25px; font-size: 15px; line-height: 24px; padding: 10px;}
	footer .menu ul li .fsubmenu {display:none;background:#00a3ff; padding-bottom:5px;}
	footer .menu ul li .fsubmenu li {text-align: left; padding:5px 0; border-bottom:0;}
	footer .menu ul li .fsubmenu li a {color: #fff; padding:0 10px; background:none;}
	footer .menu ul li:hover a, footer .menu ul li:focus a, footer .menu ul li:active a{ background:#fff url(../images/fmenu_arrow_up.png) 98% center no-repeat; background-size:25px 25px; }
	footer .menu ul li:hover .fsubmenu, footer .menu ul li:focus .fsubmenu, footer .menu ul li:active .fsubmenu{display:block; }

	.popupLayer{display:none;}

}



@media ( max-width: 768px ) {

	.sub_title .page_nav{left:0; top:20px;}

	.main_section02 .main05 .tayo_membership .hana{left:0; top:10px; width:50%;}
	.main_section02 .main05 .tayo_membership .hana img{width:100%;}
	.swiper-slide img{height:auto;}

	.sub_contents .info_wrap .info{margin-top:30px;}
	.sub_contents .info_wrap .info.itr .info_img{position:relative; top:0;}
	.sub_contents .info_wrap .info.itr .info_img img{width:100%;}
	.sub_contents .info_wrap .info.itr .info_text{padding:20px 0 0;}
	.info_img02 img{width:100%;}

	.sub_contents .info_wrap .info .character_list li{width:100%; margin-bottom:30px;}
	.sub_contents .info_wrap .info .info_img{position:relative;}
	.sub_contents .info_wrap .info.itl .info_img img{width:100%;}
	.sub_contents .info_wrap .info.itl .info_text{padding:20px 0 0;}

	.sub_contents .info_wrap .zone03.info.itr .info_img{position:relative; top:0;}
	.shop_bg{padding-right: 0px;background-size:100%; background-position:center bottom;}
	.shop_bg02{background-size:100%; padding-bottom:45%;}

	.playzone_list li{width:100%; margin:0 0 20px;}
	.effects .play_img img{width:100%;}
	

	.main03{height: 800px !important;}
	.main_section .main03 .shop_view_vr.mobile{height:800px !important;}

	.shop_location iframe{padding-left:0px;}

	.shop_img li{ height: 100%; overflow: hidden; min-height:auto;}
	.shopthumb{}
	.shopthumb a{display:inline-block;width:94px; height:56px; margin:0 6px;}
	.shopthumb a img{padding:3px; border:1px solid #ddd;}
	.shopthumb a.active img{border:3px solid #0094f9;}
	.shop_comment{background:#f4f5f7; font-size:14px;border:1px solid #cbd2e1;  line-height:22px; padding:10px; margin-top:30px;}
	.shop_comment_box{border:2px dashed #cbd2e1; padding:15px;}
	.shop_slider{overflow:hidden; height:460px; min-height:auto;}
	.shop_slider img{width:100%; height:auto; min-height:auto;}


	/* shop */
	.shop_detail .shop_img{width:100%;margin-bottom:30px;}
	.shop_slider img{height:auto;}
	.shop_detail .shop_location{width:100%; margin-left:0; border:1px solid #ddd; overflow:hidden;}


	/* login */
	.login .logintit_box{ min-height: 350px; padding:0 0 50px; border-bottom:1px solid #ddd; background:url(../images/memberlogin_tayo_bg.png) center bottom no-repeat; background-size:200px;}
	.login .logintit_box .box{/*float:left;*/}
	.login .logintit_box .title{padding:10px 0 10px;font-size:35px;line-height:38px;color:#000;background:url(../images/contents/login_tit_bg.gif) left center no-repeat;}
	.login .logintit_box .title .tit{padding-bottom:10px; text-align:center;}
	.login .logintit_box .title .tit strong{font-weight:600;}
	.login .logintit_box .title p{font-size:14px;color:#6b6b6b; text-align:center;}
	.login .logintit_box form{position:relative;width:400px; padding-right:101px; margin-bottom:0;}
	.login .logintit_box li{padding-bottom:7px;}
	.login .logintit_box li label{display:inline-block;width:80px; text-align:right; padding-right:20px; font-size:15px;line-height:18px;color:#000;vertical-align:middle;}
	.login .logintit_box li input[type="text"],.login .logintit_box li input[type="password"]{width:205px;padding:8px 10px;font-size:15px;line-height:18px;vertical-align:middle;border:1px solid #c8c8c8;}
	.login .logintit_box .btn{position:absolute; right:0; top:0;display:inline-block;width:101px;height:80px;font-size:17px;line-height:20px;color:#fff;font-weight:600;text-align:center;border-radius:5px;background-color:#5b108b;overflow:hidden;}
	.login .logintit_box .btn input[type="submit"], .login .logintit_box .btn span{height:85px; display:inline-block;width:101px;padding:32px 0;color:#fff;font-size:17px;line-height:20px;font-weight:600;text-align:center; cursor: pointer; background: #2d5ca7;}
	.login .login_box{padding:20px;}
	.login .cont_box{padding-top:20px;}
	.login .cont_box li{float:left;width:49%;padding-left:104px;border-left:1px dotted #a1a1a1;}
	.login .cont_box li.member_join{padding-left:104px;width:48%;border:none;}
	.login .cont_box li .tit{padding-bottom:10px;font-size:17px;line-height:20px;color:#373737;}
	.login .cont_box li .tit strong{font-weight:600;}
	.login .cont_box li p{height:45px;font-size:14px;line-height:20px;color:#545251; margin:0;}
	.login .cont_box li .btns a{display:inline-block;width:147px;padding:8px 25px 12px 14px;font-size:15px;line-height:18px;color:#fff;border-radius:5px;background: url(../images/login_arrow.gif) 90% center no-repeat #2d5ca7;}
	.login .cont_box li.member_find .btns a{width:194px;}
	
	.join_box .join_con .join_conbox{padding:20px;}
	.join_box .join_img img{width:100%;}


}


@media ( max-width: 640px ) {
	.main_section .main01{/*height:450px !important;*/}
	.main_section .main01 .info .creative_wrap{left:50%}
	.main_section .main01 .info .creative_wrap .visual_stitle{top:50px !important; top:30px;}
	.main_section .main01 .click{width:50px;}
	.visual_text{display:none;}

	


	.main_section .main02 .tayo_cafe .tayo_cafe_info{height: 500px !important;}
	.main_section .main02 .tayo_cafe .tayo_cafe_info .tayo_cafe_text{margin-top:15%;}
	.main_section .main02 .tayo_cafe .tayo_cafe_info .tayo_cafe_text .text02{font-size:30px;}
	.main_section .main02 .tayo_cafe .tayo_cafe_info .tayo_cafe_text .text03{font-size:14px;}
 
	.quick{display:none;}  




	.main_section .main01{}
	.main_section .main01 .info .creative_wrap .visual_stitle{top:60px !important;}
	.main_section .main02{height:960px !important;}

	.main_section .main02 .tayo_cafe .tayo_cafe_info{margin-top:80px; background-size: 75% auto;}
	.main_section .main02 .tayo_cafe .tayo_wrap .tayo_n {position: absolute; top:75px; left:0; cursor: pointer; opacity:1;width:20%}
	.main_section .main02 .tayo_cafe .tayo_wrap .tayo_l {position: absolute; top:0px; right:0; cursor: pointer; opacity:1; width:30%;}
	.main_section .main02 .tayo_cafe .tayo_wrap .tayo_g {position: absolute; top:250px; right:30px; cursor: pointer; opacity:1;width:20%}
	.main_section .main02 .tayo_cafe_tayo {position: absolute; top:460px; left:45% !important;  cursor: pointer; opacity:1; z-index:999; transform:translate(-45%); width:30%;}

	 
	/*ceo_section 시작*/
    .ceo_section .ceo {float: none;margin-top: 20%;}
    .ceo_section .ceo_bg {width: 100%;}
    .ceo_section .ceo_bg img {width: 100%;}
    .ceo_section .sign_wrap {width: 100%;}
    .ceo_section .sign_wrap .sign:last-child {max-width: 161px; width: 100%; margin: 0;}
    .ceo_section .sign_wrap .sign:last-child img {width: 100%;}
    .ceo_section .info_wrap {width: 100%; float: none; margin: 0px;}        
	/*ceo_section 끝*/

	.main03{height: 680px !important;}
	.main_section .main03 .shop_view_vr.mobile{height:680px !important;}
	
	.shop_view_vr{height:650px;}
	

	.board_wrap .movie_list li { float: left; font-size: 13px; padding-bottom: 20px; text-align: center; width: 100%;}
	
	.shopthumb{}
	.shopthumb a{display:inline-block;width:94px; height:56px; margin:0 6px;}
	.shopthumb a img{padding:3px; border:1px solid #ddd;}
	.shopthumb a.active img{border:3px solid #0094f9;}
	.shop_comment{background:#f4f5f7; font-size:14px;border:1px solid #cbd2e1;  line-height:22px; padding:10px; margin-top:30px;}
	.shop_comment_box{border:2px dashed #cbd2e1; padding:15px;}
	.shop_slider{overflow:hidden; height:373px; min-height:auto;}
	

	
	/* 탭메뉴 */
	.board_tabs{margin-bottom:20px;}
	.board_tabs ul li a {background: url(../images/arrow_down.png) 87% center no-repeat; padding: 12px 8px; margin-right: 5px;}

	/* board search */
	.board_search{background:#8cbaef;padding:15px; text-align:center; margin-bottom:10px;}
	.board_search fieldset{position:relative;}
	.board_search .field_box{display: inline-block; width: 100%;}
	.board_search .field_box input{width: 65%;padding:8px 5px;font-size:14px;line-height:18px;vertical-align:middle;border:1px solid #3f70a8; }
	.board_search .field_box select{width:100%; padding:4px 5px;font-size:14px;line-height:18px;vertical-align:middle;border:1px solid #3f70a8;margin-bottom:10px;}
	.board_search .field_box button{display: inline-block; background: #2d5ca7; border-radius: 5px; color: #fff; font-size: 14px; line-height: 35px; padding: 0 28px; margin-left:5px;}

	/* footer 시작 */    

	footer {padding: 30px 0 0;/*margin-top: -80px;*/}
    footer .sitemap {padding: 0 0 30%; background-size: 100%;}
	footer .sitemap .inner{width:100%;}
    footer h3 {margin-top:30px; display:block; padding:0 5%}
	footer h3 img{width:100%;}
	footer .menu {display: block; width: 100%; text-align: center; padding-top: 50px; overflow:hidden;}
	footer .menu ul {display: block;text-align: center;}
	footer .menu ul li {display: block;text-align: left; border-bottom:1px solid #ddd; width:100%; min-height:inherit; padding:0;}
	footer .menu ul li:first-child{border-top:1px solid #ddd;}
	footer .menu ul li:last-child{border-bottom:0;}
	footer .menu ul li a { color: #297fb8; display:inline-block; width:100%; background:#fff url(../images/fmenu_arrow_down.png) 98% center no-repeat; background-size:25px 25px; font-size: 15px; line-height: 24px; padding: 10px;}
	footer .menu ul li .fsubmenu {display:none;background:#00a3ff; padding-bottom:5px;}
	footer .menu ul li .fsubmenu li {text-align: left; padding:5px 0; border-bottom:0;}
	footer .menu ul li .fsubmenu li a {color: #fff; padding:0 10px; background:none;}
	footer .menu ul li:hover a, footer .menu ul li:focus a, footer .menu ul li:active a{ background:#fff url(../images/fmenu_arrow_up.png) 98% center no-repeat; background-size:25px 25px; }
	footer .menu ul li:hover .fsubmenu, footer .menu ul li:focus .fsubmenu, footer .menu ul li:active .fsubmenu{display:block; }
    
	footer .banner {padding:32px 0 12px; background: #2d2d2d;}
    footer .banner .tayo_group {position: absolute; bottom: 100%; left: 50%; width:100%; margin:0 0 0 -50%;}
    footer .banner .tayo_group img {width: 100%;}
    footer .banner li {width: 35%;margin: 0 2%;}
    footer .banner li img {width: 100%;}
    footer .policy li {display: inline-block; color: #fff; font-weight: 500; background:url(../images/bar.gif) left center no-repeat; padding: 0 2px 0 4px; }
    footer .policy .address span {display: inline-block;}    
	/*footer 끝*/    

	
	.cloud_wrap img {width:100%;}
	footer h3 img {width:100%;}
	
	.main_section .main01 {max-width: none; min-width: inherit; height: 650px !important;background:none;}
	.main_section .main01 .info{background:url(../images/tayo_visual_bg3.jpg) center bottom no-repeat; background-size:100% auto;}
	.main_section .main01 .info .creative_wrap {top: 100px; /* left: 50%; width: 100%; transform: translateX(-50%); */left: 0; width: 100%; margin:0; text-align: center;}
	.main_section .main01 .info .creative_wrap .visual_title img {width:100%;}
	.main_section .main01 .info .creative_wrap .visual_stitle {top: 70px; font-size: 18px; line-height: 25px;}
	.main_section .main01 .info .creative_wrap .visual_text {font-size: 14px; z-index:999;}
	.main_section .main01 .click {bottom: 0; width: 30px; transform:translateX(-50%); margin:0;}
	.main_section .main01 .click img {width: 100%;}
	.main_section .main01 .info .creative_wrap img {width: 100%;}
	.main_section .main01 .info .emoticon_wrap {position:absolute; top:-50px; left:0; width: 100%; /*opacity:0.3;*/}
	.main_section .main01 .info .emoticon_wrap .emoticon {width: 12%;}
	.main_section .main01 .info .emoticon_wrap .emoticon:nth-child(1){top:200px;}
	.main_section .main01 .info .emoticon_wrap .emoticon:nth-child(2){top:230px;}
	.main_section .main01 .info .emoticon_wrap .emoticon:nth-child(3){top:250px;}
	.main_section .main01 .info .emoticon_wrap img {width: 100%;}
	
	.main_section .main02 .tayo_cafe {overflow: hidden; max-width: none; min-width: inherit; height: 700px !important;}
	.main_section .main02 .tayo_cafe .tayo_cafe_info{background-size:65% auto;}
	.main_section .main02 .tayo_cafe .tayo_wrap {width:100%;}
	.main_section .main02 .tayo_cafe .tayo_wrap img{width:100%;}
	.main_section .main02 .tayo_cafe .tayo_wrap .tayo_n {width:20%; top:0; left:0; right: auto;}
	.main_section .main02 .tayo_cafe .tayo_wrap .tayo_l {width:30%; top:-20px; left:auto; right:-5px;}
	.main_section .main02 .tayo_cafe .tayo_wrap .tayo_g {width:20%; top:450px; left: auto; right:0;}
	.main_section .main02 .tayo_cafe_tayo {width: 30%; top:auto; right: auto; bottom:100px; left: 0;}
	.main_section .main02 .tayo_cafe_tayo img {width: 100%;}
	.main_section .main02 .tayo_cafe .tayo_wrap img {width:100%;}
	.main_section .main02 .tayo_cafe .cloud_wrap .cloud:nth-child(3) {display:none;}
	.main_section .main03 .tayo_movie {max-width: none; min-width: inherit; height: 640px !important; background: url(../images/main_movie_bg.jpg) 50% -230px no-repeat; }
	.main_section .main03 .tayo_movie .movie {top: 0; width: 93%; transform: translateX(-50%); margin:0; padding:3.5%; background: url(../images/video_bg.png) left top no-repeat; background-size: 100%;}
	.main_section .main03 .tayo_movie .movie .vr_wrap{overflow:hidden; min-height:auto;}
	.main_section .main03 .tayo_movie .tayo_wrap {bottom:0; left:0;right:0; margin:0; width: 30%;}
	.main_section .main03 .tayo_movie .tayo_wrap .video_tayo_r {width: 100%;}
	.main_section .main03 .tayo_movie .tayo_wrap .video_tayo_l {width: 100%;}
	.main_section .main03 .tayo_movie .tayo_wrap .video_tayo {width:100%; left:100%; transform:translateX(130%);}
	.main_section .main03 .tayo_movie .tayo_wrap .video_tayo img {width:100%;}
	.main_section .main03 .tayo_movie .tayo_wrap .video_tayo_l img {width: 100%;}
	.main_section .main03 .tayo_movie .tayo_wrap .video_tayo_r img {width: 100%;}
	.main_section .main03 .tayo_movie .movie .video_bg .playBtn {}
	.main_section .main03 .tayo_movie .movie .movieslide img {width: 100%;}
	.main_section02 .main05 .tayo_membership .membership_text {top: 70px; right:auto; /*left:50%; transform: translateX(-50%); */ left:0; width: 100%;}
	.main_section02 .main05 .tayo_membership .hana {top: 130px !important;}
	.main_section02 .main05 .tayo_membership .hana img {}
	.main_section02 .main05 .tayo_membership .membership_text a {font-size:18px; line-height: normal; padding-right: 35px;}
	.main_section02 .main05 .tayo_map {height: 300px; background: none; }
	.main_section02 .main05 .tayo_membership {margin-top: -61px; z-index:999; }
	.main_section .main03 .tayo_movie .tayo_movie_info {margin: 100px 0 0 0;}
	#tayo_map_main {height: 300px;}
	.main_section .main04{display:none;}
	/*.main_section .main04 {height:500px !important;}*/
	.gallery-top {height: 500px;}
	.main_section .main04 .inner h3 {top:20px; font-size:30px;}
	.bx-caption.play_title {top: 160px; transform: translate(-50%,0%);}
	.main06 {height: auto; background:none;}
	.main06_img img {display:block; width: 100%;}
	.main_section02 .main06 .cloud {display:none;}
	.main_section02 .main06 .inner {display:none;}
	.gallery-thumbs {width: 100%; bottom: 0px;}
	.gallery-thumbs .swiper-slide {border:5px solid #fff; z-index: 999; outline:1px solid transparent;}
	.swiper-wrapper .swiper-slide {background-size:auto 100%  !important;}
	.gallery-thumbs .swiper-slide img:hover {transform: scale(1.1, 1.1);}
	.gallery-thumbs .swiper-slide img{width:100%; border-radius: 50%; transition: 0.3s ease-in-out 0s;}
	.aa {
			-webkit-transform: rotate(-360deg);
			transform: rotate(-360deg);
			transition-duration: 1s;
			overflow:hidden;
			word-wrap:normal;
	}
	
	.swiper-button-next,
	.swiper-button-prev
	{}



	/* ======================== 게시판 ========================== */

	.board_tabs ul li a{font-size:14px;}
	.board_wrap  .blog_list li .date{display:none;}

	.board_view img{width:100% !important}
	.board_wrap .board_comment tr{border-bottom:1px solid #ddd;}
	.board_wrap .board_comment tr.v_mod0 td{display:block; border-bottom:0;padding:0 10px}

	.board_wrap .board_list table th:nth-child(3){display:none;}
	.board_wrap .board_list table td:nth-child(3){display:none; padding:15px 0;}
	.board_wrap .board_list td span.answer{font-size:14px;}

	.board_wrap .board_list table.shop_list tr{display:block; border-bottom:1px solid #ddd; padding:10px 0px;}
	.board_wrap .board_list table.shop_list td{display:block;border-bottom: 0; width:100%; text-align:left; padding:0;}
	.board_wrap .board_list table.shop_list td:first-child{color:#00a4ee}
	.board_wrap .board_list table.shop_list td:nth-child(2){height:auto; padding:0 0 5px;}
	.board_wrap .board_list table.shop_list td:nth-child(3), 
	.board_wrap .board_list table.shop_list td:nth-child(4){display:inline-block; width:48%;}
	.board_wrap .board_list table.shop_list td:nth-child(4){text-align:right;}

	.board_wrap .movie_list li a{margin:0;}


	.prev_next_wrap .prev_wrap .prev, 
	.prev_next_wrap .next_wrap .next{line-height:22px; background-position:15px 17px; padding:10px 0 0 40px;}
	.prev_next_wrap .prev_wrap .prev_title, 
	.prev_next_wrap .next_wrap .next_title{background:none; padding:10px 15px;}

	.board_wrap .board_write table tr{padding-top:5px;}
	.board_wrap .board_write table th{display:block; background:none; border-bottom:0; padding:5px 0 5px;}
	.board_wrap .board_write table th.point{background:url(../images/join_point.gif) left center no-repeat #fff; padding-left:20px;}
	.board_wrap .board_write table td{display:block; padding:5px 0 10px}
	.board_wrap .board_write table td input{margin-bottom:5px;}
	.board_wrap .board_write table td input[type="file"]{width:100%;}

	.board_search .field_box02 .search_sbox{text-align:left; width:100%; display: inline-block;}
	.board_search .field_box02 .search_sbox .search_02{padding-left:0;}
	.board_search .field_box02 select {width: 34%;}
	.board_search .field_box02 input{width:42%;}
	.board_search .field_box02 button{padding:0 18px}

	
	/* 페이징 */
	.prev-next{margin-top:30px;}
	.prev-next table tbody tr td .arrow{width:30px; height:30px;}
	.prev-next table tbody tr td a{width:auto; height:auto; border:none;}
	.number_on{background:none; color:#009cf8; font-weight:600;}

	/* ======================== 회원 ========================== */
	
	
	.join_step li{float:none;width: 100%;}
	
	.join_box h2 .join_memo{margin:10px 0;}
	.join_box .join_con .join_conbox .join_info li label{text-align:left; width:100%;}
	.join_box .join_con .join_conbox .join_info li input{width:100%}
	.join_box .join_con .join_conbox .join_info li input.inp2{width:45.5% !important;}
	.join_box .join_con .join_conbox .join_info li input.login_text{width:23% !important;}
	.join_box .join_con .join_conbox .join_info li select{width:100%;}


	.join_box .join_text h4{font-size:24px; line-height:24px;}

	.login .logintit_box{min-height:420px;}
	.login .logintit_box form{padding:0; width:100%;}
	.login .logintit_box .title p{line-height:20px;}
	.login .logintit_box .box{width:100%;}
	.login .logintit_box .btn{position:absolute; right:0; top:0;display:inline-block;width:101px;height:40px;font-size:17px;line-height:20px;color:#fff;font-weight:600;text-align:center;border-radius:5px;background-color:#2d5ca7;overflow:hidden;}
	.login .logintit_box .btn{position:relative; width:100%;}
	.login .logintit_box li label{text-align:left; margin-bottom:5px;}
	.login .logintit_box li input[type="text"], .login .logintit_box li input[type="password"]{width:100%;}
	.login .logintit_box .btn input[type="submit"], .login .logintit_box .btn span{height:40px; display:inline-block;width:101px;padding:0;color:#fff;font-size:17px;line-height:20px;font-weight:600;text-align:center; cursor: pointer; background: #2d5ca7;}

	
	.login .cont_box li.member_join{padding-left:104px;width:100%;border:none;}
	.login .cont_box li.member_find{ border-left:0;width:100%; border-top:1px solid #ddd;}


	.member_table th, .member_table td{display:block;}
	.member_table td{height:auto;}
	.member_table td input[type="text"]{width:70%;}
}

@media (min-width: 500px) and (max-width: 640px) {
	.main_section .main01 {max-width: none; min-width: inherit; height: 700px !important;}
	.main_section .main01 .info{background-position:center bottom;}

}

@media(max-width:600px){
.shop_slider{overflow:hidden; height:355px; min-height:100%;}

.main03{height: 420px !important;}
.main_section .main03 .shop_view_vr.mobile{height:420px !important;}

}

@media(max-width:500px){
.shop_slider{overflow:hidden; height:313px; min-height:100%;}
}

@media ( max-width: 481px ) {


.main_section .main01 .info .emoticon_wrap .emoticon:nth-child(1){top:160px;}
.main_section .main01 .info .emoticon_wrap .emoticon:nth-child(2){top:160px;}
.main_section .main01 .info .emoticon_wrap .emoticon:nth-child(3){top:180px;}

.main_section .main01{height:550px !important;}
.main_section .main02{height:580px !important;}

.main_section .main02 .tayo_cafe .tayo_cafe_info{margin-top:80px; background-size: 75% auto;}
.main_section .main02 .tayo_cafe .tayo_wrap .tayo_n {position: absolute; top:75px; left:0; cursor: pointer; opacity:1;}
.main_section .main02 .tayo_cafe .tayo_wrap .tayo_l {position: absolute; top:0px; right:0; cursor: pointer; opacity:1;}
.main_section .main02 .tayo_cafe .tayo_wrap .tayo_g {position: absolute; top:250px; right:30px; cursor: pointer; opacity:1;}
.main_section .main02 .tayo_cafe_tayo {position: absolute; top:460px; left:45% !important;  cursor: pointer; opacity:1; z-index:999; transform:translate(-45%);}

.shop_slider{overflow:hidden; height:281px; min-height:auto;}

.join_box .join_text h4{font-size:18px; line-height:24px;}

}


@media ( max-width: 321px ) {

.main_section .main01{height:420px !important;}
.main_section .main02{height:480px !important;}

.main_section .main02 .tayo_cafe .tayo_cafe_info{margin-top:80px; background-size: 75% auto;}
.main_section .main02 .tayo_cafe .tayo_wrap .tayo_n {position: absolute; top:75px; left:0; cursor: pointer; opacity:1;}
.main_section .main02 .tayo_cafe .tayo_wrap .tayo_l {position: absolute; top:0px; right:0; cursor: pointer; opacity:1;}
.main_section .main02 .tayo_cafe .tayo_wrap .tayo_g {position: absolute; top:250px; right:30px; cursor: pointer; opacity:1;}
.main_section .main02 .tayo_cafe_tayo {position: absolute; top:300px; left:45% !important;  cursor: pointer; opacity:1; z-index:999; transform:translate(-45%);}



.shop_slider{overflow:hidden; height:199px; min-height:100%;}


}