@charset "utf-8";
/* 전체레이아웃 설정값 */
#wrap{min-width:350px;}
#wrap.lay_gnb_fixed{padding-top: 145px;}

.ly_center{ width:1280px; margin:0 auto;}/* 모바일일떄 100% 센터정렬*/
.ly_center_mom{ width:1280px; margin:0 auto;}/* 모바일일떄 마진이 들어간 센터정렬*/




#container{ display:inline-block; width:100%;}
#content, .lay_content{min-height:400px; margin:0 0 90px 0; width:100%; display:inline-block; position:relative;}
#main_section01{ position:relative;}


/* 서브타이틀 */
.title_guide{ position:relative;text-align:center; padding:70px  0;}
.title_guide h3{  font-size:36px; letter-spacing:-1px;transition:all 0.3s;}


.main_section_btn01 {position:absolute; top:48%;}
.main_section_btn01 {width:40px; height:76px;}
.main_section_btn01 .msbtn_left{ right:5%; background: url("/nifds/images/main/btn_prev01.png") left top no-repeat;}
.main_section_btn01 .msbtn_right{ right:5%;}

/*modal*/
.lay_modal{position: fixed;z-index:100;left: 0;right: 0;top: 0;top: 0;bottom: 0;overflow-y:scroll;padding:60px 30px;display: none;line-height: 1.4em;background:rgba(0,0,0,.7);}
.lay_modal > div{display:table;width: 100%;height: 100%;table-layout:fixed;}
.lay_modal > div > div{display:table-cell;vertical-align: middle;}
.lay_modal_container{border:1px solid #127cc3;box-sizing:border-box;margin:0 auto;background: #fff;max-width:900px;position: relative;}
.lay_modal_container > h2{background: #0d79c2;font-size: 18px;color: #fff;padding: 12px;text-align:left}
.lay_modal_cont{padding: 20px;text-align:left;}
.lay_modal_close{background:url(/images/inc/icon_close.png) no-repeat center;border:0;width: 30px;height: 30px;font-size: 0;overflow: hidden;cursor:pointer;position: absolute;right: 7px;top: 7px;}
.lay_modal_close:hover,
.lay_modal_close:focus{background-color:#133f77}
.lay_modal_checked{margin: 0;padding: 0;border:0;}

@media all and (max-width :1300px) {

/* 전체레이아웃 설정값 */
.ly_center{ width:100%;}
.ly_center_mom{ width:94%; margin:0 3%;}
.ly_w100{width:100%; background:none;}


}



@media all and (max-width :1070px) {
	/* 서브타이틀 */
	.title_guide{ }
	.title_guide h3{  font-size:30px;}
}



@media all and (max-width :767px) {
/* 서브타이틀 */
.title_guide{  padding:40px 0 40px 0;}
.title_guide h3{  font-size:20px;}

/*modal*/
.lay_modal{padding:20px;}
}


/*마이크로사이트*/
.micro_site{position: absolute;margin: auto;width: 700px;left: 50%;margin-left: -350px;right: 0;z-index:300;border:1px solid #127cc3;background: #fff;box-sizing:border-box;top: 250px;display: none;}
.micro_s_wrap{height:400px;overflow-y:scroll;}
.micro_s_header{position: relative;border-bottom: 1px solid #d2d2d2;background: url(/images/micro/header_bg.gif) left bottom repeat-x;}
.micro_s_header img{position: absolute;left: 20px;top: 20px;width: 130px;}
.micro_s_header h2{padding:20px;text-align: center;font-size: 24px;}
.micro_s_mimg{}
.micro_s_mimg img{display: block;width: 100%;}
.micro_s_cont{padding: 30px;line-height:1.5em;}
.micro_s_relation{padding: 30px;}
.micro_s_relation .content_tit1{line-height: 1em;padding-left: 7px;margin-bottom:15px}
.micro_s_relation > ul{border: 1px solid #e5e5e5;border-left: 0;border-right: 0;padding:15px 0;}
.micro_s_relation > ul > li:first-child{margin-top: 0;}
.micro_s_relation > ul > li{font-size: 14px;margin-top: 5px;}
.micro_s_relation > ul > li b{color: #0d79c2;}
.micro_s_relation .bbs_page{margin-top: 20px;}

.micro_s_close_btn{position: absolute;right:20px;top:20px;border:1px solid #e2e2e2;background: url(/images/inc/close_icon01.png) no-repeat center;background-size:13px 13px;font-size: 0;width: 27px;height: 27px;cursor:pointer;}

.lay_gnb_fixed .micro_site{top: 120px;}

@media all and (max-width:1070px){
	.micro_site{top: 100px;}
}

@media all and (max-width:730px){
	.micro_site{left:auto;width:calc(100% - 20px);margin-left: 10px;top:60px;margin-right: 10px;}
	.micro_s_header h2{text-align:left;font-size: 17px;padding: 15px;}
	.micro_s_header img{display: none;}
	.micro_s_close_btn{top: 12px;right: 12px;}
	.micro_s_cont,
	.micro_s_relation{padding: 10px;}
}


@media all and (max-width :767px) {
/* 처리철자이미지 */
.img_procedure{  width:100%;}
}