@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: 1025px){	
	.user #slide_map{display:none !important;}

	.user #header .js_menu ul li{position:relative;}
	.user #header .js_menu ul li ul{position:absolute; left:50%; top:91px; width:210px; padding:15px 0px; margin-left:-105px; background-color:#fff;}
	.user #header .js_menu ul li ul li{float:none; width:100%; padding:0;}
	.user #header .js_menu ul li ul li a{display:block; line-height:22px; padding:7px 20px; font-weight:normal; font-size:15px; color:#333;}
	.user #header .js_menu ul li ul li a:hover{text-decoration:underline; color:#c1151b;}
	.user #header .js_menu ul li ul li ul{display:none !important;}
	
	#sub.user #container #remote .js_menu.select .js_menu_select strong a{font-size:18px;}
}


@media screen and (min-width: 1025px) and (max-width: 1280px){
	#main.user #container .box3:before{display:none;}
	#main.user #container .box3 #mainmap{padding:72px 0 0 650px;}
	#main.user #container .box3 #mainmap .photos{right:auto; left:0;}
}
@media screen and (max-width: 1280px){
	#main.user #visual .tis{padding-left:0;}
	#main.user #visual .tis em{line-height:36px; font-size:35px;}
	#main.user #visual .tis span{line-height:62px; font-size:61px;}
}
@media screen and (max-width: 1170px){
	.user #header .js_menu ul li a{font-size:20px;}
}
@media screen and (max-width: 1140px){
	.user #footer .layout{padding-right:210px;}
	.user #footer .selectbox_group .js_selectbox2{float:none;}
}
@media screen and (max-width: 1150px){
	.user #header .js_menu ul li a{padding:0px 10px;}
}
@media screen and (max-width: 1100px){
	#main.user #container .box1_1 ul li a strong{font-size:20px;}
}
@media screen and (max-width: 1024px){
	.user .js_mobile_check{display:block;}

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

	.user #header{position:relative; min-height:77px; height:77px !important;}
	.user #header:before{display:none;}
	.user #header:after{top:77px;}
	.user #header .layout{height:100%;}
	.user #header h1{left:50%; top:18px; width:174px; height:43px; margin-left:-87px; text-align:left;}
	.user #header h1 a{display:block; width:100%; height:100%; text-align:left; background-size:auto 100%;}
	
	.user #header #etc{display:none !important; height:30px;}
	.user #header #etc ul li a{display:block; height:30px; line-height:30px; font-size:12px;}

	.user #header #global{display:none;}
	.user #header .btn_search{right:0px; top:0px; width:77px; height:77px; background-image:url(../../images/eng/layout/btn_search_mo.png);}
	.user #header .btn_search:hover{background-color:#fff; background-image:url(../../images/eng/layout/btn_search_mo.png);}
	.user.search #header .btn_search{background:none;}
	.user.search #header .btn_search:before{
		content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../../images/eng/layout/btn_search_mo_on.png) no-repeat center center;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	}
	.user.search #header .btn_search:hover:before{
		transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
	}
	.user #header #top_search .close{display:none;}
	.user #header .btn_menu_all{display:block;}
	.user #header .search_form{top:53px; right:20px;}

	.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{
		overflow:hidden; opacity:0; position:absolute; left:100%; top:0; z-index:1300; width:0%; height:0;  padding:0; margin-top:77px; border-top:1px solid #dfdfdf; box-sizing:border-box;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	.user #slide_map .slide_map_titles{display:none;}
	.user #slide_map .binds{overflow:hidden; width:100%; height:100%; padding:0px; box-sizing:border-box;}
	.user #slide_map .binds ul{}
	.user #slide_map .binds ul li{border-bottom:1px solid #fff;}
	.user #slide_map .binds ul li a{display:block; position:relative; line-height:19px; padding:15px 60px 15px 30px; text-decoration:none; font-weight:normal; font-size:18px;}
	.user #slide_map .binds ul li a:link,
	.user #slide_map .binds ul li a:visited,
	.user #slide_map .binds ul li a:active{color:#fff; background-color:#858585;}
	.user #slide_map .binds ul li a:hover,
	.user #slide_map .binds ul li a.on:link,
	.user #slide_map .binds ul li a.on:visited,
	.user #slide_map .binds ul li a.on:active,
	.user #slide_map .binds ul li a.on:hover{color:#fff; background-color:#9d7e37;}
	.user #slide_map .binds ul li a:after{content:""; display:none; position:absolute; right:30px; top:0; width:17px; height:100%; background-repeat:no-repeat; background-position:center center;}
	.user #slide_map .binds ul li a.child:after{display:block; background-image:url(../../images/eng/layout/slide_map_1dep_bul.png);}
	.user #slide_map .binds ul li a.child.on:after{background-image:url(../../images/eng/layout/slide_map_1dep_bul_on.png);}
	.user #slide_map .binds ul li ul{display:none; padding:0; box-sizing:border-box;}
	.user #slide_map .binds ul li ul li{padding:0; border-bottom:1px solid #dfdfdf;}
	.user #slide_map .binds ul li ul li a{line-height:17px; margin:0; padding:15px 60px 15px 50px; font-weight:normal; font-size:16px; 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{color:#333; background-color:#fff;}
	.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{color:#c1151b; background-color:#fff;}
	.user #slide_map .binds ul li ul li a:before{content:""; display:block; position:absolute; left:40px; top:22px; width:4px; height:4px; background-color:#ccc;}
	.user #slide_map .binds ul li ul li a:hover:before,
	.user #slide_map .binds ul li ul li a.on:before{background-color:#c1151b;}
	.user #slide_map .binds ul li ul li a.on{border-bottom:1px solid #dfdfdf;}
	.user #slide_map .binds ul li ul li a:after{content:""; display:none; position:absolute; right:30px; top:0; width:17px; height:100%; background-repeat:no-repeat; background-position:center center;}
	.user #slide_map .binds ul li ul li a.child:after{display:block; background-image:url(../../images/eng/layout/slide_map_2dep_bul.png);}
	.user #slide_map .binds ul li ul li a.child.on:after{background-image:url(../../images/eng/layout/slide_map_2dep_bul_on.png);}
	.user #slide_map .binds ul li ul li ul{padding:10px 0px; vertical-align:top; background-color:#f4f4f4; box-sizing:border-box;}
	.user #slide_map .binds ul li ul li ul li{padding:0; border-bottom:none;}
	.user #slide_map .binds ul li ul li ul li a{line-height:16px; padding:8px 15px 8px 80px; font-size:15px;}
	.user #slide_map .binds ul li ul li ul li a:link,
	.user #slide_map .binds ul li ul li ul li a:visited,
	.user #slide_map .binds ul li ul li ul li a:active{color:#7e7e7e; background-color:transparent;}
	.user #slide_map .binds ul li ul li ul li a:hover,
	.user #slide_map .binds ul li ul li ul li a.on:link,
	.user #slide_map .binds ul li ul li ul li a.on:visited,
	.user #slide_map .binds ul li ul li ul li a.on:active,
	.user #slide_map .binds ul li ul li ul li a.on:hover{color:#9d7e37; background-color:transparent;}
	.user #slide_map .binds ul li ul li ul li a.on{border-bottom:none;}
	.user #slide_map .binds ul li ul li ul li a:before{content:""; display:block; position:absolute; left:72px; top:16px; width:4px; height:2px; background-color:#7e7e7e;}
	.user #slide_map .binds ul li ul li ul li a:hover:before,
	.user #slide_map .binds ul li ul li ul li a.on:before{background-color:#9d7e37;}
	
	.user #slide_map .slide_map_close{overflow:hidden; position:absolute; right:0px; top:-77px; z-index:1; width:77px; height:77px; text-indent:-1000px;}
	.user #slide_map .slide_map_close:before{
		content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../../images/eng/layout/btn_search_mo_on.png) no-repeat center center;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	}
	.user #slide_map .slide_map_close:hover:before{
		transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
	}
	
	.user #slide_map .btn_head{padding:1px 0 0 0; background-color:#fff;}
	.user #slide_map .btn_head a{display:block; line-height:19px; padding:15px 0px; text-decoration:none; text-align:center; font-size:18px; color:#fff; background-color:#c1151b;}
	.user #slide_map .btn_head a:before{content:""; display:inline-block; width:11px; height:19px; margin-right:4px; vertical-align:top; background:url(../../images/eng/layout/icon_gnb_login.png) no-repeat center center;}

	.user #header #global .btn_link{display:none;}

	.user #footer .layout{}
	.user #footer .menu{left:20px;}
	.user #footer .menu .layout{padding:0px;}
	.user #footer .logo{left:-100%;}
	.user #footer .selectbox_group{right:20px;}

	#sub.user #container .layout{min-height:60px !important; padding:0 20px; background:none;}
	#sub.user #content{padding:0;}
	#sub.user #container #remote .js_menu.select{display:block;}
	#sub.user #container #remote .print_btn{display:none;}
	#sub.user #container #remote .gongu_btn{right:20px;}
	#sub.user #path .path_etc ul li.print_line{display:none;}

	#sub.user #container #remote{top:0;}
	#sub.user #content h3{padding:50px 0px; margin:0; font-size:30px;}
	#sub.user #txt{min-height:10px;}


	/* main */
	#main.user #container .layout{padding:0px 20px;}
	
	#main.user #container .box1_1 ul li a strong{font-size:18px;}

	#main.user #container .box2{padding:50px 0px;}
	#main.user #container .box2 .midd #resources{padding-left:235px;}
	#main.user #container .box2 .midd #resources li a{width:235px; font-size:16px;}
	#main.user #container .box2 .midd #resources li a:hover,
	#main.user #container .box2 .midd #resources.step_1 li:nth-child(1) a,
	#main.user #container .box2 .midd #resources.step_2 li:nth-child(2) a,
	#main.user #container .box2 .midd #resources.step_3 li:nth-child(3) a,
	#main.user #container .box2 .midd #resources.step_4 li:nth-child(4) a{font-size:16px;}
	#main.user #container .box2 .midd #resources li a:before{left:20px;}
	#main.user #container .box2 .midd #resources li .views:before{left:-240px; width:235px;}

	#main.user #container .box3 .layout{height:480px; padding:0;}
	#main.user #container .box3:before,
	#main.user #container .box3:after{display:none;}
	#main.user #container .box3 #mainmap{padding:30px 30px 0 473px;}
	#main.user #container .box3 #mainmap .photos{right:auto; left:0; width:473px; height:480px; background-size:100% auto;}
	#main.user #container .box3 #mainmap .views{height:420px;}
	#main.user #container .box3 #mainmap .views strong{line-height:38px; font-size:35px;}
	#main.user #container .box3 #mainmap .views strong em{line-height:17px; font-size:16px;}
	#main.user #container .box3 #mainmap .views p{margin:15px 0px; font-size:16px;}
	#main.user #container .box3 #mainmap .views ul.icons li{padding:6px 0 6px 22px; font-size:16px;}
	#main.user #container .box3 #mainmap .views ul.icons li:before{width:15px; height:15px;}
	#main.user #container .box3 #mainmap .views ul.icons1 li{padding:6px 0 6px 22px; font-size:16px;}
	#main.user #container .box3 #mainmap .views ul.icons1 li:before{width:15px; height:15px;}

	#main.user #container .box4{padding:40px 0px;}
	#main.user #container .box4 .news .head,
	#main.user #container .box4 .partners .head{line-height:31px; margin-bottom:15px; font-size:30px;}
	#main.user #container .box4 .news .midd ul li a .photos{height:185px;}
	#main.user #container .box4 .news .midd ul li a:after{margin-top:20px;}
	#main.user #container .box4 .partners .midd{height:320px; padding:25px;}
	#main.user #container .box4 .partners .midd ul li a strong{line-height:20px; font-size:16px;}
	#main.user #container .box4 .partners .midd ul li a span{margin-top:5px; font-size:12px;}

	#main.user #container .box5_1{padding:30px 0px;}
	#main.user #container .box5_1 ul li:before{width:58px; height:58px;}
	#main.user #container .box5_1 ul li em{font-size:14px;}
	#main.user #container .box5_1 ul li span{font-size:40px;}
}

