@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,th,td,input,select,textarea{font-family:"Lato";}
body{position:relative;}
.js_mobile_check{display:none;}

/* layout */
body.user{overflow-x:hidden;}
.user #wrap{position:relative; padding-top:131px;}
.user #wrap:before{
	content:""; display:block; position:absolute; right:0; top:0; z-index:10; width:0; height:100%; background-color:#fff;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user #wrap .layout{position:relative; max-width:1280px; margin:0 auto; padding:0px 20px; box-sizing:border-box;}
.user #txt{}

#wrap .js_top{
	overflow:hidden; display:block; position:fixed; right:0; bottom:0; z-index:400; width:40px; height:40px; text-indent:-1000px; background-color:#918d87; background-image:url(../../images/eng/layout/top.png); background-repeat:no-repeat; background-position:center center;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#wrap .js_top:hover{background-color:#c1151b;}

#txt input[type="text"],
#txt input[type="password"]{
	border:1px solid #f1f1f1; color:#666; background-color:#f1f1f1;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#txt input[type="text"].true,
#txt input[type="password"].true{border-color:#dbdbdb; color:#292929; background-color:#fff;}

/* header */
.user #header{position:absolute; left:0; top:0; z-index:20; width:100%; min-height:131px; height:131px; background-color:#fff;}
.user #header:after{
	content:""; display:block; position:absolute; left:0; top:131px; z-index:0; width:100%; height:0; border-top:1px solid #ccc; background-color:#fff; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user #header:before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:40px; background-color:#f3f3f3;}
.user #header .layout{z-index:10; height:100%;}
.user #header h1{position:absolute; left:20px; top:40px; z-index:11; width:174px; height:91px; text-align:center;}
.user #header h1 a{overflow:hidden; display:block; height:100%; text-indent:-1000px; background:url(../../images/eng/layout/icon_logo.png) no-repeat left center;}

.user #header #etc{position:relative; z-index:1; height:40px; line-height:40px; font-size:13px; color:#333;}


.user #header .js_menu{position:absolute; left:0; top:40px; z-index:10; width:100%; height:91px; padding:0px 130px 0px 234px; box-sizing:border-box;}
.user #header .js_menu .tmenu_ti{display:none !important;}
.user #header .js_menu ul{float:right;}
.user #header .js_menu ul li{float:left; position:relative; padding:0px 5px;}
.user #header .js_menu ul li a{display:block; position:relative; line-height:91px; font-weight:700; font-size:22px; padding:0px 20px;}
.user #header .js_menu ul li ul:after{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:4px; background-color:#c1151b;}
.user #header .js_menu ul li a:link,
.user #header .js_menu ul li a:visited,
.user #header .js_menu ul li a:active{color:#333; text-decoration:none;}
/*
.user #header .js_menu ul li a:hover,
.user #header .js_menu ul li a.ov:link,
.user #header .js_menu ul li a.ov:visited,
.user #header .js_menu ul li a.ov:active,
.user #header .js_menu ul li a.ov:hover{color:#c1151b; text-decoration:none;}
*/
.user #header .js_menu ul li a:hover{color:#c1151b;}
.user #header .js_menu ul li ul{display:none;}


.user #header #global{position:absolute; right:40px; top:0px; z-index:12; width:100%; height:40px; box-sizing:border-box;}
.user #header #global ul{overflow:hidden; position:absolute; right:0; top:0;}
.user #header #global ul li{float:left;}
.user #header #global ul li a{display:inline-block; line-height:40px; font-size:13px; color:#333;}
.user #header #global ul li:not(:nth-child(1)) a{padding-left:20px;}

.user #header .btn_menu_all{overflow:hidden; display:none; position:absolute; left:0; top:0; z-index:10; width:77px; height:77px; text-indent:-1000px; background:url(../../images/eng/layout/btn_menu_all.png) no-repeat center center; background-size:100% auto;}
.user #header .btn_search{
	overflow:hidden; display:block; position:absolute; right:50px; top:52px; z-index:30; width:66px; height:66px; text-indent:-1000px; background-image:url(../../images/eng/layout/icon_search.png); background-repeat:no-repeat; background-position:center center;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user #header #top_search{
	opacity:0; position:absolute; left:0; bottom:0; width:100%; height:100px; padding-top:25px; text-align:center; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.user #header #top_search input[type="text"]{width:600px; height:52px; line-height:50px; padding:0px 62px 0px 15px; font-size:17px; border:1px solid #f1f1f1; background-color:#f1f1f1; background-image:url(../../images/eng/layout/top_search_icon.png); background-position:right center; background-repeat:no-repeat; box-sizing:border-box;}
.user #header #top_search input[type="text"]:hover,
.user #header #top_search input[type="text"]:focus{border-color:#ccc; background-color:#fff;}
.user #header #top_search .close{overflow:hidden; display:inline-block; position:relative; width:52px; height:52px; margin-left:10px; text-indent:-1000px; vertical-align:middle;}
.user #header #top_search .close:before{
	content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../../images/eng/layout/top_search_close.png) no-repeat center center; background-size:100% auto;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
}
.user #header #top_search .close:hover:before{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}

.user #header .header_bg{display:none; position:absolute; left:0; bottom:0; z-index:0; width:100%; height:100%;}


.user #header .btn_search:hover,
.user.search #header .btn_search{background-color:#c1151b; background-image:url(../../images/eng/layout/icon_search_on.png);}
.user.search #header{}
.user.search #header:after{height:101px;}
.user.search #header #top_search{opacity:1; bottom:-101px;}

