@charset "utf-8";




/* 전체레이아웃 설정값 */
#wrap{ min-width:350px; overflow:hidden;}
#wrap.lay_gnb_fixed{padding-top: 223px;}
.ly_center{ width:1280px; margin:0 auto;}/* 모바일일떄 100% 센터정렬*/
.ly_center_mom{ width:1280px; margin:0 auto;}/* 모바일일떄 마진이 들어간 센터정렬*/




#container{ display:inline-block; width:100%;}
#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;}

}







@media all and (max-width :480px) {

}

@media all and (max-width :400px) {




}