@charset "utf-8";
@media screen and (min-width: 1023px){	
	.user #slide_map{display:none; position:absolute; left:50%; top:100px; z-index:1001; width:1024px; height:650px; padding:40px 35px; margin:0 0 0 -512px; background-color:#fff; box-sizing:border-box;}
	.user #slide_map .slide_map_titles{display:block; margin:0px 5px 0px 5px; font-weight:normal; font-size:30px; color:#202020;}
	.user #slide_map .slide_map_titles span{display:inline-block; padding-left:20px; font-weight:normal; font-size:16px; color:#909090;}
	.user #slide_map .btn_head,
	.user #slide_map .btn_etc{display:none !important;}
	.user #slide_map .binds{overflow:hidden; width:100%; height:100%; font-family:"Nanum Gothic";}
	
	.user #slide_map .binds ul{position:absolute; left:0; top:30px; width:944px; height:470px; margin:10px 5px 0px 5px; padding:25px 0px; border-top:1px solid #999; border-bottom:1px solid #999; box-sizing:border-box;}
	.user #slide_map .binds ul li{overflow:hidden; float:left; width:16.6%; height:100%; padding:0px 3px; box-sizing:border-box;}
	.user #slide_map .binds ul li:first-child{width:17%;}
	.user #slide_map .binds ul li a{display:block; line-height:19px; font-weight:normal; font-size:15px; margin:0; padding:10px 5px; text-align:center; border:none; color:#202020; background:#ebebeb;}
	.user #slide_map .binds ul li:hover a,
	.user #slide_map .binds ul li a:hover{color:#fff; text-decoration:none; background:#464646;}
	.user #slide_map .binds ul li a:focus{text-decoration:none;}
	.user #slide_map .binds ul li ul{display:block !important; position:static; width:auto; height:auto; padding:0; margin:15px 0 0 0; border:none;}
	.user #slide_map .binds ul li .scroll_box{height:90%;}
	.user #slide_map .binds ul li ul li{float:none; width:auto !important; height:auto; margin:5px 0px; padding:0 5px;}
	.user #slide_map .binds ul li:hover ul li a,
	.user #slide_map .binds ul li ul li a{padding:0 0 0 10px; font-weight:normal; font-size:12px; text-align:left; color:#303030;}
	.user #slide_map .binds ul li ul li a:hover{text-decoration:underline; color:#303030;}
	.user #slide_map .binds ul li ul li ul{margin:0 0 0 8px;}
	.user #slide_map .binds ul li ul li ul li{margin:0; padding:0 0 0 5px;}
	.user #slide_map .binds ul li:hover ul li ul li a,
	.user #slide_map .binds ul li ul li ul li a{padding-left:10px; font-weight:normal; font-size:12px; color:#606060; background:url(../../images/include/layout/slide_map_bul_02.gif) no-repeat 0px 7px !important;}
	.user #slide_map .binds ul li ul li ul li a:hover{text-decoration:underline; color:#606060; background:url(../../images/include/layout/slide_map_bul_02.gif) no-repeat 0px 7px !important;}
	.user #slide_map .binds .mCSB_container{height:100% !important;}
	.user #slide_map .binds .slide_list .mCSB_container{height:auto !important;}
	.user #slide_map .language,
	.user #slide_map .search{display:none;}

	.user #slide_map .slide_map_close{overflow:hidden; position:absolute; right:40px; top:40px; width:38px; height:38px; text-indent:-1000px; background:url(../../images/include/layout/icon_slide_map_close.png) no-repeat center center;}
	.user #slide_map .slide_map_close:hover{
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	}

	.user #slide_map .mCSB_scrollTools{right:-7px !important;}
	.user #slide_map .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#ddd;}
	.user #slide_map .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#999;}

	.user #header .btn_menu_all_close{display:none !important;}
}