.user.mgnb:not(.pc){background-color:#fff;}
.user.mgnb:not(.pc) #wrap #visual,
.user.mgnb:not(.pc) #wrap #container,
.user.mgnb:not(.pc) #wrap #footer,
.user.mgnb:not(.pc) #wrap .btn_search,
.user.mgnb:not(.pc) #wrap .js_top{display:none;}
.user.mgnb:not(.pc) #wrap #header{z-index:1200;}
.user.mgnb:not(.pc) #wrap:before{width:100%;}
.user.mgnb:not(.pc) #wrap #slide_map{overflow:visible; opacity:1; left:0; width:100%; height:auto;}



/* footer */
.user #footer{position:relative; z-index:21; background-color:#222;}
.user #footer address{line-height:24px; padding:25px 0; font-style:normal; font-size:15px; color:#d6d6d6;}








/* main */
/* 	container */
	#main.user{}
	#main.user #container{position:relative; z-index:1; padding:0px;}
	#main.user #container .layout{overflow:hidden; padding:0 20px;}

	#main.user #visual{overflow:hidden; position:relative; z-index:0; height:514px; background:url(../../images/eng/layout/main_visual.jpg) no-repeat center center; background-size:cover;}
	#main.user #visual .layout{height:100%;}
	#main.user #visual .tis{
		opacity:0; display:table; position:relative; z-index:10; height:100%; padding-left:50px; padding-top:50px;
		text-shadow:3px 3px 3px rgba(0,0,0,0.35);
		-webkit-text-shadow:3px 3px 3px rgba(0,0,0,0.35);
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #visual .tis .cell{display:table-cell; width:100%; height:100%; vertical-align:middle;}
	#main.user #visual .tis em{display:block; line-height:46px; font-style:normal; font-weight:400; font-size:45px; color:#fff;}
	#main.user #visual .tis span{display:block; line-height:72px; font-weight:400; font-size:71px; color:#ffc619;}
	#main.user #visual #vpop{display:block; position:absolute; right:-200px; top:41.3%; z-index:0; width:815px; height:815px; margin-top:-408px; background:url(../../images/eng/layout/visual_pop.png) no-repeat center center;}
	#main.user #visual #vpop:before{
		content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../../images/eng/layout/visual_pop_def_02.png) no-repeat center center;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	
	#main.user #visual #vpop .photos{
		position:absolute; left:0; top:0; width:100%; height:100%;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #visual #vpop .photos .guide{position:relative; z-index:10; width:100%;}
	#main.user #visual #vpop .photos [class*="icon_"]{
		overflow:hidden; display:block; position:absolute; z-index:0; width:3.6%; height:3.6%; line-height:40px; text-indent:-1000px; 
		border-radius:50%;
		-webkit-border-radius:50%;
		transform:scale(1);
		-webkit-transform:scale(1);
		animation-name:bouns;
	    animation-duration: 0.5s;
	    animation-fill-mode: both;
	    animation-iteration-count: 1;
	    animation-timing-function: ease;

	    -webkit-animation-name:bouns;
	    -webkit-animation-duration: 0.5s;
	    -webkit-animation-fill-mode: both;
	    -webkit-animation-iteration-count: 1;
	    -webkit-animation-timing-function: ease;
	}
	#main.user #visual #vpop .photos [class*="icon_"]:after{
		content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:100% auto;
	}
	
	#main.user #visual #vpop .photos .icon_01{left: 28.4%;top:29.3%;animation-delay:0s;}
	#main.user #visual #vpop .photos .icon_02{left: 25.9%;top: 36.1%;animation-delay:0.1s;}
	#main.user #visual #vpop .photos .icon_03{left:32.8%;top: 48.2%;animation-delay:0.2s;}
	#main.user #visual #vpop .photos .icon_04{left: 38.2%;top: 46.8%;animation-delay:0.3s;}
	#main.user #visual #vpop .photos .icon_05{left:41.9%;top: 49.7%;animation-delay:0.4s;}
	#main.user #visual #vpop .photos .icon_06{left: 45.2%;top: 51.2%;animation-delay:0.5s;}
	#main.user #visual #vpop .photos .icon_07{left:55.9%;top: 24.6%;animation-delay:0.6s;}
	#main.user #visual #vpop .photos .icon_08{left: 50.3%;top: 31%;animation-delay:0.7s;}
	#main.user #visual #vpop .photos .icon_09{left: 48.2%;top: 41.2%;animation-delay:0.8s;}
	#main.user #visual #vpop .photos .icon_10{left: 47.8%;top: 56%;animation-delay:0.9s;}
	#main.user #visual #vpop .photos .icon_11{left: 48.6%;top: 62.5%;animation-delay:1.0s;}
	#main.user #visual #vpop .photos .icon_12{left: 50.5%;top: 58.5%;animation-delay:1.1s;}
	#main.user #visual #vpop .photos .icon_13{left:52.3%; top:55.3%; animation-delay:1.2s;}
	#main.user #visual #vpop .photos .icon_14{left:57%; top:53.6%; animation-delay:1.3s;}
	#main.user #visual #vpop .photos .icon_15{left:59.6%; top:55.3%; animation-delay:1.4s;}
	#main.user #visual #vpop .photos .icon_16{left: 53.2%;top: 69.9%;animation-delay:1.5s;}
	#main.user #visual #vpop .photos .icon_17{left: 61.9%;top: 57.6%;animation-delay:1.6s;}
	#main.user #visual #vpop .photos .icon_18{left: 62.2%;top: 49.9%;animation-delay:1.7s;}

	#main.user #visual #vpop .photos .icon_19{left: 65.5%;top: 40.2%;animation-delay:1.8s;}
	#main.user #visual #vpop .photos .icon_20{left: 72.9%;top: 38.9%;animation-delay:1.9s;}
    #main.user #visual #vpop .photos .icon_21{left: 63.9%;top: 76.1%;animation-delay:2.0s;}
	#main.user #visual #vpop .photos .icon_22{left: 49.9%;top: 52.3%;animation-delay:2.1s;}
	#main.user #visual #vpop .photos .icon_23{left: 31.9%;top: 36.1%;animation-delay:2.2s;}


	#main.user #visual #vpop .photos .icon_01:after{background-image:url(../../images/eng/layout/nara_1.png);}
	#main.user #visual #vpop .photos .icon_02:after{background-image:url(../../images/eng/layout/nara_2.png);}
	#main.user #visual #vpop .photos .icon_03:after{background-image:url(../../images/eng/layout/nara_3.png);}
	#main.user #visual #vpop .photos .icon_04:after{background-image:url(../../images/eng/layout/nara_4.png);}
	#main.user #visual #vpop .photos .icon_05:after{background-image:url(../../images/eng/layout/nara_5.png);}
	#main.user #visual #vpop .photos .icon_06:after{background-image:url(../../images/eng/layout/nara_6.png);}
	#main.user #visual #vpop .photos .icon_07:after{background-image:url(../../images/eng/layout/nara_7.png);}
	#main.user #visual #vpop .photos .icon_08:after{background-image:url(../../images/eng/layout/nara_8.png);}
	#main.user #visual #vpop .photos .icon_09:after{background-image:url(../../images/eng/layout/nara_9.png);}
	#main.user #visual #vpop .photos .icon_10:after{background-image:url(../../images/eng/layout/nara_10.png);}
	#main.user #visual #vpop .photos .icon_11:after{background-image:url(../../images/eng/layout/nara_11.png);}
	#main.user #visual #vpop .photos .icon_12:after{background-image:url(../../images/eng/layout/nara_12.png);}
	#main.user #visual #vpop .photos .icon_13:after{background-image:url(../../images/eng/layout/nara_13.png);}
	#main.user #visual #vpop .photos .icon_14:after{background-image:url(../../images/eng/layout/nara_14.png);}
	#main.user #visual #vpop .photos .icon_15:after{background-image:url(../../images/eng/layout/nara_15.png);}
	#main.user #visual #vpop .photos .icon_16:after{background-image:url(../../images/eng/layout/nara_16.png);}
	#main.user #visual #vpop .photos .icon_17:after{background-image:url(../../images/eng/layout/nara_17.png);}
	#main.user #visual #vpop .photos .icon_18:after{background-image:url(../../images/eng/layout/nara_18.png);}
	#main.user #visual #vpop .photos .icon_19:after{background-image:url(../../images/eng/layout/nara_19.png);}
	#main.user #visual #vpop .photos .icon_20:after{background-image:url(../../images/eng/layout/nara_20.png);}
	#main.user #visual #vpop .photos .icon_21:after{background-image:url(../../images/eng/layout/nara_21.png);}
	#main.user #visual #vpop .photos .icon_22:after{background-image:url(../../images/eng/layout/nara_22.png);}
	#main.user #visual #vpop .photos .icon_23:after{background-image:url(../../images/eng/layout/nara_23.png);}



	#main.user #visual #vpop .popup{
		opacity:0; position:absolute; left:50%; top:50%; width:395px; height:300px; padding:10px; margin:-150px 0 0 -197px; box-sizing:border-box;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #visual #vpop .popup .control{display:block; height:26px;}
	#main.user #visual #vpop .popup .control:after{content:""; display:block; clear:both;}
	#main.user #visual #vpop .popup .control a{float:left; display:block; width:26px; height:26px; line-height:26px; text-decoration:none; text-align:center; font-size:14px; color:#fff; background-color:#9d7e37;}
	#main.user #visual #vpop .popup .control a:not(:nth-child(1)){margin-left:2px;}
	#main.user #visual #vpop .popup .move{height:274px;}
	#main.user #visual #vpop .popup .move ul{overflow:hidden; position:relative; width:100%; height:100%;}
	#main.user #visual #vpop .popup .move ul li{
		opacity:0; position:absolute; left:100%; top:0; width:100%; height:100%;
		transition : all 0.6s ease;
		-webkit-transition : all 0.6s ease;
	}
	#main.user #visual #vpop .popup .move ul li a,
	#main.user #visual #vpop .popup .move ul li a:hover strong,
	#main.user #visual #vpop .popup .move ul li a:hover p{text-decoration:none;}
	#main.user #visual #vpop .popup .move ul li strong{display:block; line-height:29px; padding:25px 0 20px 0; font-weight:500; font-size:25px; color:#fff;}
	#main.user #visual #vpop .popup .move ul li p{line-height:27px; margin:0; font-size:16px; color:#e0d2cb;}
	#main.user #visual #vpop .popup .move ul li p.more_btn {margin-top:15px;}

	#main.user #visual.on #vpop:before,
	#main.user #visual.on #vpop .photos{opacity:0.1;}
	#main.user #visual.on .tis,
	#main.user #visual.off .tis{opacity:1; padding-top:0;}
	#main.user #visual.on #vpop .popup{opacity:1;}

	#main.user #visual #vpop .popup.step_1 .control a:nth-child(1),
	#main.user #visual #vpop .popup.step_2 .control a:nth-child(2),
	#main.user #visual #vpop .popup.step_3 .control a:nth-child(3),
	#main.user #visual #vpop .popup.step_4 .control a:nth-child(4),
	#main.user #visual #vpop .popup.step_5 .control a:nth-child(5),
	#main.user #visual #vpop .popup.step_6 .control a:nth-child(6),
	#main.user #visual #vpop .popup.step_7 .control a:nth-child(7),
	#main.user #visual #vpop .popup.step_8 .control a:nth-child(8),
	#main.user #visual #vpop .popup.step_9 .control a:nth-child(9),
	#main.user #visual #vpop .popup.step_10 .control a:nth-child(10){background-color:#c1151b;}
	#main.user #visual #vpop .popup.step_1 .move ul li:nth-child(1),
	#main.user #visual #vpop .popup.step_2 .move ul li:nth-child(2),
	#main.user #visual #vpop .popup.step_3 .move ul li:nth-child(3),
	#main.user #visual #vpop .popup.step_4 .move ul li:nth-child(4),
	#main.user #visual #vpop .popup.step_5 .move ul li:nth-child(5),
	#main.user #visual #vpop .popup.step_6 .move ul li:nth-child(6),
	#main.user #visual #vpop .popup.step_7 .move ul li:nth-child(7),
	#main.user #visual #vpop .popup.step_8 .move ul li:nth-child(8),
	#main.user #visual #vpop .popup.step_9 .move ul li:nth-child(9),
	#main.user #visual #vpop .popup.step_10 .move ul li:nth-child(10){opacity:1; left:0;}


	#main.user #container .layout{overflow:visible; padding-top:0;}
	#main.user #container .box1{background:url(../../images/eng/layout/box1_bg.gif) repeat;}
	#main.user #container .box1_1{position:relative; height:88px;}
	#main.user #container .box1_1 ul{position:absolute; left:0; bottom:0; width:100%; height:142px;}
	#main.user #container .box1_1 ul li{float:left; width:33.3%; height:100%; box-sizing:border-box;}
	#main.user #container .box1_1 ul li:nth-child(1){padding:0 20px 0 0;}
	#main.user #container .box1_1 ul li:nth-child(2){padding:0px 10px;}
	#main.user #container .box1_1 ul li:nth-child(3){padding:0 0 0 20px;}
	#main.user #container .box1_1 ul li a{
		display:block; position:relative; width:100%; height:100%; padding:20px 20px 20px 140px; text-decoration:none; background-color:#fff; box-sizing:border-box;
		box-shadow:3px 3px 10px rgba(0,0,0,0.11);
		-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.11);
		transition : all 0.3s ease;
		-webkit-transition : all 0.3s ease;
	}
	#main.user #container .box1_1 ul li a:hover{background-color:#1f2d55;}
	#main.user #container .box1_1 ul li a:before{content:""; display:block; position:absolute; left:20px; top:20px; width:100px; height:102px; background-position:center center; background-repeat:no-repeat;}
	#main.user #container .box1_1 ul li:nth-child(1) a:before{background-image:url(../../images/eng/layout/box1_1_icon_01.png);}
	#main.user #container .box1_1 ul li:nth-child(1) a:hover:before{background-image:url(../../images/eng/layout/box1_1_icon_01_on.png);}
	#main.user #container .box1_1 ul li:nth-child(2) a:before{background-image:url(../../images/eng/layout/box1_1_icon_02.png);}
	#main.user #container .box1_1 ul li:nth-child(2) a:hover:before{background-image:url(../../images/eng/layout/box1_1_icon_02_on.png);}
	#main.user #container .box1_1 ul li:nth-child(3) a:before{background-image:url(../../images/eng/layout/box1_1_icon_03.png);}
	#main.user #container .box1_1 ul li:nth-child(3) a:hover:before{background-image:url(../../images/eng/layout/box1_1_icon_03_on.png);}
	#main.user #container .box1_1 ul li a strong{display:block; position:relative; line-height:23px; margin-bottom:15px; padding:20px 0 12px 0; font-size:22px; color:#171717;}
	#main.user #container .box1_1 ul li a strong:after{content:""; display:block; position:absolute; left:0; bottom:0; width:20px; height:1px; line-height:1px; background-color:#b6b6b6;}
	#main.user #container .box1_1 ul li a span{display:block; line-height:19px; font-size:18px; color:#919191;}
	#main.user #container .box1_1 ul li a span em{font-style:normal;}
	#main.user #container .box1_1 ul li a:hover strong,
	#main.user #container .box1_1 ul li a:hover span{color:#fff;}

	#main.user #container .box1_2{}
	#main.user #container .box1_2 .head{display:block; line-height:36px; padding:65px 0px; text-align:center; font-size:35px; color:#171717; font-weight:600; }
	#main.user #container .box1_2 .midd{padding-bottom:30px;}
	#main.user #container .box1_2 .midd ul{overflow:hidden;}
	#main.user #container .box1_2 .midd ul li{float:left; position:relative; width:25%; box-sizing:border-box;}
	#main.user #container .box1_2 .midd ul li:nth-child(1){padding:0 22px 0 0;}
	#main.user #container .box1_2 .midd ul li:nth-child(2){padding:0 15px 0 8px;}
	#main.user #container .box1_2 .midd ul li:nth-child(3){padding:0 8px 0 15px;}
	#main.user #container .box1_2 .midd ul li:nth-child(4){padding:0 0 0 22px;}
	#main.user #container .box1_2 .midd ul li .tis{display:table; position:relative; width:100%; height:74px; padding-left:84px; box-sizing:border-box;}
	#main.user #container .box1_2 .midd ul li .tis:before{content:""; display:block; position:absolute; left:0; top:0; width:74px; height:74px; background-position:center center; background-repeat:no-repeat;}
	#main.user #container .box1_2 .midd ul li:nth-child(1) .tis:before{background-image:url(../../images/eng/layout/box1_2_icon_01.png);}
	#main.user #container .box1_2 .midd ul li:nth-child(2) .tis:before{background-image:url(../../images/eng/layout/box1_2_icon_02.png);}
	#main.user #container .box1_2 .midd ul li:nth-child(3) .tis:before{background-image:url(../../images/eng/layout/box1_2_icon_03.png);}
	#main.user #container .box1_2 .midd ul li:nth-child(4) .tis:before{background-image:url(../../images/eng/layout/box1_2_icon_04.png);}
	#main.user #container .box1_2 .midd ul li .tis strong{display:table-cell; width:100%; height:100%; line-height:28px; vertical-align:middle; text-align:left; font-weight:400; font-size:25px; color:#333;}
	#main.user #container .box1_2 .midd ul li .tes{}
	#main.user #container .box1_2 .midd ul li strong{}
	#main.user #container .box1_2 .midd ul li ul{margin-top:10px;}
	#main.user #container .box1_2 .midd ul li ul li{position:relative; width:100%; padding:15px 0px 15px 10px !important;}
	#main.user #container .box1_2 .midd ul li ul li:before{content:""; display:block; position:absolute; left:0; top:23px; width:4px; height:4px; background-color:#ababab;}
	#main.user #container .box1_2 .midd ul li ul li:not(:nth-child(1)){border-top:1px solid #d5d5d5;}
	#main.user #container .box1_2 .midd ul li ul li a{
		overflow:hidden; display:block; height:44px; line-height:22px; font-size:18px; color:#1e1e1e;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	
	
	#main.user #container .box1_2 .midd ul li ul li a:hover,
	#main.user #container .box1_2 .midd ul li ul li a:hover span{color:#c1151b;}
	#main.user #container .box1_2 .midd ul li ul li a.new:after{content:""; display:inline-block; width:14px; height:13px; margin-left:5px; background:url(../../images/eng/layout/new_icon.png) no-repeat center center;}
	#main.user #container .box1_2 .midd ul li ul li span{
		padding-right:5px; color:#185dd7;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}

	#main.user #container .box2{padding:70px 0 70px 0; background-color:#fff;}
	#main.user #container .box2 .layout{padding-left:276px; padding-bottom:0;}
	#main.user #container .box2 .head{position:absolute; left:30px; top:0;}
	#main.user #container .box2 .head strong{display:block; line-height:36px; margin-bottom:20px; font-weight:600; font-size:35px; color:#171717;}
	#main.user #container .box2 .head p{margin:0; line-height:26px; font-size:18px; color:#333;}
	#main.user #container .box2 .head p span{display:block;}
	#main.user #container .box2 .midd{}
	#main.user #container .box2 .midd #resources{position:relative; height:358px; padding-left:275px; border:1px solid #ddd; background-color:#f6f6f6;}
	#main.user #container .box2 .midd #resources li{}
	#main.user #container .box2 .midd #resources li a{
		display:block; position:absolute; left:0; top:0; z-index:100; width:275px; height:89px; padding:34px 0 0 90px; line-height:20px; text-decoration:none; font-size:16px; color:#555; box-sizing:border-box;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box2 .midd #resources li a:hover{font-weight:600; font-size:18px; color:#333; background-color:#fff;}
	#main.user #container .box2 .midd #resources li:not(:nth-child(1)) a{border-top:1px solid #ddd;}
	#main.user #container .box2 .midd #resources li:nth-child(1) a{top:0;}
	#main.user #container .box2 .midd #resources li:nth-child(2) a{top:89px;}
	#main.user #container .box2 .midd #resources li:nth-child(3) a{top:178px;}
	#main.user #container .box2 .midd #resources li:nth-child(4) a{top:267px;}
	#main.user #container .box2 .midd #resources li a:before{
		content:""; display:block; position:absolute; left:30px; top:0px; width:52px; height:100%; background-position:center center; background-repeat:no-repeat;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box2 .midd #resources li:nth-child(1) a:before{background-image:url(../../images/eng/layout/resources_icon_01.png);}
	#main.user #container .box2 .midd #resources li:nth-child(2) a:before{background-image:url(../../images/eng/layout/resources_icon_02.png);}
	#main.user #container .box2 .midd #resources li:nth-child(3) a:before{background-image:url(../../images/eng/layout/resources_icon_03.png);}
	#main.user #container .box2 .midd #resources li:nth-child(4) a:before{background-image:url(../../images/eng/layout/resources_icon_04.png);}
	#main.user #container .box2 .midd #resources li .views{
		display:none; position:relative; z-index:10; height:358px; padding:30px; background-color:#fff; box-sizing:border-box;
		box-shadow:2px 2px 5px rgba(0,0,0,0.2);
		-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.2);
	}
	#main.user #container .box2 .midd #resources li .views:before{
		content:""; display:block; position:absolute; left:-280px; top:0; width:275px; height:89px; border-left:5px solid #c1151b; background-color:#fff;
		box-shadow:0px 2px 5px rgba(0,0,0,0.2);
		-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.2);
	}
	#main.user #container .box2 .midd #resources li:nth-child(1) .views:before{top:0;}
	#main.user #container .box2 .midd #resources li:nth-child(2) .views:before{top:89px;}
	#main.user #container .box2 .midd #resources li:nth-child(3) .views:before{top:178px;}
	#main.user #container .box2 .midd #resources li:nth-child(4) .views:before{top:267px;}
	#main.user #container .box2 .midd #resources li .views:after{content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-color:#fff;}
	#main.user #container .box2 .midd #resources li .views ul{overflow:hidden; position:relative; z-index:100; width:100%; height:100%;}
	#main.user #container .box2 .midd #resources li .views ul li{float:left; width:50%; padding:0 10px; box-sizing:border-box;}
	#main.user #container .box2 .midd #resources li .views ul li:nth-child(2){border-left:1px solid #ddd;}
	#main.user #container .box2 .midd #resources li .views ul li a{display:block; position:relative; top:auto !important; width:100%; height:100%; padding:0; text-align:center; border:none !important;}
	#main.user #container .box2 .midd #resources li .views ul li a:before,
	#main.user #container .box2 .midd #resources li .views ul li a:after{display:none;}
	#main.user #container .box2 .midd #resources li .views ul li a .photos{overflow:hidden; display:block; width:160px; height:230px; margin:0 auto 15px auto; border:1px solid #ddd;}
	#main.user #container .box2 .midd #resources li .views ul li a .photos img{
		width:100%; height:100%;
		transform:scale(1);
		-webkit-transform:scale(1);
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box2 .midd #resources li .views ul li a:hover .photos img{
		transform:scale(1.1);
		-webkit-transform:scale(1.1);
	}
	#main.user #container .box2 .midd #resources li .views ul li a .tis{display:inline-block; position:relative; max-width:100%; box-sizing:border-box;}
	#main.user #container .box2 .midd #resources li .views ul li a .tis span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; max-width:100%; line-height:19px; margin-bottom:8px; text-align:center; font-weight:400; font-size:18px; color:#333; box-sizing:border-box;}
	#main.user #container .box2 .midd #resources li .views ul li a:hover .tis span{text-decoration:underline; color:#c1151b;}
	#main.user #container .box2 .midd #resources li .views ul li a.new .tis{padding-right:18px;}
	#main.user #container .box2 .midd #resources li .views ul li a.new .tis:after{content:""; display:inline-block; position:absolute; right:0; top:2px; width:14px; height:13px; background:url(../../images/eng/layout/new_icon.png) no-repeat center center;}
	#main.user #container .box2 .midd #resources li .views ul li a .days{display:block; text-align:center; font-size:14px; color:#989898;}
	#main.user #container .box2 .midd #resources li .views .more{overflow:hidden; display:block; position:absolute; left:auto; right:20px; top:20px; z-index:200; width:29px; height:29px; padding:0; text-indent:-1000px; background:#c1151b;}
	#main.user #container .box2 .midd #resources li .views .more:before{
		content:""; display:block; left:auto; width:100%; height:100%; background:url(../../images/eng/layout/resources_more.png) no-repeat center center !important;
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box2 .midd #resources li .views .more:hover:before{
		transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
	}
	
	/** box4 버튼 더보기 추가 시작 */
	#main.user #container .box4 .layout .partners .head .more{overflow:hidden; display:block; position:absolute; left:auto; right:0px; top:0px; z-index:200; width:29px; height:29px; padding:0; text-indent:-1000px; background:#c1151b;}
	#main.user #container .box4 .layout .partners .head .more:before{
		content:""; display:block; left:auto; width:100%; height:100%; background:url(../../images/eng/layout/resources_more.png) no-repeat center center !important;
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box4 .layout .partners .head .more:hover:before{
		transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
	}
	/** box4 버튼 더보기 추가 종료 */
	
	#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-weight:600; font-size:18px; color:#333;}
	#main.user #container .box2 .midd #resources li:nth-child(1) a:hover:before,
	#main.user #container .box2 .midd #resources.step_1 li:nth-child(1) a:before{background-image:url(../../images/eng/layout/resources_icon_01_on.png);}
	#main.user #container .box2 .midd #resources li:nth-child(2) a:hover:before,
	#main.user #container .box2 .midd #resources.step_2 li:nth-child(2) a:before{background-image:url(../../images/eng/layout/resources_icon_02_on.png);}
	#main.user #container .box2 .midd #resources li:nth-child(3) a:hover:before,
	#main.user #container .box2 .midd #resources.step_3 li:nth-child(3) a:before{background-image:url(../../images/eng/layout/resources_icon_03_on.png);}
	#main.user #container .box2 .midd #resources li:nth-child(4) a:hover:before,
	#main.user #container .box2 .midd #resources.step_4 li:nth-child(4) a:before{background-image:url(../../images/eng/layout/resources_icon_04_on.png);}

	#main.user #container .box2 .midd #resources.step_1 li:nth-child(1) .views,
	#main.user #container .box2 .midd #resources.step_2 li:nth-child(2) .views,
	#main.user #container .box2 .midd #resources.step_3 li:nth-child(3) .views,
	#main.user #container .box2 .midd #resources.step_4 li:nth-child(4) .views{display:block;}




	#main.user #container .box3{position:relative; background:url(../../images/eng/layout/box1_bg.gif) repeat;}
	#main.user #container .box3:before{content:""; display:block; position:absolute; right:50%; top:0; z-index:1; width:1000px; height:100%; background:url(../../images/eng/layout/mainmap_bg_02.png) no-repeat left top;}
	#main.user #container .box3:after{content:""; display:block; position:absolute; right:50%; top:0; z-index:0; width:100%; height:100%; margin-right:1000px; background:url(../../images/eng/layout/mainmap_patten.gif) repeat;}
	#main.user #container .box3 .layout{z-index:10; height:680px; padding-bottom:0;}

	#main.user #container .box3 #mainmap{height:100%; padding:72px 0 0 50%; box-sizing:border-box;}
	#main.user #container .box3 #mainmap .guide{display:none; width:100%;}
	#main.user #container .box3 #mainmap .photos{position:absolute; right:50%; top:0; width:670px; height:680px; background:url(../../images/eng/layout/mainmap_02.png) no-repeat left top;}
	#main.user #container .box3 #mainmap .photos [class*="icon_"]{
		opacity:0; display:block; position:absolute; z-index:0; width:5.9%; height:5.8%; line-height:40px; 
		border-radius:50%;
		-webkit-border-radius:50%;
		transform:scale(1);
		-webkit-transform:scale(1);
	}
	#main.user #container .box3 #mainmap.on .photos [class*="icon_"]{
		opacity:1;
		animation-name:bouns;
	    animation-duration: 0.5s;
	    animation-fill-mode: both;
	    animation-iteration-count: 1;
	    animation-timing-function: ease;

	    -webkit-animation-name:bouns;
	    -webkit-animation-duration: 0.5s;
	    -webkit-animation-fill-mode: both;
	    -webkit-animation-iteration-count: 1;
	    -webkit-animation-timing-function: ease;
	}
	#main.user #container .box3 #mainmap .photos [class*="icon_"]:before{
		opacity:0; content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; border:1px solid #eee; box-sizing:border-box;
		border-radius:50%;
		-webkit-border-radius:50%;
		transform:scale(0);
		-webkit-transform:scale(0);
	}
	#main.user #container .box3 #mainmap .photos [class*="icon_"]:hover,
	#main.user #container .box3 #mainmap.step_1 .photos .icon_01,
	#main.user #container .box3 #mainmap.step_2 .photos .icon_02,
	#main.user #container .box3 #mainmap.step_3 .photos .icon_03,
	#main.user #container .box3 #mainmap.step_4 .photos .icon_04,
	#main.user #container .box3 #mainmap.step_5 .photos .icon_05,
	#main.user #container .box3 #mainmap.step_6 .photos .icon_06,
	#main.user #container .box3 #mainmap.step_7 .photos .icon_07,
	#main.user #container .box3 #mainmap.step_8 .photos .icon_08,
	#main.user #container .box3 #mainmap.step_9 .photos .icon_09,
	#main.user #container .box3 #mainmap.step_10 .photos .icon_10,
	#main.user #container .box3 #mainmap.step_11 .photos .icon_11,
	#main.user #container .box3 #mainmap.step_12 .photos .icon_12,
	#main.user #container .box3 #mainmap.step_13 .photos .icon_13,
	#main.user #container .box3 #mainmap.step_14 .photos .icon_14,
	#main.user #container .box3 #mainmap.step_15 .photos .icon_15,
	#main.user #container .box3 #mainmap.step_16 .photos .icon_16,
	#main.user #container .box3 #mainmap.step_17 .photos .icon_17,
	#main.user #container .box3 #mainmap.step_18 .photos .icon_18,
	#main.user #container .box3 #mainmap.step_19 .photos .icon_19,
	#main.user #container .box3 #mainmap.step_20 .photos .icon_20{z-index:100;}

	#main.user #container .box3 #mainmap.step_1 .photos .icon_01:before,
	#main.user #container .box3 #mainmap.step_2 .photos .icon_02:before,
	#main.user #container .box3 #mainmap.step_3 .photos .icon_03:before,
	#main.user #container .box3 #mainmap.step_4 .photos .icon_04:before,
	#main.user #container .box3 #mainmap.step_5 .photos .icon_05:before,
	#main.user #container .box3 #mainmap.step_6 .photos .icon_06:before,
	#main.user #container .box3 #mainmap.step_7 .photos .icon_07:before,
	#main.user #container .box3 #mainmap.step_8 .photos .icon_08:before,
	#main.user #container .box3 #mainmap.step_9 .photos .icon_09:before,
	#main.user #container .box3 #mainmap.step_10 .photos .icon_10:before,
	#main.user #container .box3 #mainmap.step_11 .photos .icon_11:before,
	#main.user #container .box3 #mainmap.step_12 .photos .icon_12:before,
	#main.user #container .box3 #mainmap.step_13 .photos .icon_13:before,
	#main.user #container .box3 #mainmap.step_14 .photos .icon_14:before,
	#main.user #container .box3 #mainmap.step_15 .photos .icon_15:before,
	#main.user #container .box3 #mainmap.step_16 .photos .icon_16:before,
	#main.user #container .box3 #mainmap.step_17 .photos .icon_17:before,
	#main.user #container .box3 #mainmap.step_18 .photos .icon_18:before,
	#main.user #container .box3 #mainmap.step_19 .photos .icon_19:before,
	#main.user #container .box3 #mainmap.step_20 .photos .icon_20:before{
		animation-name:bouns_on;
	    animation-duration: 2s;
	    animation-fill-mode: both;
	    animation-iteration-count: infinite;
	    animation-timing-function: linear;

	    -webkit-animation-name:bouns_on;
	    -webkit-animation-duration: 2s;
	    -webkit-animation-fill-mode: both;
	    -webkit-animation-iteration-count: infinite;
	    -webkit-animation-timing-function: linear;
	}
	
	#main.user #container .box3 #mainmap .photos [class*="icon_"] span{
		opacity:0; position:absolute; left:50%; top:0px; width:72px; height:25px; line-height:25px; margin-left:-36px; text-align:center; font-size:11px; color:#fff; background-color:#1f2d55;
		border-radius:5px;
		-webkit-border-radius:5px;
		transform:scale(0);
		-webkit-transform:scale(0);
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box3 #mainmap .photos [class*="icon_"] span:after {content:""; position:absolute; top:100%; left:50%; width:0; height:0; pointer-events:none; border:solid transparent; border-color:rgba(136, 183, 213, 0); border-top-color:#1f2d55; border-width:3px; margin-left:-3px;}
	#main.user #container .box3 #mainmap .photos [class*="icon_"]:after{
		overflow:hidden; content:""; display:block; position:relative; z-index:2; width:100%; height:100%; text-align:left; text-indent:-1000px; background-color:transparent; background-repeat:no-repeat; background-position:center center; background-size:100% 100%;
		border-radius:50%;
		-webkit-border-radius:50%;
		box-shadow:3px 3px 8px rgba(0,0,0,0.2);
		-webkit-box-shadow:3px 3px 8px rgba(0,0,0,0.2);
		transform:scale(1);
		-webkit-transform:scale(1);
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box3 #mainmap .photos [class*="icon_"]:hover span,
	#main.user #container .box3 #mainmap.step_1 .photos .icon_01 span,
	#main.user #container .box3 #mainmap.step_2 .photos .icon_02 span,
	#main.user #container .box3 #mainmap.step_3 .photos .icon_03 span,
	#main.user #container .box3 #mainmap.step_4 .photos .icon_04 span,
	#main.user #container .box3 #mainmap.step_5 .photos .icon_05 span,
	#main.user #container .box3 #mainmap.step_6 .photos .icon_06 span,
	#main.user #container .box3 #mainmap.step_7 .photos .icon_07 span,
	#main.user #container .box3 #mainmap.step_8 .photos .icon_08 span,
	#main.user #container .box3 #mainmap.step_9 .photos .icon_09 span,
	#main.user #container .box3 #mainmap.step_10 .photos .icon_10 span,
	#main.user #container .box3 #mainmap.step_11 .photos .icon_11 span,
	#main.user #container .box3 #mainmap.step_12 .photos .icon_12 span,
	#main.user #container .box3 #mainmap.step_13 .photos .icon_13 span,
	#main.user #container .box3 #mainmap.step_14 .photos .icon_14 span,
	#main.user #container .box3 #mainmap.step_15 .photos .icon_15 span,
	#main.user #container .box3 #mainmap.step_16 .photos .icon_16 span,
	#main.user #container .box3 #mainmap.step_17 .photos .icon_17 span,
	#main.user #container .box3 #mainmap.step_18 .photos .icon_18 span,
	#main.user #container .box3 #mainmap.step_19 .photos .icon_19 span,
	#main.user #container .box3 #mainmap.step_20 .photos .icon_20 span{
		opacity:1; top:-35px;
		transform:scale(1);
		-webkit-transform:scale(1);
	}
	#main.user #container .box3 #mainmap .photos [class*="icon_"]:hover:after{
		transform:scale(1.2);
		-webkit-transform:scale(1.2);
	}
	@keyframes bouns{
	    0% {transform:scale(0); -webkit-transform:scale(0);}
	    90% {transform:scale(1.1); -webkit-transform:scale(1.1);}
	    100% {transform:scale(1); -webkit-transform:scale(1);}
	}
	@-webkit-keyframes bouns{
	    0% {transform:scale(0); -webkit-transform:scale(0);}
	    90% {transform:scale(1.1); -webkit-transform:scale(1.1);}
	    100% {transform:scale(1); -webkit-transform:scale(1);}
	}
	@keyframes bouns_on{
	    0% {opacity:0; transform:scale(0); -webkit-transform:scale(0);}
	    30% {opacity:1; transform:scale(1.2); -webkit-transform:scale(1.2);}
	    100% {opacity:0; transform:scale(1.7); -webkit-transform:scale(1.7);}
	}
	@-webkit-keyframes bouns_on{
	    0% {opacity:0; transform:scale(0); -webkit-transform:scale(0);}
	    30% {opacity:1; transform:scale(1.2); -webkit-transform:scale(1.2);}
	    100% {opacity:0; transform:scale(1.7); -webkit-transform:scale(1.7);}
	}
    #main.user #container .box3 #mainmap .photos .icon_01{left:7.9%;top: 8.4%;animation-delay:0s;}
	#main.user #container .box3 #mainmap .photos .icon_02{left:3.2%;top: 21.7%;animation-delay:0.1s;}
	#main.user #container .box3 #mainmap .photos .icon_03{left:16.7%;top: 43.3%;animation-delay:0.2s;}
	#main.user #container .box3 #mainmap .photos .icon_04{left:25%;top: 41.1%;animation-delay:0.3s;}
	#main.user #container .box3 #mainmap .photos .icon_05{left:31.6%;top: 46.2%;animation-delay:0.4s;}
	#main.user #container .box3 #mainmap .photos .icon_06{left:37.9%;top: 49.3%;animation-delay:0.5s;}
	#main.user #container .box3 #mainmap .photos .icon_07{left:51.1%;top: 1.9%;animation-delay:0.6s;}
	#main.user #container .box3 #mainmap .photos .icon_08{left:48.3%;top: 12%;animation-delay:0.7s;}
	#main.user #container .box3 #mainmap .photos .icon_09{left:43.2%;top: 29.2%;animation-delay:0.8s;}
	#main.user #container .box3 #mainmap .photos .icon_10{left:42.9%;top: 56.2%;animation-delay:0.9s;}
	#main.user #container .box3 #mainmap .photos .icon_11{left:44%;top: 68.9%;animation-delay:1.0s;}
	#main.user #container .box3 #mainmap .photos .icon_12{left:47.6%;top: 60.5%;animation-delay:1.1s;}
	#main.user #container .box3 #mainmap .photos .icon_13{left: 51.6%;top: 55.9%;animation-delay:1.2s;}
	#main.user #container .box3 #mainmap .photos .icon_14{left:55.8%; top:55.2%; animation-delay:1.3s;}
	#main.user #container .box3 #mainmap .photos .icon_15{left:60.1%; top:58%; animation-delay:1.4s;}
	#main.user #container .box3 #mainmap .photos .icon_16{left:51.4%;top: 82.7%;animation-delay:1.5s;}
	#main.user #container .box3 #mainmap .photos .icon_17{left:68.5%;top: 60.7%;animation-delay:1.6s;}
	#main.user #container .box3 #mainmap .photos .icon_18{left:67.7%;top: 46.4%;animation-delay:1.7s;}
	#main.user #container .box3 #mainmap .photos .icon_19{left:73.7%;top: 28%;animation-delay:1.8s;}
	#main.user #container .box3 #mainmap .photos .icon_20{left:88%;top: 29%;animation-delay:1.9s;}
	#main.user #container .box3 #mainmap .photos .icon_21{left: 74%;top: 93%;animation-delay: 2.0s;}
	#main.user #container .box3 #mainmap .photos .icon_22{left: 45%;top: 50%;animation-delay: 2.1s;}
	#main.user #container .box3 #mainmap .photos .icon_23{left: 13.2%;top: 21.7%;animation-delay: 2.2s;}

	#main.user #container .box3 #mainmap .photos .icon_01:after{background-image:url(../../images/eng/layout/nara_1.png);}
	#main.user #container .box3 #mainmap .photos .icon_02:after{background-image:url(../../images/eng/layout/nara_2.png);}
	#main.user #container .box3 #mainmap .photos .icon_03:after{background-image:url(../../images/eng/layout/nara_3.png);}
	#main.user #container .box3 #mainmap .photos .icon_04:after{background-image:url(../../images/eng/layout/nara_4.png);}
	#main.user #container .box3 #mainmap .photos .icon_05:after{background-image:url(../../images/eng/layout/nara_5.png);}
	#main.user #container .box3 #mainmap .photos .icon_06:after{background-image:url(../../images/eng/layout/nara_6.png);}
	#main.user #container .box3 #mainmap .photos .icon_07:after{background-image:url(../../images/eng/layout/nara_7.png);}
	#main.user #container .box3 #mainmap .photos .icon_08:after{background-image:url(../../images/eng/layout/nara_8.png);}
	#main.user #container .box3 #mainmap .photos .icon_09:after{background-image:url(../../images/eng/layout/nara_9.png);}
	#main.user #container .box3 #mainmap .photos .icon_10:after{background-image:url(../../images/eng/layout/nara_10.png);}
	#main.user #container .box3 #mainmap .photos .icon_11:after{background-image:url(../../images/eng/layout/nara_11.png);}
	#main.user #container .box3 #mainmap .photos .icon_12:after{background-image:url(../../images/eng/layout/nara_12.png);}
	#main.user #container .box3 #mainmap .photos .icon_13:after{background-image:url(../../images/eng/layout/nara_13.png);}
	#main.user #container .box3 #mainmap .photos .icon_14:after{background-image:url(../../images/eng/layout/nara_14.png);}
	#main.user #container .box3 #mainmap .photos .icon_15:after{background-image:url(../../images/eng/layout/nara_15.png);}
	#main.user #container .box3 #mainmap .photos .icon_16:after{background-image:url(../../images/eng/layout/nara_16.png);}
	#main.user #container .box3 #mainmap .photos .icon_17:after{background-image:url(../../images/eng/layout/nara_17.png);}
	#main.user #container .box3 #mainmap .photos .icon_18:after{background-image:url(../../images/eng/layout/nara_18.png);}
	#main.user #container .box3 #mainmap .photos .icon_19:after{background-image:url(../../images/eng/layout/nara_19.png);}
	#main.user #container .box3 #mainmap .photos .icon_20:after{background-image:url(../../images/eng/layout/nara_20.png);}
    #main.user #container .box3 #mainmap .photos .icon_21:after{background-image:url(../../images/eng/layout/nara_21.png);}
	#main.user #container .box3 #mainmap .photos .icon_22:after{background-image:url(../../images/eng/layout/nara_22.png);}
	#main.user #container .box3 #mainmap .photos .icon_23:after{background-image:url(../../images/eng/layout/nara_23.png);}


	#main.user #container .box3 #mainmap .views{overflow:hidden; position:relative; width:100%; height:540px; box-sizing:border-box;}
	#main.user #container .box3 #mainmap[class*="step_"] .views{
		box-shadow:3px 3px 10px rgba(0,0,0,0.3);
		-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.3);
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box3 #mainmap .views .cell,
	#main.user #container .box3 #mainmap .views [class*="item_"]{display:block; position:relative; z-index:10; width:100%; height:100%; padding:35px; text-align:left; vertical-align:middle; box-sizing:border-box;}
	#main.user #container .box3 #mainmap .views [class*="item_"]{
		opacity:0; position:absolute; left:100%; top:0; z-index:20; background-color:#fff;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box3 #mainmap .views strong{display:block; line-height:50px; font-weight:normal; font-size:45px; color:#222426;}
	#main.user #container .box3 #mainmap .views strong em{display:block; line-height:19px; margin-bottom:5px; font-weight:600; font-style:normal; font-size:18px; color:#717171;}
	#main.user #container .box3 #mainmap .views p{margin:25px 0px; padding:0 0 20px 0; font-size:18px; border-bottom:1px solid #ddd; color:#406896;}
	
	#main.user #container .box3 #mainmap .views ul.slist{overflow:hidden; position:relative; width:100%; height:100%;}
	#main.user #container .box3 #mainmap .views ul.slist>li{
		opacity:0; position:absolute; left:100%; top:0; z-index:0; width:100%; height:100%; background-color:#fff;
		transition:all 0.3s ease 0.3s;
		-webkit-transition:all 0.3s ease 0.3s;
	}
	#main.user #container .box3 #mainmap .views .cell ul.slist>li{background-color:transparent !important;}
	#main.user #container .box3 #mainmap .views .list_1 ul.slist>li:nth-child(1),
	#main.user #container .box3 #mainmap .views .list_2 ul.slist>li:nth-child(2),
	#main.user #container .box3 #mainmap .views .list_3 ul.slist>li:nth-child(3),
	#main.user #container .box3 #mainmap .views .list_4 ul.slist>li:nth-child(4),
	#main.user #container .box3 #mainmap .views .list_5 ul.slist>li:nth-child(5),
	#main.user #container .box3 #mainmap .views .list_6 ul.slist>li:nth-child(6),
	#main.user #container .box3 #mainmap .views .list_7 ul.slist>li:nth-child(7),
	#main.user #container .box3 #mainmap .views .list_8 ul.slist>li:nth-child(8),
	#main.user #container .box3 #mainmap .views .list_9 ul.slist>li:nth-child(9),
	#main.user #container .box3 #mainmap .views .list_10 ul.slist>li:nth-child(10),
	#main.user #container .box3 #mainmap .views .list_11 ul.slist>li:nth-child(11),
	#main.user #container .box3 #mainmap .views .list_12 ul.slist>li:nth-child(12),
	#main.user #container .box3 #mainmap .views .list_13 ul.slist>li:nth-child(13),
	#main.user #container .box3 #mainmap .views .list_14 ul.slist>li:nth-child(14),
	#main.user #container .box3 #mainmap .views .list_15 ul.slist>li:nth-child(15),
	#main.user #container .box3 #mainmap .views .list_16 ul.slist>li:nth-child(16),
	#main.user #container .box3 #mainmap .views .list_17 ul.slist>li:nth-child(17){
		opacity:1; left:0; z-index:80;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box3 #mainmap .views ul.icons li{position:relative; padding:8px 0 8px 30px; font-size:18px; color:#333;}
	#main.user #container .box3 #mainmap .views ul.icons li:before{content:""; display:block; position:absolute; left:0; top:8px; width:20px; height:20px; vertical-align:middle; background-position:center center; background-repeat:no-repeat;}
	#main.user #container .box3 #mainmap .views ul.icons li:nth-child(1):before{background-image:url(../../images/eng/layout/views_icon_01.png);}
	#main.user #container .box3 #mainmap .views ul.icons li:nth-child(2):before{background-image:url(../../images/eng/layout/views_icon_02.png);}
	#main.user #container .box3 #mainmap .views ul.icons li:nth-child(3):before{background-image:url(../../images/eng/layout/views_icon_03.png);}
	
	#main.user #container .box3 #mainmap .views ul.icons1 li{position:relative; padding:8px 0 8px 30px; font-size:18px; color:#333;}
	#main.user #container .box3 #mainmap .views ul.icons1 li:before{content:""; display:block; position:absolute; left:0; top:8px; width:20px; height:20px; vertical-align:middle; background-position:center center; background-repeat:no-repeat;}
	#main.user #container .box3 #mainmap .views ul.icons1 li:nth-child(1):before{background-image:url(../../images/eng/layout/views_icon_01.png);}
	#main.user #container .box3 #mainmap .views ul.icons1 li:nth-child(2):before{background-image:url(../../images/eng/layout/views_icon_03.png);}
	#main.user #container .box3 #mainmap .views ul.icons1 li:nth-child(3):before{background-image:url(../../images/eng/layout/views_icon_02.png);}

	#main.user #container .box3 #mainmap .views .control{position:absolute; right:35px; bottom:35px; z-index:100;}
	#main.user #container .box3 #mainmap .views .control:after{content:""; display:block; clear:both;}
	#main.user #container .box3 #mainmap .views .control a{overflow:hidden; display:block; float:left; position:relative; width:12px; height:12px; margin:0px 4px; text-indent:-1000px;}
	#main.user #container .box3 #mainmap .views .control a:before{
		content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#ddd;
		border-radius:50%;
		-webkit-border-radius:50%;
		transform:scale(0.63);
		-webkit-transform:scale(0.63);
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box3 #mainmap .views .list_1 .control a:nth-child(1):before,
	#main.user #container .box3 #mainmap .views .list_2 .control a:nth-child(2):before,
	#main.user #container .box3 #mainmap .views .list_3 .control a:nth-child(3):before,
	#main.user #container .box3 #mainmap .views .list_4 .control a:nth-child(4):before,
	#main.user #container .box3 #mainmap .views .list_5 .control a:nth-child(5):before,
	#main.user #container .box3 #mainmap .views .list_6 .control a:nth-child(6):before,
	#main.user #container .box3 #mainmap .views .list_7 .control a:nth-child(7):before,
	#main.user #container .box3 #mainmap .views .list_8 .control a:nth-child(8):before,
	#main.user #container .box3 #mainmap .views .list_9 .control a:nth-child(9):before,
	#main.user #container .box3 #mainmap .views .list_10 .control a:nth-child(10):before,
	#main.user #container .box3 #mainmap .views .list_11 .control a:nth-child(11):before,
	#main.user #container .box3 #mainmap .views .list_12 .control a:nth-child(12):before,
	#main.user #container .box3 #mainmap .views .list_13 .control a:nth-child(13):before,
	#main.user #container .box3 #mainmap .views .list_14 .control a:nth-child(14):before,
	#main.user #container .box3 #mainmap .views .list_15 .control a:nth-child(15):before{
		background-color:#1f2d55;
		transform:scale(1);
		-webkit-transform:scale(1);
	}

	#main.user #container .box3 #mainmap .views .more{
		display:block; position:absolute; left:0; bottom:0; z-index:200; width:136px; height:47px; line-height:45px; text-decoration:none; text-align:center; font-size:16px; border:1px solid #ccc; color:#676767; background-color:#fff; box-sizing:border-box;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box3 #mainmap .views .more:hover{color:#fff; border-color:#1f2d55; background-color:#1f2d55;}
	#main.user #container .box3 #mainmap .views .close{overflow:hidden; display:block; position:absolute; right:35px; top:35px; z-index:200; width:27px; height:27px; text-indent:-1000px;}
	#main.user #container .box3 #mainmap .views .close:before{
		content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../../images/eng/layout/mainmap_close.png) no-repeat center center;
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box3 #mainmap .views .close:hover:before{
		transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
	}

	#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,
	#main.user #container .box3 #mainmap.step_21 .views .item_21,
	#main.user #container .box3 #mainmap.step_22 .views .item_22,
	#main.user #container .box3 #mainmap.step_23 .views .item_23
	{opacity:1; left:0;}


	#main.user #container .box4{padding:70px 0px;}
	#main.user #container .box4 .layout{overflow:hidden;}
	#main.user #container .box4 .news{float:left; width:66.6%;}
	#main.user #container .box4 .news .head{display:block; line-height:36px; margin-bottom:25px; font-weight:600; font-size:35px; color:#171717;}
	#main.user #container .box4 .news .midd{}
	#main.user #container .box4 .news .midd ul{overflow:hidden;}
	#main.user #container .box4 .news .midd ul li{float:left; width:50%; padding-right:30px; box-sizing:border-box;}
	#main.user #container .box4 .news .midd ul li a{display:block; text-decoration:none;}
	#main.user #container .box4 .news .midd ul li a .photos{overflow:hidden; display:block; position:relative; width:100%; height:245px; border:1px solid #ccc; box-sizing:border-box;}
	#main.user #container .box4 .news .midd ul li a .photos span{
		position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;
		transform:scale(1);
		-webkit-transform:scale(1);
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box4 .news .midd ul li a .photos img{height:100%;}
	#main.user #container .box4 .news .midd ul li a strong{overflow:hidden; display:block; height:52px; line-height:26px; margin-top:20px; text-align:center; font-weight:normal; font-size:18px; color:#333;}
	#main.user #container .box4 .news .midd ul li a:after{
		content:"VIEW MORE"; display:block; width:136px; height:47px; line-height:45px; margin:40px auto 0 auto; text-align:center; font-size:16px; border:1px solid #ccc; color:#656565; background-color:#fff; box-sizing:border-box;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box4 .news .midd ul li a:hover:after{color:#fff; border-color:#c1151b; background-color:#c1151b;}
	#main.user #container .box4 .news .midd ul li a:hover .photos span{
		transform:scale(1.1);
		-webkit-transform:scale(1.1);
	}
	#main.user #container .box4 .news .midd ul li a.new strong:after{content:""; display:inline-block; width:14px; height:13px; margin-left:5px; background:url(../../images/eng/layout/new_icon.png) no-repeat center center;}
	#main.user #container .box4 .news .midd ul li a:hover strong{text-decoration:underline; color:#c1151b;}

	#main.user #container .box4 .partners{float:left; width:33.3%; position: relative;}
	#main.user #container .box4 .partners .head{display:block; line-height:36px; margin-bottom:25px; font-weight:600; font-size:35px; color:#171717;}
	#main.user #container .box4 .partners .midd{width:100%; height:400px; padding:30px; border:1px solid #ccc; box-sizing:border-box;}
	#main.user #container .box4 .partners .midd ul li{padding:20px 0px;}
	#main.user #container .box4 .partners .midd ul li:nth-child(1){padding-top:0;}
	#main.user #container .box4 .partners .midd ul li:not(:nth-child(1)){border-top:1px solid #ddd;}
	#main.user #container .box4 .partners .midd ul li a{display:block; text-decoration:none;}
	#main.user #container .box4 .partners .midd ul li a strong{display:block; line-height:26px; font-weight:500; font-size:18px; color:#333;}
	#main.user #container .box4 .partners .midd ul li a.new strong:after{content:""; display:inline-block; width:14px; height:13px; margin-left:5px; background:url(../../images/eng/layout/new_icon.png) no-repeat center center;}
	#main.user #container .box4 .partners .midd ul li a:hover strong{text-decoration:underline; color:#c1151b;}
	#main.user #container .box4 .partners .midd ul li a span{display:block; margin-top:10px; font-size:14px; color:#989898;}
	#main.user #container .box4 .partners .midd ul li a span em{padding-right:5px; font-style:normal; color:#a8762f;}
	#main.user #container .box4 .partners .midd .mCSB_scrollTools{opacity:1 !important; width:4px;}
	#main.user #container .box4 .partners .midd .mCSB_draggerRail,
	#main.user #container .box4 .partners .midd .mCSB_dragger_bar{width:4px;}
	#main.user #container .box4 .partners .midd .mCSB_draggerRail{background-color:#ddd;}
	#main.user #container .box4 .partners .midd .mCSB_dragger_bar{background-color:#999;}
	
	

	#main.user #container .box5{position:relative; background:url(../../images/eng/layout/box5_bg.jpg) no-repeat center center; background-size:cover;}
	#main.user #container .box5_1{position:relative; padding:35px 0 50px 0;}
	#main.user #container .box5_1:after{content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4);}
	#main.user #container .box5_1 ul{overflow:hidden; position:relative; z-index:1;}
	#main.user #container .box5_1 ul li{float:left; width:14.2%;}
	#main.user #container .box5_1 ul li:before{content:""; display:block; width:80px; height:80px; margin:0 auto; background-position:center center; background-repeat:no-repeat; background-size:100% auto;}
	#main.user #container .box5_1 ul li:nth-child(1):before{background-image:url(../../images/eng/layout/box5_1_icon_01.png);}
	#main.user #container .box5_1 ul li:nth-child(2):before{background-image:url(../../images/eng/layout/box5_1_icon_02.png);}
	#main.user #container .box5_1 ul li:nth-child(3):before{background-image:url(../../images/eng/layout/box5_1_icon_03.png);}
	#main.user #container .box5_1 ul li:nth-child(4):before{background-image:url(../../images/eng/layout/box5_1_icon_04.png);}
	#main.user #container .box5_1 ul li:nth-child(5):before{background-image:url(../../images/eng/layout/box5_1_icon_05.png);}
	#main.user #container .box5_1 ul li:nth-child(6):before{background-image:url(../../images/eng/layout/box5_1_icon_06.png);}
	#main.user #container .box5_1 ul li:nth-child(7):before{background-image:url(../../images/eng/layout/box5_1_icon_07.png);}
	#main.user #container .box5_1 ul li em{display:block; text-align:center; font-style:normal; font-size:16px; color:rgba(255,255,255,0.8);}
	#main.user #container .box5_1 ul li span{display:block; line-height:49px; margin-top:5px; text-align:center; font-size:48px; color:#e7981c;}
	#main.user #container .box5_2{padding:45px 0 50px 0;}
	#main.user #container .box5_2>.layout>ul{overflow:hidden;}
	#main.user #container .box5_2>.layout>ul>li{float:left; width:33.3%; box-sizing:border-box;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(1) strong{overflow:hidden; display:block; width:174px; height:46px; margin-bottom:20px; text-indent:-1000px; background:url(../../images/eng/layout/logo_gray.png) no-repeat left top;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(1) ul{overflow:visible;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(1) ul li{float:none; width:auto; line-height:24px; font-size:18px; color:#fff;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(1) ul li:not(:nth-child(1)){margin-top:10px;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(1) ul li a{color:#fff;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(2){padding:30px 0 0 50px;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(2) strong{display:block; line-height:19px; margin-bottom:20px; font-size:18px; color:#fff;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(2) ul{overflow:visible;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(2) ul li{float:none; width:auto; padding:6px 0px;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(2) ul li a{
		line-height:22px; text-decoration:none; font-size:18px; color:rgba(255,255,255,0.8);
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box5_2>.layout>ul>li:nth-child(2) ul li a:hover{color:rgba(255,255,255,1);}
	#main.user #container .box5_2>.layout>ul>li:nth-child(3){padding-top:30px;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(3) strong{display:block; line-height:19px; margin-bottom:25px; font-size:18px; color:#fff;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(3) input[type="text"]{width:100%; height:46px; line-height:44px; margin-bottom:25px; padding:0px 10px; border:1px solid rgba(255,255,255,0.8); color:#fff; background-color:transparent; box-sizing:border-box;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(3) input[type="checkbox"]{opacity:0; position:absolute; left:-1000px; top:0;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(3) label{position:relative; padding-left:25px; font-size:15px; color:rgba(255,255,255,0.5);}
	#main.user #container .box5_2>.layout>ul>li:nth-child(3) span{position:relative; font-size:15px; color:rgba(255,255,255,0.5);}
	#main.user #container .box5_2>.layout>ul>li:nth-child(3) label:before{
		content:""; display:block; position:absolute; left:0; top:0; width:18px; height:18px; border:1px solid #a8a9a9; box-sizing:border-box;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box5_2>.layout>ul>li:nth-child(3) input[type="text"]:focus,
	#main.user #container .box5_2>.layout>ul>li:nth-child(3) input[type="text"].true{border-color:#fff;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(3) input[type="text"].true~label{color:#fff;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(3) input[type="text"].true~label:before{border-color:#fff;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(3) input[type="checkbox"]:checked~label:before{border-color:#c2151b; background:#c2151b url(../../images/eng/layout/box5_2_check.gif) no-repeat center center;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(3) div.btn_group{margin-top:25px;}
	#main.user #container .box5_2>.layout>ul>li:nth-child(3) div.btn_group .btns{
		display:inline-block; width:136px; height:47px; line-height:47px; text-decoration:none; text-align:center; font-size:16px; color:#fff; background-color:rgba(0,0,0,0.2);
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	#main.user #container .box5_2>.layout>ul>li:nth-child(3) div.btn_group .btns:hover{background-color:rgba(0,0,0,1);}

	


