/******** English Layout Responsive 2015 *********/

@media (min-width:350px){
	/*Research*/
	.mArea_2 .cnt_1{height:248px;}
	.mArea_2 .cnt_1 .research_info li p{top:85px;}
	.mArea_2 .cnt_1 .research_info li strong a{left: 53%;font-size: 1.53em;width: 42%;}
	.mArea_2 .cnt_1 .research_info li .img{width: 50%;height: 80px;}
	.mArea_2 .cnt_1 .research_info li .img img{width:100%; height:100%;}
	/*News*/
	.mArea_2 .news .ul_list_line li a{width:100%;}
    .mArea_2 .news .ul_list_line li:after{margin:37px auto;width: 100%;}
/*     .mArea_2 .news .ul_list_line li a:hover{    width: 100%;} */

	/* footer link */
	.footer {text-align:center;}
	.footer .eng_guide{color: #6d6e70;padding-right: 22px;}
	
}


/** > 400px **/
@media (min-width:400px){
	/**** Main ****/
	/* facility */
	.mArea_2 .cnt_3 a[class^="fac_"]{margin:10px 35px 0;}

}

/** > 420px **/
@media (min-width:420px){
	/**** Main ****/
	/* research */
	.mArea_2 .cnt_1{height:248px;}
	.mArea_2 .cnt_1 .research_info li p{top:85px;}
	.mArea_2 .cnt_1 .research_info li strong a{left: 53%;font-size: 1.53em;width: 42%;}
	.mArea_2 .cnt_1 .research_info li .img{width: 50%;height: 80px;}
	.mArea_2 .cnt_1 .research_info li .img img{width:100%; height:auto;}
	/*News*/
	/* .mArea_2 .news .ul_list_line li:after{position: absolute;content: "";width: 442px; height: 1px;background: #d2d0d0;text-align: center;left: 30px;margin: 44px auto;} */
	
}

/** > 568px **/
@media (min-width:568px){
	#container,.grab{padding:0 15px; max-width:750px;}
	
	/* content title */
	.tit_nav{margin:30px 0 25px;}
	.tit_nav h2{font-size:2.46em;}
	.tit_nav .sns_box{position:absolute; top:0; right:0; display:inline-block;}
	
	/**** Main ****/
	/* main visual */
	#visualarea .area .txt{padding:20px 15px 60px;}
	
	.mainArea > [class^="cnt_"]{float:left;}
	
	/* footer link */
	.footer .eng_guide{position: absolute; bottom: 0; right: 13px; width: 120px; height: 36px;border-radius: 5px; background: #dedede; padding: 4px 0 0 0;}
	.footer .eng_guide span{margin-left: 5px;}
	
	/* content area 1 */
	.mArea_1 .cnt_1, .mArea_1 .cnt_2{width:50%;}
	.mArea_1 .cnt_3 [class^="job_"]{width:50%; max-width:375px;}
	.mArea_1 .cnt_3 .job_info p{height:30px;}
	
	/* content area 2 */
	.mArea_2 .cnt_2, .mArea_2 .cnt_3, .mArea_2 .cnt_4{width:50%;}
	/*research*/
	.mArea_2 .cnt_1{width:50%;height:253px;}
	.mArea_2 .cnt_1 .research_info li{padding-left:300px;}
	.mArea_2 .cnt_1 .research_info li p{top:90px;}
	.mArea_2 .cnt_1 .research_info li strong a{left: 40%;width: 50%;font-size: 1.23em;}
	.mArea_2 .cnt_1 .research_info li .img{position:absolute; left:0; top:0; margin:0;width: 109px;height: 80px;}
	.mArea_2 .cnt_1 .research_info li .img img{width:auto; height:100%;}
	/*News*/
	.mArea_2 .cnt_4 a[class^="fac_"]{margin:10px 8px 0;}

	/**** footer ****/
	.footer .address,.footer .copyright{text-align:left;}
	.footer{padding:30px 0; border:0;}
}

/** > 768px **/
@media (min-width:768px){
	/**** Header ****/
	#header_wrap .header .header_btn{right:15px}

	
	/* 3depth */
	.depth_3 li{width:50%;}
	
	/* tab */
	.tab li{width:50%;}
	
	/* tab */
	.tab li{max-width:151px;}
	
	/**** Main ****/
	/* main visual */
	#visualarea .grab{max-width:100%;}
	#visualarea .area .txt{margin:0 auto; max-width:768px;}
	#visualarea .area .txt a{width:auto; text-align:left;}
	
	/* content area 1 */
	/* job */
	.mArea_1 .cnt_3:before{content:""; position:absolute; top:0; left:0; width:10000px; height:248px; background:url(/resources/images/eng/job_bg.gif) 0 0 repeat #e41a21;}
	.mArea_1 .cnt_3 .job_info p{height:70px;}
	
	/* content area 2 */
	/* research */
	.mArea_2 .cnt_1{height:253px;width:50%;}
	.mArea_2 .cnt_1 .research_info li{padding-left:300px;}
	.mArea_2 .cnt_1 .research_info li p{top:90px;}
	.mArea_2 .cnt_1 .research_info li strong a{left: 52%;font-size: 1.43em;}
	.mArea_2 .cnt_1 .research_info li .img{position:absolute; left:0; top:0; margin:0;width: 145px;height: 80px;}
	.mArea_2 .cnt_1 .research_info li .img img{width:auto; height:100%;}
	/*News*/
	.mArea_2 .news .ul_list_line li a{width:300px;}
    .mArea_2 .news .ul_list_line li:after{margin:44px auto;width: 300px;}
	/* facility */
	.mArea_2 .cnt_4{width:50%;}
	.mArea_2 .cnt_4 a[class^="fac_"]{margin:10px 30px 0;}
	
	
	
}

/** > 1000px **/
@media (min-width:1180px){
	body,button,input,select,textarea,h1,h2,h3,h4,h5{font-size:14px;}
		
	#wrap #container, #wrap .grab{padding:0 15px; max-width:1300px;}
	#sub_wrap #container, #sub_wrap .grab{padding:0 15px; max-width:1170px;}
	
	/**** Header ****/
	#header_wrap{position:relative; border:0;}
	#header_wrap.fixed {position:fixed; padding-left:0px; opacity:0.95; -webkit-box-shadow: 0 1px 4px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2); z-index:100;}
	#header_wrap.fixed .nav_bg{height:120px;}
	#header_wrap .header{height:75px;}
	#header_wrap .header h1 > a{padding:13px 0; height:75px;}
	#header_wrap .header h1 img{width:193px;}
	#header_wrap .header .header_btn > a{font-size:2.30em;}
	
	.header_link{position:relative; display:block; background:#090909; text-align:center;}
	.header_link:after{clear:both; content:""; display:block;}
	.header_link .grab{position:static;}
	.header_link .link{float:right;}
	.header_link .link:after{clear:both; content:""; display:block;}
	.header_link .link a{float:left; width:30px; height:30px; line-height:30px; font-size:1.538em; color:#fff;}
	.header_link .link a.lang{width:75px; background:#0c81bd; font-size:0.9em; letter-spacing:normal; font-weight:600;}
	.header_link .link a.face{background:#597acb;display:none}
	.header_link .link a.twit{background:#5dc8ff;display:none}
	.header_link .link a.site{width:75px; background:#6c7376; font-size:0.9em; letter-spacing:normal; font-weight:600;}
	.header_link .link a.lang:focus,.header_link .link a.lang:hover,
	.header_link .link a.site:focus,.header_link .link a.site:hover{text-decoration:underline;}
	
	#header_wrap .header .header_btn .mobile_gnb_toggle, #mobile_nav, .mobile_link{display:none;}
	.nav{position:absolute; top:15px; right:40px; z-index:800; display:block;}
	.nav:after{clear:both; content:""; display:block;}
	.nav > li{float:left; position:static; padding-bottom:10px;}
	.nav > li > a{position:relative; display:block; padding:7px 15px; font-size:1.53em; font-weight:600; text-align:left; color:#1e1e1e;}
	.nav > li > a.active,.nav li > a:focus,.nav li > a:hover{color:#0c6eb9; background:none;}
	.nav > li > a .line{position:absolute; top:-18px; left:0; display:none; width:100%; height:4px; background:#0c6eb9;}
	.nav > li > a.active .line, .nav > li > a:focus .line, .nav > li > a:hover .line{display:inline-block;}
	.nav_depth{position:absolute; top:105px; left:40px; width:750px; display:none; z-index:850;}
	.nav_depth:after{clear:both; content:""; display:block;}
	.nav_depth li{float:left; margin:2px 0; padding-right:20px;}
	.nav_depth li a{color:#fff; font-size:14.5px; font-weight:400;}
	.nav_depth li a:focus,.nav_depth li a:hover{color:#fff; text-decoration:underline;}
	.nav_depth li a span{color:#fca26c; font-size:10px; font-weight:bold; padding:0 0 0 3px; letter-spacing:-0.5px;}
	#wrap .nav_bg{display:none; height:120px;}
	.nav_bg{position:absolute; left:0; top:105px; display:block; width:100%; height:170px; z-index:48;}
	.nav_bg01 {background:url(/resources/images/nav_bg01.jpg) no-repeat; background-size: cover; background-position: center;}
	.nav_bg02 {background:url(/resources/images/nav_bg02.jpg) no-repeat; background-size: cover; background-position: center;}
	.nav_bg03 {background:url(/resources/images/nav_bg03.jpg) no-repeat; background-size: cover; background-position: center;}
	.nav_bg04 {background:url(/resources/images/nav_bg04.jpg) no-repeat; background-size: cover; background-position: center;}
	.nav_bg05 {background:url(/resources/images/nav_bg05.jpg) no-repeat; background-size: cover; background-position: center;}
	.nav_bg06 {background:url(/resources/images/nav_bg06.jpg) no-repeat; background-size: cover; background-position: center;}
	.nav_bg07 {background:url(/resources/images/nav_bg07.jpg) no-repeat; background-size: cover; background-position: center;}
	.nav_bg h2{margin:20px 0 0; padding-left:100px; height:78px; line-height:78px; font-size:2em; color:#fff;}
	.nav_bg .ico_1{background:url(/resources/images/nav_ico_1.png) 0 0 no-repeat;}
	.nav_bg .ico_2{background:url(/resources/images/nav_ico_2.png) 0 0 no-repeat;}
	.nav_bg .ico_3{background:url(/resources/images/nav_ico_3.png) 0 0 no-repeat;}
	.nav_bg .ico_4{background:url(/resources/images/nav_ico_4.png) 0 0 no-repeat;}
	.nav_bg .ico_5{background:url(/resources/images/nav_ico_5.png) 0 0 no-repeat;}
	.nav_bg .ico_6{background:url(/resources/images/nav_ico_6.png) 0 0 no-repeat;}
	
	/**** Main ****/
	/* main visual */
	#visualarea .grab{padding:0 15px; height:370px; max-width:1300px;}
	#visualarea .area{position:relative; float:left; width:50%;}
	#visualarea .area .areabg{position:relative; bottom:auto; background:none;}
	#visualarea .area .txt{padding:0; margin:50px 0 0; max-width:540px;}
	#visualarea .area .txt p{margin-top:10px;}
	#visualarea .area .txt a{margin-top:35px;}
	#visualarea .area .control_area{bottom:25px; text-align:left;}
	#visualarea .area .control_area .control{max-width:1300px; text-align:left;}
	#visualarea .area .control_area .control a{width:12px; height:12px;}
	#visualarea .area .control_area .control_play .icon-play, #visualarea .area .control_area .control_play .icon-pause {font-size:15px; margin-right:5px;}
	
	/* content area 1 */
	.mArea_1 .cnt_1, .mArea_1 .cnt_2{width:25%;}
	/* job */
	.mArea_1 .cnt_3{width:50%;}
	.mArea_1 .cnt_3 [class^="job_"]{max-width:318px;}
	.mArea_1 .cnt_3 .job_info p{height:40px;}
	
	/* content area 2 */
	.mArea_2 .cnt_2, .mArea_2 .cnt_3, .mArea_2 .cnt_4{width:25%;}
	
	/* research */
	.mArea_2 .cnt_1{width:25%;}
	.mArea_2 .cnt_1 .research_info li{padding-left:220px;}
	.mArea_2 .cnt_1 .research_info li .img{width: 100px;height: 65px;}
	.mArea_2 .cnt_1 .research_info li p{height:80px; overflow:hidden;top:73px;}
	.mArea_2 .cnt_1 .research_info li strong a{left: 46%;font-size: 1.23em;width:62%;}
	
	/*News*/
	.mArea_2 .news .ul_list_line li:after{margin:7px auto;width: 100%;position: absolute;left:0;    top: 40px;}
	
	
	/* facility */
	.mArea_2 .cnt_4 a[class^="fac_"]{margin:10px 3px 0;}
	
	/* publications */
	.mArea_2 .cnt_2 .publi_info{padding:90px 0 0; min-height:149px;}
	.mArea_2 .cnt_2 .publi_info .img{top:0; left:50%; margin-left:-30px; width:61px; height:80px;}
	.mArea_2 .cnt_2 .publi_info .img a{height:80px;}
	.mArea_2 .cnt_2 .publi_info .img a img{width:61px;}
	.mArea_2 .cnt_2 .publi_info .shadow{top:3px; left:52%; margin-left:-30px; width:61px; height:80px;}
	.mArea_2 .cnt_2 .publi_info a{left:0;}
	
	/**** Sub ****/
	/* location 
	#location_wrap{display:block; margin-top:120px; height:50px; position: relative; z-index: 990; background:url(/resources/images/w_bg14.png) repeat;}
	#location_wrap .location a{display:block; height:49px;}
	#location_wrap .location:after{clear:both; content:""; display:block;}
	#location_wrap .location .home{float:left;}
	#location_wrap .location .home a{padding:17px 20px; background:url(/resources/images/location_line.png) right 0 repeat-y; font-size:1.154em; color:#fff;}
	#location_wrap .location .dropdown{float:left; min-width:90px;}
	#location_wrap .location .dropdown > a{padding:15px 20px; background:url(/resources/images/location_line.png) right 0 repeat-y; color:#f8f8f8;}
	#location_wrap .location .dropdown > a.active [class^="icon-"]{color:#e74d4d;}
	#location_wrap .location .dropdown > a span{font-size:1.23em;}
	#location_wrap .location .dropdown > a [class^="icon-"]{position:relative; top:-2px; display:inline-block; margin-left:10px; color:#fff; font-size:0.92em;}
	#location_wrap .location .dropdown > a:focus span,#location_wrap .location .dropdown > a:hover span,
	#location_wrap .location .dropdown .dropdown-menu > li > a:focus,#location_wrap .location .dropdown .dropdown-menu > li > a:hover{text-decoration:underline;}
	#location_wrap .location .dropdown .dropdown-menu{top:50px; left:-1px; border:1px solid #ccc; border-top:0; background:#fff; font-size:1em;}
	#location_wrap .location .dropdown .dropdown-menu > li > a{height:30px; padding:6px 20px;}
	#location_wrap .location .dropdown .dropdown-menu > li > a:focus,
	#location_wrap .location .dropdown .dropdown-menu > li > a:hover{background:#efefef;}
	#location_wrap .sns_box{position:absolute; top:9px; right:15px;}
	#location_wrap .sns_box a{display:inline-block; margin-left:5px; width:32px; height:32px; line-height:32px; text-align:center; color:#f8f8f8; font-size:1.3em;}
	#location_wrap .sns_box a:focus,#location_wrap .sns_box a:hover{color:#5dc8ff;}
	*/
	#location_wrap{display:block; margin-top:120px; height:50px; position: relative; z-index: 990;border-bottom:1px solid #e4e4e4;background:#f1f0f0 /*url(/resources/images/w_bg14.png) repeat; letter-spacing:-0.05em;*/} 
	#location_wrap .location a{display:block; height:49px;}
	#location_wrap .location:after{clear:both; content:""; display:block;}
	#location_wrap .location .home{float:left;}
	#location_wrap .location .home a{padding:17px 40px 17px 10px; background:url(/resources/images/bg_location.png) right 0 no-repeat/*background:url(/resources/images/location_line.png) right 0 repeat-y*/; font-size:1.154em; color:#a0a0a0;}
	#location_wrap .location .home a:hover{font-weight:normal;color:#222}
	#location_wrap .location .dropdown{float:left; min-width:90px;}
	#location_wrap .location .dropdown > a{padding:15px 30px 15px 25px; background:url(/resources/images/bg_location.png) right 0 no-repeat/*background:url(/resources/images/location_line.png) right 0 repeat-y;*/; color:#707070/*#f8f8f8*/;white-space: nowrap;min-width:180px;text-align:center}
	#location_wrap .location .dropdown > a.active [class^="icon-"]{color:#e74d4d;}
	#location_wrap .location .dropdown > a span {/*text-decoration:none !important;*/color:#333}
	#location_wrap .location .dropdown > a span{font-size:1.1em; /*letter-spacing: -0.5px*/}
	#location_wrap .location .dropdown > a [class^="icon-"]{position:relative; top:-2px; display:inline-block; margin-left:10px; color:#a0a0a0; font-size:0.92em;}
	#location_wrap .location .dropdown > a:focus span,#location_wrap .location .dropdown > a:hover span,
	#location_wrap .location .dropdown .dropdown-menu > li > a:focus,#location_wrap .location .dropdown .dropdown-menu > li > a:hover{text-decoration:underline;}
	#location_wrap .location .dropdown .dropdown-menu{top:50px; left:-16px; border:1px solid #ccc; border-top:0; background:#fff; font-size:1em;}
	#location_wrap .location .dropdown .dropdown-menu > li > a{height:30px; padding:6px 10px;}
	#location_wrap .location .dropdown .dropdown-menu > li > a:focus,
	#location_wrap .location .dropdown .dropdown-menu > li > a:hover{background:#efefef;}
	#location_wrap .sns_box{position:absolute; top:9px; right:15px;}
	#location_wrap .sns_box a{display:inline-block; margin-left:5px; width:32px; height:32px; line-height:32px; text-align:center; color:#a0a0a0/*f8f8f8*/; font-size:1.3em;}
	#location_wrap .sns_box a:focus,#location_wrap .sns_box a:hover{}
	#location_wrap .sns_box a.facebook:hover, #location_wrap .sns_box a.facebook:focus {color:#597acb;}
	#location_wrap .sns_box a.twitter:hover, #location_wrap .sns_box a.twitter:focus {color:#5dc8ff;}
	#location_wrap .sns_box a.print:hover, #location_wrap .sns_box a.print:focus {color:#DD0000;}
	
	
	/* content title */
	.tit_nav .sns_box{display:none;}
	
	/* tab */
	.tab li{max-width:151px;}
	
	/**** satisfaction ****/
	.satisfaction .title{display:inline-block; margin:0;}
	.satisfaction .satisfaction_star{height:55px;}
	.satisfaction .satisfaction_star .star li.fir{margin:0 0 0 20px;}
	.satisfaction .satisfaction_star .title{float:left; margin:0 30px 0 0;}
	.satisfaction .satisfaction_star button{margin:0; width:58px; height:24px;}
	
	/**** footer ****/
	.footer.footer_sub{margin-top:60px;}
	.footer .address, .footer .copyright{/* padding-left:220px; */}
	.footer .mark{position:absolute; top:5px; left:15px; display:none; padding:0; background:none;}
	.footer .mark img{vertical-align:top;}
	.footer .eng_ftxt {}
	.footer .eng_sns {position: absolute;top: 10px;right: 15px;display: inline-block;padding: 0; }
	.footer .eng_guide {position: absolute;top: 10px;right: 150px;}
	.footer .eng_guide span {margin-left:4px;color:#6b6b6b;}
}

/** > 1200px **/
@media (min-width:1200px){
	/**** Header ****/
	.nav > li > a{padding:7px 30px;}
	.nav_depth{left:30px; width:800px;}

	/**** Main ****/
	/* content area 2 */
	/* facility */
	.mArea_2 .cnt_4 a[class^="fac_"]{margin:10px 10px 0;}
	/* publications */
	.mArea_2 .cnt_2 .publi_info{padding:0 0 0 130px; min-height:144px;}
	.mArea_2 .cnt_2 .publi_info .img{top:0; left:0; margin:0; width:109px; height:144px;}
	.mArea_2 .cnt_2 .publi_info .img a{height:144px;}
	.mArea_2 .cnt_2 .publi_info .img a img{width:109px;}
	.mArea_2 .cnt_2 .publi_info .shadow{top:3px; left:3px; margin:0; width:109px; height:144px;}
	.mArea_2 .cnt_2 .publi_info a{left:130px;}
}

/** > 1300px **/
@media (min-width:1300px){
	/**** Main ****/
	/* content area 2 */
	/* research */
	.mArea_2 .cnt_1 .research_info li{padding-left:0;padding-top:122px;}
	.mArea_2 .cnt_1 .research_info li .img{width: 105px;height: 65px;}
	.mArea_2 .cnt_1 .research_info li p{overflow:hidden;}
	/* facility */
	.mArea_2 .cnt_3 a[class^="fac_"]{margin:10px 20px 0;}
	/* news */
	.mArea_2 .cnt_3{width:25%;}
}