@charset "utf-8";

/* 공통 */
/*.subCntBody.clearfix>div{overflow:hidden;}*/


/*연혁 */
.history_box .history_tit {position:absolute; left:0; top:0; width:300px; letter-spacing:-1px; z-index:3;}
.history_box .history_tit h3 {display:inline-block; padding:25px 50px 0 0; line-height:75px; font-size:50px; color:#111; background:url("/images/web/rcl/sub_cnt/bg_history1.png") no-repeat right top;}
.history_box .history_tit p {margin-top:15px; font-size:16px; color:#111; }
.history_box .history_top p strong { font-family:"NotoM";}
.head_history {position:relative; margin-top:40px; border-top:1px solid #c8d1db;}
.head_history:before {content:""; display:block; clear:both; position:absolute; left:0; top:-3px; width:200px; height:5px; background:#053863;}
.head_history dl {position:relative; min-height:40px; padding:25px 0 25px 220px; border-bottom:1px solid #c8d1db;}
.head_history dl dt {position:absolute; left:0; top:25px; width:200px; text-align:center; font-size:28px; font-family:"NotoB"; color:#053863; letter-spacing:-1px;}
.head_history dl dd li  {position:relative; padding:5px 0 5px 120px; font-size:15px;}
.head_history dl dd li span {position:absolute; left:0; top:5px; width:100px; color:#111; font-family:"NotoM"; }
.history_top_ty2 {position:relative; min-height:190px;  }
.history_top_ty2:before {content:""; display:block; clear:both; position:absolute; left:0; top:0; width:100%; height:262px; background:url("/images/web/rcl/sub_cnt/bg_history2.png") no-repeat center top;}
.history_top_ty2 .img_history {position:absolute; right:0; top:0; width:415px; height:281px; background:url("/images/web/rcl/sub_cnt/img_history.png") no-repeat left top; z-index:2;}


/* 서비스 FAQ*/
.listsList {border-top:2px solid #111; overflow:hidden;}
.listsList > ul {color:#555;  font-family:"NotoR";}
.listsList > ul > li {border:1px solid #b2b7c7; border-top:none;}
.listsList > ul > li > a {position:relative; display:block; padding:20px 20px 20px 50px; font-size:16px; line-height:22px; color:#333;}
.listsList > ul > li > a:after {content:""; display:block; clear:both; position:absolute; left:24px; top:22px; width:2px; height:18px; background:#222;}
.listsList > ul > li > a:before {content:""; display:block; clear:both; position:absolute; left:16px; top:30px; width:18px; height:2px; background:#222;}
.listsList > ul > li.listDetail.on a:after {display:none;}
.listsList > ul > li.listDetail .txt_box{display:none;}
.listsList > ul > li.listDetail.on div.txt_box{display:block; padding:20px; font-size:14px; line-height:22px; background:#fbfbfb; border-top:1px dotted #aaa; overflow:hidden;}

/* 분석소장 인사 */
.greet_top {position:relative; padding:0 20px 40px 0; overflow:hidden; letter-spacing:-1px;}
.greet_top p.img {position:absolute; left:40px; top:40px; z-index:2;}
.greet_top p.img img {width:140px; height:190px;}
.greet_top:before {content:""; display:block; clear:both; position:absolute; left:20px; bottom:20px; width:100%; height:190px; background:url("/images/web/rcl/sub_cnt/bg_greet3.png") repeat;}
.greet_top .inner {position:relative; height:155px; padding:35px 0 0 230px; color:#d0e5ff; font-size:20px; background:#155eb6 url("/images/web/rcl/sub_cnt/bg_greet2.png") no-repeat right top;}
.greet_top .inner:before {content:""; display:block; clear:both; position:absolute; left:0; top:0; width:240px; height:190px; background:url("/images/web/rcl/sub_cnt/bg_greet1.png") no-repeat left top;}
.greet_top .inner p.txt1 {position:relative; padding:0 5px; font-size:32px; color:#fff; line-height:40px;}
.greet_top .inner p.txt2 {position:relative; display:inline-block; padding:0 5px; margin-bottom:15px; font-size:32px; color:#fff; line-height:40px; background:url("/images/web/rcl/sub_cnt/bg_greet4.png") repeat-x left bottom;}
.greet_top .inner p.txt2 .txt2_s {  margin-left:10px; font-size:16px; }
.greet_top .inner p.txt2 strong { font-family:"NotoB";}
.greet_top a {position:absolute; right:0; bottom:0; display:block; width:185px; height:60px; padding-left:65px; color:#fff; font-size:18px; font-family:"NotoM"; background:#e40431 url("/images/web/rcl/sub_cnt/ico_greet.png") no-repeat 20px center;}
.greet_top a span {display:block; line-height:60px; background:url("/images/web/rcl/sub_cnt/arr_greet.png") no-repeat right center;}

/*Location*/
.r_map {position:relative; width:98%; height:450px; border:1px solid #ddd; }

/*Notices (영문) */
.search_box .btnSearch { display:inline-block;}
.search_box input.addr { width:25%; padding:4px 2%;}
.search_box select{ vertical-align:top; padding:2px;}

/* 로그인페이지 200107 */
.RCL_login_box {position:relative; background:#fff; overflow:hidden;}
.RCL_loginL {position:relative;width:50%; height:100%; padding:35px 30px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.RCL_loginL:before {content:""; display:block; position:absolute; right:0; top:0; width:1px; height:100%; background:#d3d3d3;}
.RCL_loginR {position:relative; width:50%; height:100%; padding:35px 30px; float:right; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.RCL_login_box h3 {position:relative; padding-bottom:15px; margin-bottom:30px; font-size:30px; font-family:"NotoB"; color:#000;}
.RCL_login_box h3:before {content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#000;}
.RCL_login_box div.RCL_login {position:relative; padding-right:110px;}
.RCL_login_box div.RCL_login ul li {position:relative; height:50px; margin-top:5px; padding-left:80px;}
.RCL_login_box div.RCL_login ul li:first-child {margin-top:0;}
.RCL_login_box div.RCL_login ul li label {position:absolute; left:0; top:0; line-height:50px; font-size:17px; color:#333;}
.RCL_login_box div.RCL_login ul li input {width:100%; height:50px; padding:0 5px; line-height:50px; border:1px solid #d3d3d3; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.RCL_login_box div.RCL_login a.btn_login {position:absolute; right:0; top:0; display:block; width:105px; height:105px; text-align:center; line-height:105px; font-size:18px; font-family:"NotoM"; color:#fff; background:#053863;}



/********** Media quary **********/
@media screen and (max-width:1400px){ 

	

}

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

	/*연혁*/
	.history_box .history_tit {position:relative; left:auto; top:auto; width:100%;}
	.history_box .history_tit p br {display:none; }
	.head_history dl {padding:15px 0 15px 0;}
	.head_history dl dt {position:relative; left:auto; top:auto; width:100%; margin-bottom:10px; font-size:22px; text-align:left;}
	.head_history dl dd li  {padding:5px 0 5px 100px;}
	.history_top_ty2 {min-height:180px;  }
	.history_top_ty2:before {height:100%; background-size: auto 100%;}
	.history_top_ty2 .img_history {width:266px; height:180px; background-size:266px 180px;}	

	/* 로그인페이지 200107 */
	.RCL_loginL {width:100%; height:auto; padding:35px 20px; float:none;}
	.RCL_loginL:before {right:auto; left:0; top:auto; bottom:0; width:100%; height:1px;}
	.RCL_loginR {width:100%; height:auto; padding:35px 20px; float:none;}


	
}

@media screen and (max-width:840px) {
	
		/*분석소장 인사*/
		.greet_top .inner {padding:35px 0 0 210px; font-size:18px;}
		.greet_top .inner:before {height:100%;}
		.greet_top .inner p.txt1 {font-size:26px;}
		.greet_top .inner p.txt2 {font-size:26px; background-size:auto 15px;}
		
}

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

		/*분석소장 인사*/
		.greet_top {padding:50px 20px 40px 0;}
		.greet_top p.img {left:50%; top:0; margin-left:-50px;}
		.greet_top p.img img {width:100px; height:136px;}
		.greet_top:before {content:""; display:block; clear:both; position:absolute; left:20px; bottom:20px; width:100%; height:190px; background:url("/images/web/rcl/sub_cnt/bg_greet3.png") repeat;}
		.greet_top .inner {height:auto; padding:120px 15px 40px; font-size:18px; text-align:center; background-size:auto 100%;}
		.greet_top .inner:before {display:none;}
		.greet_top .inner p.txt1 {font-size:26px; line-height:35px;}
		.greet_top .inner p.txt2 {font-size:26px; line-height:35px;}
		.greet_top a {right:50%; margin-right:-125px;}
		
		/* 찾아오시는길 */
		.directions_box .map_box2 .map_box50 {width:100%; float:none; margin:0 0 20px 0; }
	
	

}

@media screen and (max-width:640px) {
	
	/*연혁*/
	.history_top_ty2 {min-height:120px;  }
	.history_top_ty2 .img_history {width:177px; height:120px; background-size:177px 120px;}
	


}

@media screen and (max-width:560px) {	
	
	/*분석소장 인사*/
	.greet_top .inner {font-size:15px;}
	.greet_top .inner p.txt1 {font-size:20px; line-height:30px;}
	.greet_top .inner p.txt2 {font-size:20px; line-height:30px;}



}

@media screen and (max-width:480px) {
	
	/* 로그인페이지 200107 */
	.RCL_login_box div.RCL_login {padding-right:0;}
	.RCL_login_box h3 {text-align:center;}
	.RCL_login_box div.RCL_login ul li {padding-left:0;}
	.RCL_login_box div.RCL_login ul li label {left:-99999em; top:-99999em; line-height:0;}
	.RCL_login_box div.RCL_login a.btn_login {position:relative; right:auto; top:auto; display:block; width:100%; height:50px; margin-top:5px; line-height:50px;}


}

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



}