/* sub */
/*
.user#sub #visual{display:table; width:100%; height:230px;}
.user#sub #visual:before{content:""; display:block; position:fixed; left:0; top:0; z-index:0; width:100%; height:361px; background-position:center top; background-repeat:no-repeat; background-size:cover;}
.user#sub #visual:before{background-image:url(../../images/eng/layout/sub_visual_6.jpg);}
.user#sub #visual.bg_1:before{background-image:url(../../images/eng/layout/sub_visual_1.jpg);}
.user#sub #visual.bg_2:before{background-image:url(../../images/eng/layout/sub_visual_2.jpg);}
.user#sub #visual.bg_3:before{background-image:url(../../images/eng/layout/sub_visual_3.jpg);}
.user#sub #visual.bg_4:before{background-image:url(../../images/eng/layout/sub_visual_4.jpg);}
.user#sub #visual.bg_5:before{background-image:url(../../images/eng/layout/sub_visual_5.jpg);}
*/

.user#sub #visual{display:table; width:100%; height:230px; background-position:center top; background-repeat:no-repeat; background-size:cover; background-image:url(../../images/eng/layout/sub_visual_6.jpg);}
.user#sub #visual.bg_1{background-image:url(../../images/eng/layout/sub_visual_1.jpg);}
.user#sub #visual.bg_2{background-image:url(../../images/eng/layout/sub_visual_2.jpg);}
.user#sub #visual.bg_3{background-image:url(../../images/eng/layout/sub_visual_3.jpg);}
.user#sub #visual.bg_4{background-image:url(../../images/eng/layout/sub_visual_4.jpg);}
.user#sub #visual.bg_5{background-image:url(../../images/eng/layout/sub_visual_5.jpg);}
.user#sub #visual strong{
	display:table-cell; position:relative; z-index:10; width:100%; height:100%; line-height:46px; vertical-align:middle; text-align:center; font-weight:600; font-size:45px; color:#fff;
	text-shadow:1px 1px 5px rgba(0,0,0,0.5);
	-webkit-text-shadow:1px 1px 5px rgba(0,0,0,0.5);
}