@media screen and (max-width: 1000px){
	#main.user #container .box1_1 ul{height:115px;}
	#main.user #container .box1_1 ul li:nth-child(1){padding:0 10px 0 0;}
	#main.user #container .box1_1 ul li:nth-child(2){padding:0 5px;}
	#main.user #container .box1_1 ul li:nth-child(3){padding:0 0 0 10px;}
	#main.user #container .box1_1 ul li a{padding:15px 15px 15px 105px;}
	#main.user #container .box1_1 ul li a:before{left:15px; top:15px; width:80px; height:82px; background-size:100% auto;}
	#main.user #container .box1_1 ul li a strong{padding:11px 0px 10px 0px; margin-bottom:10px; font-size:18px;}
	#main.user #container .box1_1 ul li a span{font-size:14px;}

	#main.user #container .box1_2 .head{padding:45px 0px;}
	#main.user #container .box1_2 .midd ul li .tis strong{line-height:24px; font-size:22px;}
	#main.user #container .box1_2 .midd ul li ul li a{height:40px; line-height:20px; font-size:16px;}

	#main.user #container .box2 .layout{padding-left:20px;}
	#main.user #container .box2 .head{position:relative; left:0; margin-bottom:20px;}
	#main.user #container .box2 .head strong{margin-bottom:10px;}
	#main.user #container .box2 .head p span{display:inline;}

	#sub.user #container #remote .layout{padding:0;}
}
@media screen and (max-width: 900px){
	#main.user #visual{height:390px;}
	#main.user #visual .tis{position:absolute; left:20px; top:0; height:150px;}
	#main.user #visual .tis .cell{display:block; padding-top:40px;}
	#main.user #visual .tis em{line-height:35px; font-size:34px;}
	#main.user #visual .tis span{line-height:55px; font-size:54px;}
	#main.user #visual #vpop{right:-119px; width:650px; height:650px; margin-top:-335px; top:45%;}
	#main.user #visual #vpop,
	#main.user #visual #vpop:before{background-size:100% auto;}
	#main.user #visual #vpop .popup{top:auto; top:300px; width:360px; height:170px; margin:0 0 0 -174px;}
	#main.user #visual #vpop .popup .move{height:130px;}
	#main.user #visual #vpop .popup .move ul li p{display:none;}
	#main.user #visual #vpop .popup .move ul li strong{line-height:26px; padding:15px 0 10px 0; font-size:22px;}

	#main.user #container .box1_1 ul li a strong{font-size:13px;}
	
	#main.user #container .box1_2 .midd ul li{width:50%;}
	#main.user #container .box1_2 .midd ul li:nth-child(1){padding:0 10px 10px 0;}
	#main.user #container .box1_2 .midd ul li:nth-child(2){padding:0 0 10px 10px;}
	#main.user #container .box1_2 .midd ul li:nth-child(3){padding:10px 10px 0 0;}
	#main.user #container .box1_2 .midd ul li:nth-child(4){padding:10px 0 0 10px;}

	#main.user #container .box5_1 ul li{width:25%;}

	#main.user #container .box5_2>.layout>ul>li:nth-child(1){width:70%;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(2){width:30%; padding:0 0 0 20px;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(3){width:100%;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(3) div{text-align:center;}
}
@media screen and (min-width: 700px) and (max-width: 900px){
	#main.user #container .box3 .layout{height:380px; padding:0;}
	#main.user #container .box3:before,
	#main.user #container .box3:after{display:none;}
	#main.user #container .box3 #mainmap{padding:30px 30px 0 374px;}
	#main.user #container .box3 #mainmap .photos{right:auto; left:0; width:374px; height:380px; background-size:100% auto;}
	#main.user #container .box3 #mainmap .views{height:320px;}
	#main.user #container .box3 #mainmap .views .cell, 
	#main.user #container .box3 #mainmap .views [class*="item_"]{padding:25px;}
	#main.user #container .box3 #mainmap .views strong{line-height:27px; font-size:26px;}
	#main.user #container .box3 #mainmap .views strong em{line-height:13px; font-size:12px;}
	#main.user #container .box3 #mainmap .views p{margin:10px 0px; padding-bottom:10px; font-size:14px;}
	#main.user #container .box3 #mainmap .views ul.icons li{line-height:13px; padding:4px 0 4px 18px; font-size:12px;}
	#main.user #container .box3 #mainmap .views ul.icons li:before{top:4px; width:12px; height:12px; background-size:100% auto;}
	#main.user #container .box3 #mainmap .views ul.icons1 li{line-height:13px; padding:4px 0 4px 18px; font-size:12px;}
	#main.user #container .box3 #mainmap .views ul.icons1 li:before{top:4px; width:12px; height:12px; background-size:100% auto;}
	#main.user #container .box3 #mainmap .views .close{right:25px; top:25px; width:20px; height:20px;}
	#main.user #container .box3 #mainmap .views .more{left:0; bottom:0; width:105px; height:40px; line-height:40px; font-size:14px;}
	#main.user #container .box3 #mainmap .views .control{right:25px; bottom:25px;}
}

