@charset "utf-8";

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000; position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}


#hd { width: 100%; margin: 0; padding: 0 0 4px 0; position: relative; z-index: 10; height:60px; background: #FFF;border-bottom:1px solid #12439a;}
#hd.pop { background: #01b0c3; padding: 0;}
#hd.npop { background: #313a4b; padding: 0;}
#hd.pop .page-title { background: none;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd .top { margin: 0 50px; padding: 25px 0px; overflow: hidden;}
#hd .top .logo { float: left; }
#hd .top .tnb { position: relative; z-index:10; float: right; line-height: 60px; margin-right: 25px;  }
#hd .top .tnb > a { display: inline-block; margin-right: 20px; font-size: 16px; color: #737373;}
#hd .top .tnb > a:first-child { margin-left: 0px; }
#hd .top .tnb > a.search { display: none; }
#hd .top .btn-mobi { display: none;}

#hd #gnb { width: 100%; min-height: 50px; position: relative; border-top:1px solid #eeeeee;}
#hd #gnb > .gnb { width: auto; margin: 0px; }
#hd #gnb > .gnb > h2 { display: block; line-height: 72px; background: #2b56a5; padding: 0px 20px; }
#hd #gnb > .gnb > ul { overflow-y: scroll; padding: 0px 0px}
#hd #gnb > .gnb > ul > li { float: left; width:20%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #eee;}
#hd #gnb > .gnb > ul > li:first-child { border-left: 1px solid #eee;}
#hd #gnb > .gnb > ul > li > a { display: inline-block; height: 65px; line-height: 65px; font-size: 17px; color: #000000; width: 100%; }
.gnb-banner { display: none;}
#hd #gnb > .gnb > strong { display: none; }
#hd #gnb > .gnb > ul > li > ul { display: none; position: absolute; left: -100px; }
#hd #gnb > .gnb .close { display: none; }

#container {position: relative; z-index: 9; width: 100%; margin: -4px 0 0 0; padding: 0; min-height: 300px; padding-top:0px; }
#content {}