#sub.user #container{position:relative; z-index:10; background-color:#fff;}
#sub.user #container #remote{position:absolute; left:0; top:-30px; width:100%; height:60px; background-color:#9d7e37;}
#sub.user #container #remote .js_menu.select .home{
	overflow:hidden; float:left; width:58px; height:60px; text-indent:-1000px; background-color:#8d7131; background-image:url(../../images/eng/layout/icon_home.png); background-repeat:no-repeat; background-position:center center;
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
#sub.user #container #remote .js_menu.select .home:hover{background-color:#725b26;}
#sub.user #container #remote .js_menu.select{position:relative; z-index:12; width:auto; margin:0; border:none;}
#sub.user #container #remote .js_menu.select .js_menu_select{float:left;position:relative; min-width:165px; border-right:1px solid #b1985f;}
#sub.user #container #remote .js_menu.select .js_menu_select strong{display:block; height:60px;}
#sub.user #container #remote .js_menu.select .js_menu_select strong a{display:block; line-height:60px; padding:0px 47px 0px 25px; text-decoration:none; text-align:left; font-weight:normal; font-size:17px; color:#fff; background-image:url(../../images/eng/layout/bul_navi.png); background-repeat:no-repeat; background-position:right center;}
#sub.user #container #remote .js_menu.select .js_menu_select strong a[href^="#"]{padding-right:20px; background:none;}
#sub.user #container #remote .js_menu.select .js_menu_select.last strong a{}
#sub.user #container #remote .js_menu.select .js_menu_select ul{display:none; position:absolute; left:-1px; top:-1px; width:100%; border:1px solid #5e6b72; background:#fff;}
#sub.user #container #remote .js_menu.select .js_menu_select ul li{line-height:20px; border-top:1px solid #e9e9e9;}
#sub.user #container #remote .js_menu.select .js_menu_select ul li a{display:block; padding:18px 0px; margin:0 18px; text-decoration:none; font-weight:normal; font-size:16px; background-repeat:no-repeat; background-position:right center;}
#sub.user #container #remote .js_menu.select .js_menu_select ul li a:link,
#sub.user #container #remote .js_menu.select .js_menu_select ul li a:visited,
#sub.user #container #remote .js_menu.select .js_menu_select ul li a:active{color:#555; background-color:#fff;}
#sub.user #container #remote .js_menu.select .js_menu_select ul li a:hover{color:#555; background-color:#fff; background-image:url(../../images/eng/layout/remote_side_bul.gif);}