@media screen and (max-width: 750px){
	/*
	#main.user #container .box1_1{height:55px;}
	*/
	#main.user #container .box1_1 ul{height:92px;}
	#main.user #container .box1_1 ul li a{padding-left:80px;}
	#main.user #container .box1_1 ul li a:before{width:60px; height:62px;}
	#main.user #container .box1_1 ul li a strong{line-height:18px; padding:8px 0; margin-bottom:8px; font-size:13px;}
	#main.user #container .box1_1 ul li a span{line-height:14px; font-size:12px;}

	#main.user #container .box1_2 .head{line-height:29px; font-size:28px;}


	#main.user #container .box2{padding:30px 0px;}
	#main.user #container .box2 .head strong{line-height:29px; font-size:28px;}
	#main.user #container .box2 .head p{font-size:14px;}
	#main.user #container .box2 .midd #resources{height:auto;}
	#main.user #container .box2 .midd #resources li a{height:80px; font-size:14px;}
	#main.user #container .box2 .midd #resources li a:hover,
	#main.user #container .box2 .midd #resources.step_1 li:nth-child(1) a,
	#main.user #container .box2 .midd #resources.step_2 li:nth-child(2) a,
	#main.user #container .box2 .midd #resources.step_3 li:nth-child(3) a,
	#main.user #container .box2 .midd #resources.step_4 li:nth-child(4) a{font-size:14px;}
	#main.user #container .box2 .midd #resources li:nth-child(1) a,
	#main.user #container .box2 .midd #resources li:nth-child(1) .views:before{top:0;}
	#main.user #container .box2 .midd #resources li:nth-child(2) a,
	#main.user #container .box2 .midd #resources li:nth-child(2) .views:before{top:80px;}
	#main.user #container .box2 .midd #resources li:nth-child(3) a,
	#main.user #container .box2 .midd #resources li:nth-child(3) .views:before{top:160px;}
	#main.user #container .box2 .midd #resources li:nth-child(4) a,
	#main.user #container .box2 .midd #resources li:nth-child(4) .views:before{top:240px;}
	#main.user #container .box2 .midd #resources li .views{height:320px;}
	#main.user #container .box2 .midd #resources li .views:before{height:80px;}
	#main.user #container .box4 .layout .partners .head .more{right:20px; top:30px; width:25px; height:25px;}
	#main.user #container .box2 .midd #resources li .views ul{margin-top:10px;}
	#main.user #container .box2 .midd #resources li .views ul li a .photos{width:125px; height:180px;}


	#main.user #container .box4{padding:0;}
	#main.user #container .box4 .layout{padding:0;}
	#main.user #container .box4 .news,
	#main.user #container .box4 .partners{float:none; width:100%; padding:30px 20px; box-sizing:border-box;}
	#main.user #container .box4 .news .head,
	#main.user #container .box4 .partners .head{line-height:29px; margin-bottom:10px; font-size:28px;}
	#main.user #container .box4 .news{background-color:#fff;}
	#main.user #container .box4 .news .midd ul li:nth-child(1){padding:0 15px 0 0;}
	#main.user #container .box4 .news .midd ul li:nth-child(2){padding:0 0 0 15px;}
	#main.user #container .box4 .news .midd ul li a:after{width:113px; height:40px; line-height:38px; margin-top:0; font-size:14px;}
	#main.user #container .box4 .news .midd ul li a .photos{height:210px;}
	#main.user #container .box4 .news .midd ul li a strong{height:40px; line-height:20px; margin-bottom:10px; font-size:16px;}
	#main.user #container .box4 .partners{}
	#main.user #container .box2 .midd #resources li .views .more{right:15px; top:15px; width:25px; height:25px;}
}
@media screen and (max-width: 700px){
	.user #header #top_search{padding:25px 20px 0 20px;}
	.user #header #top_search input[type="text"]{width:100%;}

	.user #footer .layout{min-height:10px;}
	.user #footer .menu{position:relative; left:auto; top:auto; padding-bottom:10px;}
	.user #footer .menu ul li{padding-left:20px; background-position:10px center;}
	.user #footer .menu ul li a{line-height:15px; padding:0 3px; font-size:13px;}
	.user #footer address, 
	.user #footer .copy{margin-bottom:0px;}
	.user #footer .selectbox_group{right:auto; left:10px; top:0;}
	.user #footer .selectbox_group .js_selectbox2{float:left; height:40px; margin:0; border-right:1px solid #727576;}
	.user #footer .selectbox_group .js_selectbox2 .tis{height:100%; border:none;}
	.user #footer .selectbox_group .js_selectbox2 .tis a{line-height:24px; background-position:right 16px;}
	.user #footer .selectbox_group .js_selectbox2 .lists{bottom:40px;}
	.user #footer .selectbox_group .js_selectbox2 ul{min-height:40px; border:none;}
	.user #footer .selectbox_group .js_selectbox2 ul li a{padding:12px 20px 12px 10px;}

	#main.user #container .layout{padding:0px 15px;}

	#main.user #container .box3 .layout{height:auto;}
	#main.user #container .box3 #mainmap{padding:0 0 400px 0;}
	#main.user #container .box3 #mainmap .guide{display:block;}
	#main.user #container .box3 #mainmap .photos{position:relative; z-index:10; width:100%; height:auto;}
	#main.user #container .box3 #mainmap .views{position:absolute; left:0; top:0; width:100%; height:100%;}
	#main.user #container .box3 #mainmap .views .cell, 
	#main.user #container .box3 #mainmap .views [class*="item_"]{
		padding:30px 20px 20px 20px;
	}
	#main.user #container .box3 #mainmap .views .cell{position:absolute; left:0; bottom:0; z-index:0; height:400px;}
	#main.user #container .box3 #mainmap .views [class*="item_"]{top:5%; width:90%; height:450px;}

	#main.user #container .box3 #mainmap.step_1 .views .item_1,
	#main.user #container .box3 #mainmap.step_2 .views .item_2,
	#main.user #container .box3 #mainmap.step_3 .views .item_3,
	#main.user #container .box3 #mainmap.step_4 .views .item_4,
	#main.user #container .box3 #mainmap.step_5 .views .item_5,
	#main.user #container .box3 #mainmap.step_6 .views .item_6,
	#main.user #container .box3 #mainmap.step_7 .views .item_7,
	#main.user #container .box3 #mainmap.step_8 .views .item_8,
	#main.user #container .box3 #mainmap.step_9 .views .item_9,
	#main.user #container .box3 #mainmap.step_10 .views .item_10,
	#main.user #container .box3 #mainmap.step_11 .views .item_11,
	#main.user #container .box3 #mainmap.step_12 .views .item_12,
	#main.user #container .box3 #mainmap.step_13 .views .item_13,
	#main.user #container .box3 #mainmap.step_14 .views .item_14,
	#main.user #container .box3 #mainmap.step_15 .views .item_15,
	#main.user #container .box3 #mainmap.step_16 .views .item_16,
	#main.user #container .box3 #mainmap.step_17 .views .item_17,
	#main.user #container .box3 #mainmap.step_18 .views .item_18,
	#main.user #container .box3 #mainmap.step_19 .views .item_19,
	#main.user #container .box3 #mainmap.step_20 .views .item_20{left:5%;}

	#main.user #container .box3 #mainmap .views .close{right:20px; top:30px;}
	#main.user #container .box3 #mainmap .views .more{left:0; bottom:0;}
	#main.user #container .box3 #mainmap .views .control{right:20px; bottom:20px;}


	#main.user #container .box4 .news{background-color:transparent;}
	#main.user #container .box4 .partners{background-color:#fff;}


	#sub.user #container #remote .js_menu.select .js_menu_select{display:none;}
	#sub.user #container #remote .js_menu.select .js_menu_select.last{display:block;}
	#sub.user #content h3{line-height:30px; padding:30px 0px; font-size:24px;}
	
}
@media screen and (max-width: 650px){
	#main.user #container .box1_1 ul{height:115px;}
	#main.user #container .box1_1 ul li:nth-child(1){padding:0 4px 0 0;}
	#main.user #container .box1_1 ul li:nth-child(2){padding:0 2px;}
	#main.user #container .box1_1 ul li:nth-child(3){padding:0 0 0 4px;}
	#main.user #container .box1_1 ul li a{padding:15px; text-align:center;}
	#main.user #container .box1_1 ul li a:before{position:relative; left:auto; top:auto; margin:0 auto;}
	#main.user #container .box1_1 ul li a strong{padding:0; margin:0;}
	#main.user #container .box1_1 ul li a strong:after,
	#main.user #container .box1_1 ul li a span{display:none;}
	
	#main.user #container .box2 .midd #resources li .views ul li{width:100%; padding:0;}
	#main.user #container .box2 .midd #resources li .views ul li:nth-child(2){display:none;}
}
@media screen and (max-width: 600px){
	

	#main.user #container .box1_2 .midd ul li{float:none; width:100%;}
	#main.user #container .box1_2 .midd ul li:nth-child(1){padding:0;}
	#main.user #container .box1_2 .midd ul li:nth-child(2),
	#main.user #container .box1_2 .midd ul li:nth-child(3),
	#main.user #container .box1_2 .midd ul li:nth-child(4){padding:20px 0 0 0;}
	#main.user #container .box1_2 .midd ul li ul li:before{top:21px;}
	#main.user #container .box1_2 .midd ul li ul li a{height:auto; max-height:40px;}

	#main.user #container .box4 .news .midd ul li a .photos{height:160px;}
	#main.user #container .box4 .partners .midd{height:272px;}
}
@media screen and (max-width: 550px){
	#main.user #box_01 .main_visual .move ul{height:320px;}

	#main.user #container .box2 .midd #resources{padding-left:155px;}
	#main.user #container .box2 .midd #resources li a{width:155px; height:73px; padding:28px 0 0 20px;}
	#main.user #container .box2 .midd #resources li a:before{display:none;}
	#main.user #container .box2 .midd #resources li:nth-child(1) a,
	#main.user #container .box2 .midd #resources li:nth-child(1) .views:before{top:0;}
	#main.user #container .box2 .midd #resources li:nth-child(2) a,
	#main.user #container .box2 .midd #resources li:nth-child(2) .views:before{top:73px;}
	#main.user #container .box2 .midd #resources li:nth-child(3) a,
	#main.user #container .box2 .midd #resources li:nth-child(3) .views:before{top:147px;}
	#main.user #container .box2 .midd #resources li:nth-child(4) a,
	#main.user #container .box2 .midd #resources li:nth-child(4) .views:before{top:220px;}
	#main.user #container .box2 .midd #resources li .views{height:294px; padding:35px 10px;}
	#main.user #container .box2 .midd #resources li .views:before{left:-160px; width:155px; height:73px;}
	#main.user #container .box2 .midd #resources li .views ul li a .photos{width:104px; height:150px;}
	#main.user #container .box2 .midd #resources li .views ul li a .tis span{margin-bottom:0; font-size:14px;}
}
@media screen and (max-width: 500px){
	#sub.user #header{position:relative;}

	.user #header #global{padding-right:20px; text-align:right; box-sizing:border-box;}
	.user #header #global .global_box{text-align:left;}
	.user #header #global .search_form{width:100%; right:0; box-sizing:border-box;}

	#sub.user #path h3{font-size:35px;}

	#sub.user #visual{}
	#sub.user #container .layout{padding:0;}
	#sub.user #content #txt{min-height:10px; padding:0px 20px 20px 20px;}
	#sub.user #path{padding:0 0 20px 0px;}
	#sub.user #path .path_etc{right:20px;}
	#sub.user #path .path_line{padding:15px 20px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background-color:#f3f3f3;}
	#sub.user #path h3{padding:23px 20px 0px 20px;}


	#main.user #container .box3 #mainmap .views strong{line-height:27px; font-size:26px;}
	#main.user #container .box3 #mainmap .views strong em{line-height:13px; font-size:12px;}
	#main.user #container .box3 #mainmap .views p{margin:10px 0px; padding-bottom:10px; font-size:14px;}
	#main.user #container .box3 #mainmap .views ul.icons li{line-height:13px; padding:4px 0 4px 18px; font-size:12px;}
	#main.user #container .box3 #mainmap .views ul.icons li:before{top:4px; width:12px; height:12px; background-size:100% auto;}
	#main.user #container .box3 #mainmap .views ul.icons1 li{line-height:13px; padding:4px 0 4px 18px; font-size:12px;}
	#main.user #container .box3 #mainmap .views ul.icons1 li:before{top:4px; width:12px; height:12px; background-size:100% auto;}

	#main.user #container .box3 #mainmap{padding-bottom:320px;}
	#main.user #container .box3 #mainmap .views .cell{height:320px;}
	#main.user #container .box3 #mainmap .views [class*="item_"]{height:340px;}

	#main.user #container .box5_1 ul li:before{width:58px; height:58px;}
	#main.user #container .box5_1 ul li em{font-size:12px;}
	#main.user #container .box5_1 ul li span{font-size:32px;}

	#main.user #container .box5_2>.layout>ul>li:nth-child(1) ul li{line-height:15px; font-size:14px;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(2) ul li{padding:3px 0;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(2) ul li a{line-height:15px; font-size:14px;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(3) strong{margin-bottom:15px;}
}
@media screen and (max-width: 450px){
	.user #slide_map .binds ul li ul li ul li a{padding-left:60px;}
	.user #slide_map .binds ul li ul li ul li a:before{left:52px;}
	.user #footer address,
	.user #footer address .tel{display:block; padding-left:0; background:none;}
	.user #footer .layout{}
	.user #footer .selectbox_group{left:0px;}

	#sub.user #path .path_etc ul li .sns_box .btn_close{display:none;}

	#main.user #visual .tis{left:0; width:100%; text-align:center;}
	#main.user #visual .tis em{line-height:28px; font-size:27px;}
	#main.user #visual .tis span{line-height:43px; font-size:42px;}

	#main.user #container .box1_1{height:55px;}
	#main.user #container .box1_1 ul{height:85px;}
	#main.user #container .box1_1 ul li a{padding:10px;}
	#main.user #container .box1_1 ul li a:before{width:40px; height:40px; margin-bottom:5px;}
	#main.user #container .box1_1 ul li a strong{font-size:12px;}

	#main.user #container .box2 .midd #resources{padding-left:100px;}
	#main.user #container .box2 .midd #resources li a{width:100px;}
	#main.user #container .box2 .midd #resources li:nth-child(1) a,
	#main.user #container .box2 .midd #resources li:nth-child(4) a{padding-top:16px;}
	#main.user #container .box2 .midd #resources li a span{display:block;}
	#main.user #container .box2 .midd #resources li .views:before{left:-105px; width:100px;}

	#main.user #container .box4 .news .midd ul li a .photos{height:118px;}
	#main.user #container .box4 .news .midd ul li a strong{height:36px; line-height:18px; font-size:14px;}
	
	#main.user #container .box5_1{padding:20px 0px;}
	#main.user #container .box5_1 ul li{width:33.3%;}
	#main.user #container .box5_1 ul li:nth-child(7){margin-left:33.3%;}

	#main.user #container .box5_2{padding:20px 0px;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(1){width:100%;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(2){width:100%; padding:30px 0 0 0;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(2) strong{margin-bottom:10px;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(2) ul li{padding:2px 0px;}

}
@media screen and (max-width: 400px){
	.user #header h1{top:20px; width:140px; height:35px; margin-left:-70px;}

	#main.user #visual .tis{top:16px;}
	#main.user #visual .tis em{font-size:23px;}
	#main.user #visual .tis span{line-height:37px; font-size:36px;}
	#main.user #visual .tis .cell{padding-top:45px;}
	#main.user #visual #vpop .popup{left:auto; right:0; top:320px; width:300px; height:150px; margin:0 133px 0 0;}
	#main.user #visual #vpop .popup .move ul li strong{line-height:23px; font-size:18px;}

	#main.user #container .box1_1 ul li a{padding:10px 4px;}
	#main.user #container .box1_1 ul li a strong{font-size:10px;}

	#main.user #container .box1_2 .midd ul li .tis{height:54px; padding-left:64px;}
	#main.user #container .box1_2 .midd ul li .tis:before{width:54px; height:54px; background-size:100% auto;}
	#main.user #container .box1_2 .midd ul li .tis strong{line-height:19px; font-size:18px;}
	#main.user #container .box1_2 .midd ul li ul li{padding:10px 0 10px 10px !important;}
	#main.user #container .box1_2 .midd ul li ul li:before{top:17px;}
	#main.user #container .box1_2 .midd ul li ul li a{font-size:14px;}

	#main.user #container .box3 #mainmap .views strong{line-height:24px; font-size:22px;}
	#main.user #container .box3 #mainmap .views [class*="item_"]{height:300px;}
	#main.user #container .box3 #mainmap .views .more{width:90px; height:34px; line-height:34px; font-size:12px;}
	#main.user #container .box3 #mainmap .views .close{width:20px; height:20px;}

	.user #footer .menu ul li{padding-left:11px; background-position:5px center;}
	.user #footer .menu ul li a,
	.user #footer address,
	.user #footer .copy{line-height:16px; font-size:11px;}
	.user #footer address{padding:20px 0px;}

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