@charset "utf-8";

#ft{height:auto;}
#ft .footer{height:auto;padding:1rem 0;overflow:inherit;}
#ft .footer:after{display:block;content:'';clear:both;}
#ft .footer .copyright{position:static;float:none;clear:both;width:100%;padding-top:1rem;text-align:center;}

.allmenu > div > ul > li > ul > li > ul{display:none;}

@media only screen and (max-width:1172px) {
	html, body{overflow:inherit !important;}
	body {margin:0;padding:0;font-size:0.75em; font-family: "Nanum Gothic", sans-serif;overflow-x:hidden;}

	#hd,
	#header,
	#ft{width:1172px;}	
}

@media only screen and (max-width:991px) {
	#hd,
	#header,
	.head,
	#ft,
	#ft #fnb .fnb,
	#ft .footer{min-width:auto;min-height:auto;height:auto;width:100%;box-sizing:border-box;}
	.head{padding:0 15px;}
	.head:after{display:block;content:'';clear:both;}

	#sub_contents{width:auto;padding:0 15px;margin-top:20px;}
	#left{display:none;}
	#sub_con{float:none;width:auto;}
	#container .contents{float:none !important;width:auto !important;margin:0px;}
	.contents{width:auto;padding:0 15px;}
	.contents #contents{float:none !important;width:auto !important;}

	.head .logo_new_top,
	.head .logo-txt{margin:15px 15px 0 0; }
	.head .tnb {display: none;}

	.gnb{margin-top:20px;}
	.gnb > ul > li{display:none;}
	.gnb > ul > li.allmenu{display:block;margin-left:0;}
	.gnb > ul > li.allmenu > a{position:relative;width:40px;height:40px;background: url(http://www.nhi.go.kr/new_html2/img/common/btn-allmenu.jpg) no-repeat;background-size:cover;z-index:2;}
	.gnb > ul > li.allmenu > a.active{background-size:cover;}
	
	.allmenu > div{z-index:1;display:none;width:80%;height:auto;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;background:#fff;transition: 0.5s;padding:20px 100px 0;box-shadow:0 4px 8px rgba(0,0,0,0.3);box-sizing:border-box;}
	.allmenu > div > ul{width:auto;}
	.allmenu > div > ul > li {float:none;text-align: left;line-height: 1.2;padding-bottom: 1rem;margin:20px 0;border-bottom: 1px solid black;}
	.allmenu > div > ul > li:last-child{margin-bottom:20px;}
	.allmenu > div > ul > li > a { font-size: 1.5rem; color: #333333; font-weight: bold; letter-spacing: -0.04em; }
	.allmenu > div > ul > li > ul { margin-top: 20px !important; }
	.allmenu > div > ul > li > ul > li.onlyMobile{display:block;}
	.allmenu > div > ul > li > ul > li > a { font-size: 1.2rem; color: #333333; padding-left: 1rem; background: url(http://www.nhi.go.kr/new_html2/img/common/allmenu-bullet.png) no-repeat left center;}
	.allmenu > div > ul > li > ul > li { margin-top: 15px;}
	.allmenu > div > ul > li > ul > li:first-child { margin-top: 0px;}
	.allmenu > div > ul > li > ul > li > ul{display:none;}
	.allmenu > div > ul > li > ul > li.subOpen > ul{display:block;}
	.allmenu > div > ul > li > ul > li.subOpen > ul > li{margin-top:5px;}
	.allmenu .btn-close{display:block;width:80px;height:80px;margin-top:-40px;position:absolute;top:50%;right:10px;bottom:10px;left:auto;text-indent:100%;background: url(http://www.nhi.go.kr/new_html2/img/common/btn-allmenu-close2.png) no-repeat; }
	
	.allmenu > div{width:280px;padding:20px 20px 0 20px;}	
	.allmenu > div > ul > li > a{font-size:1.35rem;}
	.allmenu > div > ul > li > ul > li > a{font-size:1rem;}
	.allmenu .btn-close{display:none;}
	
	#ft #fnb{height:auto;}
	#ft #fnb .fnb > ul.btn-ft,
	#ft #fnb .fnb > ul.go-url{float:none;}
	#ft #fnb .fnb > ul.btn-ft{display:block;padding:5px 0;text-align:center;}
	#ft #fnb .fnb > ul.btn-ft:after{display:block;content:'';clear:both;}
	#ft #fnb .fnb > ul.btn-ft > li{display:inline-block;float:none;margin:0;line-height:normal;}
	#ft #fnb .fnb > ul.btn-ft > li > a{display:block;padding:5px;font-size:1rem;}
	#ft #fnb .fnb > ul.go-url:after{display:block;content:'';clear:both;}
	#ft #fnb .fnb > ul.go-url > li{width:33.3333%;}
	#ft #fnb .fnb > ul.go-url > li > button{width:100%;background-position:95% center;font-size:1rem;}
	.go-web{bottom:inherit;z-index:10;}	
	
	#ft .footer .logo{float:none;margin:0;text-align:center;}
	#ft .footer .campus{width:50%;padding:0 15px;margin:1rem 0;box-sizing:border-box;}
	#ft .footer .campus > ul:after{display:block;content:'';clear:both;}
	#ft .footer .campus li:first-child{display:none;}
	#ft .footer .campus.campus2{margin:0}
	#ft .footer .campus.campus2:after{display:block;content:'';clear:both;}	
	#ft .footer .campus > ul > li .name{margin-bottom:0;}

	.sub_comple{margin-top:20px;}
}

@media only screen and (max-width:767px) {
	#hd,
	#ft,
	#sub_contents{min-width:320px;box-sizing:border-box;}

	.head .logo-txt{display:none;}

	#ft #fnb .fnb > ul.btn-ft > li > a{font-size:0.9em;}
	#ft #fnb .fnb > ul.go-url > li{width:50%;}
	#ft #fnb .fnb > ul.go-url > li:last-child{width:100%;}
	#ft #fnb .fnb > ul.go-url > li > button{height:30px;line-height:30px;border-bottom:1px solid #5971a5;font-size:0.9em;}
	#ft .footer .campus{float:none;width:100%;}
	#ft .footer .campus > ul > li address,
	#ft .footer .campus > ul > li .tel{font-size:0.625rem;letter-spacing:-0.04em;}

	.sch-area { width: 100%; /*float: center;*/ text-align: center; }
	.sch-area .title { margin-top: 10px; font-size: 3rem; color: #4563a1; line-height: 1.2; font-family: 'Noto Sans KR'; }
	.sch-area .sch-bx { margin-top: 20px;}
	.sch-area .sch-bx input[type="text"] { width: 60%; height: 3rem; line-height: 1.2; padding-left: 20px; font-size: 1.5rem; color: #666666;  }
	.sch-area .sch-bx .btn-submit { display: inline-block; width: 10%; height: 3.1rem; line-height: 48px; text-align: center; font-size: 1rem; color: #f0f0f0; font-weight: bold; background: #333333; vertical-align: middle;}

	.quick-btn {width: 100%; height: 15rem; padding: 1rem; /*float: center;*/ border: 1px solid #cccccc; margin-top: 1rem;}
	.quick-btn > ul { overflow: hidden; }
	.quick-btn > ul > li { /*float: center;*/ overflow: hidden; width: 33.33%; height: 8rem; text-align: center; }
	.quick-btn > ul > li > a { line-height: 1.25; font-size: 1.25rem; color: #333333; padding-top: 80px; height: 1rem; font-family: 'Noto Sans KR'; }
	.quick-btn > ul > li > a.qb01 { border-right: 1px solid #dbdbdb; background: url(http://www.nhi.go.kr/new_html/img/main/ico-m01.png) no-repeat center 10px; background-size: 18%;}
	.quick-btn > ul > li > a.qb02 { border-right: 1px solid #dbdbdb; background: url(http://www.nhi.go.kr/new_html/img/main/ico-m02.png) no-repeat center 10px; background-size: 15%;}
	.quick-btn > ul > li > a.qb03 {  background: url(http://www.nhi.go.kr/new_html/img/main/ico-m03.png) no-repeat center 12px; background-size: 18%; }
	.quick-btn > ul > li > a.qb04 { height:30px;  border-right: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; background: url(http://www.nhi.go.kr/new_html/img/main/ico-m04.png) no-repeat center 20px;background-size: 12.5%; }
	.quick-btn > ul > li > a.qb05 { height:30px;  border-right: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; background: url(http://www.nhi.go.kr/new_html/img/main/ico-m05.png) no-repeat center 29px;background-size: 20%;}
	.quick-btn > ul > li > a.qb06 { height:30px; border-top: 1px solid #dbdbdb; background: url(http://www.nhi.go.kr/new_html/img/main/ico-m06.png) no-repeat center 27px; background-size: 17%;}

	.q-btn { width: 100%; height: 250px; float: left; border: 1px solid #cccccc;}
	.q-btn > ul { overflow: hidden; }
	.q-btn > ul > li { float: left; width: 25%; height: 250px; text-align: center; border-left: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.q-btn > ul > li:first-child { border-left: none; }
	.q-btn > ul > li > a { display: block; width: 100%; height: 100%; overflow: hidden; }
	.q-btn > ul > li > a.qb01 { background: #fff url(http://www.nhi.go.kr/new_html/img/main/ico-m07.png) no-repeat center 20px;}
	.q-btn > ul > li > a.qb02 { background: #fafbfc url(http://www.nhi.go.kr/new_html/img/main/ico-m08.png) no-repeat center 20px;}
	.q-btn > ul > li > a.qb03 { background: #fff url(http://www.nhi.go.kr/new_html/img/main/ico-m09.png) no-repeat center 20px;}
	.q-btn > ul > li > a.qb04 { background: #fafbfc url(http://www.nhi.go.kr/new_html/img/main/ico-m10.png) no-repeat center 20px;}
	.q-btn > ul > li > a .title { margin-top: 130px; font-size: 1.5rem; color: #333333; font-weight: bold; letter-spacing: -0.04em;font-family: 'Noto Sans KR'; }
	.q-btn > ul > li > a .contents { margin-top: 10px; font-size:1rem; line-height: 1.125rem; color: #333333; letter-spacing:0; }

	.ceo-bx {margin-top:25px;  width:100%; /*float: center;*/}
	.ceo-bx img {width:100%; /*float: center;*/}

	.design {margin-top:25px; width:100%; /*float: center;*/}
	.design  img {width:100%; /*float: center;*/}

	.latest { position: relative; padding-top: 30px; width: 100%; height: 350px; float: left; border-top: 1px solid #333333; border-bottom: 1px solid #333333; overflow: hidden; }
	.latest strong { display: inline-block; width: 20%; float: left; font-size: 2rem; color: #333333; font-weight: bold; letter-spacing: -0.04em; }
	.latest > ul { float: left; width: 70%; }
	.latest > ul > li { margin-top: 10px; }
	.latest > ul > li:first-child { margin-top: 10px; }
	.latest .btn-more { position: absolute; bottom: 50px; left: 50px; display: inline-block; width: 200px; height: 200px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(http://www.nhi.go.kr/new_html/img/main/btn-more.png) no-repeat;  background-size:75px; }
	.latest span { font-size: 1.5rem; color: #666666; }
	.latest span.subject > a { display: inline-block; width: 75%; height:2rem; white-space: normal; color: #666666; overflow: hidden; text-overflow: ellipsis;  }
	.latest span.date {margin-top:-1rem;}

	.tab-banner {float: left; width:100%; margin-bottom: 1rem;}
	.tab-banner img{width:85%; float:right;}
	.tab-banner strong { display: block; font-size: 2rem; color: #333333; font-weight: bold; margin-bottom: 1rem; text-align:center;}
	.tab-banner > ul { position: relative; }
	.tab-banner > ul > li > a { position: absolute; display: inline-block; font-size: 1rem; color: #333333; border: 1px solid #666666; width: 20%; height: 58px; text-align: center; line-height: 60px; background: #fff; }
	.tab-banner > ul > li > a.active { background: #4563a1; color: #fff; }
	.tab-banner > ul > li > a.tab01 { left: 0px; top: 0px;}
	.tab-banner > ul > li > a.tab02 { left: 0px; top: 59px;}
	.tab-banner > ul > li > a.tab03 { left: 0px; top: 118px;}
	.tab-banner > ul > li > ul { padding-left: 92px; display: none; }
	.tab-banner > ul > li > ul.active { display: block; }

	.slider { width:100%; /*float: center;*/}
	.slider img { width:100%; /*float: center;*/}
	.slider strong { display: block; font-size: 2rem; color: #333333; font-weight: bold; margin-bottom: 17px; text-align: center;}

	.mbanner { /*float: center;*/ width: 100%;}
	.mbanner img{width:100%;}
	.mbanner strong { display: block; font-size: 2rem; color: #333333; font-weight: bold; margin-bottom: 17px; text-align: center;}
	
}

@media only screen and (max-width:481px) {
	.allmenu > div{right:0;width:auto;z-index:10;}
	.allmenu .btn-close { display:block; position: fixed; left:20px; top:20px; margin:0 !important; width: 50px; height: 50px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../../img/common/btn-allmenu-close2.png) no-repeat; background-size: 50px; z-index:11;}
}