#sub.user #container #remote .gongu_btn,
#sub.user #container #remote .print_btn{display:block; position:absolute; top:0; z-index:30; width:40px; height:60px;}
#sub.user #container #remote .gongu_btn{right:60px;}
#sub.user #container #remote .print_btn{right:20px;}
#sub.user #container #remote .gongu_btn .gongu,
#sub.user #container #remote .print_btn .print{overflow:hidden; display:block; width:100%; height:100%; text-indent:-1000px;}
#sub.user #container #remote .gongu_btn .gongu:before,
#sub.user #container #remote .print_btn .print:before{
	opacity:0.7; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
#sub.user #container #remote .gongu_btn .gongu:before{background-image:url(../../images/eng/layout/icon_gongu.png);}
#sub.user #container #remote .print_btn .print:before{background-image:url(../../images/eng/layout/icon_print.png);}
#sub.user #container #remote .gongu_btn .gongu:hover:before,
#sub.user #container #remote .print_btn .print:hover:before{opacity:1;}

#sub.user #container .gongu_btn .sharebox{display:none; position:absolute; right:5px; top:65px;}
#sub.user #container .gongu_btn .sharebox a{overflow:hidden; display:block; width:30px; height:30px; padding:0; text-indent:-1000px; background-position:center center; background-repeat:no-repeat;}
#sub.user #container .gongu_btn .sharebox a.f{background-image:url(../../images/eng/layout/icon_f.png); padding-bottom:10px;}
#sub.user #container .gongu_btn .sharebox a.t{background-image:url(../../images/eng/layout/icon_t.png);}