@media screen and (max-width: 1650px){
	.user.remote #container{padding-right:143px;}
}
@media screen and (max-width: 1600px){
	.user #header .js_menu ul{display:block; width:100%; box-sizing:border-box;}
	.user #header .js_menu ul li{float:left; display:block; width:20%; margin-left:0; box-sizing:border-box;}
	.user #header .js_menu ul li a{width:100%; font-size:18px;}
	.user #header .js_menu ul li ul{width:100%;}
	.user #header .js_menu ul li ul li{float:none; width:100%;}
	.user #header .js_menu ul li ul li a{padding-left:20px;}
}
@media screen and (max-width: 1500px){
	#main.user #visual .layout{margin:0 100px;}
	#main.user #visual .btn_left{left:20px;}
	#main.user #visual .btn_right{right:20px;}
	#main.user #visual .visualtext .nlist li a{padding-right:10px; background-position:200% 47px;}
}

@media screen and (max-width: 1350px){
	#main.user #visual .visualtext .nlist li{display:table; table-layout:fixed;}
	#main.user #visual .visualtext .nlist li a{display:table-cell; padding:0px 10px 0px 60px; vertical-align:middle; font-size:12px;}
	#main.user #visual .visualtext .nlist li a:before{left:10px;}

	#sub.user:not(.remote) #wrap .layout{padding:0 20px !important;}

	.user #header .js_menu ul li ul li a{padding-left:10px; font-size:14px;}
}
@media screen and (max-width: 1200px){
	.user #header .js_menu ul li a{font-size:16px;}
	.user #header .js_menu ul li ul li a{padding:5px 10px; font-size:12px;}
}
@media screen and (max-width: 1150px){
	.user #header .js_menu ul li ul li a{}
}
@media screen and (max-width: 1023px){
	.user .js_mobile_check{display:block;}

	#main.user #wrap{padding-top:74px;}
	.user #wrap .layout{padding:0 20px;}

	.user #header{text-align:center; background-color:#313336 !important;}
	.user #header .layout{height:100%;}
	.user #header h1{display:inline-block; position:relative;}
	.user #header h1 a{background:url(../../images/include/layout/logo_white.png) no-repeat left center !important;}
	
	.user #header #global{display:none !important; top:16px; padding-right:20px;}
	.user #header .btn_menu_all{display:block; right:auto; left:10px;}
	.user #header .btn_etc_search{right:10px;}
	.user #header .btn_etc_sns{display:none;}
	.user #header .etc_sns_box{display:none !important;}
	.user #header .etc_search_box:after, 
	.user #header .etc_search_box:before{right:32px;}

	.user #header .etc_search_box{display:none;}
	.user #header .btn_etc_search:hover,
	.user #header .btn_etc_search.on,
	.user #header .btn_etc_search.on:hover{background-image:url(../../images/include/layout/etc_icon_02_on.png) !important;}

	.user #header .js_menu_mobile{display:block; right:0px; top:0px;}
	.user #header .js_menu{display:none; left:-250px; top:135px; width:250px;}
	.user #header .js_menu .arrow{display:none !important;}
	.user #header .js_menu ul{width:100%;}
	.user #header .js_menu ul li{float:none; border-top:1px solid #ccc;}
	.user #header .js_menu ul li:first-child{border-top:none;}
	.user #header .js_menu ul li a{line-height:24px; padding:20px 15px; font-size:20px;}
	.user #header .js_menu ul li ul{float:none; position:static; left:auto; right:auto; top:auto; bottom:auto; padding:10px 0px; background-color:#ccc;}
	.user #header .js_menu ul li ul li{float:none; border-top:none;}
	.user #header .js_menu ul li ul li a{line-height:27px; padding:0px 10px 0px 20px; background:none;}
	.user #header .js_menu ul li ul li a:hover{text-decoration:underline;}

	.user #slide_map{display:none; position:fixed; left:auto; right:0; top:0; z-index:1001; width:100%; height:100%; padding:75px 0 0 0; font-family:"Godo"; box-sizing:border-box;}
	.user #slide_map .slide_map_titles{display:none;}
	.user #slide_map .binds{overflow-y:auto; width:100%; height:100%; padding:0px; background-color:#fff; box-sizing:border-box;}
	.user #slide_map .binds ul{margin:0;}
	.user #slide_map .binds ul li{}
	.user #slide_map .binds ul li a{
		display:block; line-height:22px; padding:20px 30px; text-decoration:none; font-weight:600; font-size:21px; border-bottom:1px solid #ccc;
		transition : all 0.3s ease;
		-webkit-transition : all 0.3s ease;
	}
	.user #slide_map .binds ul li a:link,
	.user #slide_map .binds ul li a:visited,
	.user #slide_map .binds ul li a:active,
	.user #slide_map .binds ul li a:hover{color:#333; background:none;}
	.user #slide_map .binds ul li a:hover{}
	.user #slide_map .binds ul li a.child:link,
	.user #slide_map .binds ul li a.child:visited,
	.user #slide_map .binds ul li a.child:active,
	.user #slide_map .binds ul li a.child:hover{background:url(../../images/include/layout/slide_map_m_bul.gif) no-repeat right center;}
	.user #slide_map .binds ul li a.on.child:link,
	.user #slide_map .binds ul li a.on.child:visited,
	.user #slide_map .binds ul li a.on.child:active,
	.user #slide_map .binds ul li a.on.child:hover{color:#ff463c; background:url(../../images/include/layout/slide_map_m_bul_on.gif) no-repeat right center;}
	
	.user #slide_map .binds ul li ul{display:none; padding:0; margin:0; background-color:#f6f6f6; box-sizing:border-box;}
	.user #slide_map .binds ul li ul li{padding:0; border-bottom:1px solid #ccc;}
	.user #slide_map .binds ul li ul li a{position:relative; line-height:22px; margin:0; padding:16px 50px; vertical-align:top; font-weight:200; font-size:21px; border-bottom:none; box-sizing:border-box;}
	.user #slide_map .binds ul li ul li a:link,
	.user #slide_map .binds ul li ul li a:visited,
	.user #slide_map .binds ul li ul li a:active{border:none; color:#555; background:none;}
	.user #slide_map .binds ul li ul li a:hover,
	.user #slide_map .binds ul li ul li a.on:link,
	.user #slide_map .binds ul li ul li a.on:visited,
	.user #slide_map .binds ul li ul li a.on:active,
	.user #slide_map .binds ul li ul li a.on:hover{text-decoration:none; border:none; color:#000; background:none;}
	.user #slide_map .binds ul li ul li a span{position:absolute; right:30px; top:0; line-height:58px; font-size:14px; color:#ff463c;}

	

	.user #container [id*="box_"] .layout{padding:0;}
	.user #container [id*="box_"] .tis{line-height:31px; padding:0px 0px 10px 10px; font-size:30px;}
	.user #container [id*="box_"] .btn_more{right:10px; top:0;}
	.user #container [id*="box_"] ul li{width:33.3%;}
	.user #container [id*="box_"] ul li .lay strong{height:42px; line-height:20px; margin-top:10px; font-size:16px;}
	.user #container [id*="box_"] ul li .lay .etc{font-size:12px;}
	.user #container [id*="box_"] ul li .lay .hash{height:34px; margin-top:10px;}
	.user #container [id*="box_"] ul li .lay .hash li{line-height:14px; font-size:12px;}


	#sub.user #container #box_isu ul li{width:50%;}

	.user #footer .menu li{margin:0px 5px;}
	.user #footer .menu li:before{margin-right:10px;}
	


	/* main */
	#main.user.remote #visual,
	.user.remote #container{padding-right:198px;}

	#main.user #visual{height:357px;}
	#main.user #visual .simbol{top:20px;}
	#main.user #visual .btn_play,
	#main.user #visual .btn_stop{left:20px; top:auto; bottom:20px; margin:0;}
	#main.user #visual .visualtext{}
	#main.user #visual .visualtext .tis,
	#main.user #visual .visualtext .plist,
	#main.user #visual .visualtext .nlist{display:none;}
	#main.user #visual .visualtext .layout{position:static; height:100%; padding-top:55px; box-sizing:border-box;}
	#main.user #visual .visualtext .tbox{line-height:30px; padding:0 80px; margin-top:120px; font-size:26px;}
	#main.user #visual .visualtext .tbox ul{margin-top:15px;}
	#main.user #visual .visualtext .tbox .logo{width:90px; height:70px; background-size:100% auto;}
	#main.user #visual .vbox_02 .layout{padding-top:55px;}
	#main.user #visual .vbox_02 .tbox{left:0; top:55px; width:100%; height:auto; line-height:35px; padding:60px 0 0 0; margin-left:0; font-size:26px; border:none;}
	#main.user #visual .vbox_02 .tbox span{line-height:41px; font-size:40px;}
	#main.user #visual .vbox_02 .tbox .btns{position:relative; left:auto; bottom:auto; width:180px; margin-top:20px;}
	#main.user #visual .vbox_02 .tbox .cars{right:0px; bottom:-20px; width:200px; height:137px;}
	#main.user #visual .vbox_02 .tbox .cars:after, 
	#main.user #visual .vbox_02 .tbox .cars:before,
	#main.user #visual .vbox_02 .tbox .cars span,
	#main.user #visual .vbox_02 .tbox .cars span:before{width:100%; height:100%; background-size:100% auto;}
	#main.user #visual .vbox_03{background:url(../../images/include/layout/visual_03_tablet.png) no-repeat left top;}
	#main.user #visual .vbox_03 .layout{padding-top:55px; text-align:center;}
	#main.user #visual .vbox_03 .tis{position:relative; left:auto; top:auto; width:100%; height:auto; margin:0; text-align:center;}
	#main.user #visual .vbox_03 .tis img{width:auto; height:200px;}
	#main.user #visual .vbox_03 .btns{display:inline-block; position:relative; left:auto; top:auto; margin:10px 0 0 0; text-align:left;}
	

	#main.user #container #box_01{padding-bottom:30px;}

	#main.user #container #box_02{height:253px; min-height:10px; padding:0 20px;}
	#main.user #container #box_02 [class*="bbox_"]{width:100%; height:100%;}
	#main.user #container #box_02 [class*="bbox_"] .bic_img{display:none;}
	#main.user #container #box_02 [class*="bbox_"] .bn{position:relative; right:auto; top:auto; width:100%;}
	#main.user #container #box_02 .simbol{right:40px; top:35px;}
	#main.user #container #box_02 [class*="bbox_"] .bn em{line-height:19px; margin-bottom:30px; font-size:18px;}
	#main.user #container #box_02 [class*="bbox_"] .bn span{line-height:19px; margin-bottom:8px; font-size:18px;}
	#main.user #container #box_02 [class*="bbox_"] .bn strong{line-height:46px; margin-bottom:15px; font-size:45px;}
	#main.user #container #box_02 [class*="bbox_"] .bn p{line-height:15px; font-size:14px;}
}

