@charset "utf-8";
.user #slide_map .slide_map_close
{
	transition : all 0.5s ease;
    -webkit-transition : all 0.5s ease;
}
@media screen and (min-width: 1023px){
	.user #sitemap{display:none; position:fixed; left:0; top:100px; z-index:500; width:100%; padding:70px 0; background-color:#f7f7f7;}
	.user #sitemap .layout{position:relative; max-width:1470px; margin:0 auto;}
	.user #sitemap .info{display:none;}
	.user #sitemap .layout>ul{}
	.user #sitemap .layout>ul:after{content:""; display:block; clear:both;}
	.user #sitemap .layout>ul>li{float:left; width:20%; padding:0 23px; box-sizing:border-box;}
	.user #sitemap .layout>ul>li>a{display:block; padding:0 5px 20px 5px; cursor:default; text-decoration:none; font-family:"Nanum Square"; font-weight:700; font-size:20px; border-bottom:1px solid #dbdbdb; color:#1a1a1a;}
	.user #sitemap .layout>ul>li>ul{padding:20px 0 0 0;}
	.user #sitemap .layout>ul>li>ul>li{padding:7px 0;}
	.user #sitemap .layout>ul>li>ul>li>a{display:block; position:relative; line-height:22px; padding-left:16px; font-family:"Noto Sans KR"; font-weight:300; font-size:17px; color:#828282;}
	.user #sitemap .layout>ul>li>ul>li>a:before{
		content:""; display:block; position:absolute; left:4px; top:10px; width:5px; height:5px; background-color:#4c4448;
		border-radius:50%;
		-webkit-border-radius:50%;
	}
	.user #sitemap .layout .btn_close{overflow:hidden; display:block; position:absolute; right:20px; top:-40px; z-index:20; width:50px; height:50px;}
	.user #sitemap .layout .btn_close:before{
		content:""; display:block; width:100%; height:100%; background:url(/media/images/layout/sitemap_close.png) no-repeat center center;
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	.user #sitemap .layout .btn_close:hover:before{
		transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
	}
	
	.user.sitemap #sitemap{display:block;}
	.user.sitemap #wrap:before{content:""; display:block; position:absolute; left:0; top:0; z-index:200; width:100%; height:100%; background-color:rgba(0,0,0,0.7);}

	


}



@media screen and (max-width: 1700px){
	.user #header .menu#gnb>ul:before{left:-100px;}
}
@media screen and (max-width: 1500px){
	.user #header .menu#gnb>ul:before{left:-120px;}
	.user#main #visual .count{right:auto; left:30px; top:30px; height:80px; margin:0;}
	.user#main #visual .count:after{display:none;}
	.user#main #visual .count span{float:left;}
	.user#main #visual .count .btn_play,
	.user#main #visual .count .btn_stop{height:50px; margin-top:-13px; vertical-align:top;}
}
@media screen and (max-width: 1400px){
	.user #header .layout{max-width:100%;}
	.user #header .menu#gnb{padding-right:130px;}
	.user #header .menu#gnb>ul>li{padding:0 20px;}

	.user#main #visual .btn_prev{left:30px;}
	.user#main #visual .btn_next{right:30px;}
	.user #header .menu#gnb>ul:before{background:none;}
}
@media screen and (max-width: 1340px){
	.user #sitemap .layout{max-width:100%; padding:0 10px;}
	.user #sitemap .layout>ul>li{padding:0 20px;}
	.user #sitemap .layout .btn_close{right:30px;}

	.user #searchbox{padding:40px 30px 0 30px;}
	.user #searchbox .layout{max-width:100%;}
	
}
@media screen and (max-width: 1300px){
	.user #header .menu#gnb>ul>li{padding:0 10px;}
	
}
@media screen and (max-width: 1280px){
	.user#main #container #box_1{padding:70px 30px;}
	.user#main #container #box_1 .layout{max-width:100%;}
	.user#main #container #box_2 .layout{padding:0 30px;}
	.user#main #container #box_2 .layout .midd>ul>li {width: 33.3%;}

	.user#main #container #board_area1 .layout{max-width:100%;}
	.user#main #container #board_area1 .layout{padding:0 30px;}

	.user#sub #mediabox{padding:0 30px;}
	.user#sub #mediabox .layout .lbox strong{width:100%;}

}