#sub.user #container #remote .gongu_btn.share_on .gongu:before{background-image: url(../../images/eng/layout/sns_close.png);}
#sub.user #container #remote .gongu_btn.share_on .sharebox{display:block;}

#sub.user #content{padding-top:85px;}
#sub.user #content.search{padding-top:0px;}
#sub.user #content h3{position:relative; line-height:40px; padding:0 20px; margin:0px 0px 55px 0px; text-align:center; font-weight:600; font-size:37px; color:#333;}
#sub.user #content #txt{min-height:600px; padding:0 0 60px 0;}






/* 2020.06.30 레이어팝업 추가 */
#popupzone {position:absolute;left:0;top: -11px;z-index:121;width:100%;height:auto;}
#popupzone .btn_lay{position:absolute;top: 560px;right: 50%;/* width:100%; *//* max-width:1200px; */margin-right: -308px;}
#popupzone .state_btn{display:block;width: 24px;height: 24px;/* padding:5px; */display:none;/* background:#0a4bae; */color:#fff;text-align:center;position:absolute;right:0;top:0;z-index:10;}
#popupzone .state_btn .btn_wr{display:block;width:100%;height:100%;/* border:1px solid rgba(255,255,255,0.3); */}
#popupzone .state_btn span.txt {display:inline-block; vertical-align:top; padding:10px 0 0 28px; min-height:25px; position:relative; color:#fff;}
#popupzone .state_btn span.ico {display:block;position:absolute;/* left:15px; *//* top:9px; */width: 24px;height:24px;padding:0;/* background-color:rgba(8,46,105,0.5); */-webkit-border-radius:13px;border-radius:13px;}
#popupzone .state_btn span.ico span{overflow:hidden;display:block;width:100%;height:100%;background: url(../../images/eng/layout/popup_close.png) no-repeat right -3px; text-indent:-2000px; }
#popupzone .state_btn:hover span.txt, #popupzone .state_btn:active span.txt {text-decoration:underline;}
#popupzone .state_btn.on span.ico span{background:url(../../images/eng/layout/popup_close.png) no-repeat center;}
#popupzone .box {position:absolute; left:0; top:0; width:100%; height:auto; z-index:5; display:none; -webkit-opacity:0; opacity:0; filter:alpha(opacity=0);}
#popupzone .box .today_check {position:absolute;left: 50%;top: 542px;margin-left: 123px;z-index:10;color:#fff;font-size:15px;/* width: 448px; */}
#popupzone .box .today_check input#today_check{opacity:0; position:absolute; top:0; left:-10000px;}
#popupzone .box .today_check label{margin-right:0;}
#popupzone input[type="checkbox"]:not(old) + label{display:inline-block;padding-left:23px;background: url(../../images/eng/layout/check_icon01.png) no-repeat 0 4px;}
#popupzone input[type="checkbox"]:not(old):checked + label{display:inline-block; background:url(../../images/eng/layout/check_icon02.png) no-repeat;}
#popupzone .box .control {position:absolute;z-index:10;top: 120px;width:100%;max-width: 900px;left:50%;margin-left: -450px;}
#popupzone .box .control a{
	display:block; width:55px; height:55px; position:absolute; top:250px; overflow:hidden; background-repeat:no-repeat; background-position:center center;
	border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

