@charset "utf-8";

body { width: 100%; overflow: hidden; }

#mainArea { background: #f4f4ef;  padding:20px 0px; }
#mainArea .main-txt { width: 1172px; margin: 0 auto; padding-top: 65px; text-align: center; }
#mainArea .main-txt p { font-size: 30px; color: #4563a1; letter-spacing: -0.04em; line-height: 40px; font-weight: 400; }
#mainArea .main-txt p span { font-weight: 100; }
#mainArea .main-txt p.big {font-size: 36px; font-weight: bold; }
#mainArea .main-txt p.big .red { font-weight: bold; color: #ff6600;}

.sch-bx { display: none;width: 1172px; text-align: center; height: 50px; line-height: 50px; margin: 20px auto 40px; }
.sch-bx input[type="text"] { width: 364px; border: 1px solid #333333; padding: 0px 20px; line-height: 50px; height: 50px; font-size: 14px; color: #666666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sch-bx .btn-submit { display: inline-block; width: 100px; height: 50px; line-height: 50px; vertical-align: middle; text-align: center; background: #333; color: #fff; font-weight: bold; font-size: 16px; }

#mainArea .bx-pager { display: none; }
#mainArea .btn-menu { background: url(/images/mobile/nhi/main/area-btn-bx.png) no-repeat; width: 40px; /*height: 60px;*/ margin: 0 auto; padding-bottom: 50px; text-align: center;}
#mainArea .btn-menu > a { line-height: 40px; display: inline-block; width: 100%; vertical-align: top; font-size: 14px; color: #ffffff; font-weight: bold; letter-spacing: -0.04em;  }
#mainArea .btn-menu > a > span { background: url(/images/mobile/nhi/main/arr-btn-open.png) no-repeat center right; padding-right: 20px; }
#mainArea .btn-menu > a.active > span { background: url(/images/mobile/nhi/main/arr-btn-close.png) no-repeat center right; }

#mainArea02 {  background: #f4f4ef; /* background: #fff url(/images/mobile/nhi/main/content02-bg.gif) repeat-x; border-bottom: 1px solid #d7d7d7;*/}
#mainArea02 .tab-content { width: 1172px; margin: 0 auto; }
#mainArea02 .tab-content > ul {}
#mainArea02 .tab-content > ul > li { float: left; width: 20%;}
#mainArea02 .tab-content > ul > li:first-child > a { border-left: 1px solid #d7d7d7;}
#mainArea02 .tab-content > ul > li.active { }
#mainArea02 .tab-content > ul > li > a {  font-size: 16px; color: #333333; display:  inline-block; width: 100%; line-height: 47px; text-align: center; letter-spacing: -0.04em; position: relative; background: #fff; border-top: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #4563a1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
#mainArea02 .tab-content > ul > li.active > a { font-weight: bold; color: #4563a1; background: #fff url(/images/mobile/nhi/main/arr-tab-chk.png) center bottom no-repeat; border: 1px solid #4563a1; border-bottom: 1px solid #fff; }

#mainArea02 .tab-content > ul > li > ul { overflow: hidden; width: 1172px; }
#mainArea02 .tab-content > ul > li > ul > li { float: left; width: 572px; height: 420px; margin-top: 60px; margin-left:2px;}
#mainArea02 .tab-content > ul > li > ul > li:nth-child(2n) { margin-left: 2px; }
#mainArea02 .tab-content > ul > li > ul > li strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; width:98%}
#mainArea02 .tab-content > ul > li > ul > li .latest { background:#fff;box-shadow:4px 4px 8px #ccc;margin-right:17px !important; }
#mainArea04 .latest { background:#fff;box-shadow:4px 4px 8px #ccc;margin-right:17px !important; }
#mainArea02 .bx-wrapper .bx-pager { padding-top: 0px; text-align: right; }
#mainArea02 .bx-wrapper .bx-viewport { padding-bottom: 20px; }
#mainArea02 .bx-wrapper .bx-pager, #mainArea02 .bx-wrapper .bx-controls-auto { top: -30px; height: 8px;}
#mainArea02 .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; border-radius: 5px; background: #ccc; margin: 0px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mainArea02 .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainArea02 .bx-wrapper .bx-pager.bx-default-pager a.active, #mainArea02 .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #4563a1; }
#mainArea02 .tab-content > ul > li > ul > li img { width: 100%; }

.latest { position: relative; }
.latest .cate { position: absolute; left: 0px; top: 0px;display: inline-block; width: 48px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #fff; }
.latest .cate.new { background: #fa6c00;}
.latest .cate.best { background: #7f74b7;}
.latest .subject { font-size: 16px; font-weight: bold; color: #333333; display: inline-block; margin: 40px 0px 15px; line-height: 20px; letter-spacing: -0.04em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest .con { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 14px; color: #333333; letter-spacing: -0.04em; line-height: 20px; height: 60px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.latest .nav { font-size: 12.5px; color: #666666; margin: 15px 0px; letter-spacing: -0.04em; }
.latest .cnt span.c1 {padding-left:15px;background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center}
.latest .cnt span.c2 { margin-left: 10px; padding-left:15px;background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center}

#mainArea02 .btn-more { margin: 40px auto 0px; width: 1172px; text-align: center; height: 80px; }
#mainArea02 .btn-more > a { display: inline-block; width: 80px !important; height: 80px !important; line-height: 80px; border: 0px !important; background: url(/images/mobile/nhi/main/bg-btn-more.jpg) no-repeat !important; font-size: 12.5px; color: #fff; letter-spacing: -0.04em; }
#mainArea02 .btn-more > a > span { background: url(/images/mobile/nhi/common/ico-plus.png) no-repeat center top; padding-top: 36px; display: inline-block; vertical-align: middle; }

#mainArea03 { border-bottom: 1px solid #d7d7d7; background:white;}
#mainArea03 .latest-content { width: 1172px; margin: 0 auto; padding: 40px 0px; height: 270px; }
#mainArea03 .latest01 {float: left; width: 572px; margin-right: 28px; }
#mainArea03 .latest02 {float: left; width: 572px; }
#mainArea03 .latest-content strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; }

.latest2 { position: relative; overflow: hidden; margin-bottom: 28px; }
.latest2 > div { float: left; }
.latest2 > div.info { margin-left: 28px; width: 368px; }
.latest2 .cate { position: absolute; left: 0px; top: 0px;display: inline-block; width: 48px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #fff; }
.latest2 .cate.new { background: #fa6c00;}
.latest2 .cate.best { background: #7f74b7;}
.latest2 a.subject { font-size: 14px; }
.latest2 .subject { font-size: 14px !important; font-weight: bold; color: #333333; display: inline-block; margin-bottom: 15px; line-height: 20px; letter-spacing: -0.04em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest2 .con { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 14px; color: #333333; letter-spacing: -0.04em; line-height: 20px; height: 40px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.latest2 .nav { margin-left: 10px; font-size: 12.5px; color: #666666; letter-spacing: -0.04em; }
.latest2 .cnt { overflow: hidden; margin-top: 12px;}
.latest2 .cnt span.c1 { padding-left:15px;background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center}
.latest2 .cnt span.c2 {  margin-left: 10px; padding-left:15px;background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center}

#mainArea03 .bx-wrapper .bx-pager { padding-top: 0px; text-align: right; }
#mainArea03 .bx-wrapper .bx-pager, #mainArea03 .bx-wrapper .bx-controls-auto { top: -30px; height: 8px;}
#mainArea03 .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; border-radius: 5px; background: #ccc; margin: 0px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mainArea03 .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainArea03 .bx-wrapper .bx-pager.bx-default-pager a.active, #mainArea03 .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #4563a1; }

#mainArea04 { background: #f4f4ef;  }
#mainArea04 .latest-content { width: 1172px; margin: 0 auto; padding: 40px 0px; height: 270px; }
#mainArea04 .latest01 {float: left; width: 372px; margin-right: 28px; }
#mainArea04 .latest02 {float: left; width: 372px; }
#mainArea04 .latest-content strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; }
#mainArea04 .latest4 { background:#fff;box-shadow:4px 4px 8px #ccc;margin-right:17px !important; }
#mainArea04 .bx-pager { display: none; }
#mainArea04 .bx-wrapper .bx-viewport { padding-bottom: 20px; }
#mainArea04 .latest4 .info { padding: 0px 10px;}

.latest3 { position: relative; overflow: hidden; margin-bottom: 28px; }
.latest3 > div { float: left; }
.latest3 > div.info { margin-left: 28px; width: 244px; }
.latest3 .subject { font-size: 16px; font-weight: bold; color: #333333; display: inline-block; margin-bottom: 5px; line-height: 20px; letter-spacing: -0.04em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest3 .con { display: inline-block; width: 100%; font-size: 14px; color: #333333; letter-spacing: -0.04em; line-height: 20px;  width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.latest3 .nav { margin-left: 10px; font-size: 12.5px; color: #666666; letter-spacing: -0.04em; }
.latest3 .cnt {/* overflow: hidden;*/ margin-top: 10px;}
.latest3 .cnt span.c1 { display: inline-block; line-height: 15px; padding-left:15px; background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center}
.latest3 .cnt span.c2 { display: inline-block; line-height: 15px;  margin-left: 10px; padding-left:15px;background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center}

.quick { float: left; margin-top: 40px; width: 372px; height: 150px; margin-left: 28px; }
.quick > ul { overflow: hidden; }
.quick > ul > li { float: left; width: 88px; border-left: 1px solid #626262; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.quick > ul > li:first-child { border-left: 0px; }
.quick > ul > li > a { display: inline-block; width: 100%; height: 150px; line-height: 150px; text-align: center; color: #fff; font-size: 14px; letter-spacing: -0.04em; }
.quick > ul > li > a > span { display: inline-block; vertical-align: middle; line-height: 20px; padding-top: 74px; }
.quick > ul > li > a.btn01 { background: #333333;}
.quick > ul > li > a.btn02 { background: #3b3b3b;}
.quick > ul > li > a.btn03 { background: #333333;}
.quick > ul > li > a.btn04 { background: #3b3b3b;}
.quick > ul > li > a.btn01 > span { background: url(/images/mobile/nhi/main/ico-m11.png) center top no-repeat;}
.quick > ul > li > a.btn02 > span { padding-top: 69px; background: url(/images/mobile/nhi/main/ico-m12.png) center top no-repeat;}
.quick > ul > li > a.btn03 > span { background: url(/images/mobile/nhi/main/ico-m13.png) center top no-repeat;}
.quick > ul > li > a.btn04 > span { background: url(/images/mobile/nhi/main/ico-m14.png) center top no-repeat;}


/* Pad�� ȭ�� */
@media (min-width: 768px) and (max-width: 1198px) {
#mainArea { padding-bottom:25px; }
#mainArea .main-txt { width: 100%; padding-top: 10px; }
#mainArea .main-txt p { font-size: 15px; line-height: 20px; }
#mainArea .main-txt p.big {font-size: 18px;}

#mainArea .sch-bx { width: 100%; height: 25px; line-height: 25px; margin: 20px auto; padding: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#mainArea .sch-bx input[type="text"] { height: 25px; padding: 0px 10px; font-size: 12px; line-height: 25px; width: calc(100% -50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .sch-bx .btn-submit { font-size: 12px; display: inline-block; width: 50px; height: 25px; line-height: 25px;}

#mainArea .mnb { width: 100%; margin: 0 auto; padding:20px 20px 15px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#mainArea .mnb > ul { overflow: hidden; }
#mainArea .mnb > ul > li { float: left; width: 25%; overflow: hidden; }
#mainArea .mnb > ul > li.thr { float: right; }
#mainArea .mnb > ul > li.two { position: absolute; width: 46%; left: 50%; margin-left: -23%; }
	
#mainArea .mnb > ul > li .mw-area01 { background: url(/images/mobile/nhi/main/m-area01-bg.png) no-repeat;background:none; width: 100%;}
#mainArea .mnb > ul > li .mw-area01 > ul {overflow: hidden; }
#mainArea .mnb > ul > li .mw-area01 > ul > li {  width : -webkit-calc(50% - 2px); width: -moz-calc(50% - 2px); width: calc(50% - 2px);  float: left; text-align: center; margin: 1px; background: #FFF; border: 1px solid #cecece; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .mnb > ul > li .mw-area01 > ul > li:first-child { margin-top: 0px; width : -webkit-calc(100% - 2px); width: -moz-calc(100% - 2px); width: calc(100% - 2px);}
#mainArea .mnb > ul > li .mw-area01 > ul > li:nth-child(6n) { width:  100%; width : -webkit-calc(100% - 2px); width: -moz-calc(100% - 2px); width: calc(100% - 2px); } 
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn02 { border: none; background: #729ed8; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn03 { border: none; background: #fbad73; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn04 { border: none; background: #ec9696; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn05 { border: none; background: #a3d46f; }
#mainArea .mnb > ul > li .mw-area01 > ul > li > a { display: inline-block; width: 100%; height: 61px; line-height: 61px; vertical-align: top; font-size: 13px; color: #6895d1; font-weight: bold; letter-spacing: -0.04em; }
#mainArea .mnb > ul > li .mw-area01 > ul > li > a > span { vertical-align: middle; display: inline-block; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn01 > a > span { line-height: 58px; background: url(/images/mobile/nhi/main/ico-m01.png) no-repeat left center; background-size: 45px 33px; padding-left: 45px;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn02 > a > span { padding-top: 38px; background: url(/images/mobile/nhi/main/ico-m02.png) no-repeat center top; background-size: 45px 33px; color:#FFF;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn03 > a > span { padding-top: 38px; background: url(/images/mobile/nhi/main/ico-m03.png) no-repeat center top; background-size: 45px 33px; color:#FFF;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn04 > a > span { padding-top: 38px; background: url(/images/mobile/nhi/main/ico-m04.png) no-repeat center top; background-size: 45px 33px; color:#FFF;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn05 > a > span { padding-top: 38px; background: url(/images/mobile/nhi/main/ico-m05.png) no-repeat center top; background-size: 45px 33px; color:#FFF;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn06 > a > span {line-height: 58px; background: url(/images/mobile/nhi/main/ico-m06.png) no-repeat left center; background-size: 45px 33px; padding-left: 45px;}
#mainArea .two .bx-viewport { height: 253px !important; }
#mainArea .two { position: absolute;  }
#mainArea .two.posita { position: absolute !important; }
#mainArea .two.positr { position: relative !important; }
#mainArea .two img {max-width: 100%; height:auto; }
#mainArea .two img:after {/*content:"";*/ display:block; clear:both;}
	
#mainArea .mnb > ul > li .mw-area02 {border: 1px solid #cccccc; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .mnb > ul > li .mw-area02 > ul {/*margin: 0px 10px 0px 20px;*/margin:0 15px;}
#mainArea .mnb > ul > li .mw-area02 > ul > li { padding: 14px 0px; height: 34px; border-top: 1px solid #e5e5e5; }
#mainArea .mnb > ul > li .mw-area02 > ul > li:first-child { border-top: 0px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a { padding-left:47px; line-height: 44px; height: 44px; display: inline-block; font-size: 13px; font-weight: bold; color: #333; letter-spacing: -0.04em; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn01 { background: url(/images/mobile/nhi/main/ico-m07.png) no-repeat; background-size: 36px 36px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn01:hover {color:#3EB79A;}
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn02 { background: url(/images/mobile/nhi/main/ico-m08.png) no-repeat; background-size: 36px 36px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn02:hover {color:#4474B0;}
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn03 { background: url(/images/mobile/nhi/main/ico-m09.png) no-repeat; background-size: 36px 36px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn03:hover {color:#8D62B6;}
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn04 { background: url(/images/mobile/nhi/main/ico-m10.png) no-repeat; background-size: 36px 36px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn04:hover {color:#F49292;}

#mainArea .mnb > ul > li .mw-area03 { /*margin-top:-2px;padding:2px;;*/width:418px; height:257px; margin-left:0; /*border: 1px solid #cccccc; border-left: none; background: #fff;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .mnb > ul > li .mw-area03 .bx-viewport {height:257px !important;}
#mainArea .mnb > ul > li .mw-area03 > ul {/*margin: 0px 10px 0px 20px;*/margin:0 18px;}
#mainArea .mnb > ul > li .mw-area03 > ul > li { padding: 20px 0px; height: 44px; border-top: 1px solid #e5e5e5; }
#mainArea .mnb > ul > li .mw-area03 > ul > li:first-child { border-top: 0px; }
#mainArea .mnb > ul > li .mw-area03 > ul > li > a { padding-left:65px; line-height: 50px; height: 50px; display: inline-block; font-size: 15px; font-weight: bold; color: #333; letter-spacing: -0.04em; }
#mainArea .mnb > ul > li .mw-area03 > ul > li > a.btn01 { background: url(/images/mobile/nhi/main/ico-m07.png) no-repeat; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area03 > ul > li > a.btn01:hover {color:#3EB79A;}
#mainArea .mnb > ul > li .mw-area03 > ul > li > a.btn02 { background: url(/images/mobile/nhi/main/ico-m08.png) no-repeat; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area03 > ul > li > a.btn02:hover {color:#4474B0;}
#mainArea .mnb > ul > li .mw-area03 > ul > li > a.btn03 { background: url(/images/mobile/nhi/main/ico-m09.png) no-repeat; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area03 > ul > li > a.btn03:hover {color:#8D62B6;}
#mainArea .mnb > ul > li .mw-area03 > ul > li > a.btn04 { background: url(/images/mobile/nhi/main/ico-m10.png) no-repeat; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area03 > ul > li > a.btn04:hover {color:#F49292;}


#mainArea .btn-menu { background: url(/images/mobile/nhi/main/area-btn-bx.png) no-repeat; background-size: 100% 100%; width: 125px; padding-bottom: 10px; text-align: center;}
#mainArea .btn-menu > a { line-height: 40px; display: inline-block; width: 100%; vertical-align: top; font-size: 14px; color: #324ca8; font-weight: bold; letter-spacing: -0.04em;  }
#mainArea .btn-menu > a > span { background: url(/images/mobile/nhi/main/arr-btn-open2.png) no-repeat center right; padding-right: 20px; }
#mainArea .btn-menu > a.active > span { background: url(/images/mobile/nhi/main/arr-btn-close2.png) no-repeat center right; }

#mainArea02 { background:#f4f4ef; border-top: 1px solid #4563a1; position: relative; border-bottom: 1px solid #d7d7d7;}
#mainArea02 .tab-content { width: 100%; margin: 0 auto; padding: 0px 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#mainArea02 .tab-content > ul {}
#mainArea02 .tab-content > ul > li { display: none; float: none; width: 92%; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99;}
#mainArea02 .tab-content > ul > li.tab01 { top: 0px; }
#mainArea02 .tab-content > ul > li.tab02 { top: 47px;}
#mainArea02 .tab-content > ul > li.tab03 { top: 94px;}
#mainArea02 .tab-content > ul > li.tab04 { top: 141px;}
#mainArea02 .tab-content > ul > li.tab05 { top: 188px;}
#mainArea02 .tab-content > ul > li:first-child > a { border-left: none;}
#mainArea02 .tab-content > ul > li.active { z-index: 99; display: block !important; top: 0px !important; }
#mainArea02 .tab-content > ul > li > a {  font-size: 16px; color: #333333; display:  inline-block; width: 100%; line-height: 47px; text-align: left; letter-spacing: -0.04em; position: relative; background: #fff; border-top: 1px solid #d7d7d7; border-right: none; border-bottom: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea02 .tab-content > ul > li:first-child > a { border-top: none; }
#mainArea02 .tab-content > ul > li.active > a { font-weight: bold; color: #4563a1; background: #fff url(/images/mobile/nhi/common/tab-arr.png) center right no-repeat; border: 1px solid #4563a1; border-top: none; }
#mainArea02 .tab-content > ul.active > li > a { border-left: 1px solid #4563a1; border-right: 1px solid #4563a1; }
#mainArea02 .tab-content > ul.active > li.tab04 > a { border-bottom: 1px solid #4563a1 !important; }
	
#mainArea02 .tab-content > ul > li > ul { display: none; overflow: hidden; width: 100%; position: absolute; }
#mainArea02 .tab-content > ul > li > ul.active { display: block; margin-left:20px; }
#mainArea02 .tab-content > ul > li > ul > li { float: none; width: 100%; height: auto; margin-top: 30px; }
#mainArea02 .tab-content > ul > li > ul > li:nth-child(2n) { margin-left: 2px; }
#mainArea02 .tab-content > ul > li > ul > li strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; }
#mainArea02 .bx-wrapper .bx-pager { padding-top: 0px; text-align: right; }
#mainArea02 .bx-wrapper .bx-pager, #mainArea02 .bx-wrapper .bx-controls-auto { top: -30px; height: 8px;}
#mainArea02 .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; border-radius: 5px; background: #ccc; margin: 0px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mainArea02 .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainArea02 .bx-wrapper .bx-pager.bx-default-pager a.active, #mainArea02 .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #4563a1; }

.latest { position: relative; }
.latest .cate { position: absolute; left: 0px; top: 0px;display: inline-block; width: 48px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #fff; }
.latest .cate.new { background: #fa6c00;}
.latest .cate.best { background: #7f74b7;}
.latest .subject { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;/*white-space: normal;*/ font-size: 14px; color: #333333; letter-spacing: -0.04em; line-height: 20px;  text-align: left; word-wrap: break-word;/* height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/ }
.latest .con { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 14px; color: #333333; letter-spacing: -0.04em; line-height: 20px; text-align: left; word-wrap: break-word;height: 60px;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.latest .nav { font-size: 12.5px; color: #666666; margin: 15px 0px; letter-spacing: -0.04em; }
.latest .cnt span.c1 { display: inline-block; line-height: 15px; padding-left:18px; background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center; background-size: 15px 15px;}
.latest .cnt span.c2 { display: inline-block; line-height: 15px; margin-left: 10px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center; background-size: 15px 15px;}

#mainArea03 {}
#mainArea03 .latest-content { width: 100%; margin: 0 auto; padding: 20px 42px; height: auto;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#mainArea03 .latest01 {float: none; width: 100%; margin-right: 0px; }
#mainArea03 .latest02 { margin-top: 30px; float: none; width: 100%; }
#mainArea03 .latest-content strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; }

.latest2 { position: relative; overflow: hidden; margin-bottom: 14px; }
.latest2 > div { float: left; }
.latest2 > div.info {width: 70%; margin-left: 0px; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.latest2 .thumb { width: 30%;}
.latest2 .thumb img {width: 100%; }
.latest2 .cate { position: absolute; left: 0px; top: 0px;display: inline-block; width: 48px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #fff; }
.latest2 .cate.new { background: #fa6c00;}
.latest2 .cate.best { background: #7f74b7;}
.latest2 .subject { font-size: 14px; font-weight: bold; color: #333333; display: inline-block; margin-bottom: 3px; line-height: 20px; letter-spacing: -0.04em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest2 .con { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 11px; color: #333333; letter-spacing: -0.04em; line-height: 14px; height: 28px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.latest2 .nav { margin-left: 5px; font-size: 11px; color: #666666; letter-spacing: -0.04em; }
.latest2 .cnt { overflow: hidden; margin-top: 5px;}
.latest2 .cnt span.c1 { padding-left:18px;background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center;; background-size: 15px 15px;}
.latest2 .cnt span.c2 {  margin-left: 5px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center; background-size: 15px 15px;}

#mainArea03 .bx-wrapper .bx-pager { padding-top: 0px; text-align: right; }
#mainArea03 .bx-wrapper .bx-pager, #mainArea03 .bx-wrapper .bx-controls-auto { top: -30px; height: 8px;}
#mainArea03 .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; border-radius: 5px; background: #ccc; margin: 0px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mainArea03 .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainArea03 .bx-wrapper .bx-pager.bx-default-pager a.active, #mainArea03 .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #4563a1; }

#mainArea04 { }
#mainArea04 .latest-content { width: 100%; margin: 0 auto; padding: 20px 10px 20px 42px; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#f4f4ef; }
#mainArea04 .latest01 {float: none; width: 100%; margin-right: 0; }
#mainArea04 .latest02 {float: none; width: 100%; }
#mainArea04 .latest-content strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; }

.latest4 { display: inline-block; width: 31.5%; position: relative; overflow: hidden; margin-bottom: 18px; margin-right:3px;}
.latest4 > div { }
.latest4 > div.info {width: 100%; margin-left: 0px; padding-left: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.latest4 .thumb { width: 100%;}
.latest4 .thumb img {width: 100%; }
.latest4 .subject { font-size: 12px; font-weight: bold; color: #333333; display: inline-block; margin:5px 0 5px 0; line-height: 20px; letter-spacing: -0.04em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest4 .con { display: inline-block; width: 100%; font-size: 12px; color: #333333; letter-spacing: -0.04em; line-height: 14px;  width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.latest4 .nav { margin-left: 10px; font-size: 11px; color: #666666; letter-spacing: -0.04em; }
.latest4 .cnt { overflow: hidden; margin-top: 5px; padding:5px 0; font-weight:bold; height:20px;}
.latest4 .cnt span.c1 { display: inline-block; line-height: 15px; padding-left:18px; background: url(/images/mobile/nhi/common/ico-comm.png) no-repeat 0 center; background-size: 14px 14px; font-size: 13px; }
.latest4 .cnt span.c2 { display: inline-block; line-height: 15px; margin-left: 5px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-visit.png) no-repeat 0 center; background-size: 14px 14px; font-size: 13px; }
.latest4 .cnt span.c3 { display: inline-block; line-height: 15px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-blog.png) no-repeat 0 center; background-size: 14px 14px; font-size: 13px; }
}


/* Pad�� ȭ�� */
@media (min-width: 641px) and (max-width: 767px) { 
#mainArea { padding-bottom:25px; }
#mainArea .main-txt { width: 100%; padding-top: 10px; }
#mainArea .main-txt p { font-size: 15px; line-height: 20px; }
#mainArea .main-txt p.big {font-size: 18px;}

#mainArea .sch-bx { width: 100%; height: 25px; line-height: 25px; margin: 20px auto; padding: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#mainArea .sch-bx input[type="text"] { height: 25px; padding: 0px 10px; font-size: 12px; line-height: 25px; width: calc(100% -50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .sch-bx .btn-submit { font-size: 12px; display: inline-block; width: 50px; height: 25px; line-height: 25px;}

#mainArea .mnb { width: 100%;}
#mainArea .mnb > ul { padding: 0px 10px;}
#mainArea .mnb > ul > li { float: none; }
#mainArea .mnb > ul > li .mw-area01 { border-left: none; border-bottom: none; width: 100%; height: auto; margin-left: 0px; margin-right: 0px;}
#mainArea .mnb > ul > li .mw-area01 > ul { width: 100%; overflow: hidden; height: auto; }
#mainArea .mnb > ul > li .mw-area01 > ul > li { width: 23%; height: 90px; line-height: 90px; float: left; text-align: center; margin:1%; background: #FFF; border: 1px solid #cecece; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .mnb > ul > li .mw-area01 > ul > li:first-child { width: 48%}
#mainArea .mnb > ul > li .mw-area01 > ul > li:nth-child(2n) { } 
#mainArea .mnb > ul > li .mw-area01 > ul > li:nth-child(6n) { width: 48%;} 
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn02 { border: none; background: #729ed8; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn03 { border: none; background: #fbad73; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn04 { border: none; background: #ec9696; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn05 { border: none; background: #a3d46f; }
#mainArea .mnb > ul > li .mw-area01 > ul > li > a { display: inline-block; width: 100%; text-align: center; height: 90px; line-height: 90px; vertical-align: top; font-size: 13px; color: #6895d1; font-weight: bold; letter-spacing: -0.04em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .mnb > ul > li .mw-area01 > ul > li > a > span { vertical-align: middle; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn01 > a > span { padding: 0px 0 0 60px; line-height: 90px; background: url(/images/mobile/nhi/main/ico-m01.png) no-repeat 5px center;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn02 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m02.png) no-repeat center top; color:#FFF;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn03 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m03.png) no-repeat center top; color:#FFF;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn04 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m04.png) no-repeat center top; color:#FFF;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn05 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m05.png) no-repeat center top; color:#FFF;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn06 > a > span { padding: 0px 0 0 60px; line-height: 90px; background: url(/images/mobile/nhi/main/ico-m06.png) no-repeat 5px center;}
#mainArea .mnb > ul > li.thr { margin-top: 10px;}
#mainArea .two { margin: 1%; padding:10px 0 20px 0; text-align:center;}
#mainArea .two img {width: 100%;}
	
#mainArea .mnb > ul > li .mw-area02 { width: 98%; height: auto; border: 0px solid #cccccc;  margin: 1%; border-top: none; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .mnb > ul > li .mw-area02 > ul { overflow: hidden; margin: 0; }
#mainArea .mnb > ul > li .mw-area02 > ul > li { float: left; width: 25%; padding: 10px 0px; height: auto; border-left: 1px solid #f4f4ef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}
#mainArea .mnb > ul > li .mw-area02 > ul > li:first-child { border-top: 0px; border-left: 0px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a { display: inline-block; width: 100%; padding-left: 0px; padding-top: 55px; line-height: 20px; height: 20px; display: inline-block; font-size: 13px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn01 { background: url(/images/mobile/nhi/main/ico-m07.png) no-repeat center top; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn02 { background: url(/images/mobile/nhi/main/ico-m08.png) no-repeat center top; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn03 { background: url(/images/mobile/nhi/main/ico-m09.png) no-repeat center top; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn04 { background: url(/images/mobile/nhi/main/ico-m10.png) no-repeat center top; background-size: 50px 50px; }
#mainArea .btn-menu { background: url(/images/mobile/nhi/main/area-btn-bx.png) no-repeat; background-size: 100% 100%; width: 125px; padding-bottom: 10px; text-align: center;}
#mainArea .btn-menu > a { line-height: 40px; display: inline-block; width: 100%; vertical-align: top; font-size: 14px; color: #324ca8; font-weight: bold; letter-spacing: -0.04em;  }
#mainArea .btn-menu > a > span { background: url(/images/mobile/nhi/main/arr-btn-open2.png) no-repeat center right; padding-right: 20px; }
#mainArea .btn-menu > a.active > span { background: url(/images/mobile/nhi/main/arr-btn-close2.png) no-repeat center right; }

#mainArea02 { background:#f4f4ef; border-top: 1px solid #4563a1; position: relative; border-bottom: 1px solid #d7d7d7;}
#mainArea02 .tab-content { width: 100%; margin: 0 auto; padding: 0px 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#mainArea02 .tab-content > ul {}
#mainArea02 .tab-content > ul > li { display: none; float: none; width: 92%; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99;}
#mainArea02 .tab-content > ul > li.tab01 { top: 0px; }
#mainArea02 .tab-content > ul > li.tab02 { top: 47px;}
#mainArea02 .tab-content > ul > li.tab03 { top: 94px;}
#mainArea02 .tab-content > ul > li.tab04 { top: 141px;}
#mainArea02 .tab-content > ul > li.tab05 { top: 188px;}
#mainArea02 .tab-content > ul > li:first-child > a { border-left: none;}
#mainArea02 .tab-content > ul > li.active { z-index: 99; display: block !important; top: 0px !important; }
#mainArea02 .tab-content > ul > li > a {  font-size: 16px; color: #333333; display:  inline-block; width: 100%; line-height: 47px; text-align: left; letter-spacing: -0.04em; position: relative; background: #fff; border-top: 1px solid #d7d7d7; border-right: none; border-bottom: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea02 .tab-content > ul > li:first-child > a { border-top: none; }
#mainArea02 .tab-content > ul > li.active > a { font-weight: bold; color: #4563a1; background: #fff url(/images/mobile/nhi/common/tab-arr.png) center right no-repeat; border: 1px solid #4563a1; border-top: none; }
#mainArea02 .tab-content > ul.active > li > a { border-left: 1px solid #4563a1; border-right: 1px solid #4563a1; }
#mainArea02 .tab-content > ul.active > li.tab04 > a { border-bottom: 1px solid #4563a1 !important; }
	
#mainArea02 .tab-content > ul > li > ul { display: none; overflow: hidden; width: 100%; position: absolute; }
#mainArea02 .tab-content > ul > li > ul.active { display: block; margin-left:10px;}
#mainArea02 .tab-content > ul > li > ul > li { float: none; width: 100%; height: auto; margin-top: 30px; }
#mainArea02 .tab-content > ul > li > ul > li:nth-child(2n) { margin-left: 2px; }
#mainArea02 .tab-content > ul > li > ul > li strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; }
#mainArea02 .bx-wrapper .bx-pager { padding-top: 0px; text-align: right; }
#mainArea02 .bx-wrapper .bx-pager, #mainArea02 .bx-wrapper .bx-controls-auto { top: -30px; height: 8px;}
#mainArea02 .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; border-radius: 5px; background: #ccc; margin: 0px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mainArea02 .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainArea02 .bx-wrapper .bx-pager.bx-default-pager a.active, #mainArea02 .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #4563a1; }

.latest { position: relative; }
.latest .cate { position: absolute; left: 0px; top: 0px;display: inline-block; width: 48px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #fff; }
.latest .cate.new { background: #fa6c00;}
.latest .cate.best { background: #7f74b7;}
.latest .subject { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;/*white-space: normal;*/ font-size: 14px; color: #333333; letter-spacing: -0.04em; line-height: 20px;  text-align: left; word-wrap: break-word;/* height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/ }
.latest .con { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 14px; color: #333333; letter-spacing: -0.04em; line-height: 20px; text-align: left; word-wrap: break-word;height: 60px;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.latest .nav { font-size: 12.5px; color: #666666; margin: 15px 0px; letter-spacing: -0.04em; }
.latest .cnt span.c1 { display: inline-block; line-height: 15px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center; background-size: 15px 15px;}
.latest .cnt span.c2 { display: inline-block; line-height: 15px; margin-left: 10px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center; background-size: 15px 15px;}

#mainArea03 {}
#mainArea03 .latest-content { width: 100%; margin: 0 auto; padding: 20px 33px; height: auto;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#mainArea03 .latest01 {float: none; width: 100%; margin-right: 0px; }
#mainArea03 .latest02 { margin-top: 30px; float: none; width: 100%; }
#mainArea03 .latest-content strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; }

.latest2 { position: relative; overflow: hidden; margin-bottom: 14px; }
.latest2 > div { float: left; }
.latest2 > div.info {width: 70%; margin-left: 0px; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.latest2 .thumb { width: 30%;}
.latest2 .thumb img {width: 100%; }
.latest2 .cate { position: absolute; left: 0px; top: 0px;display: inline-block; width: 48px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #fff; }
.latest2 .cate.new { background: #fa6c00;}
.latest2 .cate.best { background: #7f74b7;}
.latest2 .subject { font-size: 12px; font-weight: bold; color: #333333; display: inline-block; margin-bottom: 3px; line-height: 20px; letter-spacing: -0.04em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest2 .con { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 11px; color: #333333; letter-spacing: -0.04em; line-height: 14px; height: 28px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.latest2 .nav { margin-left: 5px; font-size: 11px; color: #666666; letter-spacing: -0.04em; }
.latest2 .cnt { overflow: hidden; margin-top: 5px;}
.latest2 .cnt span.c1 { padding-left:18px;background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center;; background-size: 15px 15px;}
.latest2 .cnt span.c2 {  margin-left: 5px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center; background-size: 15px 15px;}

#mainArea03 .bx-wrapper .bx-pager { padding-top: 0px; text-align: right; }
#mainArea03 .bx-wrapper .bx-pager, #mainArea03 .bx-wrapper .bx-controls-auto { top: -30px; height: 8px;}
#mainArea03 .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; border-radius: 5px; background: #ccc; margin: 0px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mainArea03 .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainArea03 .bx-wrapper .bx-pager.bx-default-pager a.active, #mainArea03 .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #4563a1; }

#mainArea04 {  }
#mainArea04 .latest-content { width: 100%; margin: 0 auto; padding: 20px 10px 20px 33px; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#f4f4ef; }
#mainArea04 .latest01 {float: none; width: 100%; margin-right: 0; }
#mainArea04 .latest02 {float: none; width: 100%; }
#mainArea04 .latest-content strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; }

.latest4 { display: inline-block; width: 31.5%; position: relative; overflow: hidden; margin-bottom: 18px; margin-right:3px;}
.latest4 > div { }
.latest4 > div.info {width: 100%; margin-left: 0px; padding-left: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.latest4 .thumb { width: 100%;}
.latest4 .thumb img {width: 100%; }
.latest4 .subject { font-size: 12px; font-weight: bold; color: #333333; display: inline-block; margin:5px 0 5px 0; line-height: 20px; letter-spacing: -0.04em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest4 .con { display: inline-block; width: 100%; font-size: 12px; color: #333333; letter-spacing: -0.04em; line-height: 14px;  width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.latest4 .nav { margin-left: 10px; font-size: 11px; color: #666666; letter-spacing: -0.04em; }
.latest4 .cnt { overflow: hidden; margin-top: 5px; padding:5px 0; font-weight:bold; height:20px;}
.latest4 .cnt span.c1 { display: inline-block; line-height: 15px; padding-left:18px; background: url(/images/mobile/nhi/common/ico-comm.png) no-repeat 0 center; background-size: 14px 14px; font-size: 13px; }
.latest4 .cnt span.c2 { display: inline-block; line-height: 15px; margin-left: 5px; padding-left:18px; background: url(/images/mobile/nhi/common/ico-visit.png) no-repeat 0 center; background-size: 14px 14px; font-size: 13px; }
.latest4 .cnt span.c3 { display: inline-block; line-height: 15px; padding-left:18px; background: url(/images/mobile/nhi/common/ico-blog.png) no-repeat 0 center; background-size: 14px 14px; font-size: 13px; }
}


/* Mobile�� ȭ�� */
@media (min-width: 481px) and (max-width: 640px) { 

#mainArea .main-txt { width: 100%; padding-top: 40px; }
#mainArea .main-txt p { font-size: 22px; line-height: 26px; }
#mainArea .main-txt p.big {font-size: 27px;}

#mainArea .sch-bx { width: 100%; height: 32px; line-height: 32px; margin: 20px auto; padding: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#mainArea .sch-bx input[type="text"] { height: 32px; padding: 0px 10px; font-size: 12px; line-height: 32px; width: calc(100% -75px); width: -moz-calc(100% - 75px); width: -webkit-calc(100% - 75px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .sch-bx .btn-submit { font-size: 12px; display: inline-block; width: 75px; height: 32px; line-height: 32px;}

#mainArea .two.posita { position: relative; }
#mainArea .two.positr { position: relative; }
	
#mainArea .mnb { width: 100%;}
#mainArea .mnb > ul { padding: 0px 10px;}
#mainArea .mnb > ul > li { float: none; }
#mainArea .mnb > ul > li .mw-area01 { border-left: none; border-bottom: none; width: 100%; height: auto; margin-left: 0px; margin-right: 0px;}
#mainArea .mnb > ul > li .mw-area01 > ul { width: 100%; overflow: hidden; height: auto; }
#mainArea .mnb > ul > li .mw-area01 > ul > li { width: 23%; height: 90px; line-height: 90px; float: left; text-align: center; margin:1%; background: #FFF; border: 1px solid #cecece; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .mnb > ul > li .mw-area01 > ul > li:first-child { width: 48%}
#mainArea .mnb > ul > li .mw-area01 > ul > li:nth-child(2n) { } 
#mainArea .mnb > ul > li .mw-area01 > ul > li:nth-child(6n) { width: 48%;} 
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn02 { border: none; background: #729ed8; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn03 { border: none; background: #fbad73; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn04 { border: none; background: #ec9696; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn05 { border: none; background: #a3d46f; }
#mainArea .mnb > ul > li .mw-area01 > ul > li > a { display: inline-block; width: 100%; text-align: center; height: 90px; line-height: 90px; vertical-align: top; font-size: 13px; color: #6895d1; font-weight: bold; letter-spacing: -0.04em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .mnb > ul > li .mw-area01 > ul > li > a > span { vertical-align: middle; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn01 > a > span { padding: 0px 0 0 60px; line-height: 90px; background: url(/images/mobile/nhi/main/ico-m01.png) no-repeat 5px center;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn02 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m02.png) no-repeat center top; color:#FFF;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn03 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m03.png) no-repeat center top; color:#FFF;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn04 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m04.png) no-repeat center top; color:#FFF;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn05 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m05.png) no-repeat center top; color:#FFF;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn06 > a > span { padding: 0px 0 0 60px; line-height: 90px; background: url(/images/mobile/nhi/main/ico-m06.png) no-repeat 5px center;}
#mainArea .mnb > ul > li.thr { margin-top: 10px;}
#mainArea .two { margin: 1%; padding:10px 0 20px 0; text-align:center;}
#mainArea .two img {max-width: 100%;}
	
#mainArea .mnb > ul > li .mw-area02 { width: 98%; height: auto; border: 0px solid #cccccc;  margin: 1%; border-top: none; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .mnb > ul > li .mw-area02 > ul { overflow: hidden; margin: 0; }
#mainArea .mnb > ul > li .mw-area02 > ul > li { float: left; width: 25%; padding: 10px 0px; height: auto; border-left: 1px solid #f4f4ef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}
#mainArea .mnb > ul > li .mw-area02 > ul > li:first-child { border-top: 0px; border-left: 0px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a { display: inline-block; width: 100%; padding-left: 0px; padding-top: 55px; line-height: 20px; height: 20px; display: inline-block; font-size: 13px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn01 { background: url(/images/mobile/nhi/main/ico-m07.png) no-repeat center top; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn02 { background: url(/images/mobile/nhi/main/ico-m08.png) no-repeat center top; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn03 { background: url(/images/mobile/nhi/main/ico-m09.png) no-repeat center top; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn04 { background: url(/images/mobile/nhi/main/ico-m10.png) no-repeat center top; background-size: 50px 50px; }
#mainArea .btn-menu { background: url(/images/mobile/nhi/main/area-btn-bx.png) no-repeat; background-size: 100% 100%; width: 125px; padding-bottom: 10px; text-align: center;}
#mainArea .btn-menu > a { line-height: 40px; display: inline-block; width: 100%; vertical-align: top; font-size: 14px; color: #324ca8; font-weight: bold; letter-spacing: -0.04em;  }
#mainArea .btn-menu > a > span { background: url(/images/mobile/nhi/main/arr-btn-open2.png) no-repeat center right; padding-right: 20px; }
#mainArea .btn-menu > a.active > span { background: url(/images/mobile/nhi/main/arr-btn-close2.png) no-repeat center right; }


#mainArea02 { background: #f4f4ef; border-top: 1px solid #4563a1; position: relative; border-bottom: 1px solid #d7d7d7;}
#mainArea02 .tab-content { width: 100%; margin: 0 auto; padding: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#mainArea02 .tab-content > ul {}
#mainArea02 .tab-content > ul > li { display: none; float: none; width: 95%; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99;}
#mainArea02 .tab-content > ul > li.tab01 { top: 0px; }
#mainArea02 .tab-content > ul > li.tab02 { top: 47px;}
#mainArea02 .tab-content > ul > li.tab03 { top: 94px;}
#mainArea02 .tab-content > ul > li.tab04 { top: 141px;}
#mainArea02 .tab-content > ul > li.tab05 { top: 188px;}
#mainArea02 .tab-content > ul > li:first-child > a { border-left: none;}
#mainArea02 .tab-content > ul > li.active { z-index: 99; display: block !important; top: 0px !important; }
#mainArea02 .tab-content > ul > li > a {  font-size: 16px; color: #333333; display:  inline-block; width: 100%; line-height: 47px; text-align: left; letter-spacing: -0.04em; position: relative; background: #fff; border-top: 1px solid #d7d7d7; border-right: none; border-bottom: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea02 .tab-content > ul > li:first-child > a { border-top: none; }
#mainArea02 .tab-content > ul > li.active > a { font-weight: bold; color: #4563a1; background: #fff url(/images/mobile/nhi/common/tab-arr.png) center right no-repeat; border: 1px solid #4563a1; border-top: none; }
#mainArea02 .tab-content > ul.active > li > a { border-left: 1px solid #4563a1; border-right: 1px solid #4563a1; }
#mainArea02 .tab-content > ul.active > li.tab04 > a { border-bottom: 1px solid #4563a1 !important; }
	
#mainArea02 .tab-content > ul > li > ul { display: none; overflow: hidden; width: 100%; position: absolute; }
#mainArea02 .tab-content > ul > li > ul.active { display: block; }
#mainArea02 .tab-content > ul > li > ul > li { float: none; width: 100%; height: auto; margin-top: 30px; }
#mainArea02 .tab-content > ul > li > ul > li:nth-child(2n) { margin-left: 0px; }
#mainArea02 .tab-content > ul > li > ul > li strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; }
#mainArea02 .bx-wrapper .bx-pager { padding-top: 0px; text-align: right; }
#mainArea02 .bx-wrapper .bx-pager, #mainArea02 .bx-wrapper .bx-controls-auto { top: -30px; height: 8px;}
#mainArea02 .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; border-radius: 5px; background: #ccc; margin: 0px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mainArea02 .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainArea02 .bx-wrapper .bx-pager.bx-default-pager a.active, #mainArea02 .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #4563a1; }

	
.latest { position: relative; }
.latest .cate { position: absolute; left: 0px; top: 0px;display: inline-block; width: 48px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #fff; }
.latest .cate.new { background: #fa6c00;}
.latest .cate.best { background: #7f74b7;}
.latest .subject { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 14px; color: #333333; font-weight: bold; letter-spacing: -0.04em; line-height: 20px; height: 40px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.latest .con { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 14px; color: #333333; letter-spacing: -0.04em; line-height: 20px; height: 60px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.latest .nav { font-size: 12.5px; color: #666666; margin: 15px 0px; letter-spacing: -0.04em; }
.latest .cnt span.c1 {padding-left:15px;background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center}
.latest .cnt span.c2 { margin-left: 10px; padding-left:15px;background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center}

#mainArea03 {}
#mainArea03 .latest-content { width: 100%; margin: 0 auto; padding: 20px 10px; height: auto;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#mainArea03 .latest01 {float: none; width: 100%; margin-right: 0px; }
#mainArea03 .latest02 { margin-top: 30px; float: none; width: 100%; }
#mainArea03 .latest-content strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; }

.latest2 { position: relative; overflow: hidden; margin-bottom: 14px; }
.latest2 > div { float: left; }
.latest2 > div.info {width: 70%; margin-left: 0px; padding-left: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.latest2 .thumb { width: 30%;}
.latest2 .thumb img {width: 100%; }
.latest2 .cate { position: absolute; left: 0px; top: 0px;display: inline-block; width: 48px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #fff; }
.latest2 .cate.new { background: #fa6c00;}
.latest2 .cate.best { background: #7f74b7;}
.latest2 .subject { font-size: 12px; font-weight: bold; color: #333333; display: inline-block; margin-bottom: 10px; line-height: 20px; letter-spacing: -0.04em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest2 .con { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 12px; color: #333333; letter-spacing: -0.04em; line-height: 16px; height: 32px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.latest2 .nav { margin-left: 5px; font-size: 12px; color: #666666; letter-spacing: -0.04em; }
.latest2 .cnt { overflow: hidden; margin-top: 10px;}
.latest2 .cnt span.c1 { padding-left:15px;background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center}
.latest2 .cnt span.c2 {  margin-left: 5px; padding-left:15px; background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center}

#mainArea03 .bx-wrapper .bx-pager { padding-top: 0px; text-align: right; }
#mainArea03 .bx-wrapper .bx-pager, #mainArea03 .bx-wrapper .bx-controls-auto { top: -30px; height: 8px;}
#mainArea03 .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; border-radius: 5px; background: #ccc; margin: 0px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mainArea03 .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainArea03 .bx-wrapper .bx-pager.bx-default-pager a.active, #mainArea03 .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #4563a1; }

#mainArea04 {  }
#mainArea04 .latest-content { width: 100%; margin: 0 auto; padding: 20px 10px; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea04 .latest01 {float: none; width: 100%; margin-right: 0; }
#mainArea04 .latest02 {float: none; width: 100%; }
#mainArea04 .latest-content strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; }

.latest3 { position: relative; overflow: hidden; margin-bottom: 28px; }
.latest3 > div { float: left; }
.latest3 > div.info {width: 70%; margin-left: 0px; padding-left: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.latest3 .thumb { width: 30%;}
.latest3 .thumb img {width: 100%; }
.latest3 .subject { font-size: 14px; font-weight: bold; color: #333333; display: inline-block; margin-bottom: 5px; line-height: 20px; letter-spacing: -0.04em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest3 .con { display: inline-block; width: 100%; font-size: 12px; color: #333333; letter-spacing: -0.04em; line-height: 14px;  width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.latest3 .nav { margin-left: 10px; font-size: 12px; color: #666666; letter-spacing: -0.04em; }
.latest3 .cnt { overflow: hidden; margin-top: 10px;}
.latest3 .cnt span.c1 { padding-left:15px;background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center}
.latest3 .cnt span.c2 { margin-left: 5px; padding-left:15px;background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center}

.quick { float: none; margin-top: 20px; width: 100%; height: 150px; margin-left: 0px; }
.quick > ul { overflow: hidden; }
.quick > ul > li { float: left; width: 25%; border-left: 1px solid #626262; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.quick > ul > li:first-child { border-left: 0px; }
.quick > ul > li > a { display: inline-block; width: 100%; height: 150px; line-height: 150px; text-align: center; color: #fff; font-size: 14px; letter-spacing: -0.04em; }
.quick > ul > li > a > span { display: inline-block; vertical-align: middle; line-height: 20px; padding-top: 74px; }
.quick > ul > li > a.btn01 { background: #333333;}
.quick > ul > li > a.btn02 { background: #3b3b3b;}
.quick > ul > li > a.btn03 { background: #333333;}
.quick > ul > li > a.btn04 { background: #3b3b3b;}
.quick > ul > li > a.btn01 > span { background: url(/images/mobile/nhi/main/ico-m11.png) center top no-repeat;}
.quick > ul > li > a.btn02 > span { padding-top: 69px; background: url(/images/mobile/nhi/main/ico-m12.png) center top no-repeat;}
.quick > ul > li > a.btn03 > span { background: url(/images/mobile/nhi/main/ico-m13.png) center top no-repeat;}
.quick > ul > li > a.btn04 > span { background: url(/images/mobile/nhi/main/ico-m14.png) center top no-repeat;}

#mainArea { padding-bottom:25px; }
#mainArea .main-txt { width: 100%; padding-top: 10px; }
#mainArea .main-txt p { font-size: 15px; line-height: 20px; }
#mainArea .main-txt p.big {font-size: 18px;}

#mainArea .sch-bx { width: 100%; height: 25px; line-height: 25px; margin: 20px auto; padding: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#mainArea .sch-bx input[type="text"] { height: 25px; padding: 0px 10px; font-size: 12px; line-height: 25px; width: calc(100% -50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .sch-bx .btn-submit { font-size: 12px; display: inline-block; width: 50px; height: 25px; line-height: 25px;}


#mainArea .mnb > ul > li .mw-area03 { /*margin-top:-2px;padding:2px;*/ width:346px;height:218px; margin-left:0;/* border: 1px solid #cccccc; border-left: none; background: #fff;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#mainArea .mnb > ul > li .mw-area03 > ul {/*margin: 0px 10px 0px 20px;*/margin:0 18px;}
#mainArea .mnb > ul > li .mw-area03 > ul > li { padding: 20px 0px; height: 30px; border-top: 1px solid #e5e5e5; }
#mainArea .mnb > ul > li .mw-area03 > ul > li:first-child { border-top: 0px; }
#mainArea .mnb > ul > li .mw-area03 > ul > li > a { padding-left:65px; line-height: 50px; height: 50px; display: inline-block; font-size: 15px; font-weight: bold; color: #333; letter-spacing: -0.04em; }
#mainArea .mnb > ul > li .mw-area03 > ul > li > a.btn01 { background: url(/images/mobile/nhi/main/ico-m07.png) no-repeat; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area03 > ul > li > a.btn01:hover {color:#3EB79A;}
#mainArea .mnb > ul > li .mw-area03 > ul > li > a.btn02 { background: url(/images/mobile/nhi/main/ico-m08.png) no-repeat; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area03 > ul > li > a.btn02:hover {color:#4474B0;}
#mainArea .mnb > ul > li .mw-area03 > ul > li > a.btn03 { background: url(/images/mobile/nhi/main/ico-m09.png) no-repeat; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area03 > ul > li > a.btn03:hover {color:#8D62B6;}
#mainArea .mnb > ul > li .mw-area03 > ul > li > a.btn04 { background: url(/images/mobile/nhi/main/ico-m10.png) no-repeat; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area03 > ul > li > a.btn04:hover {color:#F49292;}

#mainArea02 { background:#f4f4ef; border-top: 1px solid #4563a1; position: relative; border-bottom: 1px solid #d7d7d7;}
#mainArea02 .tab-content { width: 100%; margin: 0 auto; padding: 0px 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#mainArea02 .tab-content > ul {}
#mainArea02 .tab-content > ul > li { display: none; float: none; width: 92%; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99;}
#mainArea02 .tab-content > ul > li.tab01 { top: 0px; }
#mainArea02 .tab-content > ul > li.tab02 { top: 47px;}
#mainArea02 .tab-content > ul > li.tab03 { top: 94px;}
#mainArea02 .tab-content > ul > li.tab04 { top: 141px;}
#mainArea02 .tab-content > ul > li.tab05 { top: 188px;}
#mainArea02 .tab-content > ul > li:first-child > a { border-left: none;}
#mainArea02 .tab-content > ul > li.active { z-index: 99; display: block !important; top: 0px !important; }
#mainArea02 .tab-content > ul > li > a {  font-size: 16px; color: #333333; display:  inline-block; width: 100%; line-height: 47px; text-align: left; letter-spacing: -0.04em; position: relative; background: #fff; border-top: 1px solid #d7d7d7; border-right: none; border-bottom: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea02 .tab-content > ul > li:first-child > a { border-top: none; }
#mainArea02 .tab-content > ul > li.active > a { font-weight: bold; color: #4563a1; background: #fff url(/images/mobile/nhi/common/tab-arr.png) center right no-repeat; border: 1px solid #4563a1; border-top: none; }
#mainArea02 .tab-content > ul.active > li > a { border-left: 1px solid #4563a1; border-right: 1px solid #4563a1; }
#mainArea02 .tab-content > ul.active > li.tab04 > a { border-bottom: 1px solid #4563a1 !important; }
	
#mainArea02 .tab-content > ul > li > ul { display: none; overflow: hidden; width: 100%; position: absolute; }
#mainArea02 .tab-content > ul > li > ul.active { display: block;  }
#mainArea02 .tab-content > ul > li > ul > li { float: none; width: 100%; height: auto; margin-top: 30px; }
#mainArea02 .tab-content > ul > li > ul > li:nth-child(2n) { margin-left: 2px; }
#mainArea02 .tab-content > ul > li > ul > li strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; }
#mainArea02 .bx-wrapper .bx-pager { padding-top: 0px; text-align: right; }
#mainArea02 .bx-wrapper .bx-pager, #mainArea02 .bx-wrapper .bx-controls-auto { top: -30px; height: 8px;}
#mainArea02 .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; border-radius: 5px; background: #ccc; margin: 0px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mainArea02 .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainArea02 .bx-wrapper .bx-pager.bx-default-pager a.active, #mainArea02 .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #4563a1; }

.latest { position: relative; }
.latest .cate { position: absolute; left: 0px; top: 0px;display: inline-block; width: 48px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #fff; }
.latest .cate.new { background: #fa6c00;}
.latest .cate.best { background: #7f74b7;}
.latest .subject { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;/*white-space: normal;*/ font-size: 14px; color: #333333; letter-spacing: -0.04em; line-height: 20px;  text-align: left; word-wrap: break-word;/* height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/ }
.latest .con { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 14px; color: #333333; letter-spacing: -0.04em; line-height: 20px; text-align: left; word-wrap: break-word;height: 60px;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.latest .nav { font-size: 12.5px; color: #666666; margin: 15px 0px; letter-spacing: -0.04em; }
.latest .cnt span.c1 { display: inline-block; line-height: 15px;padding-left:18px; background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center; background-size: 15px 15px;}
.latest .cnt span.c2 { display: inline-block; line-height: 15px; margin-left: 10px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center; background-size: 15px 15px;}

#mainArea03 {}
#mainArea03 .latest-content { width: 100%; margin: 0 auto; padding: 20px; height: auto;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#mainArea03 .latest01 {float: none; width: 100%; margin-right: 0px; }
#mainArea03 .latest02 { margin-top: 30px; float: none; width: 100%; }
#mainArea03 .latest-content strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; }

.latest2 { position: relative; overflow: hidden; margin-bottom: 14px; }
.latest2 > div { float: left; }
.latest2 > div.info {width: 70%; margin-left: 0px; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.latest2 .thumb { width: 30%;}
.latest2 .thumb img {width: 100%; }
.latest2 .cate { position: absolute; left: 0px; top: 0px;display: inline-block; width: 48px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #fff; }
.latest2 .cate.new { background: #fa6c00;}
.latest2 .cate.best { background: #7f74b7;}
.latest2 .subject { font-size: 14px; font-weight: bold; color: #333333; display: inline-block; margin-bottom: 3px; line-height: 20px; letter-spacing: -0.04em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest2 .con { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 11px; color: #333333; letter-spacing: -0.04em; line-height: 14px; height: 28px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.latest2 .nav { margin-left: 5px; font-size: 11px; color: #666666; letter-spacing: -0.04em; }
.latest2 .cnt { overflow: hidden; margin-top: 5px;}
.latest2 .cnt span.c1 { padding-left:18px; background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center;; background-size: 15px 15px;}
.latest2 .cnt span.c2 {  margin-left: 5px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center; background-size: 15px 15px;}

#mainArea03 .bx-wrapper .bx-pager { padding-top: 0px; text-align: right; }
#mainArea03 .bx-wrapper .bx-pager, #mainArea03 .bx-wrapper .bx-controls-auto { top: -30px; height: 8px;}
#mainArea03 .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; border-radius: 5px; background: #ccc; margin: 0px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mainArea03 .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainArea03 .bx-wrapper .bx-pager.bx-default-pager a.active, #mainArea03 .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #4563a1; }

#mainArea04 {  }
#mainArea04 .latest-content { width: 100%; margin: 0 auto; padding: 20px; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#f4f4ef; }
#mainArea04 .latest01 {float: none; width: 100%; margin-right: 0; }
#mainArea04 .latest02 {float: none; width: 100%; }
#mainArea04 .latest-content strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; }

.latest4 { display: inline-block; width: 31.5%; position: relative; overflow: hidden; margin-bottom: 18px; margin-right:3px;}
.latest4 > div { }
.latest4 > div.info {width: 100%; margin-left: 0px; padding-left: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.latest4 .thumb { width: 100%;}
.latest4 .thumb img {width: 100%; }
.latest4 .subject { font-size: 12px; font-weight: bold; color: #333333; display: inline-block; margin:5px 0 5px 0; line-height: 20px; letter-spacing: -0.04em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest4 .con { display: inline-block; width: 100%; font-size: 12px; color: #333333; letter-spacing: -0.04em; line-height: 14px;  width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.latest4 .nav { margin-left: 10px; font-size: 11px; color: #666666; letter-spacing: -0.04em; }
.latest4 .cnt { overflow: hidden; margin-top: 5px; padding:5px 0; font-weight:bold; height:20px;}
.latest4 .cnt span.c1 { display: inline-block; line-height: 15px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-comm.png) no-repeat 0 center; background-size: 14px 14px; font-size: 13px; }
.latest4 .cnt span.c2 { display: inline-block; line-height: 15px; margin-left: 5px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-visit.png) no-repeat 0 center; background-size: 14px 14px; font-size: 13px; }
.latest4 .cnt span.c3 { display: inline-block; line-height: 15px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-blog.png) no-repeat 0 center; background-size: 14px 14px; font-size: 13px; }

}


/* Mobile�� ȭ�� */
@media (min-width: 411px) and (max-width: 480px) { 
#mainArea .main-txt { width: 100%; padding-top: 0px; }
#mainArea .main-txt p { font-size: 15px; line-height: 20px; }
#mainArea .main-txt p.big {font-size: 18px;}

#mainArea .sch-bx { width: 100%; height: 25px; line-height: 25px; margin: 20px auto; padding: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#mainArea .sch-bx input[type="text"] { height: 25px; padding: 0px 10px; font-size: 12px; line-height: 25px; width: calc(100% -50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .sch-bx .btn-submit { font-size: 12px; display: inline-block; width: 50px; height: 25px; line-height: 25px;}
	
#mainArea .mnb > ul > li .mw-area02 { width: 98%; height: auto; border: 0px solid #cccccc; margin:0 0 15px 4px; border-top: none; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .mnb > ul > li .mw-area02 > ul { overflow: hidden; margin: 0px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li { float: left; width: 25%; padding: 10px 0px; height: auto; border-left: 1px solid #f4f4ef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}
#mainArea .mnb > ul > li .mw-area02 > ul > li:first-child { border-top: 0px; border-left: 0px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a { display: inline-block; width: 100%; padding-left: 0px; padding-top: 55px; line-height: 20px; height: 20px; display: inline-block; font-size: 13px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn01 { background: url(/images/mobile/nhi/main/ico-m07.png) no-repeat center top; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn02 { background: url(/images/mobile/nhi/main/ico-m08.png) no-repeat center top; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn03 { background: url(/images/mobile/nhi/main/ico-m09.png) no-repeat center top; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn04 { background: url(/images/mobile/nhi/main/ico-m10.png) no-repeat center top; background-size: 50px 50px; }

#mainArea .btn-menu { background: url(/images/mobile/nhi/main/area-btn-bx.png) no-repeat; background-size: 100% 100%; width: 125px; padding-bottom: 10px; text-align: center;}
#mainArea .btn-menu > a { line-height: 40px; display: inline-block; width: 100%; vertical-align: top; font-size: 14px; color: #324ca8; font-weight: bold; letter-spacing: -0.04em;  }
#mainArea .btn-menu > a > span { background: url(/images/mobile/nhi/main/arr-btn-open2.png) no-repeat center right; padding-right: 20px; }
#mainArea .btn-menu > a.active > span { background: url(/images/mobile/nhi/main/arr-btn-close2.png) no-repeat center right; }

#mainArea02 { background:#f4f4ef; border-top: 1px solid #4563a1; position: relative; border-bottom: 1px solid #d7d7d7;}
#mainArea02 .tab-content { width: 100%; margin: 0 auto; padding: 0px 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#mainArea02 .tab-content > ul {}
#mainArea02 .tab-content > ul > li { display: none; float: none; width: 92%; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99;}
#mainArea02 .tab-content > ul > li.tab01 { top: 0px; }
#mainArea02 .tab-content > ul > li.tab02 { top: 47px;}
#mainArea02 .tab-content > ul > li.tab03 { top: 94px;}
#mainArea02 .tab-content > ul > li.tab04 { top: 141px;}
#mainArea02 .tab-content > ul > li.tab05 { top: 188px;}
#mainArea02 .tab-content > ul > li:first-child > a { border-left: none;}
#mainArea02 .tab-content > ul > li.active { z-index: 99; display: block !important; top: 0px !important; }
#mainArea02 .tab-content > ul > li > a {  font-size: 16px; color: #333333; display:  inline-block; width: 100%; line-height: 47px; text-align: left; letter-spacing: -0.04em; position: relative; background: #fff; border-top: 1px solid #d7d7d7; border-right: none; border-bottom: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea02 .tab-content > ul > li:first-child > a { border-top: none; }
#mainArea02 .tab-content > ul > li.active > a { font-weight: bold; color: #4563a1; background: #fff url(/images/mobile/nhi/common/tab-arr.png) center right no-repeat; border: 1px solid #4563a1; border-top: none; }
#mainArea02 .tab-content > ul.active > li > a { border-left: 1px solid #4563a1; border-right: 1px solid #4563a1; }
#mainArea02 .tab-content > ul.active > li.tab04 > a { border-bottom: 1px solid #4563a1 !important; }
	
#mainArea02 .tab-content > ul > li > ul { display: none; overflow: hidden; width: 100%; position: absolute; }
#mainArea02 .tab-content > ul > li > ul.active { display: block; }
#mainArea02 .tab-content > ul > li > ul > li { float: none; width: 100%; height: auto; margin-top: 30px; }
#mainArea02 .tab-content > ul > li > ul > li:nth-child(2n) { margin-left: 2px; }
#mainArea02 .tab-content > ul > li > ul > li strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; }
#mainArea02 .bx-wrapper .bx-pager { padding-top: 0px; text-align: right; }
#mainArea02 .bx-wrapper .bx-pager, #mainArea02 .bx-wrapper .bx-controls-auto { top: -30px; height: 8px;}
#mainArea02 .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; border-radius: 5px; background: #ccc; margin: 0px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mainArea02 .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainArea02 .bx-wrapper .bx-pager.bx-default-pager a.active, #mainArea02 .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #4563a1; }

.latest { position: relative; }
.latest .cate { position: absolute; left: 0px; top: 0px;display: inline-block; width: 48px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #fff; }
.latest .cate.new { background: #fa6c00;}
.latest .cate.best { background: #7f74b7;}
.latest .subject { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;/*white-space: normal;*/ font-size: 14px; color: #333333; letter-spacing: -0.04em; line-height: 20px;  text-align: left; word-wrap: break-word;/* height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/ }
.latest .con { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 14px; color: #333333; letter-spacing: -0.04em; line-height: 20px; text-align: left; word-wrap: break-word;height: 60px;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.latest .nav { font-size: 12.5px; color: #666666; margin: 15px 0px; letter-spacing: -0.04em; }
.latest .cnt span.c1 {padding-left:18px;background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center; background-size: 15px 15px;}
.latest .cnt span.c2 { margin-left: 10px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center; background-size: 15px 15px;}

#mainArea03 {}
#mainArea03 .latest-content { width: 100%; margin: 0 auto; padding: 20px 20px; height: auto;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#mainArea03 .latest01 {float: none; width: 100%; margin-right: 0px; }
#mainArea03 .latest02 { margin-top: 30px; float: none; width: 100%; }
#mainArea03 .latest-content strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; }

.latest2 { position: relative; overflow: hidden; margin-bottom: 14px; }
.latest2 > div { float: left; }
.latest2 > div.info {width: 70%; margin-left: 0px; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.latest2 .thumb { width: 30%;}
.latest2 .thumb img {width: 100%; }
.latest2 .cate { position: absolute; left: 0px; top: 0px;display: inline-block; width: 48px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #fff; }
.latest2 .cate.new { background: #fa6c00;}
.latest2 .cate.best { background: #7f74b7;}
.latest2 .subject { font-size: 12px; font-weight: bold; color: #333333; display: inline-block; margin-bottom: 3px; line-height: 20px; letter-spacing: -0.04em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest2 .con { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 11px; color: #333333; letter-spacing: -0.04em; line-height: 14px; height: 28px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.latest2 .nav { margin-left: 5px; font-size: 11px; color: #666666; letter-spacing: -0.04em; }
.latest2 .cnt { overflow: hidden; margin-top: 5px;}
.latest2 .cnt span.c1 { padding-left:18px;background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center;; background-size: 15px 15px;}
.latest2 .cnt span.c2 {  margin-left: 5px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center; background-size: 15px 15px;}

#mainArea03 .bx-wrapper .bx-pager { padding-top: 0px; text-align: right; }
#mainArea03 .bx-wrapper .bx-pager, #mainArea03 .bx-wrapper .bx-controls-auto { top: -30px; height: 8px;}
#mainArea03 .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; border-radius: 5px; background: #ccc; margin: 0px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mainArea03 .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainArea03 .bx-wrapper .bx-pager.bx-default-pager a.active, #mainArea03 .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #4563a1; }

#mainArea04 {  }
#mainArea04 .latest-content { width: 100%; margin: 0 auto; padding: 20px 10px 20px 20px; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#f4f4ef; }
#mainArea04 .latest01 {float: none; width: 100%; margin-right: 0; }
#mainArea04 .latest02 {float: none; width: 100%; }
#mainArea04 .latest-content strong { font-size: 20px; font-weight: bold; letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 20px; }

.latest3 { position: relative; overflow: hidden; margin-bottom: 28px; }
.latest3 > div { float: left; }
.latest3 > div.info {width: 70%; margin-left: 0px; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.latest3 .thumb { width: 30%;}
.latest3 .thumb img {width: 100%; }
.latest3 .subject { font-size: 14px; font-weight: bold; color: #333333; display: inline-block; margin-bottom: 5px; line-height: 20px; letter-spacing: -0.04em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest3 .con { display: inline-block; width: 100%; font-size: 12px; color: #333333; letter-spacing: -0.04em; line-height: 14px;  width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.latest3 .nav { margin-left: 10px; font-size: 11px; color: #666666; letter-spacing: -0.04em; }
.latest3 .cnt { /*overflow: hidden;*/ margin-top:2px;}
.latest3 .cnt span.c1 { padding-left:19px;background: url(/images/mobile/nhi/common/ico-blog.png) no-repeat 0 center}
.latest3 .cnt span.c3 { padding-left:19px;background: url(/images/mobile/nhi/common/ico-commu.png) no-repeat 0 center}
.latest3 .cnt span.c2 {  margin-left: 10px; padding-left:19px;background: url(/images/mobile/nhi/common/ico-visit.png) no-repeat 0 center}


.latest4 { display: inline-block; width: 48.5%; position: relative; overflow: hidden; margin-bottom: 18px; margin-right:3px;}
.latest4 > div { }
.latest4 > div.info {width: 100%; margin-left: 0px; padding-left: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.latest4 .thumb { width: 100%;}
.latest4 .thumb img {width: 100%; }
.latest4 .subject { font-size: 12px; font-weight: bold; color: #333333; display: inline-block; margin:5px 0 5px 0; line-height: 20px; letter-spacing: -0.04em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest4 .con { display: inline-block; width: 100%; font-size: 12px; color: #333333; letter-spacing: -0.04em; line-height: 14px;  width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.latest4 .nav { margin-left: 10px; font-size: 11px; color: #666666; letter-spacing: -0.04em; }
.latest4 .cnt { overflow: hidden; margin-top: 5px; padding:5px 0; font-weight:bold; height:20px;}
.latest4 .cnt span.c1 { padding-left:18px;background: url(/images/mobile/nhi/common/ico-comm.png) no-repeat 0 center; background-size: 14px 14px; font-size: 11px; }
.latest4 .cnt span.c2 { margin-left: 5px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-visit.png) no-repeat 0 center; background-size: 14px 14px; font-size: 11px; }
.latest4 .cnt span.c3 { padding-left:18px;background: url(/images/mobile/nhi/common/ico-blog.png) no-repeat 0 center; background-size: 14px 14px; font-size: 11px; }


.quick { float: none; margin-top: 20px; width: 100%; height: 150px; margin-left: 0px; }
.quick > ul { overflow: hidden; }
.quick > ul > li { float: left; width: 25%; border-left: 1px solid #626262; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.quick > ul > li:first-child { border-left: 0px; }
.quick > ul > li > a { display: inline-block; width: 100%; height: 150px; line-height: 150px; text-align: center; color: #fff; font-size: 14px; letter-spacing: -0.04em; }
.quick > ul > li > a > span { display: inline-block; vertical-align: middle; line-height: 20px; padding-top: 74px; }
.quick > ul > li > a.btn01 { background: #333333;}
.quick > ul > li > a.btn02 { background: #3b3b3b;}
.quick > ul > li > a.btn03 { background: #333333;}
.quick > ul > li > a.btn04 { background: #3b3b3b;}
.quick > ul > li > a.btn01 > span { background: url(/images/mobile/nhi/main/ico-m11.png) center top no-repeat;}
.quick > ul > li > a.btn02 > span { padding-top: 69px; background: url(/images/mobile/nhi/main/ico-m12.png) center top no-repeat;}
.quick > ul > li > a.btn03 > span { background: url(/images/mobile/nhi/main/ico-m13.png) center top no-repeat;}
.quick > ul > li > a.btn04 > span { background: url(/images/mobile/nhi/main/ico-m14.png) center top no-repeat;}
}

/* �������� Mobile�� ȭ�� */
@media (min-width: 320px) and (max-width: 480px) { 
#mainArea .main-txt { width: 100%; padding-top: 0px; }
#mainArea .main-txt p { font-size: 15px; line-height: 20px; }
#mainArea .main-txt p.big {font-size: 18px;}

#mainArea .sch-bx { width: 100%; height: 25px; line-height: 25px; margin: 20px auto; padding: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#mainArea .sch-bx input[type="text"] { height: 25px; padding: 0px 10px; font-size: 12px; line-height: 25px; width: calc(100% -50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .sch-bx .btn-submit { font-size: 12px; display: inline-block; width: 50px; height: 25px; line-height: 25px;}
#mainArea .two.posita { position: relative; }
#mainArea .two.positr { position: relative; }
#mainArea .mnb { width: 100%;}
#mainArea .mnb > ul { padding: 0px 10px;}
#mainArea .mnb > ul > li { float: none; }
/* #mainArea .mnb > ul > li .mw-area01 { border-left: none; border-bottom: none; width: 100%; height: auto; margin-left: 0px; margin-right: 0px;}
#mainArea .mnb > ul > li .mw-area01 > ul { width: 100%; overflow: hidden; height: auto; }
#mainArea .mnb > ul > li .mw-area01 > ul > li { width: 23%; height: 90px; line-height: 90px; float: left; text-align: center; margin:1%; background: #FFF; border: 1px solid #cecece; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .mnb > ul > li .mw-area01 > ul > li:first-child { width: 48%}
#mainArea .mnb > ul > li .mw-area01 > ul > li:first-child { width: 23%}
#mainArea .mnb > ul > li .mw-area01 > ul > li:nth-child(2n) { } 
#mainArea .mnb > ul > li .mw-area01 > ul > li:nth-child(6n) { width: 23%;} 
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn02 { border: none; background: #729ed8; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn03 { border: none; background: #fbad73; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn04 { border: none; background: #ec9696; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn05 { border: none; background: #a3d46f; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn06 { border: none; background: #004a67; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn08 { border: none; background: #AE7EDD; }
#mainArea .mnb > ul > li .mw-area01 > ul > li > a { display: inline-block; width: 100%; text-align: center; height: 90px; line-height: 90px; vertical-align: top; font-size: 13px; color: #6895d1; font-weight: bold; letter-spacing: -0.04em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .mnb > ul > li .mw-area01 > ul > li > a > span { vertical-align: middle; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn01 > a > span { padding: 0px 0 0 60px; line-height: 90px; background: url(/images/mobile/nhi/main/ico-m01.png) no-repeat 5px center;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn01 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m01.png) no-repeat center top;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn02 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m02.png) no-repeat center top; color:#FFF;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn03 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m03.png) no-repeat center top; color:#FFF;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn04 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m04.png) no-repeat center top; color:#FFF;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn05 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m05.png) no-repeat center top; color:#FFF;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn06 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m15.png) no-repeat center top; color:#FFF;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn07 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m06.png) no-repeat center top;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn08 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m16.png) no-repeat center top; color:#FFF;} */
	#mainArea .mnb > ul > li .mw-area01 { border-left: none; border-bottom: none; width: 100%; height: auto; margin-left: 0px; margin-right: 0px;}
	#mainArea .mnb > ul > li .mw-area01 > ul { width: 100%; overflow: hidden; height: auto; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li { width: 23%; height: 90px; line-height: 90px; float: left; text-align: center; margin:1%; background: #FFF; border: 1px solid #cecece; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li:first-child { width: 23%}
	#mainArea .mnb > ul > li .mw-area01 > ul > li:nth-child(6n) { width: 23%;} 
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn02 { border: none; background: #4563a1; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn03 { border: none; background: #fbad73; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn04 { border: none; background: #ec9696; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn05 { border: none; background: #a3d46f; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn06 { border: 1px solid #cecece; background: #ffffff; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn07 { border: none; background: #729ed8; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn08 { border: none; background: #004a67; }
	
	#mainArea .mnb > ul > li .mw-area01 > ul > li > a { display: inline-block; width: 100%; text-align: center; height: 90px; line-height: 90px; vertical-align: top; font-size: 13px; color: #fff; font-weight: bold; letter-spacing: -0.04em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li > a > span { vertical-align: middle; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn01 > a > span { padding: 52px 0 0 0px; line-height: normal; background: url(/images/mobile/nhi/main/ico-m01.png) no-repeat center top;color: #6895d1;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn02 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m02.png) no-repeat center top; color:#FFF;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn03 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m03.png) no-repeat center top; color:#FFF;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn04 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m04.png) no-repeat center top; color:#FFF;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn05 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m05.png) no-repeat center top; color:#FFF;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn06 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m15.png) no-repeat center top; color:#6895d1;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn07 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m06.png) no-repeat center 3px;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn08 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m16.png) no-repeat center 4px;}
/* #mainArea .mnb > ul > li .mw-area01 > ul > li.btn06 > a > span { padding: 0px 0 0 60px; line-height: 90px; background: url(/images/mobile/nhi/main/ico-m06.png) no-repeat 5px center;} */
#mainArea .mnb > ul > li.thr { margin-top: 10px;}
#mainArea .two { margin: 1%; padding:10px 0 20px 0; text-align:center;}
#mainArea .two img {max-width: 100%;}
	
#mainArea .mnb > ul > li .mw-area02 { width: 98%; height: auto; border: 0px solid #cccccc;  margin: 1%; border-top: none; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea .mnb > ul > li .mw-area02 > ul { overflow: hidden; margin: 0; }
#mainArea .mnb > ul > li .mw-area02 > ul > li { float: left; width: 25%; padding: 10px 0px; height: auto; border-left: 1px solid #f4f4ef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}
#mainArea .mnb > ul > li .mw-area02 > ul > li:first-child { border-top: 0px; border-left: 0px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a { display: inline-block; width: 100%; padding-left: 0px; padding-top: 55px; line-height: 20px; height: 20px; display: inline-block; font-size: 13px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn01 { background: url(/images/mobile/nhi/main/ico-m07.png) no-repeat center top; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn02 { background: url(/images/mobile/nhi/main/ico-m08.png) no-repeat center top; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn03 { background: url(/images/mobile/nhi/main/ico-m09.png) no-repeat center top; background-size: 50px 50px; }
#mainArea .mnb > ul > li .mw-area02 > ul > li > a.btn04 { background: url(/images/mobile/nhi/main/ico-m10.png) no-repeat center top; background-size: 50px 50px; }

#mainArea .btn-menu { background: url(/images/mobile/nhi/main/area-btn-bx.png) no-repeat; background-size: 100% 100%; width: 125px; padding-bottom: 10px; text-align: center;}
#mainArea .btn-menu > a { line-height: 40px; display: inline-block; width: 100%; vertical-align: top; font-size: 14px; color: #324ca8; font-weight: bold; letter-spacing: -0.04em;  }
#mainArea .btn-menu > a > span { background: url(/images/mobile/nhi/main/arr-btn-open2.png) no-repeat center right; padding-right: 20px; }
#mainArea .btn-menu > a.active > span { background: url(/images/mobile/nhi/main/arr-btn-close2.png) no-repeat center right; }

#mainArea02 {  /*background:white;*/ border-top: 1px solid #4563a1; position: relative; border-bottom: 1px solid #d7d7d7;}
#mainArea02 .tab-content { width: 100%; margin: 0 auto; padding: 0px 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#mainArea02 .tab-content > ul {}
#mainArea02 .tab-content > ul > li { display: none; float: none; width: 92%; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99;}
#mainArea02 .tab-content > ul > li.tab01 { top: 0px; }
#mainArea02 .tab-content > ul > li.tab02 { top: 47px;}
#mainArea02 .tab-content > ul > li.tab03 { top: 94px;}
#mainArea02 .tab-content > ul > li.tab04 { top: 141px;}
#mainArea02 .tab-content > ul > li.tab05 { top: 188px;}
#mainArea02 .tab-content > ul > li:first-child > a { border-left: none;}
#mainArea02 .tab-content > ul > li.active { z-index: 99; display: block !important; top: 0px !important; }
#mainArea02 .tab-content > ul > li > a {  font-size: 16px; color: #333333; display:  inline-block; width: 100%; line-height: 47px; text-align: left; letter-spacing: -0.04em; position: relative; background: #fff; border-top: 1px solid #d7d7d7; border-right: none; border-bottom: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainArea02 .tab-content > ul > li:first-child > a { border-top: none; }
#mainArea02 .tab-content > ul > li.active > a { font-weight: bold; color: #4563a1; background: #fff url(/images/mobile/nhi/common/tab-arr.png) center right no-repeat; border: 1px solid #4563a1; border-top: none; }
#mainArea02 .tab-content > ul.active > li > a { border-left: 1px solid #4563a1; border-right: 1px solid #4563a1; }
#mainArea02 .tab-content > ul.active > li.tab04 > a { border-bottom: 1px solid #4563a1 !important; }
	
#mainArea02 .tab-content > ul > li > ul { display: none; overflow: hidden; width: 100%; position: absolute; }
#mainArea02 .tab-content > ul > li > ul.active { display: block; }
#mainArea02 .tab-content > ul > li > ul > li { float: none; width: 100%; height: auto; margin-top: 30px; }
#mainArea02 .tab-content > ul > li > ul > li:nth-child(2n) { margin-left: 2px; }
#mainArea02 .tab-content > ul > li > ul > li strong {  font-size: 18px;  letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 10px; }
#mainArea02 .bx-wrapper .bx-pager { padding-top: 0px; text-align: right; }
#mainArea02 .bx-wrapper .bx-viewport { padding-bottom: 10px; }
#mainArea02 .bx-wrapper .bx-pager, #mainArea02 .bx-wrapper .bx-controls-auto { top: -30px; height: 8px;}
#mainArea02 .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; border-radius: 5px; background: #ccc; margin: 0px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mainArea02 .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainArea02 .bx-wrapper .bx-pager.bx-default-pager a.active, #mainArea02 .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #4563a1; }

.latest { position: relative; }
.latest .cate { position: absolute; left: 0px; top: 0px;display: inline-block; width: 48px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #fff; }
.latest .cate.new { background: #fa6c00;}
.latest .cate.best { background: #7f74b7;}
.latest .subject { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;/*white-space: normal;*/ font-size: 14px; color: #333333; letter-spacing: -0.04em; line-height: 20px;  text-align: left; word-wrap: break-word;/* height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/ }
.latest .con { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 14px; color: #333333; letter-spacing: -0.04em; line-height: 20px; text-align: left; word-wrap: break-word;height: 60px;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.latest .nav { font-size: 12.5px; color: #666666; margin: 15px 0px; letter-spacing: -0.04em; }
.latest .cnt span.c1 {padding-left:18px;padding-top:2px;
background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center; background-size: 15px 15px;}
.latest .cnt span.c2 { margin-left: 10px;padding-top:2px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center; background-size: 15px 15px;}
/*
#mainArea03 {background:#f4f4ef;}
*/
#mainArea03 {background:white;}
#mainArea03 .latest-content { width: 100%; margin: 0 auto; padding: 20px 20px; height: auto;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#mainArea03 .latest01 {float: none; width: 100%; margin-right: 0px; }
#mainArea03 .latest02 { margin-top: 20px; float: none; width: 100%; }
#mainArea03 .latest-content strong {  font-size: 18px;   letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 10px; }

.latest2 { position: relative; overflow: hidden; margin-bottom: 14px; }
.latest2 > div { float: left; }
.latest2 > div.info {width: 70%; margin-left: 0px; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.latest2 .thumb { width: 30%;}
.latest2 .thumb img {width: 100%; }
.latest2 .cate { position: absolute; left: 0px; top: 0px;display: inline-block; width: 48px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #fff; }
.latest2 .cate.new { background: #fa6c00;}
.latest2 .cate.best { background: #7f74b7;}
.latest2 .subject { font-size: 14px; font-weight: bold; color: #333333; display: inline-block; margin-bottom: 3px; line-height: 20px; letter-spacing: -0.04em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest2 .con { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 11px; color: #333333; letter-spacing: -0.04em; line-height: 14px; height: 28px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.latest2 .nav { margin-left: 5px; font-size: 11px; color: #666666; letter-spacing: -0.04em; }
.latest2 .cnt { overflow: hidden; margin-top: 5px;line-height:20px;}
.latest2 .cnt span.c1 {padding-top:2px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center;; background-size: 15px 15px;}
.latest2 .cnt span.c2 {  margin-left: 5px;padding-top:2px; padding-left:18px;background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center; background-size: 15px 15px;}

#mainArea03 .bx-wrapper .bx-pager { padding-top: 0px; text-align: right; }
#mainArea03 .bx-wrapper .bx-pager, #mainArea03 .bx-wrapper .bx-controls-auto { top: -30px; height: 8px;}
#mainArea03 .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; border-radius: 5px; background: #ccc; margin: 0px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mainArea03 .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainArea03 .bx-wrapper .bx-pager.bx-default-pager a.active, #mainArea03 .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #4563a1; }

/*#mainArea04 { background:white; }*/
#mainArea04 .latest-content { width: 100%; margin: 0 auto; padding: 20px 10px 0px 20px; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#mainArea04 .latest01 {float: none; width: 100%; margin-right: 0; }
#mainArea04 .latest02 {float: none; width: 100%; }
#mainArea04 .latest-content strong { font-size: 18px;    letter-spacing: -0.04em; color: #333; display: block; margin-bottom: 10px; }


.latest4 { display: inline-block; width: 47.5%; position: relative; overflow: hidden; margin-bottom: 18px; margin-right:3px;}
.latest4 > div { }
.latest4 > div.info {width: 100%; margin-left: 0px; padding-left: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.latest4 .thumb { width: 100%;}
.latest4 .thumb img {width: 100%; }
.latest4 .subject { font-size: 14px; font-weight: bold; color: #333333; display: inline-block; margin:5px 0 5px 0; line-height: 20px; letter-spacing: -0.04em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest4 .con { display: inline-block; width: 100%; font-size: 12px; color: #333333; letter-spacing: -0.04em; line-height: 14px;  width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.latest4 .nav { margin-left: 10px; font-size: 11px; color: #666666; letter-spacing: -0.04em; }
.latest4 .cnt {overflow: hidden; margin-top: 5px;line-height:20px; padding:5px 0; font-weight:bold; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.latest4 .cnt span.c1 { padding-top:2px;padding-left:18px; background: url(/images/mobile/nhi/common/ico-comm.png) no-repeat 0 center; background-size: 14px 14px; font-size: 11px; }
.latest4 .cnt span.c2 { margin-top:10px; margin-left: 0px; padding-top:2px;padding-left:18px;background: url(/images/mobile/nhi/common/ico-visit.png) no-repeat 0 center; background-size: 14px 14px; font-size: 11px; }
.latest4 .cnt span.c3 { overflow:hidden; text-overflow: ellipsis; padding-top:2px;padding-left:18px;background: url(/images/mobile/nhi/common/ico-blog.png) no-repeat 0 center; background-size: 14px 14px; font-size: 11px; }
.latest4 .cnt span.c4 { overflow:hidden; text-overflow: ellipsis; padding-top:2px;padding-left:18px;background: url(/images/mobile/nhi/common/ico-blog.png) no-repeat 0 center; background-size: 14px 14px; font-size: 11px; }


.quick { float: none; margin-top: 20px; width: 100%; height: 150px; margin-left: 0px; }
.quick > ul { overflow: hidden; }
.quick > ul > li { float: left; width: 25%; border-left: 1px solid #626262; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.quick > ul > li:first-child { border-left: 0px; }
.quick > ul > li > a { display: inline-block; width: 100%; height: 150px; line-height: 150px; text-align: center; color: #fff; font-size: 14px; letter-spacing: -0.04em; }
.quick > ul > li > a > span { display: inline-block; vertical-align: middle; line-height: 20px; padding-top: 74px; }
.quick > ul > li > a.btn01 { background: #333333;}
.quick > ul > li > a.btn02 { background: #3b3b3b;}
.quick > ul > li > a.btn03 { background: #333333;}
.quick > ul > li > a.btn04 { background: #3b3b3b;}
.quick > ul > li > a.btn01 > span { background: url(/images/mobile/nhi/main/ico-m11.png) center top no-repeat;}
.quick > ul > li > a.btn02 > span { padding-top: 69px; background: url(/images/mobile/nhi/main/ico-m12.png) center top no-repeat;}
.quick > ul > li > a.btn03 > span { background: url(/images/mobile/nhi/main/ico-m13.png) center top no-repeat;}
.quick > ul > li > a.btn04 > span { background: url(/images/mobile/nhi/main/ico-m14.png) center top no-repeat;}
}


.latest .thumb { }
.latest .info {padding:0 10px 10px;}
.latest .info .subject {margin:0; padding:10px 0px 5px 0px; line-height: auto; }
.latest .info .cnt { padding:2px 0px 0px 0px;line-height:20px;}
 
.thr {margin: 1px; }
.btn-bottom { margin-bottom: -20px;}

/* 20190226 */
#mainArea .mnb > ul > li .mw-area01 > ul > li{position:relative;border:0px none;}
#mainArea .mnb > ul > li .mw-area01 > ul > li:before{display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #cecece;}
#mainArea .mnb > ul > li .mw-area01 > ul > li > a{position:relative;z-index:1;}
#mainArea .mnb > ul > li .mw-area01 > ul > li.btn06 > a > span{padding-left:0;}

@media (min-width: 320px) and (max-width: 767px) {
	#mainArea .mnb > ul > li .mw-area01 { border-left: none; border-bottom: none; width: 100%; height: auto; margin-left: 0px; margin-right: 0px;}
	#mainArea .mnb > ul > li .mw-area01 > ul { width: 100%; overflow: hidden; height: auto; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li { width: 23%; height: 90px; line-height: 90px; float: left; text-align: center; margin:1%; background: #FFF; border: 1px solid #cecece; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li:first-child { width: 23%}
	#mainArea .mnb > ul > li .mw-area01 > ul > li:nth-child(6n) { width: 23%;} 
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn02 { border: none; background: #4563a1; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn03 { border: none; background: #fbad73; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn04 { border: none; background: #ec9696; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn05 { border: none; background: #a3d46f; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn06 { border: 1px solid #cecece; background: #ffffff; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn07 { border: none; background: #729ed8; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn08 { border: none; background: #004a67; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li > a { display: inline-block; width: 100%; text-align: center; height: 90px; line-height: 90px; vertical-align: top; font-size: 13px; color: #fff; font-weight: bold; letter-spacing: -0.04em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#mainArea .mnb > ul > li .mw-area01 > ul > li > a > span { vertical-align: middle; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;line-height:130%;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn01 > a > span { padding: 52px 0 0 0px; line-height: normal; background: url(/images/mobile/nhi/main/ico-m01.png) no-repeat center top;color: #6895d1;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn02 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m02.png) no-repeat center top; color:#FFF;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn03 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m03.png) no-repeat center top; color:#FFF;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn04 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m04.png) no-repeat center top; color:#FFF;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn05 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m05.png) no-repeat center top; color:#FFF;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn06 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m15.png) no-repeat center top; color:#6895d1;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn07 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m06.png) no-repeat center 3px;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn08 > a > span { padding-top: 52px; background: url(/images/mobile/nhi/main/ico-m16.png) no-repeat center 4px;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn06 > a > span{line-height:130%;}
	
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn02,
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn03,
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn06{background:#fff !important;border:1px solid #cecece !important;overflow:hidden !important;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn02 > a > span{color:#6895d1 !important;background:#fff url(/images/mobile/nhi/main/ico-m02-bk.png) no-repeat center top !important;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn03 > a > span{color:#6895d1 !important;background:#fff url(/images/mobile/nhi/main/ico-m03-bk.png) no-repeat center top !important;}
	#mainArea .mnb > ul > li .mw-area01 > ul > li.btn06 > a > span{color:#6895d1 !important;background:#fff url(/images/mobile/nhi/main/ico-m06-bk.png) no-repeat center top !important;}
}