@media screen and (max-width: 900px){
	.user #footer{padding:20px 20px;}
	.user #footer .sns_list{margin-bottom:10px;}
	.user #footer .menu{margin-bottom:5px;}
	.user #footer .menu li{margin:0px 2px; font-size:12px;}
	.user #footer .menu li:before{margin-right:5px;}
	.user #footer .menu li a,
	.user #footer address, 
	.user #footer .copy{line-height:18px; font-size:12px;}
}
@media screen and (max-width: 800px){
	#main.user #container #remote,
	#sub.user #container #remote{right:-143px; width:143px;}

	#main.user.remote #visual,
	.user.remote #container{padding-right:143px;}
	#main.user #visual .layout{margin:0 50px;}
	#main.user #visual .btn_left{left:0px;}
	#main.user #visual .btn_right{right:0px;}
	#main.user #visual .visualtext .tbox{line-height:28px; padding:0 50px; font-size:22px;}
	#main.user #visual .visualtext .tbox ul li{font-size:12px; padding-left:22px; background-position:10px center;}
	#main.user #visual .vbox_02 .tbox{line-height:28px; font-size:22px;}
	#main.user #visual .vbox_02 .tbox span{line-height:35px; font-size:34px;}
	#main.user #visual .vbox_02 .tbox .btns{font-size:12px;}
	#main.user #visual .vbox_03 .tis img{height:150px; margin-top:30px;}
}
@media screen and (max-width: 750px){
	
	
}
@media screen and (max-width: 700px){
	.user #container [id*="box_"] ul li{width:50%;}

	#main.user #container #box_02 .simbol{right:20px; top:25px;}
	#main.user #container #box_02 [class*="bbox_"] .bn a{padding:25px;}
	#main.user #container #box_02 [class*="bbox_"] .bn em{line-height:17px; margin-bottom:30px; font-size:16px;}
	#main.user #container #box_02 [class*="bbox_"] .bn span{line-height:17px; margin-bottom:8px; font-size:16px;}
	#main.user #container #box_02 [class*="bbox_"] .bn strong{line-height:39px; margin-bottom:15px; font-size:38px;}
	#main.user #container #box_02 [class*="bbox_"] .bn p{line-height:14px; font-size:13px;}
}