#ft { width: 100%; margin: 0; background: #4b4b4b; clear: both;}
#ft .footer { position: relative; text-align: center;}
#ft .fnb a { display: inline-block; font-size: 20px; color: #fff; line-height: 20px; border-left: 1px solid #8b8b8b; padding: 0px 20px;  }
#ft .fnb a:first-child { padding-left: 0px; border-left: 0px; }
#ft .footer p { margin: 20px auto 0px; font-size: 16px; line-height: 20px; color: #fff; opacity: 0.3; filter: alpha(opacity=30); }
#ft .footer p.copy {padding-bottom: 80px;}
#ft .footer .ft-btn { display: none; }
#ft .ft-btn2 { margin-bottom:20px;}
#ft .ft-btn2 > ul { overflow: hidden;background:#4563a1;border-bottom:1px solid #5971a5; }
#ft .ft-btn2 > ul > li { float: left; width: 50%; line-height: 40px; border-top: 1px solid #5971a5; padding-left: 20px; text-align: left;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#ft .ft-btn2 > ul > li:first-child { border-right: 1px solid #5971a5;}
#ft .ft-btn2 > ul > li > a { display: block; line-height: 40px; font-size: 14px;  color: #fff; /* opacity: 0.7;filter: alpha(opacity=70);*/}
#ft .ft-btn2 > ul > li.wp100 > a {}
#ft .ft-btn2 > ul > li.wp100 > a > span { display: block; line-height: 40px; margin-right:20px; background: url(/images/mobile/nhi/sub/btn/btn-arr-open.png) no-repeat center right; background-size: 13px 8px; }
.go-web { display: none; position: absolute; left: 0px; width: 100%; height: 90px; overflow-y: scroll; background: #fff; background:#f9f9f9; border: 1px solid #ddd; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:1;}
.go-web > ul > li { line-height: 20px; }
.go-web > ul > li > a {font-size:14px;padding-left:5px;}
.go-web > ul > li > a:before {content:"ㆍ";color:#bbb;width:5px;}

.snb > ul { overflow: hidden; }
.snb > ul > li { float: left; text-align: center; border-left: 1px solid #e8e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.snb > ul > li > a { display: block; border-bottom:1px solid #2b56a5; line-height: 95px; font-size: 30px; color: #707070; font-weight: bold; }
.snb > ul > li > a:hover, .snb > ul > li > a.active { background:url(/images/mobile/nhi/sub/line/snb-hover-line.png) repeat-x center bottom; color: #2b56a5; }


@media (min-width: 769px) and (max-width: 1200px) {/*삭제*/ } 
@media (min-width: 641px) and (max-width: 768px) { /*삭제*/ } 
@media (min-width: 481px) and (max-width: 640px) { /*삭제*/ } 
@media (min-width: 320px) and (max-width: 480px) { /*삭제*/ } 


/* 상단검색창 */
.process{position:relative;z-index:10000000000}
.process .toggle{display:block;}
.process .toggle b{color:#0665c1;font-weight:800}
.process .pop{display:none;position:absolute;left:0;width:100%;top:110px;overflow:auto;background:#e3d7eb;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25);}
.process.on .pop{display:block}

.top-search.pop{display:none;position:absolute;left:0;width:100%;top:85px;overflow:auto;background:#3d7cd0;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25);}


@media (min-width: 769px) and (max-width: 1200px) { /*삭제*/ } 
@media (min-width: 641px) and (max-width: 768px) { /*삭제*/ } 
@media (min-width: 481px) and (max-width: 640px) { /*삭제*/ } 
@media (min-width: 320px) and (max-width: 480px) { /*삭제*/ } 


.process .pop{display:none;position:absolute;left:0;width:100%;top:110px;overflow:auto;background:#3d7cd0;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25); }

.pop {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* 20190226 */
#hd #gnb{bottom:0;}
/* #hd #gnb > .gnb > ul{position:absolute;bottom:70px;left:0;right:0;overflow-y:auto;} */
#hd #gnb > .gnb > ul{overflow-y:auto;} 
.gnb-banner{position:fixed;bottom:0;left:0;right:0;height:70px;width:80%;}
.gnb-banner a span{padding-top:70px !important;}
.gnb-banner a span br{display:none;}


/* //////////////////////////////////////////////////////////////////////////////////// 반응형 //////////////////////////////////////////////////////////////////////////////////// */

/*Mobile*/
/*@media all and (max-width:1200px){*/
	.wrap{min-width:auto !important;}
	#ft .footer{height:auto;}
	.go-web{height:auto;}
	#hd .top .btn-mobi { position: relative; z-index: 10; display: inline-block; float: left; margin-top:6px; width: 24px; height: 20px; text-indent: -9999px; background: url(/images/mobile/nhi/common/btn/btn-mobi-menu.png) no-repeat; background-size: cover;}
	#mobi-bg { display: none; position: fixed; top: 0px; left: 0px; z-index: 9; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; }
	#hd .top { position: relative; margin: 0px 15px; padding: 13px 0px; }
	#hd .top .logo { float:none; position: absolute; width: 100%; text-align: center;  z-index: 9; }
	#hd .top .logo img { width: 100px; }
	#hd #gnb > .gnb > h2 { display: block; line-height: 44px; background: #2b56a5; padding: 0px 20px; font-size: 18px; }
	#hd .top .tnb { margin-right: 0px; line-height: normal; width:auto; text-align:right; }
	#hd .top .tnb > a { display: none; float:left; margin: 0 4px;letter-spacing: -0.075em; text-align: center; font-size: 12px; font-weight: bold; color: #21b9ba; margin-right: 0px; }
	#hd .top .tnb > a.login { display: block; position:static !important;background: url(/images/mobile/nhi/common/btn/btn-mobi-login.png) no-repeat center 2px; background-size: 32px 32px; line-height: 35px; width: 35px; height:35px; }
	#hd .top .tnb > a.logout { display: block; background: url(/images/mobile/nhi/common/btn/logout_btn.png) no-repeat center 2px; background-size: 32px 32px; line-height: 35px; width: 35px; height:35px; }
	#hd .top .tnb > a.search { display: block; margin-right: 0px; background: url(/images/mobile/nhi/common/btn/btn-mobi-search.png) no-repeat center 2px; background-size:  32px 32px; line-height: 35px; width: 35px; height:35px; }	
	#hd .top .btn-mobi { display: inline-block; float: left; margin-top: 9px; width: 18px; height: 16px; position: relative; z-index: 10; text-indent: -9999px; background: url(/images/mobile/nhi/common/btn/btn-mobi-menu.png) no-repeat; background-size: cover;}
	#gnb { display: none; }
	
	.snb > ul > li > a { display: block; line-height: 47px; font-size: 13px; color: #707070; font-weight: normal; }
	
	#ft { width: 100%; margin: 0; background: #4b4b4b;  background:#345394;}
	#ft .footer { position: relative; text-align: center;background-color:#4563a1;}
	#ft .fnb {}
	#ft .fnb a { margin-left: -4px; display: inline-block; font-size: 11px; color: #cbcbcb; line-height: 20px; border-left: none; background: url(/images/mobile/nhi/common/line-bg.png) no-repeat; padding: 0px 10px; /*font-weight: bold;*/ padding-bottom: 10px; border-bottom: 1px solid #8b8b8b;}
	#ft .fnb a:first-child { padding-left: 10px; border-left: 0px; background: none; }
	#ft .fnb a.last { display: none; }
	#ft .footer p { margin: 10px 20px 10px 10px; font-size: 12px; color: #fff; opacity: 1.3; filter: alpha(opacity=30);letter-spacing:-.03em;text-align:left;}
	#ft .footer p.copy {padding-bottom:20px; }
	#ft .footer p span { display: none; }
	#ft .footer .ft-btn { display: block; margin-bottom: 20px; }
	#ft .footer .ft-btn a { display: inline-block; background: #fff; border: 1px solid #cbcbcb; color: #6f6f6f; width: 60px; height: 24px; line-height: 24px; margin-left: 10px; font-size: 12px; font-weight: bold; }
	#ft .footer .ft-btn a:first-child { margin-left: 0px;}
	
	#hd #gnb { display: none; position: fixed; top: 0px; left: 0px; width:360px; height: 100%; /* min-height: inherit; */ border-top: none; background: #fff; z-index: 9999; overflow:hidden; }
	#hd #gnb > .gnb { width: auto; margin: 0px; }
	#hd #gnb > .gnb > ul { padding: 0px 0px}
	#hd #gnb > .gnb > ul > li { float :none; width:100%; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: none; border-bottom: 1px solid #e8e8e8; }
	#hd #gnb > .gnb > ul > li:first-child { border-left: none;}
	#hd #gnb > .gnb > ul > li.submenu > a > span { display: inline-block; width: 100%; background: url(/images/mobile/nhi/sub/btn/btn-faq-open.png) no-repeat center right;background-size: 14px 8px;  }
	#hd #gnb > .gnb > ul > li.submenu > a.active > span { display: inline-block; width: 100%; background: url(/images/mobile/nhi/sub/btn/btn-faq-close.png) no-repeat center right;background-size: 14px 8px; }
	#hd #gnb > .gnb > ul > li > a { padding: 0px 25px; display: inline-block; height: 50px; line-height: 46px; font-size: 17px; color: #000000; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#hd #gnb > .gnb > ul > li > a { padding-left: 50px;}
	#hd #gnb > .gnb > ul > li.gnb01 > a { background: url(/images/mobile/nhi/common/ico-gnb01-n.png) no-repeat 25px center; background-size: 20px 20px;}
	#hd #gnb > .gnb > ul > li.gnb02 > a { background: url(/images/mobile/nhi/common/ico-gnb02-n.png) no-repeat 25px center; background-size: 20px 20px;}
	#hd #gnb > .gnb > ul > li.gnb03 > a { background: url(/images/mobile/nhi/common/ico-gnb03-n.png) no-repeat 25px center; background-size: 20px 20px;}
	#hd #gnb > .gnb > ul > li.gnb04 > a { background: url(/images/mobile/nhi/common/ico-gnb04-n.png) no-repeat 25px center; background-size: 20px 20px;}
	#hd #gnb > .gnb > ul > li.gnb05 > a { background: url(/images/mobile/nhi/common/ico-gnb05-n.png) no-repeat 25px center; background-size: 20px 20px;}
	#hd #gnb > .gnb > ul > li.gnb06 > a { background: url(/images/mobile/nhi/common/ico-gnb06-n.png) no-repeat 25px center; background-size: 20px 20px;}
	#hd #gnb > .gnb > ul > li.gnb07 > a { background: url(/images/mobile/nhi/common/ico-gnb02-n.png) no-repeat 25px center; background-size: 20px 20px;}
	#hd #gnb > .gnb > ul > li.submenu > ul > li > a { padding-left: 20px; background: url(/images/mobile/nhi/common/gnb-arr-n.png) no-repeat 5px center; background-size: 5px 8px; }
	#hd #gnb > .gnb strong { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 65px; background: #2b56a5; padding-left:25px; color:white; font-size:18px;}
	#hd #gnb > .gnb strong span {font-size:16px;}
	#hd #gnb > .gnb strong span a {color:white; border-bottom: 1px solid #fff;}
	#hd #gnb > .gnb strong img { width: 50%;}
	#hd #gnb > .gnb > ul > li > ul { display: none; position: relative; left: 0px; background: #f1f1f1; border-top: 1px solid #e8e8e8; padding: 30px; }
	#hd #gnb > .gnb > ul > li > ul > li { margin-top: 20px; }
	#hd #gnb > .gnb > ul > li > ul > li:first-child { margin-top: 0px;}
	#hd #gnb > .gnb > ul > li > ul > li > a { font-size: 15px; color: #555555;}
	#hd #gnb > .gnb .close { display: inline-block; position: absolute; top: 22px; right: 22px; text-indent: -9999px; width: 17px; height: 17px; background: url(/images/mobile/nhi/common/btn/btn-gnb-close.png) no-repeat; background-size: 17px 17px; }
	.gnb-banner { display: block; width:360px;text-align: center; }
	.gnb-banner a { margin-left: -3px; display: inline-block; width: 24.5%; height:100%; }
	.gnb-banner a:first-child { margin-left: 0px; }
	.gnb-banner a span { display: inline-block; padding-top: 70px; width: 100%; vertical-align: middle; font-size:0;text-indent:100%;white-space:nowrap;overflow:hidden;}
	.gnb-banner a.gb01 span { background: url(/images/mobile/nhi/common/ico/ico-gnb01.jpg) no-repeat center top; background-size: 100% 100%;}
	.gnb-banner a.gb02 span { background: url(/images/mobile/nhi/common/ico/ico-gnb02.jpg) no-repeat center top; background-size: 100% 100%;}
	.gnb-banner a.gb03 span { background: url(/images/mobile/nhi/common/ico/ico-gnb03.jpg) no-repeat center top; background-size: 100% 100%;}
	.gnb-banner a.gb04 span { background: url(/images/mobile/nhi/common/ico/ico-gnb04.jpg) no-repeat center top; background-size: 100% 100%;}
	.gnb-banner a.gb05 span { background: url(/images/mobile/nhi/common/ico/ico-gnb05.jpg) no-repeat center top; background-size: 100% 100%;}
	
	#mobi-bg { display: none; position: fixed; top: 0px; left: 0px; z-index: 9; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; z-index:99;}
	.process .pop{top:60px;}
	
	.top-search.pop {top:60px;}
	.top-search { padding: 15px 12px; }
	.top-search > ul { overflow: hidden;}
	.top-search > ul > li { float: left; }
	.top-search > ul > li select { width: 100%; line-height: 50px; height: 50px; padding-left: 15px; font-size: 26px; color: #000; border: 1px solid #c2c2c2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.top-search > ul > li.txt-bx { margin-left: 10px; width: -moz-calc(99% - 85px); width: -webkit-calc(99% - 85px); width: -o-calc(99% - 85px); width: calc(99% - 85px);}
	.top-search > ul > li.txt-bx input { width: 100%; line-height: 38px; height: 38px; margin-top:1px; border: 0px solid #c2c2c2; padding: 0px 15px; font-size: 16px; color: #000;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 3px; }
	.top-search > ul > li.btn { margin-left: 5px;}
	.top-search > ul > li.btn a { display: inline-block; text-align: center; width: 70px; line-height: 38px; height: 40px; background: #345394; font-size: 16px; font-weight: bold; color: #fff !important; letter-spacing: -0.025em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 4px;}
	.snb > ul > li > a{padding:20px 0;font-size:13px;line-height:140%;font-weight:bold;}
	
	#hd #gnb > .gnb > ul{position:absolute;top:65px;left:0;right:0;bottom:70px;overflow-y:auto;}
/*}*/

/*Tablet*/
@media all and (min-width:640px) and (max-width:1200px){
	#ft .fnb a{padding:0 15px 10px;font-size:14px;}
	#ft .footer p{font-size:13px;}
}

/*Phone*/
@media all and (max-width:639px){
}

.wrap{posirion:relative;margin:0 auto;max-width:1024px;}/*20190509*/
.footer ul{max-width:100%;}/*20190509*/