@media screen and (max-width: 1240px){
	.user #header h1{left:30px;}
	.user #header #etc{right:30px;}
	.user #header .menu#gnb>ul>li>ul>li>a{padding:0 20px;}
	

}


@media screen and (max-width: 1220px){
	
	.user#main #visual{height:auto;}
	.user#main #visual:after{display:none;}
	.user#main #visual .grid{width:100%;}
	.user#main #visual .views ul li a img{width:100%;}


	.user#sub #mediabox {height: 400px;}
	.user#sub #mediabox .layout {padding:50px 0;}
	.user#sub #mediabox .layout .lbox strong{font-size:17px;}
	.user#sub #mediabox .layout .lbox:before {width: 80%;top: 7px;height: 343px;background-size: auto 100%;}
	.user#sub #mediabox .layout .rbox .movies{width:470px;height:270px;}


	.user#sub #newsbox {height: 400px;}
	.user#sub #newsbox .layout {padding: 50px;}
	.user#sub #newsbox .layout:before {left: 0;top: 0;width: 100%;}
	.user#sub #newsbox .layout .lbox {width: 58%;}
	.user#sub #newsbox .layout .lbox .news_video{width:470px;height:270px;}
	.user#sub #newsbox .layout .rbox .tit {font-size: 25px;}
	.user#sub #newsbox .layout .rbox .tit, .user#sub #newsbox .layout .rbox .txt {margin-top: 40px;}
	.user#sub #content_sns ul li{padding:0 20px;}

	
}



@media screen and (max-width: 1100px){
	
	.user #header .menu#gnb { width: 100%;}
	.user#sub #mediabox .layout .lbox strong{font-size:16px;}
	
	.user#main #container #board_area1 .news .img_area { width: 100%; height: 100%;}
	.user#main #container #board_area1 .news .img_area p.img {display: none;}
	.user#main #container #board_area1 .news .txt {position: relative;width: 100%;padding: 0;background-color:#fff;}
	.user#main #container #board_area1 .news .txt a {color: #000;line-height: 1.9;padding-left: 10px;}
	.user#main #container #board_area1 .news .txt a:before {content: "";width: 3px;height: 3px;margin-top: -1px;position: absolute;top: 50%;left: 0;background-color: #949494;}
	.user#main #container #board_area1 .news .text_area {float: none;width: 100%;margin: 0;}
	.user#main #container #board_area1 .news .text_area a{line-height: 1.9;}
	.user#main #container #board_area1 .mboard .mboard_area1 .tit {font-size: 16px;}




	
	
}