#popupzone .box .popupzone-total{position:absolute;left:50%;top: 89px;margin-left: -460px;z-index:10;color:#fff;font-size:15px; display:none}
#popupzone .box .popupzone-total2{position:absolute;left:50%;top: 537px;margin-left: -303px;z-index:10;color:#fff;font-size: 20px;}
#popupzone .box .popupzone-total2 em{font-style:normal;font-size: 10px;/* line-height: 53px; */display: inline-block;/* text-rendering: geometricPrecision; */position: relative;top: -3px;padding: 0 3px;}
#popupzone .box .control a.prev_btn{
	left:0; background-image:url(../../images/eng/layout/popup_arrow.png);
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
#popupzone .box .control a.next_btn{right:0; background-image:url(../../images/eng/layout/popup_arrow.png);}
#popupzone .box .control a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
#popupzone .box .slider {position:absolute;z-index:10;left:50%;top: 247px;margin-left: -310px;width: 620px;height:auto;overflow:hidden;box-sizing: border-box;padding: 37px 40px;height: 293px;/* overflow-y: auto; *//* border-bottom: 1px solid rgba(255,255,255,0.3); */background: rgba(0,0,0,0.4);}
#popupzone .box .slider ul {width:20000px;height:auto;position:relative;height: 100%;} 
#popupzone .box .slider ul:after {content:""; display:block; clear:both;}
#popupzone .box .slider ul li{
	float:left;
	margin-right: 32px;
	width: 551px;
	height:auto;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
	height: 100%;
}
#popupzone .box .slider ul li a {display:block;height:100%;text-decoration:none;height:100%;color: #fff;}
#popupzone .box .slider ul li a strong{color:#ffc619;font-size: 22px;}

