@charset "utf-8";


/*  INTRO  */
.icontent {width:100%;height:100%;margin: 0;background: #e6eef5;}
.icontent .con_list {width:1180px;margin:0 auto;padding: 256px 0 120px 0;background: url(/resource/nsf/images/main/i_visual_bg_1115.png) no-repeat center 10%;/* background-size: 80%; */}
.icontent .con_list h2 {text-align:center;font-size: 44px;font-weight:300;letter-spacing: -3.5px;margin-bottom: 57px;}
.icontent .con_list .con_list_wrap {width:100%;height: 434px;/* margin: 0 auto; */}
.icontent .con_list .con_list_wrap ul li {position:relative;float:left;width: 482px;height: 434px;/* line-height: 20px; */vertical-align:middle;text-align: left;background: url(/resource/nsf/images/main/i_con_bg1.png);}
.icontent .con_list .con_list_wrap .i_con_box1 {margin-right: 40px;margin-left: 80px;/* position: relative; *//* height: 434px; */}
.icontent .con_list .con_list_wrap .i_con_box1 a {display:block;height:434px;position: relative;}
.icontent .con_list .con_list_wrap .i_con_box1 .con_box_bg {background: url(/resource/nsf/images/main/i_con_bg1.png);}
.icontent .con_list .con_list_wrap .i_con_box1 .tit {display:block;text-align: left;margin-bottom: 7px;line-height: 50px;font-size: 36px;font-weight: normal;letter-spacing: -2px;color:#ffffff;}
.icontent .con_list .con_list_wrap .i_con_box1 .s_tit {margin-top: 0;font-size:15px;font-weight:300;text-align: left;color: #ffd5a4;}
.icontent .con_list .con_list_wrap .i_con_box1 .tit_info {position: absolute;display:inline-block;vertical-align: middle;line-height:normal;z-index:1;padding-left: 40px;top: 15%;}
.icontent .con_list .con_list_wrap .i_con_box1 .intro_btn {display: block;width: 180px;position: absolute;right: 40px;bottom: 40px;}
.icontent .con_list .con_list_wrap .i_con_box1 .intro_btn p {top: 22px;position: absolute;font-size: 23px;font-weight: bold;color: #fff;}
.icontent .con_list .con_list_wrap .i_con_box1 .btn_round {float: right;border-radius:50%;text-indent:-9999px;width: 80px;height: 80px;background:url(/resource/nsf/images/main/btn_arrow.png)no-repeat center center;background-color: #fff;}

.icontent .con_list .con_list_wrap .i_con_box2 a {display:block; height:434px;}
.icontent .con_list .con_list_wrap .i_con_box2 .con_box_bg {background: url(/resource/nsf/images/main/i_con_bg2.png); position:absolute; top:0; left:0; right:0; bottom:0; }
.icontent .con_list .con_list_wrap .i_con_box2 .tit {display:block;text-align: left;margin-bottom: 7px;line-height:40px;font-size: 38px;font-weight:500;letter-spacing: -2px;color: #ff4e00;}
.icontent .con_list .con_list_wrap .i_con_box2 .s_tit {margin-top: 20px;font-size: 16px;font-weight: 500;color: #333;}
.icontent .con_list .con_list_wrap .i_con_box2 .tit_info {position: absolute;display:inline-block;vertical-align: middle;line-height:normal;z-index:1;padding-left: 40px;top: 15%;}
.icontent .con_list .con_list_wrap .i_con_box2 .intro_btn {display: block;width: 180px;position: absolute;right: 40px;bottom: 40px; z-index: 999;}
.icontent .con_list .con_list_wrap .i_con_box2 .intro_btn p {top: 22px;position: absolute;font-size: 23px;font-weight: bold;color: #333;}
.icontent .con_list .con_list_wrap .i_con_box2 .btn_round {float: right;border-radius:50%;text-indent:-9999px;width: 80px;height: 80px;background:url(/resource/nsf/images/main/btn_arrow2.png)no-repeat center center;background-color: #f7731d;}


/*  MAIN  */
.m_visual {font-size:0; line-height:0; text-align:left; background:url(/resource/nsf/images/main/m_visual_bg.png) no-repeat center 15% #e6eef5;}
.m_visual > div {position:relative;width:1180px;height: 465px;margin:0 auto;}
.m_visual .mv_txt {padding: 170px 0 20px 0;}
.m_visual .mv_txt .mvt_slogan {display:block;font-size: 43px;line-height: 59px;color:#000;font-weight: 300;letter-spacing:-3px;}

.m_visual .mv_info {position:relative;width: 60%;height: 220px; box-sizing: border-box; background:#fff;padding: 25px 72px;margin: 0 auto;line-height: 30px;}
.m_visual .mv_info .mv_title {display:block;font-size: 18px;font-weight: bold;line-height:33px;color:#222;margin-top: 0;text-overflow:hidden;}
.m_visual .mv_info .mv_title br {display:none;}
.m_visual .mv_info .mv_title span {color:#f36910;}
.m_visual .mv_info .mv_date {display:block; font-family:'Century Gothic'; font-size:14px; line-height:22px; color:#666; letter-spacing:0; margin-top:16px;}
.m_visual .mv_info .btn_more {display: inline-block;width: 32%;height: 44px;margin-top: 10px;margin-right: 6px;background-color: #2b6ab4;}
.m_visual .mv_info .btn_more a {/* position:absolute; */display:block;font-size: 14px;font-weight: bold;line-height: 31px;letter-spacing: 0;color:#fff;text-align: center;padding: 6px;}
.m_visual .mv_info .m_btn_more {display:none;}
.m_visual .mv_info .tip {font-size: 16px;font-weight:bold;color: #f36910;margin-top: 5px;}


/*  유틸영역  */
.header .header_util {float: right;padding: 5px 16px;border: 1px solid #e1e1e1;border-radius: 2px;margin-top: 19px;position: relative;}
.header .header_util > ul {display: inline-block;}
.header .header_util > ul > li {display: inline-block;margin-left: 22px;}
.header .header_util > ul > li:after {display:block;content:'';width:1px;height: 30%;position: absolute;right: 56%;top: 40%;background:#e0e1e3;}
.header .header_util > ul > li:first-child {margin-left: 0;}
.header .header_util > ul > li a {display: inline-block;line-height: 25px;font-size: 12px;letter-spacing: -1px;font-weight: bold;}
.header .header_util > ul > li a:before {display: inline-block;width:20px;height:20px;margin-right: 4px;content:"";}
.header .header_util > ul > li.home a::before {width: 22px;height: 24px;background: url(/resource/nsf/images/common/header_home.png) no-repeat;background-size: 74%;background-position: 80%;vertical-align: bottom;}
.header .header_util > ul > li.login a::before {width: 21px;height: 24px;background:url(/resource/nsf/images/common/header_login.png) no-repeat;background-size: 70%;background-position: 50%;vertical-align: bottom;}
.header .header_util > ul > li.logout a::before {width:23px; height:21px; background:url(/resource/nsf/images/common/header_logout.png) no-repeat; background-size: 70%;background-position: 50% 88%;vertical-align: bottom;}


/*  컨텐츠 영역  */
.content {width:100%;height:100%;margin: 20px 0;}
.content .con_list {width:1180px;height: 100%;margin:0 auto;}
.content .con_list .con_list_wrap {width:100%;height: 100%;margin: 0;}
.content .con_list .con_list_wrap ul li {position:relative;float:left;width: 49%;height: 166px;/* line-height: 20px; */vertical-align:middle;text-align: left;margin-right: 2%;margin-bottom: 20px;}
.content .con_list .con_list_wrap ul li:last-child { margin-right:0; }
.content .con_list .con_list_wrap .con_box1 .con_box_bg {background:#f68914;position:absolute;top:0;left:0;right:0;bottom:0;}
.content .con_list .con_list_wrap .con_box1 .tit {display:block;text-align: left;margin-bottom: 7px;line-height:40px;font-size:30px;font-weight:500;letter-spacing:-1px;color:#ffffff;}
.content .con_list .con_list_wrap .con_box1 .s_tit {margin-top: 0;font-size:15px;font-weight:300;text-align: left;color: #ffd5a4;}
.content .con_list .con_list_wrap .con_box1 .tit_info {position: absolute;display:inline-block;vertical-align: middle;line-height:normal;z-index:1;padding-left: 30px;top: 30%;}
.content .con_list .con_list_wrap .con_box1 .ico {position:absolute;top: 20%;right: 5%;width: 105px;height: 105px;background: url(/resource/nsf/images/common/bg_spr.png) no-repeat center center;z-index: 999;}

.content .con_list .con_list_wrap .con_box2 {margin-right: 0;}
.content .con_list .con_list_wrap .con_box2 .con_box_bg {background:#2b6ab4; position:absolute; top:0; left:0; right:0; bottom:0; }
.content .con_list .con_list_wrap .con_box2 .tit {display:block;text-align: left;margin-bottom: 7px;line-height:40px;font-size:30px;font-weight:500;letter-spacing:-1px;color:#ffffff;}
.content .con_list .con_list_wrap .con_box2 .s_tit {margin-top: 0;font-size:15px;font-weight:300;color:#9fd6ff;}
.content .con_list .con_list_wrap .con_box2 .tit_info {position: absolute;display:inline-block;vertical-align: middle;line-height:normal;z-index:1;padding-left: 30px;top: 30%;}
.content .con_list .con_list_wrap .con_box2 .ico {position:absolute;top: 20%;right: 5%;width: 105px;height: 105px;background: url(/resource/nsf/images/common/bg_spr2.png) no-repeat center center;z-index: 999;}

.content .con_list .con_list_wrap .m_info_box {display:none;}
.content .con_list .con_list_wrap .info_box {width: 100%;}
.content .con_list .con_list_wrap .info_box ul > li:before {display:block;content:'';width:1px;height:40%;position:absolute;left:0;top:25%;background:#e0e1e3;}
.content .con_list .con_list_wrap .info_box ul > li:first-child:before {display:none;}
.content .con_list .con_list_wrap .info_box ul > li a {text-align: center;}
.content .con_list .con_list_wrap .info_box ul > a > li:before {display:block;content:'';width:1px;height:40%;position:absolute;left:0;top:25%;background:#e0e1e3;}

.content .con_list .con_list_wrap .info_box .service {position:relative;float:left;height: 170px;margin-right: -1px;border: 2px solid #f3c325;padding: 0px;}
.content .con_list .con_list_wrap .info_box .service .s_btn {background:#f2f2f2;padding: 10px 4px;text-align:center;display:block;margin: 5px 14px 5px 14px;letter-spacing: -1px;}
.content .con_list .con_list_wrap .info_box .service .s_btn:first-of-type {margin-top:20px;}
.content .con_list .con_list_wrap .info_box .service .s_btn a {font-size:14px; font-weight:bold; letter-spacing:-1px;}

.content .con_list .con_list_wrap .info_box .box1 {width: 15%;background: url(/resource/nsf/images/main/icon_info.png)no-repeat center 30%;border-right: none;cursor: pointer;}
.content .con_list .con_list_wrap .info_box .box2 {width: 15%;background: url(/resource/nsf/images/main/icon_archive.png)no-repeat center 30%;border-left: none;border-right: none;cursor: pointer;margin-bottom: 0;}
.content .con_list .con_list_wrap .info_box .box3 {width: 15%;background: url(/resource/nsf/images/main/icon_notice.png)no-repeat center 30%;border-left: none;border-right: none;cursor: pointer;margin-bottom: 0; text-align:center;}

.content .con_list .con_list_wrap .info_box .service dt {margin-top: 124px;font-size: 16px;font-weight: bold;color: #333;/* word-wrap: break-word; *//* text-align: center; *//* top: 70%; *//* left: 38%; */letter-spacing: -1px;/* display: block; *//* position: absolute; */}
.content .con_list .con_list_wrap .info_box .service dd { font-size:15px; font-weight:500; letter-spacing:-0.5px; line-height:22px; color:#a9a9a9; word-wrap: break-word; word-break: keep-all; letter-spacing: -0.5px; }

.content .con_list .con_list_wrap .info_box .service_info1 {width: 26%;border-left: none;border-right: none;text-align: center;margin-bottom: 0;}
.content .con_list .con_list_wrap .info_box .service_info1 .service_title {font-size: 21px;line-height: 30px;margin-top: 22px;letter-spacing:-1.5px;display: block;}
.content .con_list .con_list_wrap .info_box .service_info1 .service_number {font-size:0;line-height:0;margin-top: 8px;}
.content .con_list .con_list_wrap .info_box .service_info1 .service_number > * {display:inline-block; vertical-align:middle;}
.content .con_list .con_list_wrap .info_box .service_info1 .service_number span {font-size: 18px;line-height:1;padding-right:8px;letter-spacing: -1px;font-weight: bold;color: #676767;}
.content .con_list .con_list_wrap .info_box .service_info1 .service_number strong {font-family:'Century Gothic';font-size: 33px;line-height:1;font-weight:bold;letter-spacing:0;color: #fd5902;}

.content .con_list .con_list_wrap .info_box .service_info1 .service_number2 {font-size:0;line-height:0;margin-top: 15px;}
.content .con_list .con_list_wrap .info_box .service_info1 .service_number2 > * {display:inline-block; vertical-align:middle;}
.content .con_list .con_list_wrap .info_box .service_info1 .service_number2 span {font-size: 18px;line-height:1;padding-right:8px;letter-spacing: -1px;font-weight: bold;color: #676767;}
.content .con_list .con_list_wrap .info_box .service_info1 .service_number2 strong {font-family:'Century Gothic';font-size: 36px;line-height:1;font-weight:bold;letter-spacing:0;}

.content .con_list .con_list_wrap .info_box .service_info1 .service_time {display:block;font-size: 15px;line-height:24px;color:#666;margin-top: 0;}

.content .con_list .con_list_wrap .info_box .service_info2 {width: 29%;border-left: none;/* border-right: none; */text-align: center;margin-bottom: 0;}
.content .con_list .con_list_wrap .info_box .service_info2 .service_title {font-size: 21px;line-height: 30px;margin-top: 22px;letter-spacing:-1.5px;display: block;}
.content .con_list .con_list_wrap .info_box .service_info2 .service_number {font-size:0;line-height:0;margin-top: 15px;}
.content .con_list .con_list_wrap .info_box .service_info2 .service_number > * {display:inline-block; vertical-align:middle;}
.content .con_list .con_list_wrap .info_box .service_info2 .service_number span {font-size: 18px;line-height:1;padding-right:8px;letter-spacing: -1px;font-weight: bold;color: #676767;}
.content .con_list .con_list_wrap .info_box .service_info2 .service_number strong {font-family:'Century Gothic';font-size: 32px;line-height:1;font-weight:bold;letter-spacing:0;color: #fd5902;}

.content .con_list .con_list_wrap .info_box .service_info2 .service_number2 {font-size:0;line-height:0;margin-top: 15px;}
.content .con_list .con_list_wrap .info_box .service_info2 .service_number2 > * {display:inline-block; vertical-align:middle;}
.content .con_list .con_list_wrap .info_box .service_info2 .service_number2 span {font-size: 18px;line-height:1;padding-right:8px;letter-spacing: -1px;font-weight: bold;color: #676767;}
.content .con_list .con_list_wrap .info_box .service_info2 .service_number2 strong {font-family:'Century Gothic';font-size: 36px;line-height:1;font-weight:bold;letter-spacing:0;}

.content .con_list .con_list_wrap .info_box .service_info2 .service_time {display:block;font-size: 15px;line-height:24px;color:#666;margin-top: 7px;}

/*  로그인 영역 */
.content .con_list .member_head .layout{border-bottom:1px solid #e8e8e8;margin-bottom:35px}

.content .con_list .member_head{padding:30px 0 0;overflow:hidden;background-color:#fff;clear:both;position: relative;}
.content .con_list .member_head .member_layout {/* border-bottom: 1px solid #e8e8e8; */margin-bottom: 35px;}
.content .con_list .member_head .head_title{font-size:33px;color:#292929;line-height:normal;padding-bottom:15px;border-bottom:1px solid #707070;margin-bottom:23px}
.content .con_list .member_head .head_summary{margin:23px 0;padding-bottom:10px;/* padding-right: 0; */background: #f2f5fa;}
.content .con_list .member_head .head_summary p{margin-top:10px;line-height:170%;text-align:inherit}

.content .con_list .member_head .head_summary .mv_info {position:relative;padding: 20px;margin: 0 auto;line-height: 30px;}
.content .con_list .member_head .head_summary .mv_info .mv_title {display:block;font-size: 20px;font-weight: normal;line-height: 32px;color:#222;margin-top: 0;/* max-height:84px; */text-overflow:hidden;/* overflow:hidden; */}
.content .con_list .member_head .head_summary .mv_info .mv_title br {display:none;}
.content .con_list .member_head .head_summary .mv_info .mv_date {display:block; font-family:'Century Gothic'; font-size:14px; line-height:22px; color:#666; letter-spacing:0; margin-top:16px;}
.content .con_list .member_head .head_summary .mv_info .btn_more {display: inline-block;width: 100px;height: 34px;margin-top: 5px;background-color: #2b6ab4;}
.content .con_list .member_head .head_summary .mv_info .btn_more a {/* position:absolute; */display:block;font-size: 13px;font-weight: bold;line-height: 21px;letter-spacing: -1px;color:#fff;text-align: center;padding: 6px;}
.content .con_list .member_head .head_summary .mv_info .m_btn_more {display:none;}
.content .con_list .member_head .head_summary .mv_info .tip {font-size: 15px;font-weight:bold;color: #f36910;margin-top: 0;}

/* 제목박스 */
.content .con_list .titBox{/* margin-top:30px; */padding:17px 15px;background:#f4f5f9;border-top:1px solid #c4c9ce;}
.content .con_list .titBox.slideTit{padding:17px 50px 17px 15px}
.content .con_list .titBox h4{padding:0;margin:0;font-size:19px}
.content .con_list .titBox h4:before{display:none}
.content .con_list .titBox h5{padding:0;margin:0;font-size:19px;color:#111;font-weight:500;line-height:inherit}
.content .con_list .titBox strong{font-size:19px;color:#111;font-weight:500}

.content .con_list .titBox.type_1{background:#e0edf6;border-left:1px solid #c4c9ce;border-right:1px solid #c4c9ce}
.content .con_list .titBox.icon h4{position:relative;padding-left:40px}
.content .con_list .titBox.icon h4:before{content:"";display:block;width:32px;height:32px;position:absolute;left:0;top:50%;margin-top:-16px}
.content .con_list .titBox.icon_1 h4:before{background:url(/resource/images/paid/nep/pot/content/icon_titB_1.png) no-repeat}
.content .con_list .titBox.icon_2 h4:before{background:url(/resource/images/paid/nep/pot/content/icon_titB_2.png) no-repeat}


/* 로그인박스 */
.content .con_list .loginBox{margin: 40px;overflow: hidden;display: table;width: 100%;padding: 0;box-sizing: border-box;}
.content .con_list .loginBox .align_left .item_input input{height:60px}

.content .con_list .loginBox .item_list .login_noti {overflow: hidden;border: 1px solid #b2b2b2;border-radius: 50px;padding: 13px;position: absolute;width: 84px;top: 22%;right: 4%;}
.content .con_list .loginBox .item_list .login_noti .noti_g {float: left;border-radius: 50%;text-indent: -9999px;width: 20px;height: 20px;background-color: green;}
.content .con_list .loginBox .item_list .login_noti .noti_o {float: left;border-radius: 50%;text-indent: -9999px;width: 20px;height: 20px;background-color: orange;}
.content .con_list .loginBox .item_list .login_noti .noti_r {float: left;border-radius: 50%;text-indent: -9999px;width: 20px;height: 20px;background-color: red;}
.content .con_list .loginBox .item_list .login_noti p {font-size: 14px;font-weight: bold;display: inline-block;padding-left: 6px;position: absolute;top: 26%;}

.content .con_list .loginBox .item_list ul li a{height:58px}
.content .con_list .loginBox .item_list ul li{width:49%;margin-bottom:9px;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2}

.content .con_list .loginBox .item_list ul:after{content:"";display:block;clear:both}
.content .con_list .loginBox .item_list ul li{/* float:left; */width: 46%;height: 79px;border-bottom:1px solid #d2d2d2;border-right:1px solid #d2d2d2;}
.content .con_list .loginBox .item_list ul li:nth-child(2n+1){border-left: 1px solid #d2d2d2;}
.content .con_list .loginBox .item_list ul li a{position:relative;display:table;width:100%;height:74px;font-size:16px;font-weight:500;padding: 5px 3px 3px 72px;box-sizing: border-box;}
.content .con_list .loginBox .item_list ul li a span{display:table-cell;vertical-align:middle}
.content .con_list .loginBox .item_list ul li a:before{content:"";display:block;width:42px;height:42px;position:absolute;top: 50%;margin-top:-20px;}
.content .con_list .loginBox .item_list ul li.icon0 a:before{left: 20px;background:url(/resource/nsf/images/main/login_list_icon_0.png) center no-repeat;}
.content .con_list .loginBox .item_list ul li.icon1 a:before{left: 20px;background:url(/resource/nsf/images/main/login_list_icon_1.png) center no-repeat;}
.content .con_list .loginBox .item_list ul li.icon2 a:before{left: 19px;background:url(/resource/nsf/images/main/login_list_icon_2.png) center no-repeat;}
.content .con_list .loginBox .item_list ul li.icon3 a:before{left: 22px;background:url(/resource/nsf/images/main/login_list_icon_3.png) center no-repeat;}
.content .con_list .loginBox .item_list ul li.icon4 a:before{left: 22px;background:url(/resource/nsf/images/main/login_list_icon_4.png) center no-repeat;}
.content .con_list .loginBox .item_list ul li.icon5 a:before{left: 20px;background:url(/resource/nsf/images/main/login_list_icon_5.png) center no-repeat;}
.content .con_list .loginBox .item_list ul li a:hover:before{animation:h_scale 1 .6s ease-in-out}

.content .con_list .loginBox .item_list ul li:first-of-type{/* width:100%; */margin-left:0;margin-right: 0;}
.content .con_list .loginBox .item_list ul li:first-of-type+li{margin-left:2%;margin-bottom:9px;margin-right: 0;}
.content .con_list .loginBox .item_list ul li:first-of-type+li+li{margin-left: 0;margin-bottom: 0;margin-right: 0;}
.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li{margin-left:2%;margin-right: 0;margin-bottom:9px;}
.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li+li{margin-left: 0;margin-bottom:0;margin-right: 0;}
.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li+li+li{margin-left:2%;margin-bottom:0}

.content .con_list .loginBox.apple .item_list ul li.icon2 {display: none;}

/*  푸터영역  */
.mfooter {display:none;}



/*  미디어쿼리  */
/*  데스크탑 (가로 해상도가 1200px 보다 작은 화면에 적용)  */ 
@media (max-width: 1199px) {
	
	/*  헤더영역  */
	.header {padding: 0 50px;}
	
    /*  유틸영역  */
	.header .header_util {float: right;padding: 5px 16px;border: 1px solid #e1e1e1;border-radius: 2px;margin-top: 19px;position: relative;}
	.header .header_util > ul {display: inline-block;}
	.header .header_util > ul > li {display: inline-block;margin-left: 22px;}
	.header .header_util > ul > li:after {display:block;content:'';width:1px;height: 30%;position: absolute;right: 56%;top: 40%;background:#e0e1e3;}
	.header .header_util > ul > li:first-child {margin-left: 0;}
	.header .header_util > ul > li a {display: inline-block;line-height: 25px;font-size: 12px;letter-spacing: -1px;font-weight: bold;}
	.header .header_util > ul > li a:before {display: inline-block;width:20px;height:20px;margin-right: 4px;content:"";}
	.header .header_util > ul > li.home a::before {width: 22px;height: 24px;background: url(/resource/nsf/images/common/header_home.png) no-repeat;background-size: 74%;background-position: 80%;vertical-align: bottom;}
	.header .header_util > ul > li.login a::before {width: 21px;height: 24px;background:url(/resource/nsf/images/common/header_login.png) no-repeat;background-size: 70%;background-position: 50%;vertical-align: bottom;}
	.header .header_util > ul > li.logout a::before {width:23px; height:21px; background:url(/resource/nsf/images/common/header_logout.png) no-repeat; background-size: 70%;background-position: 50% 88%;vertical-align: bottom;}

	
	/*  비쥬얼영역  */
	.m_visual {padding: 0;width: 100%;}
	.m_visual > div {width: 90%;margin: 0 auto;}
	.m_visual .mv_txt {padding: 160px 0 30px 0;}
	.m_visual .mv_txt .mvt_slogan {width: 100%;display:block;font-size: 34px;line-height: 44px;color:#000;font-weight: 300;letter-spacing:-3px;text-align:center;}	
    .m_visual .mv_info {position:relative;width: 60%;height: 235px;background:#fff;text-align: left;padding: 30px;margin: 0 auto;}

	/*  컨텐츠영역  */
	.content .con_list {width: 100%;/* height: 150px; */margin: 0 auto;}
	.content .con_list .con_list_wrap {height: 100%;margin: 0;}
	.content .con_list .con_list_wrap ul { margin: 0 50px; }
	.content .con_list .con_list_wrap ul li {position:relative;float:left;width: 48.97%;height: 150px;vertical-align:middle;text-align: left;margin-right: 20px;}
	.content .con_list .con_list_wrap .con_box1 .tit {display:block;text-align: left;margin-bottom: 7px;line-height:40px;font-size:26px;font-weight:500;letter-spacing:-1px;color:#ffffff;}
	.content .con_list .con_list_wrap .con_box1 .ico {position:absolute;top: 15%;right: 5%;width: 105px;height: 105px;background: url(/resource/nsf/images/common/bg_spr.png) no-repeat center center;z-index: 999;}
	.content .con_list .con_list_wrap .con_box1 .s_tit {margin-top: 0;font-size: 14px;font-weight:300;text-align: left;color: #ffd5a4;}

	.content {margin: 20px 0;}
	.content .con_list {width: 100%;margin: 0 auto;/* height: 354px; */}
	.content .con_list .con_list_wrap ul {margin: 20px 5%;}
	.content .con_list .con_list_wrap .con_box2 .tit {display:block;text-align: left;margin-bottom: 7px;line-height:40px;font-size:26px;font-weight:500;letter-spacing:-1px;color:#ffffff;}
	.content .con_list .con_list_wrap .con_box2 .ico {position:absolute;top: 15%;right: 5%;width: 105px;height: 105px;background: url(/resource/nsf/images/common/bg_spr2.png) no-repeat center center;z-index: 999;}
	.content .con_list .con_list_wrap .con_box2 .s_tit {margin-top: 0;font-size: 14px;font-weight:300;text-align: left;color: #9fd6ff;}
	.content .con_list .con_list_wrap .info_box ul {margin:0;} 
	
	/*  로그인 영역 */
	.content .con_list .member_head .layout{border-bottom:1px solid #e8e8e8;margin-bottom:35px}

	.content .con_list .member_head{padding:30px 0 0;overflow:hidden;background-color:#fff;clear:both;position: relative;}
	.content .con_list .member_head .member_layout {/* border-bottom: 1px solid #e8e8e8; */margin-bottom: 35px;}
	.content .con_list .member_head .head_title{font-size:33px;color:#292929;line-height:normal;padding-bottom:15px;border-bottom:1px solid #707070;margin-bottom:23px}
	.content .con_list .member_head .head_summary{margin:23px 0;padding-bottom:10px;/* padding-right: 0; */background: #f2f5fa;}
	.content .con_list .member_head .head_summary p{margin-top:10px;line-height:170%;text-align:inherit}

	.content .con_list .member_head .head_summary .mv_info {position:relative;padding: 20px;margin: 0 auto;line-height: 30px;}
	.content .con_list .member_head .head_summary .mv_info .mv_title {display:block;font-size: 17px;font-weight: normal;line-height: 25px;color:#222;margin-top: 0;/* max-height:84px; */text-overflow:hidden;/* overflow:hidden; */}
	.content .con_list .member_head .head_summary .mv_info .mv_title br {display:none;}
	.content .con_list .member_head .head_summary .mv_info .mv_date {display:block; font-family:'Century Gothic'; font-size:14px; line-height:22px; color:#666; letter-spacing:0; margin-top:16px;}
	.content .con_list .member_head .head_summary .mv_info .btn_more {display: inline-block;width: 100px;height: 34px;margin-top: 5px;background-color: #2b6ab4;}
	.content .con_list .member_head .head_summary .mv_info .btn_more a {/* position:absolute; */display:block;font-size: 13px;font-weight: bold;line-height: 21px;letter-spacing: -1px;color:#fff;text-align: center;padding: 6px;}
	.content .con_list .member_head .head_summary .mv_info .m_btn_more {display:none;}
	.content .con_list .member_head .head_summary .mv_info .tip {font-size: 15px;font-weight:bold;color: #f36910;margin-top: 0;}

	/* 로그인박스 */
	.content .con_list .loginBox{margin: 40px 0;overflow: hidden;display: table;width: 100%;}
	.content .con_list .loginBox .align_left .item_input input{height:60px}

	.content .con_list .loginBox .item_list .login_noti {overflow: hidden;border: 1px solid #b2b2b2;border-radius: 50px;padding: 13px;position: absolute;width: 75px;top: 24%;right: 6%;}
	.content .con_list .loginBox .item_list .login_noti .noti_g {float: left;border-radius: 50%;text-indent: -9999px;width: 20px;height: 20px;background-color: green;}
	.content .con_list .loginBox .item_list .login_noti .noti_o {float: left;border-radius: 50%;text-indent: -9999px;width: 20px;height: 20px;background-color: orange;}
	.content .con_list .loginBox .item_list .login_noti .noti_r {float: left;border-radius: 50%;text-indent: -9999px;width: 20px;height: 20px;background-color: red;}
	.content .con_list .loginBox .item_list .login_noti p {font-size: 14px;font-weight: bold;display: inline-block;padding-left: 6px;position: absolute;top: 24%;}

	.content .con_list .loginBox .item_list ul li a{height:58px}
	.content .con_list .loginBox .item_list ul li{width:49%;margin-bottom:9px;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2}

	.content .con_list .loginBox .item_list ul{width: 100%;margin: 0 auto;}
	.content .con_list .loginBox .item_list ul:after{content:"";display:block;clear:both}
	.content .con_list .loginBox .item_list ul li{/* float:left; */width: 47%;height: 79px;border-bottom:1px solid #d2d2d2;border-right:1px solid #d2d2d2;}
	.content .con_list .loginBox .item_list ul li:nth-child(2n+1){border-left: 1px solid #d2d2d2;}
	.content .con_list .loginBox .item_list ul li a{position:relative;display:table;width:100%;height:74px;font-size:16px;font-weight:500;padding: 5px 3px 3px 72px;}
	.content .con_list .loginBox .item_list ul li a span{display:table-cell;vertical-align:middle}
	.content .con_list .loginBox .item_list ul li a:before{content:"";display:block;width:42px;height:42px;position:absolute;top: 50%;margin-top:-20px;}
	.content .con_list .loginBox .item_list ul li.icon0 a:before{left: 20px;background:url(/resource/nsf/images/main/login_list_icon_0.png) center no-repeat;}
	.content .con_list .loginBox .item_list ul li.icon1 a:before{left: 20px;background:url(/resource/nsf/images/main/login_list_icon_1.png) center no-repeat;}
	.content .con_list .loginBox .item_list ul li.icon2 a:before{left: 19px;background:url(/resource/nsf/images/main/login_list_icon_2.png) center no-repeat;}
	.content .con_list .loginBox .item_list ul li.icon3 a:before{left: 22px;background:url(/resource/nsf/images/main/login_list_icon_3.png) center no-repeat;}
	.content .con_list .loginBox .item_list ul li.icon4 a:before{left: 22px;background:url(/resource/nsf/images/main/login_list_icon_4.png) center no-repeat;}
	.content .con_list .loginBox .item_list ul li.icon5 a:before{left: 20px;background:url(/resource/nsf/images/main/login_list_icon_5.png) center no-repeat;}
	.content .con_list .loginBox .item_list ul li a:hover:before{animation:h_scale 1 .6s ease-in-out}

	.content .con_list .loginBox .item_list ul li:first-of-type{/* width:100%; */margin-left:0;margin-right: 0;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li{margin-left:2%; margin-bottom:9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li{margin-left: 0;margin-right: 0;margin-bottom: 0;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li{margin-left:2%;margin-bottom:9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li+li{margin-left: 0;margin-right: 2%;margin-bottom:0;margin-top: 0;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li+li+li{margin-left: 0;margin-bottom:0;margin-top: 0;}



	/*  푸터 영역  */
	#footer .ft_inr .ft_info {margin-left: 50px;}

	/*  INTRO  */
	.icontent {width:100%;height:100%;margin:0 auto;background: #e6eef5;}
	.icontent .con_list {width:100%;margin:0 auto;padding: 275px 0 80px 0;}
	.icontent .con_list h2 {text-align:center;font-size: 44px;font-weight:300;letter-spacing: -3.5px;margin-bottom: 57px;}
	.icontent .con_list .con_list_wrap {width:100%;height: 434px;margin: 0 auto;}
	.icontent .con_list .con_list_wrap ul li {position:relative;float:left;width: 482px;height: 434px;/* line-height: 20px; */vertical-align:middle;text-align: left;background: url(/resource/nsf/images/main/i_con_bg1.png);}
	.icontent .con_list .con_list_wrap .i_con_box1 a {display:block;height:434px;position: relative;}
	.icontent .con_list .con_list_wrap .i_con_box1 .con_box_bg {background: url(/resource/nsf/images/main/i_con_bg1.png);}
	.icontent .con_list .con_list_wrap .i_con_box1 .tit {display:block;text-align: left;margin-bottom: 7px;line-height: 50px;font-size: 36px;font-weight: normal;letter-spacing: -2px;color:#ffffff;}
	.icontent .con_list .con_list_wrap .i_con_box1 .s_tit {margin-top: 0;font-size:15px;font-weight:300;text-align: left;color: #ffd5a4;}
	.icontent .con_list .con_list_wrap .i_con_box1 .tit_info {position: absolute;display:inline-block;vertical-align: middle;line-height:normal;z-index:1;padding-left: 40px;top: 15%;}
	.icontent .con_list .con_list_wrap .i_con_box1 .intro_btn {display: block;width: 180px;position: absolute;right: 40px;bottom: 40px;}
	.icontent .con_list .con_list_wrap .i_con_box1 .intro_btn p {top: 22px;position: absolute;font-size: 23px;font-weight: bold;color: #fff;}
	.icontent .con_list .con_list_wrap .i_con_box1 .btn_round {float: right;border-radius:50%;text-indent:-9999px;width: 80px;height: 80px;background:url(/resource/nsf/images/main/btn_arrow.png)no-repeat center center;background-color: #fff;}

	.icontent .con_list .con_list_wrap .i_con_box2 a {display:block; height:434px;}
	.icontent .con_list .con_list_wrap .i_con_box2 .con_box_bg {background: url(/resource/nsf/images/main/i_con_bg2.png); position:absolute; top:0; left:0; right:0; bottom:0; }
	.icontent .con_list .con_list_wrap .i_con_box2 .tit {display:block;text-align: left;margin-bottom: 7px;line-height:40px;font-size: 38px;font-weight:500;letter-spacing: -2px;color: #ff4e00;}
	.icontent .con_list .con_list_wrap .i_con_box2 .s_tit {margin-top: 20px;font-size: 16px;font-weight: 500;color: #333;}
	.icontent .con_list .con_list_wrap .i_con_box2 .tit_info {position: absolute;display:inline-block;vertical-align: middle;line-height:normal;z-index:1;padding-left: 40px;top: 15%;}
	.icontent .con_list .con_list_wrap .i_con_box2 .intro_btn {display: block;width: 180px;position: absolute;right: 40px;bottom: 40px; z-index: 999;}
	.icontent .con_list .con_list_wrap .i_con_box2 .intro_btn p {top: 22px;position: absolute;font-size: 23px;font-weight: bold;color: #333;}
	.icontent .con_list .con_list_wrap .i_con_box2 .btn_round {float: right;border-radius:50%;text-indent:-9999px;width: 80px;height: 80px;background:url(/resource/nsf/images/main/btn_arrow2.png)no-repeat center center;background-color: #f7731d;}

	}


/*  태블릿 디바이스 (가로 해상도가 992px 보다 작은 화면에 적용)  */
@media (max-width: 1095px) {
	
	/*  레이아웃  */
	
	/*  헤더영역  */
    .header > div > div {position:relative; width:100%; margin:0 auto;}
    
	/*  유틸영역  */
	.header .header_util {float: right;padding: 5px 16px;border: 1px solid #e1e1e1;border-radius: 2px;margin-top: 19px;position: relative;}
	.header .header_util > ul {display: inline-block;}
	.header .header_util > ul > li {display: inline-block;margin-left: 22px;}
	.header .header_util > ul > li:after {display:block;content:'';width:1px;height: 30%;position: absolute;right: 56%;top: 40%;background:#e0e1e3;}
	.header .header_util > ul > li:first-child {margin-left: 0;}
	.header .header_util > ul > li a {display: inline-block;line-height: 25px;font-size: 12px;letter-spacing: -1px;font-weight: bold;}
	.header .header_util > ul > li a:before {display: inline-block;width:20px;height:20px;margin-right: 4px;content:"";}
	.header .header_util > ul > li.home a::before {width: 22px;height: 24px;background: url(/resource/nsf/images/common/header_home.png) no-repeat;background-size: 74%;background-position: 80%;vertical-align: bottom;}
	.header .header_util > ul > li.login a::before {width: 21px;height: 24px;background:url(/resource/nsf/images/common/header_login.png) no-repeat;background-size: 70%;background-position: 50%;vertical-align: bottom;}
	.header .header_util > ul > li.logout a::before {width:23px; height:21px; background:url(/resource/nsf/images/common/header_logout.png) no-repeat; background-size: 70%;background-position: 50% 88%;vertical-align: bottom;}


	/*  비쥬얼영역  */
	.m_visual {padding: 0;width: 100%;background: url(/resource/nsf/images/main/m_visual_bg.png) no-repeat center 10% #e6eef5; no-repeat center center;}
	.m_visual > div { width: 90%; margin: 0 auto; position: relative;}
	.m_visual .mv_txt {padding: 160px 0 30px 0;}
	.m_visual .mv_txt .mvt_slogan {width: 100%;display:block;font-size: 34px;line-height: 44px;color:#000;font-weight: 300;letter-spacing:-3px;text-align:center;}	
    .m_visual .mv_info {position: absolute; width: 100%; height: 230px; background:#fff;text-align: left;padding: 28px 120px;margin: 0 auto;line-height: 30px;box-sizing: border-box;}

	/*  컨텐츠영역  */
	.content {width:100%;height:100%;margin: 0;}
    
	.content .con_list {width: 100%;/* height: 330px; */margin: 0 auto;}
	.content .con_list .con_list_wrap {height: 100%;margin: 0;}
	.content .con_list .con_list_wrap ul {margin: 20px 5%;}
	.content .con_list .con_list_wrap ul li {position:relative;float:left;width: 49%;height: 150px;vertical-align:middle;text-align: left;margin-right: 2%;}
	.content .con_list .con_list_wrap ul li:last-child {margin-top:20px;}
	.content .con_list .con_list_wrap .con_box1 {width:100%;margin: 0;}
	.content .con_list .con_list_wrap .con_box1 .tit {display:block;text-align: left;margin-bottom: 7px;line-height:40px;font-size:26px;font-weight:500;letter-spacing:-1px;color:#ffffff;}
	.content .con_list .con_list_wrap .con_box1 .ico {position:absolute;top: 15%;right: 5%;width: 105px;height: 105px;background: url(/resource/nsf/images/common/bg_spr.png) no-repeat center center;z-index: 999;}
	.content .con_list .con_list_wrap .con_box1 .s_tit {margin-top: 0;font-size: 14px;font-weight:300;text-align: left;color: #ffd5a4;}

    .content .con_list .con_list_wrap .con_box2 {width:100%;}
	.content .con_list .con_list_wrap .con_box2 .tit {display:block;text-align: left;margin-bottom: 7px;line-height:40px;font-size:26px;font-weight:500;letter-spacing:-1px;color:#ffffff;}
	.content .con_list .con_list_wrap .con_box2 .ico {position:absolute;top: 15%;right: 5%;width: 105px;height: 105px;background: url(/resource/nsf/images/common/bg_spr2.png) no-repeat center center;z-index: 999;}
	.content .con_list .con_list_wrap .con_box2 .s_tit {margin-top: 0;font-size: 14px;font-weight:300;text-align: left;color: #9fd6ff;}

	.content .con_list .con_list_wrap .info_box {display:none;}
    .content .con_list .con_list_wrap .m_info_box {display:block;padding-top: 300px;}
    .content .con_list .con_list_wrap .m_info_box .box1,
    .content .con_list .con_list_wrap .m_info_box .box2,
    .content .con_list .con_list_wrap .m_info_box .box3 {margin-bottom: 4px;background-color: #ebebeb;width: 100%;float: none;height: 60px;box-sizing: border-box;margin-top: 0;}
    .content .con_list .con_list_wrap .m_info_box a {width:100%; height:100%; display:block;}
    .content .con_list .con_list_wrap .m_info_box a > dl > dt {font-size:18px;font-weight:bold;text-align:center;padding-top: 16px;}
    .content .con_list .con_list_wrap .m_info_box a > li > dl > dt {font-size:18px;font-weight:bold;text-align:center;padding-top: 16px;}
    
    .content .con_list .con_list_wrap .m_info_box .service_info1,
    .content .con_list .con_list_wrap .m_info_box .service_info2 {border: 5px solid #ebebeb;box-sizing: border-box;margin-top: 13px;padding: 16px 10px;text-align: center;margin-bottom: 0;}
	.content .con_list .con_list_wrap .m_info_box .service_title {font-size: 21px;line-height: 26px;margin-top: 10px;letter-spacing:-1.5px;display: block;}
	.content .con_list .con_list_wrap .m_info_box .service_number {font-size:0;line-height:0;margin-top: 6px;}
	.content .con_list .con_list_wrap .m_info_box .service_number > * {display:inline-block; vertical-align:middle;}
	.content .con_list .con_list_wrap .m_info_box .service_number span {font-size: 18px;line-height:1;padding-right:8px;letter-spacing: -1px;font-weight: bold;color: #676767;}
	.content .con_list .con_list_wrap .m_info_box .service_number strong {font-family:'Century Gothic';font-size: 34px;line-height: 36px;font-weight:bold;letter-spacing:0;color: #fd5902;}
	.content .con_list .con_list_wrap .m_info_box .service_time {display:block;font-size: 15px;/* line-height: 16px; */color:#666;margin-top: 2px;}

    /*  로그인 영역 */
	.content .con_list .member_head .layout{border-bottom:1px solid #e8e8e8;margin-bottom:35px}

	.content .con_list .member_head{padding:30px 0 0;overflow:hidden;background-color:#fff;clear:both;position: relative;}
	.content .con_list .member_head .member_layout {/* border-bottom: 1px solid #e8e8e8; */margin-bottom: 35px;}
	.content .con_list .member_head .head_title{font-size:33px;color:#292929;line-height:normal;padding-bottom:15px;border-bottom:1px solid #707070;margin-bottom:23px}
	.content .con_list .member_head .head_summary{margin:23px 0;padding-bottom:10px;/* padding-right: 0; */background: #f2f5fa;}
	.content .con_list .member_head .head_summary p{margin-top:10px;line-height:170%;text-align:inherit}

	.content .con_list .member_head .head_summary .mv_info {position:relative;padding: 20px;margin: 0 auto;line-height: 30px;}
	.content .con_list .member_head .head_summary .mv_info .mv_title {display:block;font-size: 18px;font-weight: normal;line-height: 30px;color:#222;margin-top: 0;/* max-height:84px; */text-overflow:hidden;/* overflow:hidden; */}
	.content .con_list .member_head .head_summary .mv_info .mv_title br {display:none;}
	.content .con_list .member_head .head_summary .mv_info .mv_date {display:block; font-family:'Century Gothic'; font-size:14px; line-height:22px; color:#666; letter-spacing:0; margin-top:16px;}
	.content .con_list .member_head .head_summary .mv_info .btn_more {display: inline-block;width: 100px;height: 34px;margin-top: 5px;background-color: #2b6ab4;}
	.content .con_list .member_head .head_summary .mv_info .btn_more a {/* position:absolute; */display:block;font-size: 13px;font-weight: bold;line-height: 21px;letter-spacing: -1px;color:#fff;text-align: center;padding: 6px;}
	.content .con_list .member_head .head_summary .mv_info .m_btn_more {display:none;}
	.content .con_list .member_head .head_summary .mv_info .tip {font-size: 15px;font-weight:bold;color: #f36910;margin-top: 0;}

	/* 로그인박스 */
	.content .con_list .loginBox{margin: 40px 0;overflow: hidden;display: table;width: 100%;}
	.content .con_list .loginBox .align_left .item_input input{height:60px}

	.content .con_list .loginBox .item_list .login_noti {overflow: hidden;border: 1px solid #b2b2b2;border-radius: 50px;padding: 13px;position: absolute;width: 75px;top: 24%;right: 6%;}
	.content .con_list .loginBox .item_list .login_noti .noti_g {float: left;border-radius: 50%;text-indent: -9999px;width: 20px;height: 20px;background-color: green;}
	.content .con_list .loginBox .item_list .login_noti .noti_o {float: left;border-radius: 50%;text-indent: -9999px;width: 20px;height: 20px;background-color: orange;}
	.content .con_list .loginBox .item_list .login_noti .noti_r {float: left;border-radius: 50%;text-indent: -9999px;width: 20px;height: 20px;background-color: red;}
	.content .con_list .loginBox .item_list .login_noti p {font-size: 14px;font-weight: bold;display: inline-block;padding-left: 6px;position: absolute;top: 28%;}

	.content .con_list .loginBox .item_list ul li a{height:58px}
	.content .con_list .loginBox .item_list ul li{width:49%;margin-bottom:9px;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2}

	.content .con_list .loginBox .item_list ul{width: 100%;margin: 0 auto;}
	.content .con_list .loginBox .item_list ul:after{content:"";display:block;clear:both}
	.content .con_list .loginBox .item_list ul li{/* float:left; */width: 47%;height: 79px;border-bottom:1px solid #d2d2d2;border-right:1px solid #d2d2d2;}
	.content .con_list .loginBox .item_list ul li:nth-child(2n+1){border-left: 1px solid #d2d2d2;}
	.content .con_list .loginBox .item_list ul li a{position:relative;display:table;width:100%;height:74px;font-size:16px;font-weight:500;padding: 5px 3px 3px 72px;}
	.content .con_list .loginBox .item_list ul li a span{display:table-cell;vertical-align:middle}
	.content .con_list .loginBox .item_list ul li a:before{content:"";display:block;width:42px;height:42px;position:absolute;top: 50%;margin-top:-20px;}
	.content .con_list .loginBox .item_list ul li.icon0 a:before{left: 20px;background:url(/resource/nsf/images/main/login_list_icon_0.png) center no-repeat;}
	.content .con_list .loginBox .item_list ul li.icon1 a:before{left: 20px;background:url(/resource/nsf/images/main/login_list_icon_1.png) center no-repeat;}
	.content .con_list .loginBox .item_list ul li.icon2 a:before{left: 19px;background:url(/resource/nsf/images/main/login_list_icon_2.png) center no-repeat;}
	.content .con_list .loginBox .item_list ul li.icon3 a:before{left: 22px;background:url(/resource/nsf/images/main/login_list_icon_3.png) center no-repeat;}
	.content .con_list .loginBox .item_list ul li.icon4 a:before{left: 22px;background:url(/resource/nsf/images/main/login_list_icon_4.png) center no-repeat;}
	.content .con_list .loginBox .item_list ul li.icon5 a:before{left: 20px;background:url(/resource/nsf/images/main/login_list_icon_5.png) center no-repeat;}
	.content .con_list .loginBox .item_list ul li a:hover:before{animation:h_scale 1 .6s ease-in-out}

	.content .con_list .loginBox .item_list ul li:first-of-type{/* width:100%; */margin-left:0;margin-right: 0;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li{margin-left:2%; margin-bottom:9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li{margin-left: 0;margin-right: 0;margin-bottom: 0;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li{margin-left:2%;margin-bottom:9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li+li{margin-left: 0;margin-right: 2%;margin-bottom:0;margin-top: 0;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li+li+li{margin-left: 0;margin-bottom:0;margin-top: 0;}

	/*  푸터 영역  */
	.mfooter { display:none; }


	/*  INTRO  */
	.icontent {width:100%;height:100%;margin:0 auto;background: #e6eef5;}
	.icontent .con_list {width:100%;margin:0 auto;padding: 275px 0 80px 0;}
	.icontent .con_list h2 {display: block;text-align:center;font-size: 38px;font-weight:300;letter-spacing: -2.5px;}
	.icontent .con_list .con_list_wrap {width: 100%;height: 434px;/* margin: 0 auto; */}
	.icontent .con_list .con_list_wrap ul {margin: 0 50px;}
	.icontent .con_list .con_list_wrap ul li {position:relative;float:left;width: 48%;height: 434px;/* line-height: 20px; */vertical-align:middle;text-align: left;background: url(/resource/nsf/images/main/i_con_bg1.png);}
	.icontent .con_list .con_list_wrap .i_con_box1 {margin-right: 2%;margin-left: 0;/* position: relative; *//* width: 50%; */}
	.icontent .con_list .con_list_wrap .i_con_box1 a {display:block;height:434px;position: relative;}
	.icontent .con_list .con_list_wrap .i_con_box1 .con_box_bg {background: url(/resource/nsf/images/main/i_con_bg1.png);}
	.icontent .con_list .con_list_wrap .i_con_box1 .tit {display:block;text-align: left;margin-bottom: 7px;line-height: 44px;font-size: 32px;font-weight: normal;letter-spacing: -2px;color:#ffffff;}
	.icontent .con_list .con_list_wrap .i_con_box1 .s_tit {margin-top: 0;font-size:15px;font-weight:300;text-align: left;color: #ffd5a4;}
	.icontent .con_list .con_list_wrap .i_con_box1 .tit_info {position: absolute;display:inline-block;vertical-align: middle;line-height:normal;z-index:1;padding-left: 40px;top: 15%;}
	.icontent .con_list .con_list_wrap .i_con_box1 .intro_btn {display: block;width: 180px;position: absolute;right: 40px;bottom: 40px;}
	.icontent .con_list .con_list_wrap .i_con_box1 .intro_btn p {top: 22px;position: absolute;font-size: 23px;font-weight: bold;color: #fff;}
	.icontent .con_list .con_list_wrap .i_con_box1 .btn_round {float: right;border-radius:50%;text-indent:-9999px;width: 80px;height: 80px;background:url(/resource/nsf/images/main/btn_arrow.png)no-repeat center center;background-color: #fff;}

	.icontent .con_list .con_list_wrap .i_con_box2 a {display:block; height:434px;}
	.icontent .con_list .con_list_wrap .i_con_box2 .con_box_bg {background: url(/resource/nsf/images/main/i_con_bg2.png); position:absolute; top:0; left:0; right:0; bottom:0; }
	.icontent .con_list .con_list_wrap .i_con_box2 .tit {display:block;text-align: left;margin-bottom: 7px;line-height: 44px;font-size: 32px;letter-spacing: -2px;}
	.icontent .con_list .con_list_wrap .i_con_box2 .s_tit {margin-top: 20px;font-size: 16px;font-weight: 500;color: #333;}
	.icontent .con_list .con_list_wrap .i_con_box2 .tit_info {position: absolute;display:inline-block;vertical-align: middle;line-height:normal;z-index:1;padding-left: 40px;top: 15%;}
	.icontent .con_list .con_list_wrap .i_con_box2 .intro_btn {display: block;width: 180px;position: absolute;right: 40px;bottom: 40px; z-index: 999;}
	.icontent .con_list .con_list_wrap .i_con_box2 .intro_btn p {top: 22px;position: absolute;font-size: 23px;font-weight: bold;color: #333;}
	.icontent .con_list .con_list_wrap .i_con_box2 .btn_round {float: right;border-radius:50%;text-indent:-9999px;width: 80px;height: 80px;background:url(/resource/nsf/images/main/btn_arrow2.png)no-repeat center center;background-color: #f7731d;}
	
} 


/*  가로모드 모바일 디바이스 (가로 해상도가 768px 보다 작은 화면에 적용)  */ 
@media (max-width: 878px) {
	
	/*  레이아웃  */
	
	/*  헤더영역  */
    .header > div > div {position:relative; width:100%; margin:0 auto;}
    
	/*  유틸영역  */
	.header .header_util {float: right;padding: 5px 16px;border: 1px solid #e1e1e1;border-radius: 2px;margin-top: 19px;position: relative;}
	.header .header_util > ul {display: inline-block;}
	.header .header_util > ul > li {display: inline-block;margin-left: 22px;}
	.header .header_util > ul > li:after {display:block;content:'';width:1px;height: 30%;position: absolute;right: 56%;top: 40%;background:#e0e1e3;}
	.header .header_util > ul > li:first-child {margin-left: 0;}
	.header .header_util > ul > li a {display: inline-block;line-height: 25px;font-size: 12px;letter-spacing: -1px;font-weight: bold;}
	.header .header_util > ul > li a:before {display: inline-block;width:20px;height:20px;margin-right: 4px;content:"";}
	.header .header_util > ul > li.home a::before {width: 22px;height: 24px;background: url(/resource/nsf/images/common/header_home.png) no-repeat;background-size: 74%;background-position: 80%;vertical-align: bottom;}
	.header .header_util > ul > li.login a::before {width: 21px;height: 24px;background:url(/resource/nsf/images/common/header_login.png) no-repeat;background-size: 70%;background-position: 50%;vertical-align: bottom;}
	.header .header_util > ul > li.logout a::before {width:23px; height:21px; background:url(/resource/nsf/images/common/header_logout.png) no-repeat; background-size: 70%;background-position: 50% 88%;vertical-align: bottom;}

	/*  비쥬얼영역  */
	.m_visual {padding: 0;width: 100%;background: url(/resource/nsf/images/main/m_visual_bg.png) no-repeat center 13% #e6eef5;}
	.m_visual > div {width: 90%;margin: 0 auto;}
	.m_visual .mv_txt {padding: 160px 0 30px 0;}
	.m_visual .mv_txt .mvt_slogan {width: 100%;display:block;font-size: 34px;line-height: 44px;color:#000;font-weight: 300;letter-spacing:-3px;text-align:center;}	
    .m_visual .mv_info {position: absolute;width: 100%;height: 226px;background:#fff;text-align: left;padding: 30px 50px;margin: 0 auto;line-height: 30px;box-sizing: border-box;}

	/*  컨텐츠영역  */
	.content .con_list {width: 100%;height: 100%;margin: 0 auto;}
	.content .con_list .con_list_wrap {height: 100%;}
	.content .con_list .con_list_wrap ul {margin: 20px 5%;}
	.content .con_list .con_list_wrap ul li {position:relative;float: none;width: 49%;height: 150px;vertical-align:middle;text-align: left;margin-right: 2%;}
	.content .con_list .con_list_wrap ul li:last-child {margin-top:20px;}
	.content .con_list .con_list_wrap .con_box1 {width:100%;margin: 0;}
	.content .con_list .con_list_wrap .con_box1 .tit {display:block;text-align: left;margin-bottom: 7px;line-height:40px;font-size:26px;font-weight:500;letter-spacing:-1px;color:#ffffff;}
	.content .con_list .con_list_wrap .con_box1 .ico {position:absolute;top: 15%;right: 5%;width: 105px;height: 105px;background: url(/resource/nsf/images/common/bg_spr.png) no-repeat center center;z-index: 999;}
	.content .con_list .con_list_wrap .con_box1 .s_tit {margin-top: 0;font-size: 14px;font-weight:300;text-align: left;color: #ffd5a4;}

    .content .con_list .con_list_wrap .con_box2 {width:100%;}
	.content .con_list .con_list_wrap .con_box2 .tit {display:block;text-align: left;margin-bottom: 7px;line-height:40px;font-size:26px;font-weight:500;letter-spacing:-1px;color:#ffffff;}
	.content .con_list .con_list_wrap .con_box2 .ico {position:absolute;top: 15%;right: 5%;width: 105px;height: 105px;background: url(/resource/nsf/images/common/bg_spr2.png) no-repeat center center;z-index: 999;}
	.content .con_list .con_list_wrap .con_box2 .s_tit {margin-top: 0;font-size: 14px;font-weight:300;text-align: left;color: #9fd6ff;}

	.content .con_list .con_list_wrap .info_box {display:none;}
    .content .con_list .con_list_wrap .m_info_box {display:block;padding-top: 0;}
    .content .con_list .con_list_wrap .m_info_box .box1,
    .content .con_list .con_list_wrap .m_info_box .box2,
    .content .con_list .con_list_wrap .m_info_box .box3 {margin-bottom: 4px;background-color: #ebebeb;width: 100%;float: none;height: 60px;box-sizing: border-box;margin-top: 0;}
    .content .con_list .con_list_wrap .m_info_box a {width:100%; height:100%; display:block;}
    .content .con_list .con_list_wrap .m_info_box a > dl > dt {font-size:18px;font-weight:bold;text-align:center;padding-top: 16px;}
    .content .con_list .con_list_wrap .m_info_box a > li > dl > dt {font-size:18px;font-weight:bold;text-align:center;padding-top: 16px;}
    
    .content .con_list .con_list_wrap .m_info_box .service_info1,
    .content .con_list .con_list_wrap .m_info_box .service_info2 {border: 5px solid #ebebeb;box-sizing: border-box;margin-top: 13px;padding: 16px 10px;text-align: center;float: left;width: 49%;}
	.content .con_list .con_list_wrap .m_info_box .service_title {font-size: 21px;line-height: 26px;margin-top: 10px;letter-spacing:-1.5px;display: block;}
	.content .con_list .con_list_wrap .m_info_box .service_number {font-size:0;line-height:0;margin-top: 6px;}
	.content .con_list .con_list_wrap .m_info_box .service_number > * {display:inline-block; vertical-align:middle;}
	.content .con_list .con_list_wrap .m_info_box .service_number span {font-size: 18px;line-height:1;padding-right:8px;letter-spacing: -1px;font-weight: bold;color: #676767;}
	.content .con_list .con_list_wrap .m_info_box .service_number strong {font-family:'Century Gothic';font-size: 34px;line-height: 36px;font-weight:bold;letter-spacing:0;color: #fd5902;}
	.content .con_list .con_list_wrap .m_info_box .service_time {display:block;font-size: 15px;/* line-height: 16px; */color:#666;margin-top: 2px;}

    /*  로그인 영역 */
	.content .con_list .member_head .layout{border-bottom:1px solid #e8e8e8;margin-bottom:35px}

	.content .con_list .member_head{padding:30px 0 0;overflow:hidden;background-color:#fff;clear:both;position: relative;}
	.content .con_list .member_head .member_layout {/* border-bottom: 1px solid #e8e8e8; */margin-bottom: 35px;}
	.content .con_list .member_head .head_title{font-size:33px;color:#292929;line-height:normal;padding-bottom:15px;border-bottom:1px solid #707070;margin-bottom:23px}
	.content .con_list .member_head .head_summary{margin:23px 0;padding-bottom:10px;/* padding-right: 0; */background: #f2f5fa;}
	.content .con_list .member_head .head_summary p{margin-top:10px;line-height:170%;text-align:inherit}

	.content .con_list .member_head .head_summary .mv_info {position:relative;padding: 20px;margin: 0 auto;line-height: 30px;}
	.content .con_list .member_head .head_summary .mv_info .mv_title {display:block;font-size: 17px;font-weight: normal;line-height: 25px;color:#222;margin-top: 0;/* max-height:84px; */text-overflow:hidden;/* overflow:hidden; */}
	.content .con_list .member_head .head_summary .mv_info .mv_title br {display:none;}
	.content .con_list .member_head .head_summary .mv_info .mv_date {display:block; font-family:'Century Gothic'; font-size:14px; line-height:22px; color:#666; letter-spacing:0; margin-top:16px;}
	.content .con_list .member_head .head_summary .mv_info .btn_more {display: inline-block;width: 100px;height: 34px;margin-top: 5px;background-color: #2b6ab4;}
	.content .con_list .member_head .head_summary .mv_info .btn_more a {/* position:absolute; */display:block;font-size: 13px;font-weight: bold;line-height: 21px;letter-spacing: -1px;color:#fff;text-align: center;padding: 6px;}
	.content .con_list .member_head .head_summary .mv_info .m_btn_more {display:none;}
	.content .con_list .member_head .head_summary .mv_info .tip {font-size: 15px;font-weight:bold;color: #f36910;margin-top: 0;}

	/* 로그인박스 */
	.content .con_list .loginBox{margin: 20px 0;overflow: hidden;display: table;width: 100%;box-sizing: border-box;}
	.content .con_list .loginBox .align_left .item_input input{height:60px}

	.content .con_list .loginBox .item_list .login_noti {overflow: hidden;border: 1px solid #b2b2b2;border-radius: 50px;padding: 8px;position: absolute;width: 80px;top: 20%;right: 3%;}
	.content .con_list .loginBox .item_list .login_noti p {font-size: 13px;font-weight: bold;display: inline-block;padding-left: 5px;position: absolute;top: 21%;}

	.content .con_list .loginBox .item_list ul li a{height:58px}
	.content .con_list .loginBox .item_list ul li{width:49%;margin-bottom:9px;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2}

	.content .con_list .loginBox .item_list ul{width: 100%;margin: 0 auto;}
	.content .con_list .loginBox .item_list ul li{width: 100%;height: 58px;border:1px solid #d2d2d2;box-sizing: border-box;}
	.content .con_list .loginBox .item_list ul li a{position:relative;display:table;width:100%;height: 58px;font-size:16px;font-weight:500;padding: 2px 3px 4px 58px;box-sizing: border-box;}
	.content .con_list .loginBox .item_list ul li a span{display:table-cell;vertical-align:middle;font-size: 14px;font-weight: bold;letter-spacing: -1px;}
	.content .con_list .loginBox .item_list ul li a:hover:before{animation:h_scale 1 .6s ease-in-out}
    
    .content .con_list .loginBox .item_list ul li:first-of-type{/* width:100%; */margin-left:0;margin-right: 0;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li{margin-left: 0;margin-bottom:9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li{margin-left: 0;margin-right: 0;margin-bottom: 9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li{margin-left: 0;margin-bottom:9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li+li{margin-left: 0;margin-right: 2%;margin-bottom:0;margin-top: 0;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li+li+li{margin-left: 0;margin-bottom:0;margin-top: 0;}


	/*  푸터 영역  */
	.mfooter { display:none; }


	/*  INTRO  */
	.icontent {width:100%;height:100%;margin:0 auto;background: #e6eef5;}
	.icontent .con_list {width:100%;margin:0 auto;padding: 295px 0 136px 0;}
	.icontent .con_list h2 {display: block;text-align:center;font-size: 38px;font-weight:300;letter-spacing: -2.5px;}
	.icontent .con_list .con_list_wrap {width: 100%;height: 434px;/* margin: 0 auto; */}
	.icontent .con_list .con_list_wrap ul li {position:relative;float:left;width: 49%;height: 434px;/* line-height: 20px; */vertical-align:middle;text-align: left;background: url(/resource/nsf/images/main/i_con_bg1.png);}
	.icontent .con_list .con_list_wrap .i_con_box1 {margin-right: 2%;margin-left: 0;/* position: relative; *//* width: 50%; */}
	.icontent .con_list .con_list_wrap .i_con_box1 a {display:block;height:434px;position: relative;}
	.icontent .con_list .con_list_wrap .i_con_box1 .con_box_bg {background: url(/resource/nsf/images/main/i_con_bg1.png);}
	.icontent .con_list .con_list_wrap .i_con_box1 .tit {display:block;text-align: left;margin-bottom: 7px;line-height: 44px;font-size: 32px;font-weight: normal;letter-spacing: -2px;color:#ffffff;}
	.icontent .con_list .con_list_wrap .i_con_box1 .s_tit {margin-top: 0;font-size:15px;font-weight:300;text-align: left;color: #ffd5a4;}
	.icontent .con_list .con_list_wrap .i_con_box1 .tit_info {position: absolute;display:inline-block;vertical-align: middle;line-height:normal;z-index:1;padding-left: 20px;top: 15%;}
	.icontent .con_list .con_list_wrap .i_con_box1 .intro_btn {display: block;width: 180px;position: absolute;right: 40px;bottom: 40px;}
	.icontent .con_list .con_list_wrap .i_con_box1 .intro_btn p {top: 22px;position: absolute;font-size: 23px;font-weight: bold;color: #fff;}
	.icontent .con_list .con_list_wrap .i_con_box1 .btn_round {float: right;border-radius:50%;text-indent:-9999px;width: 80px;height: 80px;background:url(/resource/nsf/images/main/btn_arrow.png)no-repeat center center;background-color: #fff;}

	.icontent .con_list .con_list_wrap .i_con_box2 a {display:block; height:434px;}
	.icontent .con_list .con_list_wrap .i_con_box2 .con_box_bg {background: url(/resource/nsf/images/main/i_con_bg2.png); position:absolute; top:0; left:0; right:0; bottom:0; }
	.icontent .con_list .con_list_wrap .i_con_box2 .tit {display:block;text-align: left;margin-bottom: 7px;line-height: 44px;font-size: 32px;letter-spacing: -2px;}
	.icontent .con_list .con_list_wrap .i_con_box2 .s_tit {margin-top: 20px;font-size: 16px;font-weight: 500;color: #333;}
	.icontent .con_list .con_list_wrap .i_con_box2 .tit_info {position: absolute;display:inline-block;vertical-align: middle;line-height:normal;z-index:1;padding-left: 20px;top: 15%;}
	.icontent .con_list .con_list_wrap .i_con_box2 .intro_btn {display: block;width: 180px;position: absolute;right: 40px;bottom: 40px; z-index: 999;}
	.icontent .con_list .con_list_wrap .i_con_box2 .intro_btn p {top: 22px;position: absolute;font-size: 23px;font-weight: bold;color: #333;}
	.icontent .con_list .con_list_wrap .i_con_box2 .btn_round {float: right;border-radius:50%;text-indent:-9999px;width: 80px;height: 80px;background:url(/resource/nsf/images/main/btn_arrow2.png)no-repeat center center;background-color: #f7731d;}


	
} 

/*  가로모드 모바일 디바이스 (가로 해상도가 768px 보다 작은 화면에 적용)  */ 
@media (max-width: 767px) {
	
	/*  레이아웃  */
	#footer {display:none;}
	
	/*  헤더영역  */
	.header {border: none;height: 70px;padding: 0;}
	.header .logo {position: absolute;width: 260px;height: 70px;left: 0;top: 0;z-index: 10;} 
	.header .logo a {position: absolute;display: block;top: 16px;left: 20px;background: url(/resource/nsf/images/common/epeople_logo_new3.png) no-repeat;background-size: 80%;}
	.header .util_menu { display: none; }
	.header .nav { display: none; }

	/*  유틸영역  */
	.header .header_util {float: right;padding: 5px 16px;border: 1px solid #e1e1e1;border-radius: 2px;margin-top: 19px;position: relative;}
	.header .header_util > ul {display: inline-block;}
	.header .header_util > ul > li {display: inline-block;margin-left: 22px;}
	.header .header_util > ul > li:after {display:block;content:'';width:1px;height: 30%;position: absolute;right: 56%;top: 40%;background:#e0e1e3;}
	.header .header_util > ul > li:first-child {margin-left: 0;}
	.header .header_util > ul > li a {display: inline-block;line-height: 25px;font-size: 12px;letter-spacing: -1px;font-weight: bold;}
	.header .header_util > ul > li a:before {display: inline-block;width:20px;height:20px;margin-right: 4px;content:"";}
	.header .header_util > ul > li.home a::before {width: 22px;height: 24px;background: url(/resource/nsf/images/common/header_home.png) no-repeat;background-size: 74%;background-position: 80%;vertical-align: bottom;}
	.header .header_util > ul > li.login a::before {width: 21px;height: 24px;background:url(/resource/nsf/images/common/header_login.png) no-repeat;background-size: 70%;background-position: 50%;vertical-align: bottom;}
	.header .header_util > ul > li.logout a::before {width:23px; height:21px; background:url(/resource/nsf/images/common/header_logout.png) no-repeat; background-size: 70%;background-position: 50% 88%;vertical-align: bottom;}


   /*  비쥬얼영역  */
	.m_visual {padding: 0;height: 451px;width: 100%;background: url(/resource/nsf/images/main/m_visual_bg.png) no-repeat center 10% #e6eef5;background-size: 70%;}
	.m_visual > div {width: 90%;margin: 0 auto;}
	.m_visual .mv_txt {padding: 110px 0 30px 0;}
	.m_visual .mv_txt .mvt_slogan {width: 100%;display:block;font-size: 34px;line-height: 44px;color:#000;font-weight: 300;letter-spacing:-3px;text-align:center;}	
    .m_visual .mv_info {position:relative;width: 100%;height: 240px;background:#fff;text-align: left;padding: 30px;/* line-height: 26px; */margin: 0 auto;}


	/*  컨텐츠1 영역  */
	.content {margin: 0 auto; width: 100%; height: 100%; position: relative; }
	.content .con_list { width: 100%; margin: 0 auto; }
	.content .con_list .con_list_wrap ul {margin: 20px 5%;}
	.content .con_list .con_list_wrap ul li {float: none;margin: 0 auto;width: 100%;height: 120px;/* border: 2px solid #ccc; */}
	.content .con_list .con_list_wrap ul li:last-child {margin-top: 0;}
	.content .con_list .con_list_wrap .con_box1 .con_box_info,
	.content .con_list .con_list_wrap .con_box2 .con_box_info { height: 47px; }
	.content .con_list .con_list_wrap .con_box1 .con_box_info h4, 
	.content .con_list .con_list_wrap .con_box2 .con_box_info h4 { padding: 14px 20px; }
	.content .con_list .con_list_wrap .con_box1 .con_box_info .btn_more,
	.content .con_list .con_list_wrap .con_box2 .con_box_info .btn_more { width: 47px; height: 47px; }
    .content .con_list .con_list_wrap .con_box1 .tit,
	.content .con_list .con_list_wrap .con_box2 .tit {font-size: 23px;line-height: 32px;letter-spacing: -0.5px;margin-bottom: 0;}
	.content .con_list .con_list_wrap .con_box1 .tit_info,
	.content .con_list .con_list_wrap .con_box2 .tit_info {/* vertical-align: middle; */padding-left: 20px;margin-top: 10px;top: 28%;}
	.content .con_list .con_list_wrap .con_box1 .circle,
	.content .con_list .con_list_wrap .con_box1 .circle { width: 9px; height: 9px; }
	.content .con_list .con_list_wrap .con_box1 .s_tit,
	.content .con_list .con_list_wrap .con_box2 .s_tit {display:none;}
    .content .con_list .con_list_wrap .con_box1 .con_box_info,
    .content .con_list .con_list_wrap .con_box2 .con_box_info { width: 100%; }
    .content .con_list .con_list_wrap .con_box1 .circle, 
    .content .con_list .con_list_wrap .con_box1 .circle { width: 8px; height: 8px; }
	.content .con_list .con_list_wrap .con_box1 .con_box_info h4, 
	.content .con_list .con_list_wrap .con_box2 .con_box_info h4 { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; letter-spacing: -0.7px; padding: 13px 20px; } 
	.content .con_list .con_list_wrap .con_box1 .con_box_bg {background:#f68914;/* background-size: cover; */}
	.content .con_list .con_list_wrap .con_box2 .con_box_bg {background: #2b6ab4;/* background-size: cover; */}
	.content .con_list .con_list_wrap .con_box1 .ico {/* visibility: visible; */position:absolute;top: 17%;right: 5%;width: 82px;height: 82px;background: url(/resource/nsf/images/common/bg_spr.png) no-repeat center center;z-index: 999;background-size: 100%;}
    .content .con_list .con_list_wrap .con_box2 .ico {/* visibility: visible; */position:absolute;top: 17%;right: 5%;width: 82px;height: 82px;background: url(/resource/nsf/images/common/bg_spr2.png) no-repeat center center;z-index: 999;background-size: 100%;}
    
    .content .con_list .con_list_wrap .info_box {display:none;/* box-sizing: border-box; */}
    .content .con_list .con_list_wrap .m_info_box {display:block;/* height: 255px; */}
    .content .con_list .con_list_wrap .m_info_box .box1,
    .content .con_list .con_list_wrap .m_info_box .box2,
    .content .con_list .con_list_wrap .m_info_box .box3 {/* border-bottom: 2px solid #fff; */margin-bottom: 4px;background-color: #ebebeb;width: 100%;float: none;height: 60px;box-sizing: border-box;margin-top: 0;}
    .content .con_list .con_list_wrap .m_info_box a {width:100%; height:100%; display:block;}
    .content .con_list .con_list_wrap .m_info_box a > dl > dt {font-size:18px;font-weight:bold;text-align:center;padding-top: 16px;}
    
    .content .con_list .con_list_wrap .m_info_box .service_info1,
    .content .con_list .con_list_wrap .m_info_box .service_info2 {border: 5px solid #ebebeb;box-sizing: border-box;margin-top: 16px;padding: 16px 10px;text-align: center;}
	.content .con_list .con_list_wrap .m_info_box .service_info1 {margin-top: 10px;margin-right: 11px;}
	.content .con_list .con_list_wrap .m_info_box .service_title {font-size: 19px;line-height: 21px;margin-top: 0;letter-spacing:-1.5px;display: block;}
	.content .con_list .con_list_wrap .m_info_box .service_number {font-size:0;line-height:0;margin-top: 6px;}
	.content .con_list .con_list_wrap .m_info_box .service_number > * {display:inline-block; vertical-align:middle;}
	.content .con_list .con_list_wrap .m_info_box .service_number span {font-size: 17px;line-height:1;padding-right:8px;letter-spacing: -1px;font-weight: bold;color: #676767;}
	.content .con_list .con_list_wrap .m_info_box .service_number strong {font-family:'Century Gothic';font-size: 28px;line-height: 34px;font-weight:bold;letter-spacing:0;color: #fd5902;}
	.content .con_list .con_list_wrap .m_info_box .service_time {display:block;font-size: 15px;/* line-height: 16px; */color:#666;margin-top: 2px;}

    /* 로그인박스 */
	.content .con_list .loginBox{margin: 20px 0;overflow: hidden;display: table;width: 100%;box-sizing: border-box;}
	.content .con_list .loginBox .align_left .item_input input{height:60px}

	.content .con_list .loginBox .item_list .login_noti {overflow: hidden;border: 1px solid #b2b2b2;border-radius: 50px;padding: 10px;position: absolute;width: 76px;top: 13%;right: 3%;}
	.content .con_list .loginBox .item_list .login_noti p {font-size: 13px;font-weight: bold;display: inline-block;padding-left: 5px;position: absolute;top: 25%;}

	.content .con_list .loginBox .item_list ul li a{height:58px}
	.content .con_list .loginBox .item_list ul li{width:49%;margin-bottom:9px;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2}

	.content .con_list .loginBox .item_list ul{width: 100%;margin: 0 auto;}
	.content .con_list .loginBox .item_list ul li{width: 100%;height: 58px;border:1px solid #d2d2d2;box-sizing: border-box;}
	.content .con_list .loginBox .item_list ul li a{position:relative;display:table;width:100%;height: 58px;font-size:16px;font-weight:500;padding: 2px 3px 4px 58px;box-sizing: border-box;}
	.content .con_list .loginBox .item_list ul li a span{display:table-cell;vertical-align:middle;font-size: 14px;font-weight: bold;letter-spacing: -1px;}
	.content .con_list .loginBox .item_list ul li a:hover:before{animation:h_scale 1 .6s ease-in-out}

    .content .con_list .loginWrap .eppLogin{padding-right:0}
    .content .con_list .loginWrap .noMemLogin{border-left:0}
    .content .con_list .loginBox .item_list ul li{width:100%;margin-left:0;1px solid #d2d2d2;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li{margin-left: 0;margin-bottom: 9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li{margin-left: 0;margin-bottom: 9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li{margin-left:0;margin-bottom: 9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li+li{margin-left: 0;margin-bottom: 9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li+li+li{margin-left:0; margin-bottom:0}
    

	/*  푸터 영역  */
	.mfooter {position: relative;display: block;width: 100%;background: #1d1c1a;height: 50px;padding: 20px 0;}
	.mfooter .ft_inr {position: absolute;width: 100%;/* height: 100%; */top: 0;}
	.mfooter .ft_inr .footer_policy_nav {margin: 0 auto; display: block; position: absolute; text-align: center; }
	.mfooter .ft_inr .footer_policy_nav a { font-size: 13px; color: #ccc; padding: 9px 15px; border: 1px solid #fff; background: #1d1c1a; margin-right: 4px; }
	.mfooter .ft_inr .ft_info {display: block;position: absolute;margin: 20px 5%;text-align: center;}
	.mfooter .ft_inr .ft_info address, 
	.mfooter .ft_inr .ft_info p { display: inline-block; margin: 0 20px; text-align: center; font-family:'Noto Sans KR',sans-serif; font-size: 12px; line-height: 20px; font-weight:300; color:#818181; }

	/*  INTRO  */
	.icontent {width:100%;height:100%;margin: 0 auto;background: #e9e9e9;}
	.icontent .con_list {width:100%;margin:0 auto;padding: 240px 0;background-size: 90%;}
	.icontent .con_list h2 {display: block;text-align:center;font-size: 38px;font-weight:300;letter-spacing: -2.5px;}
	.icontent .con_list .con_list_wrap {width: 80%;height: 215px;}
	.icontent .con_list .con_list_wrap ul li {position:relative;float:left;width: 44%;height: 434px;/* line-height: 20px; */vertical-align:middle;text-align: left;}
	.icontent .con_list .con_list_wrap .i_con_box1 {margin: 0;width: 100%;height: 173px;background: url(/resource/nsf/images/main/i_con_bg1.png);}
	.icontent .con_list .con_list_wrap .i_con_box1 a {display:block;height: 173px;position: relative;}
	.icontent .con_list .con_list_wrap .i_con_box1 .con_box_bg {background: none;}
	.icontent .con_list .con_list_wrap .i_con_box1 .tit {display:block;text-align: left;margin-bottom: 7px;line-height: 34px;font-size: 27px;font-weight: normal;letter-spacing: -2px;color:#ffffff;}
	.icontent .con_list .con_list_wrap .i_con_box1 .s_tit {margin-top: 0;font-size:15px;font-weight:300;text-align: left;color: #ffd5a4;}
	.icontent .con_list .con_list_wrap .i_con_box1 .tit_info {position: absolute;display:inline-block;vertical-align: middle;line-height:normal;z-index:1;padding-left: 20px;top: 16%;}
	.icontent .con_list .con_list_wrap .i_con_box1 .intro_btn {display: block;width: 118px;position: absolute;right: 20px;top: 109px;}
	.icontent .con_list .con_list_wrap .i_con_box1 .intro_btn p {top: 13px;position: absolute;font-size: 16px;font-weight: bold;color: #fff;}
	.icontent .con_list .con_list_wrap .i_con_box1 .btn_round {float: right;border-radius:50%;text-indent:-9999px;width: 44px;height: 44px;background:url(/resource/nsf/images/main/btn_arrow.png)no-repeat center center;background-size: 40%;background-color: #fff;}

	.icontent .con_list .con_list_wrap .i_con_box2 {margin: 0;width: 100%;height: 173px;background: url(/resource/nsf/images/main/i_con_bg2.png);}
	.icontent .con_list .con_list_wrap .i_con_box2 a {display:block;height: 173px;position: relative;}
	.icontent .con_list .con_list_wrap .i_con_box2 .con_box_bg {background: none;}
	.icontent .con_list .con_list_wrap .i_con_box2 .tit {display:block;text-align: left;margin-bottom: 7px;line-height: 34px;font-size: 27px;font-weight: normal;letter-spacing: -2px;color: #ff4e00;}
	.icontent .con_list .con_list_wrap .i_con_box2 .s_tit {margin-top: 0;font-size:15px;font-weight:300;text-align: left;color: #333;}
	.icontent .con_list .con_list_wrap .i_con_box2 .tit_info {position: absolute;display:inline-block;vertical-align: middle;line-height:normal;z-index:1;padding-left: 20px;top: 16%;}
	.icontent .con_list .con_list_wrap .i_con_box2 .intro_btn {display: block;width: 118px;position: absolute;right: 20px;top: 109px;}
	.icontent .con_list .con_list_wrap .i_con_box2 .intro_btn p {top: 13px;position: absolute;font-size: 16px;font-weight: bold;color: #333;}
	.icontent .con_list .con_list_wrap .i_con_box2 .btn_round {float: right;border-radius:50%;text-indent:-9999px;width: 44px;height: 44px;background:url(/resource/nsf/images/main/btn_arrow2.png)no-repeat center center;background-size: 40%;background-color: #f7731d;}

}

/*  세로모드 모바일 디바이스 (가로 해상도가 576px 보다 작은 화면에 적용)  */ 
@media (max-width: 616px) {
	
	/*  레이아웃  */
	#footer {display:none;}
	
	/*  헤더영역  */
	.header {border: none;height: 65px;padding: 0;}
	.header > div::before {display:block;content:'';position:absolute;left:0;top: 70px;width:100%;height:1px;background:#c4c3c5;}
	.header > div > div {position:relative; width: 90%; margin:0 auto;}
	.header .logo {position: absolute;width: 260px;height: 65px;left: 0;top: 0;z-index: 10;} 
	.header .logo a {position: absolute;display: block;top: 16px;left: 0;background: url(/resource/nsf/images/common/epeople_logo_new3.png) no-repeat;background-size: 80%;}
	.header .util_menu { display: none; }
	.header .nav { display: none; }

	/*  유틸영역  */
	.header .header_util {float: right;padding-right: 4%;border: none;margin-top: 19px;position: relative;}
	.header .header_util > ul {display: inline-block;}
	.header .header_util > ul > li {display: inline-block;margin-left: 0;}
	.header .header_util > ul > li:after {display: none;content:'';width:1px;height: 30%;position: absolute;right: 56%;top: 40%;background:#e0e1e3;}
	.header .header_util > ul > li:first-child {margin-left: 0;}
	.header .header_util > ul > li a {display: inline-block;line-height: 0;font-size: 0;letter-spacing: 0;}
	.header .header_util > ul > li a:before {display: inline-block;width:20px;height:20px;margin-right: 4px;content:"";}
	.header .header_util > ul > li.home a::before {width: 26px;height: 26px;background: url(/resource/nsf/images/common/header_home.png) no-repeat;background-size: 80%;/* background-position: 80%; *//* vertical-align: bottom; */}
	.header .header_util > ul > li.login a::before {width: 26px;height: 26px;background:url(/resource/nsf/images/common/header_login.png) no-repeat;background-size: 80%;/* background-position: 50%; *//* vertical-align: bottom; */}
	.header .header_util > ul > li.logout a::before {width:23px; height:21px; background:url(/resource/nsf/images/common/header_logout.png) no-repeat; background-size: 70%;background-position: 50% 88%;vertical-align: bottom;}

   /*  비쥬얼영역  */
	.m_visual {padding: 0;height: 467px;width: 100%;background: url(/resource/nsf/images/main/m_visual_bg.png) no-repeat center 9% #e6eef5;background-size: 90%;}
	.m_visual > div {width: 90%;margin: 0 auto;}
	.m_visual .mv_txt {padding: 81px 0 30px 0;}
	.m_visual .mv_txt .mvt_slogan {width: 100%;display:block;font-size: 34px;line-height: 44px;color:#000;font-weight: 300;letter-spacing:-3px;text-align:center;}	
    .m_visual .mv_info {position: relative;width: 100%;height: 320px;box-sizing: border-box;background:#fff;text-align: left;padding: 20px 26px;/* line-height: 26px; */margin: 0 auto;}
    .m_visual .mv_info .mv_title {font-size: 16px;line-height: 26px; margin-top: 6px;}
    .m_visual .mv_info .mv_title br {display:block;}
    .m_visual .mv_info .tip {font-size: 15px;line-height: 24px;margin-top:10px;}

    .m_visual .mv_info .btn_more {display:none;}
    .m_visual .mv_info .m_btn_more {position: relative;display: block;width: 100%;margin: 0;height: 44px;background-color: #2b6ab4;top: 0;text-align: center;box-sizing: border-box;}
    .m_visual .mv_info .m_btn_more a {font-size:13px;font-weight:bold;color:#fff;display: block;padding: 6px 0;text-align: center;width: 100%;}
	
	/*  컨텐츠1 영역  */
	.content {margin: 0 auto; width: 100%; height: 100%; position: relative; }
	.content .con_list { width: 100%; margin: 0 auto; }
	.content .con_list .con_list_wrap ul {margin: 20px 5%;height: 100%;}
	.content .con_list .con_list_wrap ul li {float: none;margin: 0 auto;width: 100%;height: 120px;/* border: 2px solid #ccc; */}
	.content .con_list .con_list_wrap ul li:last-child {margin-top: 0;}
	.content .con_list .con_list_wrap .con_box1 .con_box_info,
	.content .con_list .con_list_wrap .con_box2 .con_box_info { height: 47px; }
	.content .con_list .con_list_wrap .con_box1 .con_box_info h4, 
	.content .con_list .con_list_wrap .con_box2 .con_box_info h4 { padding: 14px 20px; }
	.content .con_list .con_list_wrap .con_box1 .con_box_info .btn_more,
	.content .con_list .con_list_wrap .con_box2 .con_box_info .btn_more { width: 47px; height: 47px; }
    .content .con_list .con_list_wrap .con_box1 .tit,
	.content .con_list .con_list_wrap .con_box2 .tit {font-size: 23px;line-height: 32px;letter-spacing: -0.5px;margin-bottom: 0;}
	.content .con_list .con_list_wrap .con_box1 .tit_info,
	.content .con_list .con_list_wrap .con_box2 .tit_info {/* vertical-align: middle; */padding-left: 20px;margin-top: 10px;top: 28%;}
	.content .con_list .con_list_wrap .con_box1 .circle,
	.content .con_list .con_list_wrap .con_box1 .circle { width: 9px; height: 9px; }
	.content .con_list .con_list_wrap .con_box1 .s_tit,
	.content .con_list .con_list_wrap .con_box2 .s_tit {display:none;}
    .content .con_list .con_list_wrap .con_box1 .con_box_info,
    .content .con_list .con_list_wrap .con_box2 .con_box_info { width: 100%; }
    .content .con_list .con_list_wrap .con_box1 .circle, 
    .content .con_list .con_list_wrap .con_box1 .circle { width: 8px; height: 8px; }
	.content .con_list .con_list_wrap .con_box1 .con_box_info h4, 
	.content .con_list .con_list_wrap .con_box2 .con_box_info h4 { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; letter-spacing: -0.7px; padding: 13px 20px; } 
	.content .con_list .con_list_wrap .con_box1 .con_box_bg {background:#f68914;/* background-size: cover; */}
	.content .con_list .con_list_wrap .con_box2 .con_box_bg {background: #2b6ab4;/* background-size: cover; */}
	.content .con_list .con_list_wrap .con_box1 .ico {/* visibility: visible; */position:absolute;top: 17%;right: 5%;width: 82px;height: 82px;background: url(/resource/nsf/images/common/bg_spr.png) no-repeat center center;z-index: 999;background-size: 100%;}
    .content .con_list .con_list_wrap .con_box2 .ico {/* visibility: visible; */position:absolute;top: 17%;right: 5%;width: 82px;height: 82px;background: url(/resource/nsf/images/common/bg_spr2.png) no-repeat center center;z-index: 999;background-size: 100%;}
    
    .content .con_list .con_list_wrap .info_box {display:none;/* box-sizing: border-box; */}
    .content .con_list .con_list_wrap .m_info_box {display:block;height: 100%;}
    .content .con_list .con_list_wrap .m_info_box .box1,
    .content .con_list .con_list_wrap .m_info_box .box2,
    .content .con_list .con_list_wrap .m_info_box .box3 {/* border-bottom: 2px solid #fff; */margin-bottom: 4px;background-color: #ebebeb;width: 100%;float: none;height: 60px;box-sizing: border-box;margin-top: 0;}
    .content .con_list .con_list_wrap .m_info_box a {width:100%; height:100%; display:block;}
    .content .con_list .con_list_wrap .m_info_box a > dl > dt {font-size:18px;font-weight:bold;text-align:center;padding-top: 16px;}
    .content .con_list .con_list_wrap .m_info_box a > li > dl > dt {font-size:18px;font-weight:bold;text-align:center;padding-top: 16px;}
    
    .content .con_list .con_list_wrap .m_info_box .service_info1,
    .content .con_list .con_list_wrap .m_info_box .service_info2 {border: 5px solid #ebebeb;box-sizing: border-box;margin-top: -5px;padding: 16px 10px;text-align: center;float: n;width: 100%;}
	.content .con_list .con_list_wrap .m_info_box .service_info1 {margin-top:20px;width: 100%;float: none;}
	.content .con_list .con_list_wrap .m_info_box .service_title {font-size: 19px;line-height: 15px;margin-top: 4px;letter-spacing:-1.5px;display: block;}
	.content .con_list .con_list_wrap .m_info_box .service_number {font-size:0;line-height:0;margin-top: 6px;}
	.content .con_list .con_list_wrap .m_info_box .service_number > * {display:inline-block; vertical-align:middle;}
	.content .con_list .con_list_wrap .m_info_box .service_number span {font-size: 17px;line-height:1;padding-right:8px;letter-spacing: -1px;font-weight: bold;color: #676767;}
	.content .con_list .con_list_wrap .m_info_box .service_number strong {font-family:'Century Gothic';font-size: 26px;line-height: 36px;font-weight:bold;letter-spacing:0;color: #fd5902;}
	.content .con_list .con_list_wrap .m_info_box .service_time {display:block;font-size: 15px;/* line-height: 16px; */color:#666;margin-top: 0;}

	/*  로그인 영역 */
	.content .con_list .member_head .layout{border-bottom:1px solid #e8e8e8;margin-bottom:35px}

	.content .con_list .member_head{padding:10px 0 0;}
	.content .con_list .member_head .member_layout {margin-bottom: 35px;}
	.content .con_list .member_head .head_title{font-size:24px;}
	.content .con_list .member_head .head_title p {font-size:15px; letter-spacing: -0.5px;}
	.content .con_list .member_head .head_summary{margin: 13px 0 0 0;padding-bottom: 0;}

	.content .con_list .member_head .head_summary .mv_info {position:relative;padding: 15px;margin: 0 auto;line-height: 30px;}
	.content .con_list .member_head .head_summary .mv_info .mv_title {display:block;font-size: 14px;font-weight: normal;line-height: 20px;color:#222;margin-top: 0;/* max-height:84px; */text-overflow:hidden;/* overflow:hidden; */}
	.content .con_list .member_head .head_summary .mv_info .mv_title br {display:block;}
	.content .con_list .member_head .head_summary .mv_info .mv_date {display:block; font-family:'Century Gothic'; font-size:14px; line-height:22px; color:#666; letter-spacing:0; margin-top:16px;}
	.content .con_list .member_head .head_summary .mv_info .btn_more {display: inline-block;width: 100px;height: 34px;margin-top: 5px;background-color: #2b6ab4;}
	.content .con_list .member_head .head_summary .mv_info .btn_more a {/* position:absolute; */display:block;font-size: 13px;font-weight: bold;line-height: 21px;letter-spacing: -1px;color:#fff;text-align: center;padding: 6px;}
	.content .con_list .member_head .head_summary .mv_info .m_btn_more {display:none;}
	.content .con_list .member_head .head_summary .mv_info .tip {font-size: 13px;line-height: 18px;font-weight:bold;color: #f36910;margin-top: 0;}

	.content .con_list .loginWrap .eppLogin{padding-right:0}
    .content .con_list .loginWrap .noMemLogin{border-left:0}
    .content .con_list .loginBox .item_list ul li{width:100%;margin-left:0;1px solid #d2d2d2;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li{margin-left: 0;margin-bottom: 9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li{margin-left: 0;margin-bottom: 9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li{margin-left:0;margin-bottom: 9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li+li{margin-left: 0;margin-bottom: 9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li+li+li{margin-left:0; margin-bottom:0}
    
    .content .con_list .loginBox .item_list ul li.icon0 a:before{left: 7px;}
	.content .con_list .loginBox .item_list ul li.icon1 a:before{left: 7px;}
	.content .con_list .loginBox .item_list ul li.icon2 a:before{left: 7px;}
	.content .con_list .loginBox .item_list ul li.icon3 a:before{left: 7px;}
	.content .con_list .loginBox .item_list ul li.icon4 a:before{left: 7px;}
	.content .con_list .loginBox .item_list ul li.icon5 a:before{left: 7px;}


    /* 로그인박스 */
	.content .con_list .loginBox{margin: 20px 0;overflow: hidden;display: table;width: 100%;box-sizing: border-box;}
	.content .con_list .loginBox .align_left .item_input input{height:60px}

	.content .con_list .loginBox .item_list .login_noti {overflow: hidden;border: 1px solid #b2b2b2;border-radius: 50px;padding: 10px;position: absolute;width: 70px;top: 20%;right: 3%;}
	.content .con_list .loginBox .item_list .login_noti p {font-size: 13px;font-weight: bold;display: inline-block;padding-left: 5px;position: absolute;letter-spacing: -1px;top: 21%;}
	.content .con_list .loginBox .item_list .login_noti .noti_g {float: left;border-radius: 50%;text-indent: -9999px;width: 12px;height: 12px;background-color: green;}
	.content .con_list .loginBox .item_list .login_noti .noti_o {float: left;border-radius: 50%;text-indent: -9999px;width: 12px;height: 12px;background-color: orange;}
	.content .con_list .loginBox .item_list .login_noti .noti_r {float: left;border-radius: 50%;text-indent: -9999px;width: 12px;height: 12px;background-color: red;}

	.content .con_list .loginBox .item_list ul li a{height:58px}
	.content .con_list .loginBox .item_list ul li{width:49%;margin-bottom:9px;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2}

	.content .con_list .loginBox .item_list ul{width: 100%;margin: 0 auto;}
	.content .con_list .loginBox .item_list ul li{width: 100%;height: 58px;border:1px solid #d2d2d2;box-sizing: border-box;}
	.content .con_list .loginBox .item_list ul li a{position:relative;display:table;width:100%;height: 58px;font-size:16px;font-weight:500;padding: 2px 3px 4px 58px;box-sizing: border-box;}
	.content .con_list .loginBox .item_list ul li a span{display:table-cell;vertical-align:middle;font-size: 14px;font-weight: bold;letter-spacing: -1px;}
	.content .con_list .loginBox .item_list ul li a:hover:before{animation:h_scale 1 .6s ease-in-out}


	/*  푸터 영역  */
	.mfooter {position: relative;display: block;width: 100%;background: #1d1c1a;height: 80px;padding: 20px 0;}
	.mfooter .ft_inr {position: absolute;width: 100%;/* height: 100%; */top: 0;}
	.mfooter .ft_inr .footer_policy_nav {margin: 0 auto; display: block; position: absolute; text-align: center; }
	.mfooter .ft_inr .footer_policy_nav a { font-size: 13px; color: #ccc; padding: 9px 15px; border: 1px solid #fff; background: #1d1c1a; margin-right: 4px; }
	.mfooter .ft_inr .ft_info {display: block;position: absolute;top: 18px;margin: 0;text-align: center;}
	.mfooter .ft_inr .ft_info address, 
	.mfooter .ft_inr .ft_info p { display: inline-block; margin: 0 20px; text-align: center; font-family:'Noto Sans KR',sans-serif; font-size: 12px; line-height: 20px; font-weight:300; color:#818181; }
    .mfooter .ft_inr .ft_info p.link {color: #54a3ee;}

	/*  INTRO  */
	.icontent {width:100%;height:100%;margin: 0 auto;background: #e9e9e9;}
	.icontent .con_list {width:100%;height: 100%;margin:0 auto;padding: 200px 0 218px 0;background-size: 93%;background-position: center 10%;}
	.icontent .con_list h2 {display: block;text-align:center;font-size: 38px;font-weight:300;letter-spacing: -2.5px;}
	.icontent .con_list .con_list_wrap {width: 100%;height: 215px;}
	.icontent .con_list .con_list_wrap ul {margin:0 20px;}
	.icontent .con_list .con_list_wrap ul li {position:relative;float:left;width: 44%;height: 434px;/* line-height: 20px; */vertical-align:middle;text-align: left;}
	.icontent .con_list .con_list_wrap .i_con_box1 {margin: 0;width: 100%;height: 173px;background: url(/resource/nsf/images/main/i_con_bg1.png);}
	.icontent .con_list .con_list_wrap .i_con_box1 a {display:block;height: 173px;position: relative;}
	.icontent .con_list .con_list_wrap .i_con_box1 .con_box_bg {background: none;}
	.icontent .con_list .con_list_wrap .i_con_box1 .tit {display:block;text-align: left;margin-bottom: 7px;line-height: 34px;font-size: 27px;font-weight: normal;letter-spacing: -2px;color:#ffffff;}
	.icontent .con_list .con_list_wrap .i_con_box1 .s_tit {margin-top: 0;font-size:15px;font-weight:300;text-align: left;color: #ffd5a4;}
	.icontent .con_list .con_list_wrap .i_con_box1 .tit_info {position: absolute;display:inline-block;vertical-align: middle;line-height:normal;z-index:1;padding-left: 20px;top: 16%;}
	.icontent .con_list .con_list_wrap .i_con_box1 .intro_btn {display: block;width: 118px;position: absolute;right: 20px;top: 109px;}
	.icontent .con_list .con_list_wrap .i_con_box1 .intro_btn p {top: 13px;position: absolute;font-size: 16px;font-weight: bold;color: #fff;}
	.icontent .con_list .con_list_wrap .i_con_box1 .btn_round {float: right;border-radius:50%;text-indent:-9999px;width: 44px;height: 44px;background:url(/resource/nsf/images/main/btn_arrow.png)no-repeat center center;background-size: 40%;background-color: #fff;}

	.icontent .con_list .con_list_wrap .i_con_box2 {margin: 0;width: 100%;height: 173px;background: url(/resource/nsf/images/main/i_con_bg2.png);}
	.icontent .con_list .con_list_wrap .i_con_box2 a {display:block;height: 173px;position: relative;}
	.icontent .con_list .con_list_wrap .i_con_box2 .con_box_bg {background: none;}
	.icontent .con_list .con_list_wrap .i_con_box2 .tit {display:block;text-align: left;margin-bottom: 7px;line-height: 34px;font-size: 27px;font-weight: normal;letter-spacing: -2px;color: #ff4e00;}
	.icontent .con_list .con_list_wrap .i_con_box2 .s_tit {margin-top: 0;font-size:15px;font-weight:300;text-align: left;color: #333;}
	.icontent .con_list .con_list_wrap .i_con_box2 .tit_info {position: absolute;display:inline-block;vertical-align: middle;line-height:normal;z-index:1;padding-left: 20px;top: 16%;}
	.icontent .con_list .con_list_wrap .i_con_box2 .intro_btn {display: block;width: 118px;position: absolute;right: 20px;top: 109px;}
	.icontent .con_list .con_list_wrap .i_con_box2 .intro_btn p {top: 13px;position: absolute;font-size: 16px;font-weight: bold;color: #333;}
	.icontent .con_list .con_list_wrap .i_con_box2 .btn_round {float: right;border-radius:50%;text-indent:-9999px;width: 44px;height: 44px;background:url(/resource/nsf/images/main/btn_arrow2.png)no-repeat center center;background-size: 40%;background-color: #f7731d;}

}


/*  세로모드 모바일 디바이스 (가로 해상도가 320px 보다 작은 화면에 적용)  */ 
@media (max-width: 320px) {
	
	/*  레이아웃  */
	#footer {display:none;}
	
	/*  헤더영역  */
	.header {border: none;height: 65px;padding: 0;}
	.header .logo {position: absolute;width: 260px;height: 65px;left: -65;top: -5px;z-index: 10;} 
	.header .logo a {position: absolute;display: block;top: 16px;left: 20px;background: url(/resource/nsf/images/common/epeople_logo_new3.png) no-repeat;background-size: 80%;}
	.header .util_menu { display: none; }
	.header .nav { display: none; }

    /*  비쥬얼영역  */
	.m_visual {padding: 0;width: 100%;background: url(/resource/nsf/images/main/m_visual_bg.png) no-repeat center 10% #e6eef5;background-size: 90%;}
	.m_visual > div {width: 90%;margin: 0 auto;}
	.m_visual .mv_txt {padding: 90px 0 20px 0;}
	.m_visual .mv_txt .mvt_slogan {width: 100%;display:block;font-size: 34px;line-height: 44px;color:#000;font-weight: 300;letter-spacing:-3px;text-align:center;}	
    .m_visual .mv_info {position:relative;width: 100%;height: 319px;background:#fff;text-align: left;padding: 20px;margin: 0 auto;}


	/*  컨텐츠1 영역  */
	.content {margin: 20px 0;width: 100%;/* height: 663px; */}
	.content .con_list { width: 100%; margin: 0 auto; }
	.content .con_list .con_list_wrap ul {margin: 0 20px;}
	.content .con_list .con_list_wrap ul li {float: none;margin: 0 auto;width: 100%;height: 120px;/* border: 2px solid #ccc; */}
	.content .con_list .con_list_wrap ul li:last-child {margin-top: 0;}
	.content .con_list .con_list_wrap .con_box1 .con_box_info,
	.content .con_list .con_list_wrap .con_box2 .con_box_info { height: 47px; }
	.content .con_list .con_list_wrap .con_box1 .con_box_info h4, 
	.content .con_list .con_list_wrap .con_box2 .con_box_info h4 { padding: 14px 20px; }
	.content .con_list .con_list_wrap .con_box1 .con_box_info .btn_more,
	.content .con_list .con_list_wrap .con_box2 .con_box_info .btn_more { width: 47px; height: 47px; }
    .content .con_list .con_list_wrap .con_box1 .tit,
	.content .con_list .con_list_wrap .con_box2 .tit {font-size: 19px;line-height: 32px;letter-spacing: -0.5px;margin-bottom: 0;}
	.content .con_list .con_list_wrap .con_box1 .tit_info,
	.content .con_list .con_list_wrap .con_box2 .tit_info {/* vertical-align: middle; */padding-left: 15px;margin-top: 10px;top: 27%;}
	.content .con_list .con_list_wrap .con_box1 .circle,
	.content .con_list .con_list_wrap .con_box1 .circle { width: 9px; height: 9px; }
	.content .con_list .con_list_wrap .con_box1 .s_tit,
	.content .con_list .con_list_wrap .con_box2 .s_tit {display:none;}
    .content .con_list .con_list_wrap .con_box1 .con_box_info,
    .content .con_list .con_list_wrap .con_box2 .con_box_info { width: 100%; }
    .content .con_list .con_list_wrap .con_box1 .circle, 
    .content .con_list .con_list_wrap .con_box1 .circle { width: 8px; height: 8px; }
	.content .con_list .con_list_wrap .con_box1 .con_box_info h4, 
	.content .con_list .con_list_wrap .con_box2 .con_box_info h4 { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; letter-spacing: -0.7px; padding: 13px 20px; } 
	.content .con_list .con_list_wrap .con_box1 .con_box_bg {background:#f68914;/* background-size: cover; */}
	.content .con_list .con_list_wrap .con_box2 .con_box_bg {background: #2b6ab4;/* background-size: cover; */}
	.content .con_list .con_list_wrap .con_box1 .ico {/* visibility: visible; */position:absolute;top: 17%;right: 5%;width: 82px;height: 82px;background: url(/resource/nsf/images/common/bg_spr.png) no-repeat center center;z-index: 999;background-size: 100%;}
    .content .con_list .con_list_wrap .con_box2 .ico {/* visibility: visible; */position:absolute;top: 17%;right: 5%;width: 82px;height: 82px;background: url(/resource/nsf/images/common/bg_spr2.png) no-repeat center center;z-index: 999;background-size: 100%;}
    
    .content .con_list .con_list_wrap .info_box {display:none;/* box-sizing: border-box; */}
    .content .con_list .con_list_wrap .m_info_box {display:block;/* height: 255px; */}
    .content .con_list .con_list_wrap .m_info_box .box1,
    .content .con_list .con_list_wrap .m_info_box .box2,
    .content .con_list .con_list_wrap .m_info_box .box3 {/* border-bottom: 2px solid #fff; */margin-bottom: 4px;background-color: #ebebeb;width: 100%;float: none;height: 50px;box-sizing: border-box;margin-top: 0;}
    .content .con_list .con_list_wrap .m_info_box a {width:100%; height:100%; display:block;}
    .content .con_list .con_list_wrap .m_info_box a > dl > dt {font-size: 16px;font-weight:bold;text-align:center;padding-top: 13px;}
    
    .content .con_list .con_list_wrap .m_info_box .service_info1,
    .content .con_list .con_list_wrap .m_info_box .service_info2 {border: 5px solid #ebebeb;box-sizing: border-box;margin-top: -5px;padding: 16px 10px;text-align: center;}
	.content .con_list .con_list_wrap .m_info_box .service_info1 {margin-top: 20px;}
	.content .con_list .con_list_wrap .m_info_box .service_title {font-size: 19px;line-height: 21px;margin-top: 0;letter-spacing:-1.5px;display: block;}
	.content .con_list .con_list_wrap .m_info_box .service_number {font-size:0;line-height:0;margin-top: 6px;}
	.content .con_list .con_list_wrap .m_info_box .service_number > * {display:inline-block; vertical-align:middle;}
	.content .con_list .con_list_wrap .m_info_box .service_number span {font-size: 17px;line-height:1;padding-right:8px;letter-spacing: -1px;font-weight: bold;color: #676767;}
	.content .con_list .con_list_wrap .m_info_box .service_number strong {font-family:'Century Gothic';font-size: 29px;line-height: 28px;font-weight:bold;letter-spacing:0;color: #fd5902;}
	.content .con_list .con_list_wrap .m_info_box .service_time {display:block;font-size: 15px;/* line-height: 16px; */color:#666;margin-top: 2px;}

    /*  로그인 영역 */
	.content .con_list .member_head .layout{border-bottom:1px solid #e8e8e8;margin-bottom:35px}

	.content .con_list .member_head{padding:10px 0 0;}
	.content .con_list .member_head .member_layout {margin-bottom: 35px;}
	.content .con_list .member_head .head_title{font-size:24px;}
	.content .con_list .member_head .head_title p {font-size:15px; letter-spacing: -0.5px;}
	.content .con_list .member_head .head_summary{margin: 13px 0 0 0;padding-bottom: 0;}

	.content .con_list .member_head .head_summary .mv_info {position:relative;padding: 20px;margin: 0 auto;line-height: 30px;}
	.content .con_list .member_head .head_summary .mv_info .mv_title {display:block;font-size: 20px;font-weight: normal;line-height: 25px;color:#222;margin-top: 0;/* max-height:84px; */text-overflow:hidden;/* overflow:hidden; */}
	.content .con_list .member_head .head_summary .mv_info .mv_title br {display:block;}
	.content .con_list .member_head .head_summary .mv_info .mv_date {display:block; font-family:'Century Gothic'; font-size:14px; line-height:22px; color:#666; letter-spacing:0; margin-top:16px;}
	.content .con_list .member_head .head_summary .mv_info .btn_more {display: inline-block;width: 100px;height: 34px;margin-top: 5px;background-color: #2b6ab4;}
	.content .con_list .member_head .head_summary .mv_info .btn_more a {/* position:absolute; */display:block;font-size: 13px;font-weight: bold;line-height: 21px;letter-spacing: -1px;color:#fff;text-align: center;padding: 6px;}
	.content .con_list .member_head .head_summary .mv_info .m_btn_more {display:none;}
	.content .con_list .member_head .head_summary .mv_info .tip {font-size: 13px;line-height: 18px;font-weight:bold;color: #f36910;margin-top: 0;}

	.content .con_list .loginWrap .eppLogin{padding-right:0}
    .content .con_list .loginWrap .noMemLogin{border-left:0}
    .content .con_list .loginBox .item_list ul li{width:100%;margin-left:0;1px solid #d2d2d2;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li{margin-left: 0;margin-bottom: 9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li{margin-left: 0;margin-bottom: 9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li{margin-left:0;margin-bottom: 9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li+li{margin-left: 0;margin-bottom: 9px;}
	.content .con_list .loginBox .item_list ul li:first-of-type+li+li+li+li+li{margin-left:0; margin-bottom:0}
    
    .content .con_list .loginBox .item_list ul li.icon0 a:before{left: 2px;background-size: 75%;}
	.content .con_list .loginBox .item_list ul li.icon1 a:before{left: 2px;background-size: 75%;}
	.content .con_list .loginBox .item_list ul li.icon2 a:before{left: 1px;background-size: 69%;}
	.content .con_list .loginBox .item_list ul li.icon3 a:before{left: 2px;background-size: 62%;}
	.content .con_list .loginBox .item_list ul li.icon4 a:before{left: 3px;background-size: 75%;}
	.content .con_list .loginBox .item_list ul li.icon5 a:before{left: 2px;background-size: 75%;}


    /* 로그인박스 */
	.content .con_list .loginBox{margin: 20px 0;overflow: hidden;display: table;width: 100%;box-sizing: border-box;}
	.content .con_list .loginBox .align_left .item_input input{height:60px}
	.content .con_list .loginBox .item_list .login_noti {overflow: hidden;border: 1px solid #b2b2b2;border-radius: 50px;padding: 10px;position: absolute;width: 60px;top: 20%;right: 3%;}
	.content .con_list .loginBox .item_list .login_noti p {font-size: 12px;letter-spacing: -1px;font-weight: bold;display: inline-block;padding-left: 3px;position: absolute;top: 21%;}
	.content .con_list .loginBox .item_list ul li a{height:58px}
	.content .con_list .loginBox .item_list ul li{width:49%;margin-bottom:9px;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2}
	.content .con_list .loginBox .item_list ul{width: 100%;margin: 0 auto;}
	.content .con_list .loginBox .item_list ul li{width: 100%;height: 58px;border:1px solid #d2d2d2;box-sizing: border-box;}
	.content .con_list .loginBox .item_list ul li a{position:relative;display:table;width:100%;height: 58px;font-size:16px;font-weight:500;padding: 2px 3px 4px 42px;box-sizing: border-box;}
	.content .con_list .loginBox .item_list ul li a span{display:table-cell;vertical-align:middle;font-size: 13px;font-weight: bold;letter-spacing: -1.3px;}
	.content .con_list .loginBox .item_list ul li a:hover:before{animation:h_scale 1 .6s ease-in-out}


	/*  푸터 영역  */
	.mfooter {position: relative;display: block;width: 100%;background: #1d1c1a;height: 80px;padding: 20px 0;}
	.mfooter .ft_inr {position: absolute;width: 100%;/* height: 100%; */top: 0;}
	.mfooter .ft_inr .footer_policy_nav {margin: 0 auto; display: block; position: absolute; text-align: center; }
	.mfooter .ft_inr .footer_policy_nav a { font-size: 13px; color: #ccc; padding: 9px 15px; border: 1px solid #fff; background: #1d1c1a; margin-right: 4px; }
	.mfooter .ft_inr .ft_info {display: block;position: absolute;top: 18px;margin: 0;text-align: center;}
	.mfooter .ft_inr .ft_info address, 
	.mfooter .ft_inr .ft_info p { display: inline-block; margin: 0 20px; text-align: center; font-family:'Noto Sans KR',sans-serif; font-size: 12px; line-height: 20px; font-weight:300; color:#818181; }

	/*  INTRO  */
	.icontent {width:100%;height:100%;margin: 0 auto;background: #e9e9e9;}
	.icontent .con_list {width:100%;margin:0 auto;padding: 150px 0 150px 0;background-size: 90%;}
	.icontent .con_list h2 {display: block;text-align:center;font-size: 38px;font-weight:300;letter-spacing: -2.5px;}
	.icontent .con_list .con_list_wrap {width: 100%;height: 205px;}
	.icontent .con_list .con_list_wrap ul li {position:relative;float:left;width: 44%;height: 434px;/* line-height: 20px; */vertical-align:middle;text-align: left;}
	.icontent .con_list .con_list_wrap .i_con_box1 {margin: 0;width: 100%;height: 153px;background: url(/resource/nsf/images/main/i_con_bg1.png);}
	.icontent .con_list .con_list_wrap .i_con_box1 a {display:block;height: 153px;position: relative;}
	.icontent .con_list .con_list_wrap .i_con_box1 .con_box_bg {background: none;}
	.icontent .con_list .con_list_wrap .i_con_box1 .tit {display:block;text-align: left;margin-bottom: 7px;line-height: 29px;font-size: 22px;font-weight: normal;letter-spacing: -2px;color:#ffffff;}
	.icontent .con_list .con_list_wrap .i_con_box1 .s_tit {margin-top: 0;font-size:15px;font-weight:300;text-align: left;color: #ffd5a4;}
	.icontent .con_list .con_list_wrap .i_con_box1 .tit_info {position: absolute;display:inline-block;vertical-align: middle;line-height:normal;z-index:1;padding-left: 20px;top: 16%;}
	.icontent .con_list .con_list_wrap .i_con_box1 .intro_btn {display: block;width: 118px;position: absolute;right: 20px;top: 89px;}
	.icontent .con_list .con_list_wrap .i_con_box1 .intro_btn p {top: 13px;position: absolute;font-size: 16px;font-weight: bold;color: #fff;}
	.icontent .con_list .con_list_wrap .i_con_box1 .btn_round {float: right;border-radius:50%;text-indent:-9999px;width: 44px;height: 44px;background:url(/resource/nsf/images/main/btn_arrow.png)no-repeat center center;background-size: 40%;background-color: #fff;}

	.icontent .con_list .con_list_wrap .i_con_box2 {margin: 0;width: 100%;height: 153px;background: url(/resource/nsf/images/main/i_con_bg2.png);}
	.icontent .con_list .con_list_wrap .i_con_box2 a {display:block;height: 153px;position: relative;}
	.icontent .con_list .con_list_wrap .i_con_box2 .con_box_bg {background: none;}
	.icontent .con_list .con_list_wrap .i_con_box2 .tit {display:block;text-align: left;margin-bottom: 7px;line-height: 29px;font-size: 22px;font-weight: normal;letter-spacing: -2px;color: #ff4e00;}
	.icontent .con_list .con_list_wrap .i_con_box2 .s_tit {margin-top: 0;font-size: 14px;letter-spacing: -0.5px;font-weight:300;text-align: left;color: #333;}
	.icontent .con_list .con_list_wrap .i_con_box2 .tit_info {position: absolute;display:inline-block;vertical-align: middle;line-height:normal;z-index:1;padding-left: 20px;top: 16%;}
	.icontent .con_list .con_list_wrap .i_con_box2 .intro_btn {display: block;width: 118px;position: absolute;right: 20px;top: 89px;}
	.icontent .con_list .con_list_wrap .i_con_box2 .intro_btn p {top: 13px;position: absolute;font-size: 16px;font-weight: bold;color: #333;}
	.icontent .con_list .con_list_wrap .i_con_box2 .btn_round {float: right;border-radius:50%;text-indent:-9999px;width: 44px;height: 44px;background:url(/resource/nsf/images/main/btn_arrow2.png)no-repeat center center;background-size: 40%;background-color: #f7731d;}

}

/* 레이어팝업 */

.def_LayerPop2,
.def_LayerPop, .l_LayerPop,
.def_LayerPop, .l_LayerPop2 {display:none;position:fixed;left:50%;margin-left:-255px;top:50%;width:100%;max-width:510px;max-height:100%;background:#fff;z-index:9999;overflow:hidden}
.l_LayerPop:focus,
.l_LayerPop2:focus{outline:0}

.l_LayerPop .def_lPop_top{padding:20px;background:#0254a2;color:#fff;text-align:left}
.l_LayerPop .def_lPop_top strong{color:#fff;font-size:19px;font-weight:normal}
.l_LayerPop .def_lPop_body{padding: 30px;border-width:0 1px 1px;border-style:solid;border-color:#a6a6a6;text-align:left;max-height:calc(100vh - 61px);overflow-y: scroll;}
.l_LayerPop .def_lPop_body em{display:block;margin:20px 0 0;color:#111}
.l_LayerPop .def_lPop_body em:first-child{margin-top:0}
.l_LayerPop .def_lPop_body .btnArea{margin-top:20px;padding-top:20px;border-top:1px solid #6f6e6e;text-align:center}
.l_LayerPop .def_lPop_body .ta_box{margin:8px 0}
.l_LayerPop.type_1{max-width: 768px;margin-left:-450px;}
.l_LayerPop.type_1 .def_lPop_body{height: 540px;}

.l_LayerPop2 .def_lPop_top{padding:20px;background:#0254a2;color:#fff;text-align:left}
.l_LayerPop2 .def_lPop_top strong{color:#fff;font-size:19px;font-weight:normal}
.l_LayerPop2 .def_lPop_body{padding: 30px;border-width:0 1px 1px;border-style:solid;border-color:#a6a6a6;text-align:left;max-height:calc(100vh - 61px);overflow-y: scroll;}
.l_LayerPop2 .def_lPop_body em{display:block;margin:20px 0 0;color:#111}
.l_LayerPop2 .def_lPop_body em:first-child{margin-top:0}
.l_LayerPop2 .def_lPop_body .btnArea{margin-top:20px;padding-top:20px;border-top:1px solid #6f6e6e;text-align:center}
.l_LayerPop2 .def_lPop_body .ta_box{margin:8px 0}
.l_LayerPop2.type_1{max-width: 768px;margin-left:-450px;}
.l_LayerPop2.type_1 .def_lPop_body{height: 540px;}


.def_LayerPop .def_lPop_body,
.l_LayerPop .def_lPop_body, 
.l_LayerPop2 .def_lPop_body{padding: 30px;border-width:0 1px 1px;border-style:solid;border-color:#a6a6a6;text-align:left;max-height:calc(100vh - 61px);overflow-y:auto;}


.defPop_close{position:absolute;right:20px;top:20px;width:23px;height:23px;text-indent:-9999px; background:#0254a2;}
.defPop_close:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(/resource/nsf/images/common/icon_defPop_close.png) center center no-repeat;transition:all .3s}
.defPop_close:hover:after{transform:rotate(180deg)}


/* 레이어팝업 - 반응형 */
@media all and (max-width:920px){
    .def_LayerPop.type_1,
    .def_LayerPop.type_2,
    .def_LayerPop.combine,
    .l_LayerPop.type_1,
    .l_LayerPop2.type_1{max-width: 768px;margin-left:-384px;}
}

@media all and (max-height:710px){
	
	.def_LayerPop.type_1 {top:0;margin-top:0 !important}
    .def_LayerPop.type_1 .def_lPop_body{height:calc(100vh - 61px);max-height:inherit}
	.l_LayerPop.type_1 .def_lPop_body,
	.l_LayerPop2.type_1 .def_lPop_body{height: calc(100vh - 86px);max-height:inherit;}
	
}

@media all and (max-width:640px){
    
    .def_LayerPop.type_1,
    .l_LayerPop.type_1,
    .l_LayerPop2.type_1{max-width:100%;margin-left:0;left:0; min-height: 100vh; position: fixed; height: 100%; overflow: scroll;}
    .def_LayerPop.type_1 .def_lPop_body{padding:10px}
    .def_LayerPop .def_lPop_body, 
    .l_LayerPop .def_lPop_body,
    .l_LayerPop2 .def_lPop_body {padding:10px}
    .l_LayerPop2.type_1 .def_lPop_body, .l_LayerPop.type_1 .def_lPop_body {height: calc(100vh - 86px);}
    
    .l_LayerPop .def_lPop_body .ta_box textarea,
	.l_LayerPop2 .def_lPop_body .ta_box textarea{height:120px}

    .def_LayerPop.combine .def_lPop_body{padding:20px 10px}
    
    .def_LayerPop .def_lPop_body .ta_box textarea,
	.l_LayerPop .def_lPop_body .ta_box textarea,
	.l_LayerPop2 .def_lPop_body .ta_box textarea{height:120px}
	
}

@media all and (max-width:530px){
    .detail_expPop .lPop_top h4{font-size:18px}
    .lPop_con{font-size:14px}
    .lPop_con .txt_list.t01 li{font-size:14px}

    .def_LayerPop{height:100%;max-width:inherit;left:0;margin-left:0;top:0;margin-top:0 !important}
    .def_LayerPop .def_lPop_top{padding:15px}
    .def_LayerPop .def_lPop_body,
    .def_LayerPop.type_1 .def_lPop_body{padding:20px 10px 80px;height:calc(100vh - 51px);max-height:inherit;border:0;overflow-y:scroll}
    .defPop_close{right:15px;top:15px}
    
	.def_LayerPop.type_2,
	.l_LayerPop.type_2,
	.l_LayerPop2.type_2 {left:0;top:0;margin-top:0 !important;margin-left:0}
	.def_LayerPop.type_2 .def_lPop_body,
	.l_LayerPop.type_2 .def_lPop_body,
	.l_LayerPop2.type_2 .def_lPop_body{padding:10px 10px 85px 10px;height:calc(100vh - 61px);max-height:inherit}
	.def_LayerPop.type_2 .def_lPop_body:after,
	.l_LayerPop.type_2 .def_lPop_body:after,
	.l_LayerPop2.type_2 .def_lPop_body:after{height:85px}

    .satisfaction_chk li{margin-bottom:5px}
    .pa_b_m {display:block!important;}
    .pa_b_w {display:none;}
}

@media all and (max-width:510px){
	.l_LayerPop,
	.l_LayerPop2{height:100%;max-width:inherit;left:0;margin-left:0;top:0;margin-top:0 !important}    
	.l_LayerPop .def_lPop_body.satisfaction,
	.l_LayerPop2 .def_lPop_body.satisfaction{height:auto;padding-bottom:80px}
}




/* 이용안내 내용 */
.ja_intro{margin-bottom: 40px;}
.ja_intro>li{border-width:1px 0;border-style:solid;border-color:#c4c9ce;margin-top:25px}
.ja_intro>li:first-child{padding-top:0;margin-top:0}
.jai_wrap{display:table}
.jai_wrap:after{content:"";display:block;clear:both}
.jai_wrap .jai_tit{display:table-cell;vertical-align:top;padding:22px;width:23.5%;min-width:160px;background:#e9ecf2}
.jai_wrap .jai_tit img{vertical-align:middle}
.jai_wrap .jai_tit strong{position:relative;display:inline-block;margin-bottom:20px;color:#333;font-size:22px;font-weight:500;padding-top:13px;line-height:26px;word-break:keep-all}
.jai_wrap .jai_tit strong:before{content:"";display:block;position:absolute;left:0;top:0;width:20px;height:4px;background:#318de7}

.jai_wrap .jai_txt{overflow:hidden;padding: 20px 10px;}
.jai_wrap .jai_txt p{line-height:28px;word-break:keep-all}
.jai_wrap .jai_txt p strong{color:#111;font-weight: 600;}

.jai_wrap .jai_tit2{display:table-cell;vertical-align:top;padding:22px;width:23.5%;min-width:160px;background:#e9f2ec;}
.jai_wrap .jai_tit2 img{vertical-align:middle}
.jai_wrap .jai_tit2 strong{position:relative;display:inline-block;margin-bottom:0;color:#333;font-size: 18px;font-weight:bold;padding-top:13px;line-height:26px;word-break:keep-all;}
.jai_wrap .jai_tit2 strong:before{content:"";display:block;position:absolute;left:0;top:0;width:20px;height:4px;background:#318de7;}

.jai_wrap .jai_tit2.mc01, 
.jai_wrap .jai_tit2.mc02,
.jai_wrap .jai_tit2.mc03 {background: #e9ecf2;}
.jai_wrap .jai_tit2 .t_in{display: block;text-indent: -23px;margin-left: 17px;}

.jai_Ltit{display:block;color:#318de7;font-weight:500;font-size:17px}
.jai_wrap .jai_txt .txt_list li{line-height: 24px;font-size: 15px;letter-spacing: -0.5px;}
.jai_wrap .jai_txt .txt_list li strong{color:#555;font-weight:bold;}
.jai_wrap .jai_txt .txt_list li .tip {line-height: 20px;font-size: 14px;font-weight: bold;letter-spacing: -0.5px; color:#318de7;}


/* 이용안내-반응형 */
@media all and (max-width:640px){
    #contentWrap #txt{padding:0 10px 30px 10px}

    .jai_wrap{display:block}
    .jai_wrap .jai_tit,
    .jai_wrap .jai_tit2{padding:20px;}
    .jai_wrap .jai_tit strong,
    .jai_wrap .jai_tit2 strong{font-size:18px;margin:0}
    .jai_wrap .jai_txt{padding:15px 10px}
}

/* 자주 하는 질문 */
.slideTxt{margin: 10px 0;}
.slideTxt>li>a{display:block;margin-top:-1px;position:relative;padding: 25px 90px 25px 20px;background:#fff;border-top:1px solid #c4c9ce;font-weight: bold;font-size: 15px;letter-spacing: -0.5px;color:#111;line-height: 24px;background: #f4f5f9;}
.slideTxt>li>a .t_in{display: block; text-indent: -16px; margin-left: 10px;}

.slideTxt>li>a.on{background:#f4f5f9;font-size: 15px;letter-spacing: -0.5px;line-height: 24px;font-weight: bold;}
.slideTxt>li>a:after{content:"";display:block;position:absolute;right: 20px;top:50%;margin-top:-18px;width:35px;height:35px;background: url(/resource/nsf/images/common/btn_slideArrow.png) center center no-repeat;transition:all .3s;}
.slideTxt>li>a.on:after{transform:rotate(180deg)}
.slideTxt>li:last-child{border-bottom:1px solid #c4c9ce}
.slideTxt>li>.slideT_box{display:none;background: #fbfcfe;}
.slideTxt>li>.slideT_box>.slideT_con{padding: 20px;border-top:1px solid #e1e1e1;}
.slideTxt>li>.slideT_box>.slideT_bottom{padding:15px;border-top:1px solid #e1e1e1}
.slideTxt>li>.slideT_box>.slideT_bottom ul li{margin-top:6px}
.slideTxt>li>.slideT_box>.slideT_bottom ul li:first-child{margin-top:0}
.slideTxt>li>.slideT_box>.slideT_bottom span{margin-right:10px;color:#111;font-weight:500}
.slideTxt>li>.slideT_box>.slideT_bottom span strong{color:#274aba;font-weight:500}
.slideTxt>li>.slideT_box>.slideT_input{display:none;padding:15px;border-top:1px solid #e1e1e1}
.slideTxt>li>.slideT_box>.slideT_input .sT_masg>span{margin-right:10px;color:#111;font-weight:500}
.slideTxt>li>.slideT_box>.slideT_input .sT_masg>span>strong{color:#274aba;font-weight:500}

.slideTxt>li>.slideT_box>.slideT_con .box_pt{overflow:hidden;min-height:100px;margin: 10px 0;}
.slideTxt>li>.slideT_box>.slideT_con .box_pt strong{display:block;color:#333;margin-bottom: 0;line-height:24px;font-size: 15px;letter-spacing:-0.02em;font-weight: bold;word-break:keep-all;}
.slideTxt>li>.slideT_box>.slideT_con .box_pt p{color:#555;line-height:24px;word-break:keep-all}
.slideTxt>li>.slideT_box>.slideT_con .box_pt .tip {font-size: 13px;font-weight: bold;letter-spacing: -0.5px;color:#318de7;padding-left: 10px;display: block;line-height: 20px;margin-top: 2px;}
.slideTxt>li>.slideT_box>.slideT_con .box_pt .tip2 {font-size: 13px;font-weight: bold;letter-spacing: -0.5px;color:#e4012e;padding-left: 10px;display: block;line-height: 20px;margin-top: 2px;}

.slideTxt>li>.slideT_box>.slideT_con .box_pt .txt_list li {font-size:14px;letter-spacing:-0.5px;margin-bottom: 5px;}


/* 자주하는 질문 -반응형 */
@media all and (max-width:640px){
    .slideTxt>li>a{display:block;margin-top:-1px;position:relative;padding: 20px 70px 20px 20px;background:#fff;border-top:1px solid #c4c9ce;font-weight: bold;font-size: 14px;letter-spacing: -1px;color:#111;line-height: 23px;background: #f4f5f9;}
    .slideTxt>li>a.on{background:#f4f5f9;font-size: 14px;letter-spacing: -1px;line-height: 23px;font-weight: bold;}
    .slideTxt>li>.slideT_box>.slideT_con .box_pt strong{display:block;color:#333;margin-bottom: 0;line-height: 23px;font-size: 14px;letter-spacing: -1px;font-weight: bold;word-break:keep-all;}

}


/*  테이블  */
.table_box{overflow:hidden;margin: 20px 0;}
.table_box>ul{display:table;background:#fff}
.table_box>ul>li{display:table-cell;width:50%;border:1px solid #dfdfdf; font-size:15px;}
.table_box>ul>li:first-child{border-right:0}
.table_box>ul>li .tit{padding:10px 12px;text-align:center;border-bottom:1px solid #dfdfdf;background:#e0edf6}
.table_box>ul>li .tit strong{font-size:15px;color:#111;margin-bottom:0}
.table_box>ul>li .cont{padding:10px 12px;background:#fff}
@media (max-width:640px){
    .table_box>ul{display:block}
    .table_box>ul>li{width:100%;display:block;}
    .table_box>ul>li:first-of-type{border-right:1px solid #dfdfdf;border-bottom:0}
    .table_box>ul>li .tit{padding:10px}
    .table_box>ul>li .cont{padding:10px}
}

.sT_item{margin-top:5px;position:relative;padding-left:75px;max-width:285px}
.sT_item input[type=text]{width:100%}
.sT_item:first-child{margin-top:0}
.sT_item label{color:#111;position:absolute;left:0;top:11px}
.sT_item.r_btn{padding-right:65px;max-width:350px}
.sT_item.r_btn .btn{position:absolute;right:0;top:0}

.sMore_btn{padding:6px 0;text-align:center;background:#fff;border:1px solid #9a9a9a;margin-top:10px}
.sMore_btn a, .sMore_btn button{display:inline-block;padding:4px 26px 5px 0;background:url(/resource/images/paid/nep/pot/board/prog_search_fold_plus.png) right center no-repeat;font-size:16px;color:#111}
.sMore_btn a.on, .sMore_btn button.on{background:url(/resource/images/paid/nep/pot/board/prog_search_fold_min.png) right center no-repeat}

@media all and (max-width:500px){
    .sT_item{max-width:inherit;width:100%}
}