@media screen and (min-width: 1023px), screen and (min-width: 600px) and (max-width: 800px){
	#main.user #container #box_00,
	#sub.user #container #box_00{right:-143px !important; width:143px !important; min-height:0px !important;}
	#main.user.remote #container #box_00,
	#sub.user.remote #container #box_00{right:0px !important;}
	#main.user #container #box_00 .layout,
	#sub.user #container #box_00 .layout,
	#main.user #container #box_00 .scroll_y,
	#sub.user #container #box_00 .scroll_y{height:auto;}
	#main.user #container #box_00 .btn_more_load,
	#sub.user #container #box_00 .btn_more_load{display:none !important;}
	#main.user #container #box_00 .btn_close,
	#sub.user #container #box_00 .btn_close{left:-143px !important;}
	#main.user.remote #container #box_00 .btn_close,
	#sub.user.remote #container #box_00 .btn_close{left:0px !important;}
}
@media screen and (min-width: 600px){
	/* quick */
	#main.user #container #box_00,
	#sub.user #container #box_00{
		transition : right 0.5s ease;
		-webkit-transition : right 0.5s ease;
	}
	#main.user #container #box_00 .btn_close,
	#main.user #container #box_00 .btn_close:after,
	#sub.user #container #box_00 .btn_close,
	#sub.user #container #box_00 .btn_close:after{
		transition : all 0.5s ease;
		-webkit-transition : all 0.5s ease;
	}
	#main.user #container #box_00 ul li a:before,
	#main.user #container #box_00 ul li a:after,
	#sub.user #container #box_00 ul li a:before,
	#sub.user #container #box_00 ul li a:after{
		transition : all 0.3s ease;
		-webkit-transition : all 0.3s ease;
	}

	#main.user #container #box_00,
	#sub.user #container #box_00{position:fixed; right:-199px; bottom:0; z-index:100; width:198px; height:100%; padding:49px 0 0 0; border-left:1px solid #ccc; background-color:#fff; box-sizing:border-box;}
	#main.user #container #box_00 .layout,
	#sub.user #container #box_00 .layout{height:100%; padding:0;}
	#main.user #container #box_00 .scroll_y,
	#sub.user #container #box_00 .scroll_y{height:100%;}
	#main.user #container #box_00 .tis,
	#sub.user #container #box_00 .tis{display:none;}
	#main.user #container #box_00 .btn_close,
	#sub.user #container #box_00 .btn_close{display:block; position:absolute; left:-199px; top:-49px; width:100%; height:49px; line-height:49px; text-decoration:none; text-align:center; font-size:14px; color:#fff; background-color:#ff3b43;}
	#main.user #container #box_00 .btn_close:after,
	#sub.user #container #box_00 .btn_close:after{
		content:""; display:inline-block; width:6px; height:10px; margin-left:10px; background:url(../../images/include/layout/quick_close.png) no-repeat center center;
		transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
	}
	#main.user.remote #container #box_00,
	#sub.user.remote #container #box_00{right:0;}
	#main.user.remote #container #box_00 .btn_close,
	#sub.user.remote #container #box_00 .btn_close{left:0;}
	#main.user.remote #container #box_00 .btn_close:after,
	#sub.user.remote #container #box_00 .btn_close:after{
		transform:rotate(0);
		-webkit-transform:rotate(0);
	}
	#main.user #container #box_00 ul,
	#sub.user #container #box_00 ul{height:auto !important;}
	#main.user #container #box_00 ul li,
	#sub.user #container #box_00 ul li{float:none; width:100%; padding:0px;}
	#main.user #container #box_00 ul li a,
	#sub.user #container #box_00 ul li a{overflow:hidden; display:block; position:relative; z-index:3;}
	#main.user #container #box_00 ul li a img.grid, 
	#sub.user #container #box_00 ul li a img.grid{display:none;}
	#main.user #container #box_00 ul li a img,
	#sub.user #container #box_00 ul li a img{position:relative; z-index:0; width:100%;}
	#main.user #container #box_00 ul li a:before,
	#main.user #container #box_00 ul li a:after,
	#sub.user #container #box_00 ul li a:before,
	#sub.user #container #box_00 ul li a:after{content:""; display:block; position:absolute; left:0; width:100%; height:100%;}
	#main.user #container #box_00 ul li a:before,
	#sub.user #container #box_00 ul li a:before{opacity:0; top:0; z-index:1; background-color:#000;}
	#main.user #container #box_00 ul li a:after,
	#sub.user #container #box_00 ul li a:after{z-index:2; bottom:-100%; background:url(../../images/include/layout/icon_play.png) no-repeat center center; background-size:auto 40%;}
	#main.user #container #box_00 ul li a:hover:before,
	#sub.user #container #box_00 ul li a:hover:before{opacity:0.5;}
	#main.user #container #box_00 ul li a:hover:after,
	#sub.user #container #box_00 ul li a:hover:after{display:none; bottom:0;}

	#main.user #container #box_00 ul li .lay .times,
	#sub.user #container #box_00 ul li .lay .times,
	#main.user #container #box_00 ul li .lay strong,
	#sub.user #container #box_00 ul li .lay strong,
	#main.user #container #box_00 ul li .lay .etc,
	#sub.user #container #box_00 ul li .lay .etc,
	#main.user #container #box_00 ul li .lay .hash,
	#sub.user #container #box_00 ul li .lay .hash,
	#main.user #container #box_00 .btn_more_load,
	#sub.user #container #box_00 .btn_more_load{display:none;}

	

	.user #container #box_00 ul li .lay .photos strong{display:block; position:absolute; left:0; top:50%; z-index:30; width:100%; height:40px; line-height:20px; padding:0px 10px; margin-top:-20px; text-align:center; font-size:12px; color:#fff; box-sizing:border-box;}
	.user #container #box_00 ul li .lay .photos:hover strong{display:block !important;}
}
@media screen and (max-width: 600px){
	#main.user.remote #visual,
	.user.remote #container{padding-right:0;}

	#sub.user.remote #container #box_00{display:none !important;}

	/*#main.user #visual .vbox_02 .tbox .cars{right:0px; bottom:-20px; width:150px; height:103px;}*/
}
@media screen and (max-width: 500px){
	#sub.user #container{padding-top:20px;}
	#sub.user #container #content .layout{padding:0;}
	#sub.user #footer{margin-top:20px;}
	#sub.user #container #board_title{line-height:24px; font-size:18px;}
	#sub.user #container #board_view{margin:20px;}

	
}