#popupzone .box .slider ul li p{color:#fff  !important;background:none !important;font-size: 16px;margin: 20px 0 11px 0;}
#popupzone .box .blind {position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:1; -webkit-opacity:0.75; opacity:0.75; filter:alpha(opacity=75);}

#popupzone .box .slider ul li p.pop-date{font-size:15px;line-height:14px;position: absolute;bottom: 0;margin: 0;}
#popupzone .box .slider ul li p.goto{color:#5ca4db !important;margin: 0px 0 26px 0;}
#popupzone .box .slider ul li p.pop-date span{ display:inline-block; padding-left:10px; margin-left:10px; border-left:1px solid rgba(255,255,255,0.3) ; color:#5ca4db; }
#popupzone .box .pop-logo{position:absolute;top: 190px;right: 50%;margin-right: -308px;z-index: 9;} 
#popupzone .box .pop-logo img { }

/********** 반응형 **********/

@media screen and (max-width: 1020px){
#popupzone .box .control{ position:relative; max-width:100%; left:auto; margin-left:0}
#popupzone .box .control a.prev_btn{ left:2%}
#popupzone .box .control a.next_btn{ right:2%}
}

@media screen and (max-width: 760px){
	
#popupzone .box .slider ul li a strong {font-size: 18px;}
#popupzone .box .slider ul li p{font-size:15px;line-height: 1.6;}
#popupzone .box .today_check {margin-left: -13px;top: 442px;}	
#popupzone .btn_lay{top: 461px;margin-right: -168px;}
#popupzone .box .control {width:280px;top: 95px;left:50%;margin-left: -99px;}	
#popupzone .box .control a {width:30px; height:30px; background-size:10px auto !important;}	
#popupzone .box .control a.prev_btn {margin-left:0; left:auto; right:40px; top:0;}	
#popupzone .box .control a.next_btn {margin-right:0; right:0; top:0;}	
#popupzone .box .slider {width: 340px;margin-left: -170px;top: 145px;height: 301px;padding:25px;}	
#popupzone .box .slider ul li {width: 293px;}
#popupzone .box .popupzone-total { margin-left:-139px; top:90px}
#popupzone .box .popupzone-total2{left:50%;top: 437px;margin-left: -165px;/* font-size: 25px; */}
#popupzone .box .pop-logo{left:50%;margin-left:-165px;top: 85px;}
}