@media screen and (max-width: 1023px){
	.user .js_mobile_check{display:block;}
	.user #wrap{padding-top:83px;}
	.user #header,
	.user #header:before{height:83px;}
	.user #header h1{position:relative; left:auto; top:auto; width:160px; height:83px; margin-left:30px;}
	.user#main #header h1 a:before{background-size:auto 100%;}
	.user #header .menu#gnb{display:none;}
	.user #header #etc{top:26px;}
	.user #header #etc ul{display:none;}
	.user#sub #visual .layout { padding: 43px 0;}
	.user#sub #visual .layout .msns{right:10px; top:80px;}
	.user#sub #visual .layout .gongu {right: 0;}
	.user#sub #visual .layout .print, .user#sub #visual .layout .urlcopy{display:none;}

	.user#main #container #box_1 .views ul li .photos img {width: auto;height: 100%;}
	.user#main #container #box_2 .layout .midd .animate_img{display:none;}

	.user #footer .sns{position:relative; margin-top:20px;}
	.user #footer .sns ul{overflow:visible; text-align:center;}
	.user #footer .sns ul li{float:none; display:inline-block;}

	.user #searchbox{height:140px; padding-top:30px;}
	.user.searchbox #searchbox{top:83px;}


	.user #sitemap{
		overflow:hidden; position:absolute; right:-100%; top:0; z-index:600; width:0; height:100%; padding-top:83px; background-color:#1e2d3b; box-sizing:border-box;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	.user #sitemap:before{content:""; display:none; position:absolute; left:0; top:0; width:276px; height:83px; background:#fff url(/media/images/layout/mobile_logo.png) no-repeat left top;}
	.user #sitemap .layout{display:none; width:100%; height:100%; padding:0;}
	.user #sitemap .layout>ul{overflow-y:auto; width:100%; height:100%;}
	.user #sitemap .layout>ul>li{padding:0;}
	.user #sitemap .layout>ul>li>a{
		display:block; position:relative; height:55px; line-height:55px; padding:0 50px 0 21px; text-decoration:none; font-family:"Noto Sans KR"; font-weight:500; font-size:17px; color:#fff; background-color:#064b86;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	.user #sitemap .layout>ul>li>a:after{content:""; display:block; position:absolute; right:21px; top:50%; width:15px; height:9px; margin-top:-4px; background:url(/media/images/layout/mobile_menu_bul.png) no-repeat center center;}
	.user #sitemap .layout>ul>li>ul{padding:11px 0;}
	.user #sitemap .layout>ul>li>ul>li{position:relative; padding:8px 20px 8px 44px;}
	.user #sitemap .layout>ul>li>ul>li:before{
		overflow:hidden; content:""; display:block; position:absolute; left:33px; top:17px; width:5px; height:5px; background-color:#8f969d;
		border-radius:50%;
		-webkit-border-radius:50%;
	}
	.user #sitemap .layout>ul>li>ul>li>a{font-size:15px; color:#8f969d;}
	.user #sitemap .layout .btn_close{overflow:hidden; display:block; position:absolute; left:-65px; top:25px; z-index:100; width:30px; height:30px; text-indent:-1000px;}
	.user #sitemap .layout .btn_close:before{
		content:""; display:block; width:100%; height:100%; background:url(/media/images/layout/mobile_menu_close.png) no-repeat center center;
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	.user #sitemap .layout .btn_close:hover:before{
		transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
	}


	.user #sitemap .layout>ul>li>a:hover{background-color:#064b86;}
	.user #sitemap .layout>ul>li>ul>li>a:hover{text-decoration:underline; color:#fff;}


	.user.sitemap #wrap{position:fixed; width:100%; margin-left:-277px; box-sizing:border-box;}
	.user.sitemap #wrap #header{left:-277px;}
	.user.sitemap #sitemap{overflow:visible; display:block; right:0; width:277px;}
	.user.sitemap #sitemap:before,
	.user.sitemap #sitemap .info,
	.user.sitemap #sitemap .layout{display:block;}
	.user.sitemap #wrap:before{content:""; display:block; position:absolute; left:0; top:0; z-index:500; width:100%; height:100%; background-color:rgba(0,0,0,0.7);}

	.user#sub #wrap:after{content:""; display:block;height:250px;}
	.user#sub #mediabox{height:395px;}
	.user#sub #mediabox .layout:before{width:100%; height:264px; background-position:left top; background-size:auto 100%;}
	.user#sub #mediabox .layout .lbox:before{width:100%; height:260px; background-size:auto 100%;}
	.user#sub #mediabox .layout .lbox strong{height:55px; line-height:55px; padding-left:85px; font-size:14px;}
	.user#sub #mediabox .layout .lbox strong:before{height:55px; background-size:auto 100%; background-position:left top;}
	.user#sub #mediabox .layout .rbox .movies{height:255px;}

	

	.user#sub #content_sns .animate{display:none;}
	.user#sub #content_sns .layout{padding:50px 20px;}
	.user#sub #content_sns ul:after{content:""; display:block; clear:both;}
	.user#sub #content_sns ul li{float:left; display:block; width:14.2%; padding:0;}
}

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

	

	.user#main #container #box_2:before{display:none;}
	.user#main #container #box_2:after{display:none;
	.user#main #container #box_2 .layout .midd>ul>li .lay a .photos {    height: 190px;}
	.user#main #container #box_2 .layout .midd>ul>li .lay a .te strong {font-size: 17px;}
	.user#main #container #box_2 .layout .midd>ul>li .lay a .te .tx {line-height:21px;font-size:14px;}
	
}
@media screen and (max-width: 900px){
	.user#main #container #box_2 .layout .head{position:relative; margin-bottom:10px;}
	.user#main #container #box_2 .layout .head .selects{display:none;}
	.user#main #container #box_2 .layout .head>.headselect{position:relative;width:167px; height:50px;margin-bottom:20px; z-index: 999;}
	.user#main #container #box_2 .layout .head>.headselect>strong{display:block; position:absolute; left:0; top:0; width:100%; height:50px;}
	.user#main #container #box_2 .layout .head>.headselect>strong a{
		display:block; width:100%; height:100%; line-height:50px; padding:0 20px; color:#fff; background-color:#35a4e9;    box-shadow: 10px 10px 20px rgba(0,0,0,0.1);
    -webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.1);}
	.user#main #container #box_2 .layout .head>.headselect>strong a:after{content:""; display:block; position:absolute; right:15px; top:50%; width:10px; height:6px; margin-top:-3px; background:url(/media/images/layout/main_box_2_select_bul.png) no-repeat center center;}
	.user#main #container #box_2 .layout .head>.headselect ul{
		display:none; position:relative; width:167px; background-color:#fff;
		border-radius:20px;
		-webkit-border-radius:20px;
	}
	.user#main #container #box_2 .layout .head>.headselect.on>strong{display:none;}
	.user#main #container #box_2 .layout .head>.headselect.on ul{
		display:block; height:auto; background-color:#fff;
		box-shadow:2px 2px 5px rgba(0,0,0,0.3);
		-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.3);
	}
	.user#main #container #box_2 .layout .head>.headselect ul li{float:none; width:100%; height:40px; padding:0; box-sizing:border-box;}
	.user#main #container #box_2 .layout .head>.headselect ul li:not(:nth-child(1)):before{display:none;}
	.user#main #container #box_2 .layout .head>.headselect ul li a{position:relative; width:100%; padding:0 20px; box-sizing:border-box;}

	.user#main #container #box_2 .layout .head>.headselect ul li.on a:after{content:""; display:block; position:absolute; right:15px; top:50%; width:10px; height:6px; margin-top:-3px; background:url(/media/images/layout/main_box_2_select_bul.png) no-repeat center center;}

	.user#main #container #box_2 .layout .midd>ul{overflow:visible;}
	.user#main #container #box_2 .layout .midd>ul:after{content:""; display:block; clear:both;}
	.user#main #container #box_2 .layout .midd>ul>li.movies,
	.user#main #container #box_2 .layout .midd>ul>li{width:50%;}
	.user#main #container #box_2 .layout .midd>ul>li:nth-child(2n+1){padding:10px 10px 10px 0px;}
	.user#main #container #box_2 .layout .midd>ul>li:nth-child(2n+2){padding:10px 0px 10px 10px;}

	.user#main #container #box_2 .layout .midd>ul>li.movies .controll{top:auto; bottom:20px;}
	.user#main #container #box_2 .layout .midd>ul>li.movies ul li a .photos{height:318px;}
	.user#main #container #box_2 .layout .midd>ul>li.movies ul li a .te{height:165px; background-color:#37373c;}
	.user#main #container #box_2 .layout .midd>ul>li.movies ul li a .te strong{height:60px;}

	.user#main #container #box_2 .layout .btn_group{margin-top:30px;}

	.user#sub #mediabox{height:auto; padding:0;}
	.user#sub #mediabox .layout{padding-bottom:55px;}
	.user#sub #mediabox .layout .lbox{float:none; position:absolute; left:0; bottom:0; z-index:0; width:100%;}
	.user#sub #mediabox .layout .lbox:before{display:none;}
	.user#sub #mediabox .layout .rbox{z-index:20; width:100%; padding:0 30px;}
	.user#sub #mediabox .layout .rbox strong {width: 100%;height: auto;padding:20px;font-size: 16px;line-height: 24px;background: #0453ae}
	.user#sub #mediabox .layout .rbox .movies{width:430px; margin:0 auto;}
	.user#sub #mediabox .layout .rbox .sns{margin:10px 0;}
	.user#sub #mediabox .layout .rbox .sns ul{text-align:center;}


	.user#sub #newsbox{height:100%;padding:0;background: #548ddc;}
	.user#sub #newsbox .layout{padding: 0;}
	.user#sub #newsbox .layout .lbox {float: none;margin: 0 auto;padding: 30px;width:auto;}
	.user#sub #newsbox .layout .lbox .news_video{width:auto;height:328px;}
	.user#sub #newsbox .layout .rbox{float:none; position:relative; width:100%;padding:30px;z-index:0;background:#44494d;}
	.user#sub #newsbox .layout .rbox strong.spot {display: none;}
	.user#sub #newsbox .layout .rbox .tit, .user#sub #newsbox .layout .rbox .txt {width: auto;margin-top: 0;font-size: 19px;}
	.user#sub #newsbox .layout .rbox:before{display:none;}
	.user#sub #newsbox .layout .rbox .info {display: inline-block;margin:0 0 0 30px;}
	

	.user #footer address{margin-left:0;display: block;text-align: center;}
	.user #footer .layout img{margin: 0 auto; text-align: center;display: block;margin-bottom: 20px;}
	.user #footer .copy{text-align: center;}

}
@media screen and (max-width: 800px){
	.user#main #visual .btn_prev,
	.user#main #visual .btn_next{width:50px; height:50px; margin-top:-25px;}
	.user#main #visual .count{left:20px; top:20px;}
	.user#main #visual .count span{padding-left:0;}
	.user#main #visual .count span em{line-height:51px; font-size:50px;}
	.user#main #visual .btn_prev{left:20px;}
	.user#main #visual .btn_next{right:20px;}
	.user#main #visual .views ul li a strong{height:50px; line-height:50px; padding:0 170px 0 20px; font-size:17px;}
	.user#main #visual .views:before{width:170px; height:60px; background-size:100% auto;}



	.user#sub #txt{padding:70px 30px 100px 30px;}

	.user#main #container #board_area1 {padding-top: 40px;}
	.user#main #container #box_1 {padding: 40px 30px;}

	.user#main #container #board_area1 .news {width: 97%;margin: 1.5%;}
	.user#main #container #board_area1 .news .news_area1 {margin-bottom:20px;}
	.user#main #container #board_area1 .mboard { width:47%;margin: 1.5%;}

	.user#main #container #box_1 .views ul {height:auto;}
	.user#main #container #box_1 .views ul li{ width:50%;}
	.user#main #container #box_1 .views ul li:first-child a{height:168px;}
	.user#main #container #box_1 .views ul li:first-child .text {width: auto;margin: 0;padding: 5%;color: #fff;background: none;}
	.user#main #container #box_1 .views ul li:first-child strong {font-size: 15px;}
	.user#main #container #box_1 .views ul li .photos img {width: 100%;height: 100%;}
}
@media screen and (max-width: 750px){
	.user #searchbox{height:140px; padding-top:40px; text-align:left;}
	.user #searchbox strong{line-height:50px; margin-right:20px; font-size:25px;}
	.user #searchbox .forms,
	.user #searchbox .forms input[type="text"]{height:50px; line-height:50px;}
	.user #searchbox .forms{width:325px;}
	.user #searchbox .forms input[type="submit"]{width:50px; height:50px;}
	.user #searchbox .forms input[type="text"]{padding-right:60px;}
	.user #searchbox .btn_close{top:0;}
}
@media screen and (max-width: 650px){
	.user#main #container #board_area1 .mboard {width:97%;}

	.user#main #container #box_2{padding:70px 0;}
	.user#main #container #box_2 .layout:before{background-size:80% auto;}
	.user#main #container #box_2 .layout .titles{margin-bottom:40px; font-size:30px;}
	.user#main #container #box_2 .layout .titles strong:after{right:-57px; width:70px; background-size:100% auto;}

	.user#main #container #box_2 .layout .midd>ul>li .lay a{height:380px;}
	

	.user#main #container #box_2 .layout .midd>ul>li.movies, .user#main #container #box_2 .layout .midd>ul>li {width: 100%;}
	.user#main #container #box_2 .layout .midd>ul>li.movies .lay{height:380px;}
	.user#main #container #box_2 .layout .midd>ul>li.movies ul li a .photos{height:215px;}
	.user#main #container #box_2 .layout .midd>ul>li.movies ul li a .te strong{height:52px;}

	.user#main #container #box_2 .layout .midd>ul>li:nth-child(2n+1){padding:5px;}
	.user#main #container #box_2 .layout .midd>ul>li:nth-child(2n+2){padding:5px;}

	.user#sub #visual h3{line-height:33px; font-size:32px;}
	.user#sub #visual .navi>div{font-size:13px;}
	.user#sub #visual .navi>div:not(:nth-child(1)){padding-left:21px;}
	.user#sub #visual .navi>div:not(:nth-child(1)):before{left:10px; top:4px; height:14px;}
	.user#sub #visual .navi>div ul{left:10px; width:150px; padding:15px 20px;}
	.user#sub #visual .navi>div ul li{padding:3px 0;}
	.user#sub #visual .navi>div ul li a{font-size:11px;}

	

	.user#sub #content_sns strong{line-height:21px; padding-bottom:25px; font-size:20px;}
	.user#sub #content_sns ul li a{font-size:12px;}
	.user#sub #content_sns ul li a:before{width:50px; height:50px; background-size:100% auto;}
}
@media screen and (max-width: 550px){
	.user #footer address,
	.user #footer .copy{line-height:20px; font-size:12px;}
	.user #footer .copy{margin-top:0;}
	.user #footer .sns{margin-top:10px;}

	.user #searchbox{padding-top:30px;}
	.user #searchbox strong{display:block; line-height:26px;}
	.user #searchbox .forms{width:100%;}
	.user #searchbox .forms input[type="text"]{font-size:20px;}
	.user #searchbox .btn_close{top:-10px; width:30px; height:30px;}

	.user#sub #newsbox .layout .rbox .info {display: inline-block;margin:10px 0 0 0;}
	.user#sub #newsbox .layout .lbox .news_video{height:228px;}

	.user#sub #txt{padding:40px 30px 60px 30px;}
}