@media screen and (max-width: 450px){
	.user #header h1{width:92px;}
	.user #header h1 a{background:url(../../images/include/layout/logo_icon.png) no-repeat center center !important;}
	.user #header .layout{padding:0;}
	.user #header .etc_search_box{top:0; right:0; z-index:200; width:auto; height:74px; margin:0 77px 0 77px; padding:10px 64px 10px 10px; border:none !important; background-color:#222;}
	.user #header .btn_etc_search.on,
	.user #header .btn_etc_search.on:hover{background-image:url(../../images/include/layout/etc_icon_02_on_mobile.png);}
	.user #header .etc_search_box:before,
	.user #header .etc_search_box:after{display:none;}
	.user #header .etc_search_box input[type="text"]{height:54px; line-height:54px; background-color:#fff;}
	.user #header .etc_search_box input[type="submit"]{right:10px; top:10px; width:54px; height:54px; background-color:#fff;}

	.user.header #header{border-bottom:1px solid #313336; background-color:#313336;}
	.user.header #header .btn_etc_search.on,
	.user.header #header .btn_etc_search.on:hover{background-image:url(../../images/include/layout/etc_icon_02_on_mobile.png);}


	.user #container [id*="box_"]{padding-top:25px;}
	.user #container [id*="box_"] ul li,
	#sub.user #container #box_isu ul li{width:100%;}


	#main.user #visual .simbol,
	#main.user #visual .btn_left,
	#main.user #visual .btn_right,
	#main.user #visual .btn_play,
	#main.user #visual .btn_stop,
	#main.user #visual .visualtext .tbox{display:none !important;}
	#main.user #visual .visualtext{opacity:1 !important; z-index:50 !important; display:block !important;}
	#main.user #visual .vbox_02,
	#main.user #visual .vbox_03{opacity:0 !important; z-index:0 !important; display:none !important;}

	#main.user #visual{height:auto;}
	#main.user #visual .visualtext .layout{padding:0; margin:0;}
	#main.user #visual .visualtext{position:relative; background:none;}
	#main.user #visual .visualtext .plist_btn_left,
	#main.user #visual .visualtext .plist_btn_right{display:block;}
	#main.user #visual .visualtext .plist{display:block !important;}
	#main.user #visual .visualtext .plist li{opacity:0; float:none; position:absolute; left:0; top:0; z-index:0; width:100%;}
	#main.user #visual .visualtext .plist li.on{opacity:1; position:relative; z-index:10;}
	#main.user #visual .visualtext .plist li a{height:auto; margin-bottom:0; text-decoration:none;}
	#main.user #visual .visualtext .plist li a:before{display:none !important;}
	#main.user #visual .visualtext .plist li a .titles{position:relative; bottom:0 !important; height:70px; padding:10px 90px; font-size:12px; color:#fff; background:url(../../images/include/layout/visual_photo_bg.png) repeat;}
	#main.user #visual .visualtext .plist li a .titles strong{color:#fff;}
	#main.user #visual .visualtext .plist li a .photos{position:relative; left:0; top:0; width:100%; margin:0;}
	#main.user #visual .visualtext .plist li a .photos img{width:100%; height:auto;}

	#main.user #visual .visualtext .tbox{line-height:22px; font-size:20px;}
	#main.user #visual .visualtext .tbox ul li{float:none; padding:0; background:none;}
	#main.user #visual .vbox_02 .tbox .cars{display:none;}
	#main.user #visual .vbox_03 .tis img{height:100px; margin-top:30px;}
	#main.user #visual .vbox_03 .btns{display:inline-block; width:auto; height:40px; line-height:35px; padding:0px 15px; text-align:center; background-image:none;}

	#main.user #container #box_02{padding:0;}
}
@media screen and (max-width: 400px){
	.user #footer .sns_list li{width:28px; height:28px;}
	.user #footer .sns_list li a{width:28px; height:28px; margin:-14px 0 0 -14px;}

	.user #slide_map .binds ul li a{line-height:19px; font-size:18px;}
	.user #slide_map .binds ul li ul li a{line-height:17px; font-size:16px;}
	.user #slide_map .binds ul li ul li a span{line-height:48px;}

	#sub.user .moviedata .etc .gongubox{right:0; width:100%; box-sizing:border-box;}
	#sub.user .moviedata .etc .gongubox ul{padding:10px 0;}
	#sub.user .moviedata .etc .gongubox:after, 
	#sub.user .moviedata .etc .gongubox:before{right:60%;}
}
@media screen and (max-width: 340px){
	.user #footer .menu li{font-size:11px;}
	.user #footer .menu li a,
	.user #footer address, 
	.user #footer .copy{font-size:11px;}
}