@media screen and (max-width: 500px){
	.user#main #visual {height: 347px;}
	.user#main #visual .views:before{display:none;}
	.user#main #visual .grid,
	.user#main #visual .views ul li a{padding-bottom:0;height: 224px;}
	.user#main #visual .views{}
	.user#main #visual .views ul li a img {max-width: 100%; height: 100%;}
	.user#main #visual .views ul li a strong{position: inherit;overflow:hidden; white-space:normal; height:120px; line-height:26px; padding:20px; text-align:left; box-sizing:border-box;}
	.user#main #visual .views ul li a strong:before{content:"today's NEWS"; display:block; line-height:16px; margin-bottom:5px; font-family:"Arial"; font-size:15px; color:#21cdbd;}
	.user#main #visual .btn_prev,
	.user#main #visual .btn_next{top:auto; bottom:130px; margin:0;}
	.user#main #visual .btn_prev{left:10px;}
	.user#main #visual .btn_next{right:10px;}

	.user#main #container #box_2 .layout .midd>ul>li .lay a{height:430px;}
	
	.user#main #container #box_2 .layout .midd>ul>li.movies .lay{height:280px;}
	.user#main #container #box_2 .layout .midd>ul>li.movies ul li a .photos{height:150px;}
	.user#main #container #box_2 .layout .midd>ul>li.movies ul li a .te{height:130px;}
	.user#main #container #box_2 .layout .midd>ul>li.movies ul li a .te strong{height:52px;}

	.user#main #container #box_2 .layout .midd>ul>li.movies .controll{right:15px; bottom:15px;}
	.user#main #container #box_2 .layout .midd>ul>li.movies .controll a{width:16px; height:16px;}
	.user#main #container #box_2 .layout .midd>ul>li.movies .controll a:before{width:8px; height:8px; margin:-4px 0 0 -4px;}
	.user#main #container #box_2 .layout .midd>ul>li.movies .controll a:after{width:16px; height:16px; margin:-8px 0 0 -8px;}

	.user#sub #mediabox .layout .rbox .movies{width:100%;}

	.user#sub #content_sns .layout{padding:40px 20px 30px 20px;}
	.user#sub #content_sns ul li{width:33.3%; padding:10px 0px;}
}
@media screen and (max-width: 450px){
	.user #header h1{margin:0 0 0 20px;}
	.user #header #etc{right:20px;}

	.user#main #container #box_1 .views ul {height:362px;}
	.user#main #container #box_1 .views ul li, .user#main #container #box_1 .views ul li:first-child  {width: 100%;}
	.user#main #container #box_1 .views ul li:first-child .text {padding: 0;bottom: 20px;}
	.user#main #container #box_1 .views ul li .photos img {width: 100%;}
	.user#main #container #box_1 .views ul li a {height: 174px;margin: 5px;}
	
	.user#main #container #box_2{padding:50px 0;}
	.user#main #container #box_2 .layout{padding:0 20px;}
	.user#main #container #box_2 .layout .titles{margin-bottom:30px;}
	.user#main #container #box_2 .layout .head>.headselect ul{width:100%;}
	

	.user#main #container #box_2 .layout .btn_group .btns{width:100%;}

	.user#sub #mediabox .layout{padding-top:20px;}
	.user#sub #mediabox .layout .rbox{padding:0 20px;}
	

	.user#sub #txt{padding:20px 20px 30px 20px;}
}
@media screen and (max-width: 400px){
	.user #footer .layout{padding:0 20px;}
	.user #footer address,
	.user #footer .copy{line-height:20px; font-size:11px;}
	.user #footer address span{display:block;}
	.user #footer .copy{margin-top:0;}
	.user #footer .sns{margin-top:10px;}


	/*
	.user#main #container #box_1 .layout{height:540px;}
	.user#main #container #box_1 .views{height:540px;}
	*/
	

	.user#sub #mediabox .layout .lbox strong{padding:0 20px; font-size:12px;}
	.user#sub #mediabox .layout .lbox strong:before{display:none;}
	.user#sub #mediabox .layout .rbox .movies{height:215px;}

	.user#sub #visual{height:150px;}
	.user#sub #visual h3{line-height:27px; font-size:26px;}
}
@media screen and (max-width: 360px){

	


	.user#main #container #box_2 .layout .midd>ul>li .lay a,
	.user#main #container #box_2 .layout .midd>ul>li.movies .lay{height:242px;}
	.user#main #container #box_2 .layout .midd>ul>li .lay a .te{padding:10px;}

	.user#main #container #box_2 .layout .midd>ul>li.type_1 .lay a .photos{height:99px;}
	.user#main #container #box_2 .layout .midd>ul>li.type_2 .lay a .photos{height:99px;}
	.user#main #container #box_2 .layout .midd>ul>li.type_3 .lay a .photos{height:120px;}
	.user#main #container #box_2 .layout .midd>ul>li.type_4 .lay a .photos{height:120px;}

	.user#main #container #box_2 .layout .btn_group{margin-top:20px;}
	.user#main #container #box_2 .layout .btn_group .btns{height:50px; line-height:50px; font-size:13px;}
	.user#main #container #box_2 .layout .btn_group .btns:after{margin-left:5px; background-size:auto 40%;}
}












/*  */