@charset "utf-8";
@import url("sub-etc.css");


/* sub */

.line-shadow {box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);}
.line-shadow2 {box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09);}

.page-title {  position: relative; min-height: 110px; line-height: 110px; text-align: center; background: #2a5499; font-size: 38px;   color: #fff; letter-spacing: -0.025em; }
.page-title .back {  position: absolute; display: inline-block; margin-top: -16px; width: 33px; height: 32px; background: url(/images/mobile/nhi/common/btn/btn-back.png) no-repeat; text-indent: -9999px; top: 50%; left: 50px; }
.page-title .close {  position: absolute; display: inline-block; margin-top: -15px; width: 30px; height: 30px; background: url(/images/mobile/nhi/sub/btn/btn-close.png) no-repeat; text-indent: -9999px; top: 50%; right: 50px; }
.btn-menu { display: inline-block; position: absolute; left:50px; top: 50%; margin-top: -30px; width: 180px; height: 60px; line-height: 60px; font-size: 27px; color: #fff !important; background: #5a616f; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }

.keyword-res { padding: 35px 50px; font-size: 35px; color: #000000; font-weight: bold; border-bottom: 1px solid #e1e1e1; letter-spacing: -0.025em;}
.keyword-res span { color: #0072bc;}

.r-query { line-height: 42px; font-size: 35px; color: #707070; font-weight: bold; padding: 25px 50px; letter-spacing: -0.05em; }
.r-query strong { color: #000; margin-right: 20px;}

.category { background: #f1f1f1; padding: 20px 32px; }
.category ul { overflow: hidden; margin: 0; line-height: 40px; height: 40px;}
.category ul > li { float: left; padding: 0; text-align: center;}
.category ul > li > a { display: inline-block; font-size: 30px; padding: 5px 10px; font-weight: bold; color: #707070; }
.category ul > li > a.all { color: #2a5499; padding: 5px 0px; }
.category ul > li > a.active { background: #2b56a5; color: #fff; }
.lSAction > .lSNext { position: absolute; z-index: 99; display: inline-block; width: 35px; height: 40px; background:url(/images/mobile/nhi/common/btn/btn-arr-right.png) no-repeat; top: 0px; right: 0px; }

#content-bx { /*background: #f1f1f1;*/ padding-bottom: 25px; overflow: hidden; min-height:300px;}
#content-bx.cnt { background: #f3f4f7;}
.latest-bx { position: relative; background: #fff; font-size:14px;padding:10px;}
.latest-bx p{line-height:120%;}
.latest-bx .latest-info-txt {margin-bottom:10px;}
.latest-bx h3 { font-size: 32px; color: #2a5499; padding: 20px 0px; margin-left: 35px; }
.latest-list { }
.latest-list > ul { margin: 0px 25px;}
.latest-list > ul > li { padding: 40px 0px; border-top: 1px solid #e8e8e8;}
.latest-list > ul > li:first-child { margin-top: 0px; border-top: none; }
.latest-list > ul > li > ul { overflow: hidden;}
.latest-list > ul > li > ul > li { float: right; width: -moz-calc(71% - 20px); width: -webkit-calc(71% - 20px); width: -o-calc(71% - 20px); width: calc(71% - 20px); }
.latest-list > ul > li > ul > li:first-child { float: left; width: 29%;}
.latest-list > ul > li > ul > li img { width: 100%; }
.latest-list > ul > li > ul > li p { letter-spacing: -0.05em;}
.latest-list > ul > li > ul > li .subject {  font-size: 33px; color: #000; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.latest-list > ul > li > ul > li .date { font-size: 24px; color: #737373; margin-bottom: 10px; }
.latest-list > ul > li > ul > li .nav { font-size: 24px; color: #bcbcbc;}
/* 180109 수정 */
.latest-list > ul > li > ul > li .info { margin-top: 15px; overflow: hidden; font-size: 18px; color: #cacaca; }
/* 180109 수정 */
.latest-list > ul > li > ul > li .info span { float: right; }
.latest-list > ul > li > ul > li .info span:first-child { float: left; }

.latest-list .bx-wrapper { margin: 0px 25px; }
.latest-list > div > div > ul > li { padding: 0px 0px 20px; border-bottom: 1px solid #e8e8e8;}
.latest-list > div > div > ul > li:first-child { margin-top: 0px; border-top: none; }
.latest-list > div > div > ul > li > ul { overflow: hidden;}
.latest-list > div > div > ul > li > ul > li { float: right; width: -moz-calc(71% - 20px); width: -webkit-calc(71% - 20px); width: -o-calc(71% - 20px); width: calc(71% - 20px); }
.latest-list > div > div > ul > li > ul > li:first-child { float: left; width: 29%;}
.latest-list > div > div > ul > li > ul > li img { width: 100%; }
.latest-list > div > div > ul > li > ul > li p { letter-spacing: -0.05em;}
.latest-list > div > div > ul > li > ul > li .subject { font-size: 33px; color: #000;   padding-top: 25px; background: url(/images/mobile/nhi/common/line-subject.jpg) no-repeat; margin-bottom: 20px;}
.latest-list > div > div > ul > li > ul > li .date { font-size: 24px; color: #737373;   margin-bottom: 10px; }
.latest-list > div > div > ul > li > ul > li .nav { font-size: 24px; color: #bcbcbc;}
.latest-list > div > div > ul > li > ul > li .info { margin-top: 30px; overflow: hidden; font-size: 18px; color: #cacaca; }
.latest-list > div > div > ul > li > ul > li .info span { float: right; }
.latest-list > div > div > ul > li > ul > li .info span:first-child { float: left; }
.latest-list > ul > li .info span.play { display: inline-block; color: #000; line-height: 24px; padding-left:29px; background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center; background-size: 24px 24px;}
.latest-list > ul > li .info span.u-cnt { display: inline-block; color: #000; line-height: 24px; margin-left: 10px; padding-left:29px; background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center; background-size: 24px 24px;}


.latest-qa { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.latest-qa > ul { margin: 0px 25px;}
.latest-qa > ul > li { padding: 20px 0px; border-top: 1px solid #e8e8e8;}
.latest-qa > ul > li:first-child { margin-top: 0px; border-top: none; }
.latest-qa > ul > li > p { overflow: hidden;}
.latest-qa > ul > li > p > span { float: left;overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all;}
.latest-qa > ul > li > p > span.subject {  background:url(/images/mobile/nhi/sub/ico/ico-qaq.jpg) no-repeat;   font-size: 30px; letter-spacing: -0.05em; padding-left: 30px;}
.latest-qa > ul > li > p > span.content { margin-top: 10px; background:url(/images/mobile/nhi/sub/ico/ico-qaa.jpg) no-repeat 0px 5px; font-size: 24px; color: #9d9d9d; line-height: 36px; letter-spacing: -0.05em; padding-left: 30px;}
.latest-qa > ul > li > p.time { text-align: right; font-size: 22px; color: #9d9d9d; margin-top:10px;}

.latest-glist {  border-bottom: 1px solid #e8e8e8;}
.latest-glist > ul { overflow: hidden; margin: 30px; }
.latest-glist > ul > li { float: left; -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,.2); box-shadow: 0 2px 5px 1px rgba(0,0,0,.2); border-radius: 1px; width: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px); width: -o-calc(50% - 10px); width: calc(50% - 10px); margin-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 5px 5px 15px 5px; }
.latest-glist > ul > li.type-2 {box-shadow:none; margin-bottom:5px;}
.latest-glist > ul > li img { width: 100%;}
.latest-glist > ul > li p { padding: 0px 15px; }
.latest-glist > ul > li p:first-child { padding: 0px;}
.latest-glist > ul > li p.subject {  font-size: 20px;   color: #454545; margin: 5px 0px 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal;letter-spacing: -0.04em; line-height: 25px; height: 50px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.latest-glist > ul > li .name { font-size: 20px; font-weight: bold; color: #454545;}
.latest-glist > ul > li .info { margin: 10px 0px; font-size: 14px;  }
.latest-glist > ul > li .info span { display: inline-block; line-height: 24px; }
.latest-glist > ul > li .info span.play { padding-left:29px; background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center; background-size: 24px 24px;}
.latest-glist > ul > li .info span.u-cnt { margin-left: 10px; padding-left:29px; background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center; background-size: 24px 24px;}

.bd-top {}
.bd-top > ul { overflow: hidden; margin: 20px 25px }
.bd-top > ul > li { float:right;}
.bd-top > ul > li:first-child { float: left; }
.bd-top > ul > li:first-child > a { display:  inline-block; position: relative; z-index: 9; padding: 0px 40px; border: 1px solid #acacac; color: #acacac; font-size: 21px; margin-left:-4px; line-height: 40px; }
.bd-top > ul > li:first-child > a:first-child { margin-left: 0px;}
.bd-top > ul > li:first-child > a.active { color: #2a5499; font-weight: bold; border: 1px solid #2a5499; z-index: 10; }
.bd-top > ul > li select { line-height: 42px; height: 42px; padding: 0px 25px; font-size: 22px; }

.latest-bx .bd-top > ul > li{min-width:165px;}
.latest-bx .more { position: absolute; right: 10px; top: 15px;}
.latest-bx .more > span { display: inline-block; padding: 10px 0px; font-size: 21px; color: #464646;}

.paging { padding: 10px 0 30px 0px; text-align: center; background: #fff; width:100%;}
.paging a { display: inline-block; margin-left: -1px; width: 32px; height: 32px; font-size: 16px; color: #333; line-height: 32px; text-align: center; background: url(/images/mobile/common/pgg3.png) center center no-repeat; }
.paging a:first-child { margin-left: 0px; }
.paging a.on {background: #2176d0 url(/images/mobile/common/pgg2.png) center center no-repeat;color:#FFF;font-weight:600;}
.paging a img{ margin-bottom:3px;}

.faq-aa {padding: 10px 10px 10px 40px; font-size: 12px; line-height: 20px; background: url(/images/mobile/common/sub/ico/faq-a.png) no-repeat 7px 12px; background-size: 22px 22px;}


.blog-bx { margin-top: 20px; background: #fff; font-size:14px;}
.blog-bx > ul { padding:25px 35px;  }
.blog-bx > ul > li { padding-bottom: 20px; border-top: 1px solid #e8e8e8; }
.blog-bx > ul > li:first-child { border-top: none; }
.blog-bx > ul > li img { width: 100%;}
.blog-bx > ul > li > ul > li { letter-spacing: -0.05em; padding: 0px 10px; }
/* 180109 수정 */
.blog-bx > ul > li > ul > li:first-child { padding: 0px;}
/* 180109 수정 */
.blog-bx > ul > li .subject {  font-size: 30px;   color: #000; margin:20px 0px 40px; }
.blog-bx > ul > li .info { overflow: hidden;font-size: 22px; color: #8d8d8d; line-height: 33px;}
.blog-bx > ul > li .info2 { overflow: hidden; font-size: 22px; color: #8d8d8d; line-height: 33px;}
.blog-bx > ul > li .info2 span { float: right; text-align: right; display:  inline-block; line-height: 33px; padding-left: 10px;  background: url(/images/mobile/nhi/sub/ico/ico-bullet.png) no-repeat left center;}
.blog-bx > ul > li .info2 span:first-child { float: left; text-align: left;}

.go-comm { padding: 15px 40px; line-height: 54px; }
.go-comm label { display: inline-block; font-size: 30px; color: #707070; font-weight: bold; margin-right: 20px;line-height: 54px; }
.go-comm select { padding: 0px 25px; line-height: 54px; height: 54px; font-size: 22px; }

.qa-search { background: #606e89; padding: 20px 30px; margin-top: 20px;}
.qa-search label { display: inline-block; font-size: 30px; color: #fff; font-weight: bold; margin-right: 20px;line-height: 54px; }
.qa-search select { padding: 0px 25px; line-height: 54px; height: 54px; font-size: 22px; border: none; }

.ucnt { background:#f4f4ef; height: 182px; width:100%; margin:-12px 0 0 0; }

.ucnt p { text-align: center; letter-spacing: -0.025em;  }
.ucnt .uxtx { font-size: 21px; font-weight: bold; color: #6e6e70; padding-top: 30px; }
.ucnt .uxtx-rbx {background:#FFF; border-radius: 42px; width:210px; padding:12px 25px; margin:0 auto; margin-top:20px;}
.ucnt .uxtx-rbx .ucnt-num {font-size:55px; font-weight:600; color:red;background:url(/images/mobile/nhi/sub/like-heart.png) no-repeat 0 18px; background-size:24%; padding-left:50px;}


.cnt-bx { background: #fff; -webkit-box-shadow: 0 0px 1px 1px rgba(0,0,0,.1); box-shadow: 0 0px 1px 1px rgba(0,0,0,.1);}
.cnt-bx > ul { overflow: hidden; }
.cnt-bx > ul > li { float: left; padding: 40px; width: 50%; letter-spacing: -0.05em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cnt-bx > ul > li.qaq { border-left: 2px solid #f3f3f3;}
.cnt-bx > ul > li.allq { border-top: 2px solid #f3f3f3;}
.cnt-bx > ul > li.selq { border-left: 2px solid #f3f3f3; border-top: 2px solid #f3f3f3;}
.cnt-bx > ul > li .subject {  font-size: 22px;   color: #606e89; padding-bottom: 40px; float: left;}
.cnt-bx > ul > li.all .subject {  background: url(/images/mobile/nhi/sub/ico/ico-cnt01.png) no-repeat top right;}
.cnt-bx > ul > li.qaq .subject {  background: url(/images/mobile/nhi/sub/ico/ico-cnt02.png) no-repeat top right;}
.cnt-bx > ul > li.allq .subject {  background: url(/images/mobile/nhi/sub/ico/ico-cnt03.png) no-repeat top right;}
.cnt-bx > ul > li.selq .subject {  background: url(/images/mobile/nhi/sub/ico/ico-cnt04.png) no-repeat top right;}
.cnt-bx > ul > li .num { font-size: 60px; color: #f26522;}
.cnt-btn { padding: 33px 58px; background: #3467ba; font-size: 36px; font-weight: bold; color: #fff !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0px 1px 1px rgba(0,0,0,.1);}

.sch-bx { margin-top: 40px; background: #efeef3;}
.sch-bx .sch-name { background: #606e89; padding: 25px 35px; position: relative; font-size: 30px; font-weight: bold; color: #fff;}
.sch-bx .sch-name .btn-sch { position: absolute; top: 50%; margin-top: -10px; right: 35px; display: inline-block; width: 35px; height: 19px; text-indent: -9999px; background: url(/images/mobile/nhi/sub/btn/btn-sch-open.png) no-repeat; }
.sch-bx .sch-name .btn-sch.active { background:url(/images/mobile/nhi/sub/btn/btn-sch-close.png) no-repeat; }
.sch-bx .sch-box { padding: 40px 50px; display: none; }
.sch-bx .sch-box li { overflow: hidden; }
.sch-bx .sch-box li span {float: right; width: 49%; }
.sch-bx .sch-box li span:first-child { float: left; }
.sch-bx .sch-box li span select { height: 58px; font-size: 22px; line-height: 58px; padding: 0px 20px; width: 100%; border:1px solid #c2c2c2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.sch-bx .sch-box li input[type="text"] { width: 100%; margin-top: 30px; border:1px solid #000; padding: 0px 20px; height: 58px; font-size: 22px; line-height: 58px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sch-bx .sch-box li .sch-btn { margin-top: 20px; display: inline-block; line-height: 85px; height: 85px; text-align:center; width: 100%; background: #3467ba; font-size: 36px; font-weight: bold; color: #fff !important; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.bd-opt { background: #fff; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; overflow: hidden; background: #e8e8e8; padding: 20px 40px; }
.bd-opt > ul { float: right; overflow: hidden;}
.bd-opt > ul:first-child { float: left; }
.bd-opt > ul > li { float: left; font-size: 22px; margin-left: 30px; line-height: 44px; }
.bd-opt > ul > li:first-child { margin-left: 0px;}
.bd-opt > ul > li select { padding: 0px 20px; line-height: 44px; height: 44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.edu-bx { background: #fff; padding: 40px;  margin-bottom: 20px; }
.edu-bx > ul {}
.edu-bx > ul:after{display:block;content:'';clear:both;}
.edu-bx > ul > li {float:left;margin:0 1%;padding-bottom: 50px; width:48%;border-top: 1px solid #e8e8e8; }
.edu-bx > ul > li:first-child { border-top: none; padding-top: 0px; }
.edu-bx > ul > li img { width: 100%; }/*20190509*/
.edu-bx > ul > li:first-child { margin-top: 0px;}
.edu-bx > ul > li > ul > li.subject { margin: 20px 0px; font-size: 20px; color:#000; font-weight: bold; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.edu-bx > ul > li > ul > li > p { font-size: 18px; color: #8d8d8d; font-weight: bold; line-height: 30px; background: url(/images/mobile/nhi/sub/bd-dot.png) left center no-repeat; padding-left: 15px;}
.edu-bx > ul > li > ul > li { overflow: hidden; }
.edu-bx > ul > li > div > ul{margin-top:20px;}
.edu-bx > ul > li > ul > li > a { margin-top: 15px; float :right; display: block; padding:5px 10px;width:auto;text-align: center;white-space:nowrap; line-height: 35px;  background: #3467ba; font-size: 20px; font-weight: bold; color: #fff !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.edu-bx > ul > li > ul > li > a:first-child { float: left; background: #42c583; }
/* 180110 수정 */
.edu-bx > ul > li > ul > li > a.btn-info { background: #2a5499;}
.edu-bx > ul > li > ul > li > a.btn-done { background: #555555;width:62px;}
.edu-bx > ul > li > ul > li > a.btn-apps2 { background: #42c583;}
.edu-bx > ul > li > ul > li > a.btn-apps3 { background: #b0b0b0;}
/* 180110 수정 */
.ocw-bx .edu-bx > ul > li{float:none;width:auto;}

.sbject-bt {width:20%;}

.tab-menu { margin: 0px 30px;}
.tab-menu > ul { overflow: hidden; padding: 40px 0px 20px; }
.tab-menu > ul > li { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
.tab-menu > ul > li > a { position: relative; line-height: 60px; display: block; font-size: 24px; font-weight: bold; color: #636363; text-align: center; z-index: 0; background: #f2f5f7; border: 1px solid #e8e8e8; }
.tab-menu > ul > li > a.active { z-index:0; background:#3467ba; color: #fff; }

.tab-menu2 { margin: 0px 30px;}
.tab-menu2 > ul { overflow: hidden; padding: 40px 0px 20px; }
.tab-menu2 > ul > li { float: left; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
.tab-menu2 > ul > li > a { position: relative; line-height: 60px; display: block; font-size: 24px; font-weight: bold; color: #636363; text-align: center; z-index: 0; background: #f2f5f7; border: 1px solid #e8e8e8; }
.tab-menu2 > ul > li > a.active { z-index:0; background:#3467ba; color: #fff; }


.faq-list { padding: 40px 0px 20px; background: #fff;  }
.faq-list > ul {}
.faq-list > ul > li { margin-top: 7px; }
.faq-list > ul > li:first-child { margin-top: 0px;}
.faq-list > ul > li > a { display: block; background: #eff1f7; font-size: 28px; font-weight: bold; color: #111111; letter-spacing: -0.05em; }
.faq-list > ul > li > a > span { display: block; margin: 0px 50px; line-height: 88px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(/images/mobile/nhi/sub/btn/btn-faq-open.png) no-repeat right center;}
.faq-list > ul > li > a.active > span { background: url(/images/mobile/nhi/sub/btn/btn-faq-close.png) no-repeat right center;}
.faq-list > ul > li > ul { margin: 10px 30px;}
.faq-list > ul > li > ul > li { border-top: 1px solid #e8e8e8; padding: 0px 10px;  }
.faq-list > ul > li > ul > li:first-child { border-top: 0px;}
.faq-list > ul > li > ul > li > a { display: block; font-size: 28px; font-weight: bold; color: #111111; letter-spacing: -0.05em; padding: 20px 0px 20px 46px; background: url(/images/mobile/nhi/sub/ico/faq-q.png) no-repeat left center; }

.faq-view { padding: 55px 35px 0px; background: #fff; }
.faq-view > ul {}
.faq-view > ul > li { border-bottom: 1px solid #e8e8e8; }
.faq-view > ul > li.faq-q { padding: 20px 10px 20px 56px; font-size: 28px; font-weight: bold; color: #111111; letter-spacing: -0.05em; background: url(/images/mobile/nhi/sub/ico/faq-q.png) no-repeat 10px center;}
.faq-view > ul > li.faq-a { padding: 20px 10px 20px 80px; font-size: 24px; color: #111111; line-height: 40px; letter-spacing: -0.05em; background: url(/images/mobile/nhi/sub/ico/faq-a.png) no-repeat 10px 25px;}
.btn-bd { padding:20px 35px 55px; background: #fff; text-align: right; }
.btn-bd a { display: inline-block; padding: 20px 40px; background: #0072bc; font-size: 33px; font-weight: bold; color: #fff !important; letter-spacing: -0.025em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0px 1px 1px rgba(0,0,0,.1);}

.bd-bx {background: #fff; margin-top: 40px; }
.bd-search { padding: 40px 35px; }
.bd-search > ul { overflow: hidden;}
.bd-search > ul > li { float: left; }
.bd-search > ul > li select { width: 100%; line-height: 60px; height: 60px; padding-left: 15px; font-size: 26px; color: #000; border: 1px solid #c2c2c2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.bd-search > ul > li:first-child { width: 25%;}
.bd-search > ul > li.txt-bx { margin-left: 10px; width: -moz-calc(75% - 120px); width: -webkit-calc(75% - 120px); width: -o-calc(75% - 120px); width: calc(75% - 120px);}
.bd-search > ul > li.txt-bx input { width: 100%; line-height: 60px; height: 60px; border: 1px solid #c2c2c2; padding: 0px 15px; font-size: 26px; color: #000;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bd-search > ul > li.btn { margin-left: 5px;}
.bd-search > ul > li.btn a { display: inline-block; text-align: center; width: 105px; line-height: 60px; height: 60px; background: #2f5697; font-size: 33px; font-weight: bold; color: #fff !important; letter-spacing: -0.025em; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}

.bd-info { padding: 0px 40px; font-size: 26px; color: #444444;  }
.bd-info > span { color: #ed1c24; }
.bd-notice { background: #fff; padding: 0px 35px; }
.bd-notice > ul { padding-bottom: 20px; }
.bd-notice > ul > li { padding: 25px 10px; border-bottom: 1px solid #c2c2c2; }
.bd-notice > ul > li:first-child { border-top: 2px solid #000; margin-top: 30px; }
.bd-notice > ul > li > a > p { overflow: hidden; }
.bd-notice > ul > li > a > p > span { float: left; }
.bd-notice > ul > li > a > p > span.top { width: 70px; height: 38px; line-height: 38px; font-size: 24px; font-weight: bold; color: #fff; text-align: center; margin-right: 20px; background: #01b0c3; }
.bd-notice > ul > li > a > p > span.subject {  font-size: 30px; line-height: 38px; color: #000;  width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); width: -o-calc(100% - 90px); width: calc(100% - 90px); }
.bd-notice > ul > li > a > p { margin-top: 35px; }
.bd-notice > ul > li > a > p:first-child { margin-top: 0px; }
.bd-notice > ul > li > a > p.info span { font-size: 22px; color: #333333; padding-left: 15px; background: url(/images/mobile/nhi/sub/line/line-faq.png) no-repeat left center; line-height: 24px; }
.bd-notice > ul > li > a > p.info span:first-child { margin-left: 0px; }
.bd-notice > ul > li > a > p.info span.file { float:right; border-left: none; background: url(/images/mobile/nhi/sub/ico/ico-file.png) no-repeat; padding-left: 28px; line-height: 24px;}
.bd-notice.pop > ul > li > a > p > span.top { background: none; color: #0674c9; }
.bd-notice.pop > ul > li > a > p.add > span.subject {  color: #0674c9; }
.bd-notice > ul > li > a >  span.faq-type { position: relative; display: block; margin-top:5px;}

.bd-view { padding: 40px 40px 20px; }
.bd-view > ul >li.subject {  font-size: 30px; color: #000; letter-spacing: -0.025em; padding-bottom: 10px; }
.bd-view > ul >li.info { margin-top: 20px;}
.bd-view > ul >li.info span { display: inline-block; font-size: 22px; line-height: 22px; color: #333333; padding-left: 15px; border-left: 1px solid #333; }
.bd-view > ul >li.info span:first-child { margin-right: 80px; }
.bd-view > ul >li.file { margin-top: 30px; padding: 20px; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2;  }
.bd-view > ul >li.file a { background: url(/images/mobile/nhi/sub/ico/ico-file-view.png) no-repeat left center; padding-left: 30px; line-height: 24px; color:#7d7d7d; font-size: 22px; }
.bd-view > ul >li.file p { margin-top: 20px;}
.bd-view > ul >li.file p:first-child { margin-top: 0px; }
.bd-view > ul >li.content { padding:50px 20px; border-bottom: 1px solid #c2c2c2;}
.bd-view > ul > li.faq-a { padding: 20px 10px 20px 80px; font-size: 24px; color: #111111; line-height: 40px; letter-spacing: -0.05em; background: url(/images/mobile/nhi/sub/ico/faq-a.png) no-repeat 10px 25px; border-bottom:1px solid #c2c2c2; }

.bd-bot { border-top: 1px solid #c2c2c2; margin: 0px 30px; padding-bottom: 30px; }
.bd-bot th { padding: 20px 30px; width: 70px; color: #363636; font-size: 24px; border-bottom: 1px solid #c2c2c2; background: #f1f1f1; }
.bd-bot td { padding: 20px 30px; border-bottom: 1px solid #c2c2c2; font-size: 22px; color: #363636;}

.content-top { padding: 45px 35px; border-bottom: 1px solid #e8e8e8;  }
.content-top .h2-title {  font-size: 36px; color: #000;   padding-bottom: 25px; margin-bottom: 35px; background: url(/images/mobile/nhi/sub/line/sub-h2-line.png) no-repeat left bottom; }
.content-top .goods { font-size: 28px; color: #858585;}

.buy-bx { background: #fff; padding: 45px; }
.buy-bx .agree-bx { border: 1px solid #e8e8e8; margin-bottom: 20px; }
.buy-bx .agree-bx .agr-textarea { padding: 30px; height: 140px; overflow-y: scroll; font-size: 24px; color: #858585; line-height: 38px; letter-spacing: -0.025em; }
.buy-bx .agree-bx .agr-chk { background: #e2e2e2; padding: 25px 30px; overflow: hidden; }
.buy-bx .agree-bx .agr-chk label { line-height: 38px; letter-spacing: -0.025em; font-size: 27px; color: #000; }

.buy-bx .agree-bx .agr-chk input[type="checkbox"] { display:none; }
.buy-bx .agree-bx .agr-chk input[type="checkbox"] + label { overflow: hidden; }
.buy-bx .agree-bx .agr-chk input[type="checkbox"] + label span {float: left; line-height: 32px; width: -moz-calc(100% - 42px); width: -webkit-calc(100% - 42px); width: -o-calc(100% - 42px); width: calc(100% - 42px);}
.buy-bx .agree-bx .agr-chk input[type="checkbox"] + label span.chk { text-indent:-9999px; display:inline-block; width:32px; height:32px; margin: 0 10px 0 0; vertical-align:middle; background: url(/images/mobile/nhi/common/chk-bx.png) left top no-repeat; cursor:pointer; }
.buy-bx .agree-bx .agr-chk input[type="checkbox"]:checked + label span.chk { background: url(/images/mobile/nhi/common/chk-bx-check.png) left top no-repeat; }

.tbl-type02 { border-top: 2px solid #000;}
.tbl-type02 th { height: 98px; padding: 0px 30px; text-align: center; font-size: 28px; color: #000; font-weight: normal; background: #ececec; border-bottom: 1px solid #cdcdcd; }
.tbl-type02 td { padding-left: 30px; font-size: 28px; color: #000; border-bottom: 1px solid #cdcdcd; }
.tbl-type02 td input[type="text"] { display: block; line-height: 58px; padding: 0px 10px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px);-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tbl-type02 td textarea { margin: 10px 0px; height: 100px; padding: 0px 10px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px);-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tbl-type02 td input[type="file"] { display: block; padding: 0px 10px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; }

.buy-bx .p-txt { padding: 30px 0px; font-size: 28px; color: #000; line-height: 38px; letter-spacing: -0.025em; }
.btn-set2 { overflow: hidden; }
.btn-set2 a { margin-top: 30px; float :right; display: inline-block; width: 49%; text-align: center; line-height: 84px;  background: #ee560d; font-size: 36px; font-weight: bold; color: #fff !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.btn-set2 a:first-child { float: left; background: #898989; }

/* 180110 수정 */
.btn-set2 a.save { background: #2a5499;}
.btn-set2 a.cancle { background: #b0b0b0;}
/* 180110 수정 */

.h2-title2 { font-size: 32px; font-weight: bold; color: #000; margin-bottom: 30px;}

/* 180110 수정 */
.login-bx { padding-top: 30px; margin:0 auto; max-width:300px;}
.login-bx > ul > li { margin-bottom: 28px; }
.login-bx input[type="text"], .login-bx input[type="password"] { height: 74px; width: 100%; padding: 0px 10px; border: 1px solid #cccccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.login-bx input[type="checkbox"] { display:none; }
.login-bx input[type="checkbox"] + label { overflow: hidden; vertical-align: middle; display: inline-block; margin-right: 30px; line-height: 32px; font-size: 24px; font-weight: bold; color: #636363; letter-spacing: -0.025em; }
.login-bx input[type="checkbox"] + label span { text-indent:-9999px; display:inline-block; width:32px; height:32px; margin: 0 10px 0 0; vertical-align:middle; background: url(/images/mobile/nhi/common/chk-bx.png) left top no-repeat; cursor:pointer; }
.login-bx input[type="checkbox"]:checked + label span { background: url(/images/mobile/nhi/common/chk-bx-check.png) left top no-repeat; }
.login-bx .btn-sumbit { display: inline-block; margin-top: 16px; height: 110px; line-height: 110px; width: 100%; text-align: center; background: #3467ba; font-size: 32px; font-weight: bold; color: #fff; }

.btn-set3 { text-align: center; margin-top: 30px; }
.btn-set3 a { font-size: 24px; font-weight: bold; color: #636363; margin-left: 20px; padding-left: 20px; border-left: 1px solid #e8e8e8;}
.btn-set3 a:first-child { border-left: none; margin-left: 0px; padding-left: 0px; }
/* 180110 수정 */

.edu-bx2 { background: #fff; padding: 40px; border-bottom: 1px solid #e8e8e8;}
.edu-bx2 > ul {}
.edu-bx2 > ul > li { padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #e8e8e8; }
.edu-bx2 > ul > li:first-child { border-top: none; padding-top: 0px; }
.edu-bx2 > ul > li img { width: 100%; }
.edu-bx2 > ul > li:first-child { margin-top: 0px;}
.edu-bx2 > ul > li > ul > li.subject {  margin: 30px 0px; font-size: 30px; color:#000;   }
.edu-bx2 > ul > li > ul > li > p { font-size: 22px; color: #8d8d8d; font-weight: bold; line-height: 30px; background: url(/images/mobile/nhi/sub/bd-dot.png) left center no-repeat; padding-left: 15px;}
.edu-bx2 > ul > li > ul > li { overflow: hidden; }
.edu-bx2 > ul > li > ul > li.subject {  margin-top: 30px }
.edu-bx2 > ul > li > ul > li.subject a {  font-size: 33px; color: #000;   }
.edu-bx2 > ul > li > ul > li.info { overflow: hidden; margin-top: 40px; font-size: 26px; color: #8d8d8d; line-height: 58px; }
.btn-edu { float: right; display: inline-block; width: 170px; height: 58px; line-height: 58px; text-align: center; font-size: 24px; color: #39ab81 !important; font-weight: bold; letter-spacing: -0.05em; background: #e5f4ef; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.btn-edu span { padding-right: 40px; background:url(/images/mobile/nhi/sub/btn/btn-edu-close.png) no-repeat right center;}
.btn-edu.active span { padding-right: 40px; background:url(/images/mobile/nhi/sub/btn/btn-edu-open.png) no-repeat right center;}

.btn-ocw { padding:30px 35px; text-align: right; }
.btn-ocw a { display: inline-block; padding: 14px 36px 20px; background: #3467ba; font-size: 24px; font-weight: bold; color: #fff !important; letter-spacing: -0.025em; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; /*box-shadow: 0 0px 1px 1px rgba(0,0,0,.1);*/}

.ocw-bx .btn-edu { margin-top: 5px;}

/* 180111 수정 */
.ocw-bx { background: #fff; padding-bottom: 20px; }
/* 180111 수정 */
.ocw-bx { background: #fff; }
.ocw-bx .title {   padding: 25px 40px; font-size: 30px;   color: #000000; letter-spacing: -0.025em; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;  }
.ocw-bx strong { display: block; padding-bottom: 20px; font-size: 30px; font-weight: bold; color: #000000; letter-spacing: -0.025em; }
.ocw-bx .score { padding: 40px;}
.ocw-bx .score img { width: 100%; }
.ocw-bx .score > ul > li { overflow: hidden; text-align: right; }
.ocw-bx .score > ul > li:first-child { margin-bottom:  30px; text-align: center; } 
.ocw-bx .score > ul > li > a { display: inline-block; /*width: 120px; height: 46px;*/    padding: 5px 10px 11px; font-size: 18px; font-weight: bold; color: #fff; text-align: center; background: #97aec7; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; vertical-align: top; }
.ocw-bx .score > ul > li .star-s { display: inline-block; text-indent: -9999px; margin-right: 20px; height: 46px; line-height: 46px; background: url(/images/mobile/nhi/sub/img-score.png) no-repeat left center; }
.ocw-bx .score > ul > li .star-s.one { width: 39px; }
.ocw-bx .score > ul > li .star-s.two { width: 73px; }
.ocw-bx .score > ul > li .star-s.three { width: 107px; }
.ocw-bx .score > ul > li .star-s.four { width: 141px; }
.ocw-bx .score > ul > li .star-s.five { width: 174px; }
.ocw-bx .score > ul > li .rateit{vertical-align:middle;}/*20190509*/
/* 180111 수정 */
.ocw-bx > ul {}
.ocw-bx > ul > li { margin-bottom: 20px;}
.ocw-bx > ul > li > span { display: block; padding: 0px 20px; margin: 0 15px; line-height: 62px;  font-size: 24px; font-weight: bold; color: #2a5499; letter-spacing: -0.05em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cfcfcf; }
.ocw-bx > ul > li > span > a { display: inline-block; color: #2a5499; background: url(/images/mobile/nhi/common/ico/ico-arr-dw.png) no-repeat center right; width: 100%;}
.ocw-bx > ul > li > span > a.active { background: url(/images/mobile/nhi/common/ico/ico-arr-up.png) no-repeat center right; }
/* 180111 수정 */
.ocw-bx > ul > li > ul.table { display: none; margin: 30px 50px; }
/* 180111 수정 */
.ocw-bx > ul {}
.ocw-bx > ul > li { margin-bottom: 20px;}
.ocw-bx > ul > li > span { display: block; padding: 0px 20px; margin: 0 15px; line-height: 62px;  font-size: 24px; font-weight: bold; color: #2a5499; letter-spacing: -0.05em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cfcfcf; }
.ocw-bx > ul > li > span > a { display: inline-block; color: #2a5499; background: url(/images/mobile/nhi/common/ico/ico-arr-dw.png) no-repeat center right; width: 100%;}
.ocw-bx > ul > li > span > a.active { background: url(/images/mobile/nhi/common/ico/ico-arr-up.png) no-repeat center right; }
/* 180111 수정 */
.ocw-bx > ul > li > ul.table > li { border-top: 1px solid #e8e8e8; padding: 0; }
/* 180109 수정 */
.ocw-bx > ul > li > ul.table > li th { vertical-align: top; width: 120px; padding: 30px; text-align: center; font-size: 24px; color: #000; font-weight: bold; background: #eaeff4; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; }
.ocw-bx > ul > li > ul.table > li td { padding: 30px; font-size: 20px; color: #000; border-bottom: 1px solid #cdcdcd; line-height: 28px; border-right: 1px solid #cdcdcd; }
/* 180109 수정 */
/* 180111 수정 */
.ocw-bx > ul > li > ul { margin: 0px; display: none; } 
.ocw-bx > ul > li > ul > li { overflow: hidden; padding: 30px; }
.ocw-bx > ul > li > ul > li > ul { margin: 20px 0px; padding: 30px; background: #f2f2f2; display: none; }
.ocw-bx > ul > li > ul > li > p > span.step { display: inline-block; font-size: 18px; color: #7d7d7d; font-weight: bold; text-align: center; vertical-align: middle; padding-right: 25px; margin-right: 25px; border-right: 1px solid #e8e8e8;  }
.ocw-bx > ul > li > ul > li > p > span.step em { display: inline-block; font-size: 40px; padding-bottom: 10px; font-weight: bold; color: #0072bc; text-align: center; }
.ocw-bx > ul > li > ul > li > p > span.subject { display: inline-block; width: 70%; font-size: 26px; font-weight: bold; color: #464646; vertical-align: middle;}
.ocw-bx > ul > li > ul > li > ul > li > ul > li { overflow: hidden; position: relative; color: #636363; font-size: 18px; font-weight: bold; padding: 15px; border-bottom: 1px solid #e8e8e8; background:url(/images/mobile/nhi/sub/bd-dot2.png) no-repeat 5px center;}
.ocw-bx > ul > li > ul > li > ul > li > ul > li .btn01 { position: absolute; top: 5px; right: 40px; display: inline-block; text-indent: -9999px; width: 36px; height: 36px; display: inline-block; background: url(/images/mobile/nhi/sub/btn/btn-play.png) no-repeat;}
.ocw-bx > ul > li > ul > li > ul > li > ul > li .btn02 { position: absolute; top: 5px; right: 0px; display: inline-block; text-indent: -9999px; width: 36px; height: 36px; display: inline-block; background: url(/images/mobile/nhi/sub/btn/btn-dw.png) no-repeat;}
/* 180111 수정 */
.ocw-bx > ul > li > ul.table > li th { vertical-align: top; width: 120px; padding: 30px; text-align: center; font-size: 24px; color: #000; font-weight: bold; background: #eaeff4; border-bottom: 1px solid #cdcdcd; }
.ocw-bx > ul > li > ul.table > li td { padding: 30px; font-size: 20px; color: #000; border-bottom: 1px solid #cdcdcd; line-height: 28px; }
.ocw-bx > ul > li > ul { margin: 35px 0px;} 
.ocw-bx > ul > li > ul > li { padding: 22px; }
.ocw-bx > ul > li > ul > li > ul { margin: 15px 0px; padding: 22px; }
.ocw-bx > ul > li > ul > li > p > span.step { font-size: 18px; padding-right: 20px; margin-right: 20px; border-right: 1px solid #e8e8e8;  }
.ocw-bx > ul > li > ul > li > p > span.step em {font-size: 30px; padding-bottom: 10px;}
.ocw-bx > ul > li > ul > li > p > span.subject {width: 50%; font-size: 20px;}
.ocw-bx > ul > li > ul > li > ul > li > ul > li { font-size: 18px; padding: 15px; background:url(/images/mobile/nhi/sub/bd-dot2.png) no-repeat 5px center;}
.ocw-bx > ul > li > ul > li > ul > li > ul > li .btn01 {top: 10px; right: 30px; width: 27px; height: 27px; background-size: 27px 27px;}
.ocw-bx > ul > li > ul > li > ul > li > ul > li .btn02 {top: 10px; right: 0px; width: 27px; height: 27px; background-size: 27px 27px;}

.ocw-bx2 { border-top: 1px solid #000; border-bottom: 1px solid #000;}
.ocw-bx2 th { padding: 20px 30px; width: 100px; color: #111; font-size: 24px; border-top: 1px solid #111; background: #eaeff3; text-align: center;}
.ocw-bx2 td { padding: 20px 30px; border-top: 1px solid #c2c2c2; font-size: 22px; color: #363636; text-align: left; background: #fff; }
.ocw-bx2 tr:first-child td { border-top: 1px solid #111; }

.ocw-bx3 .btn-edu { margin-top: 5px;}
       
.ocw-bx3 { background: #fff; }
.ocw-bx3 .title {  padding: 25px 40px; font-size: 30px;   color: #000000; letter-spacing: -0.025em; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;  }
.ocw-bx3 strong { display: block; padding-bottom: 20px; font-size: 30px; font-weight: bold; color: #000000; letter-spacing: -0.025em; }
.ocw-bx3 .score { padding: 40px;}
.ocw-bx3 .score img { width: 100%; }
.ocw-bx3 > ul > p { border-top: 1px solid #e8e8e8; }
.ocw-bx3 > ul > p > li { margin-bottom: 20px;}
.ocw-bx3 > ul > p > li > span { display: inline-block; width: 100%; padding: 0px 40px; line-height: 62px; background: #eff1f7; font-size: 24px; font-weight: bold; color: #647d8c; letter-spacing: -0.05em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ocw-bx3 > ul > p > li > span > a { display: inline-block; color: #647d8c; background: url(/images/mobile/nhi/sub/btn/btn-faq-open.png) no-repeat center right; width: 100%;}
.ocw-bx3 > ul > p > li > span > a.active { background: url(/images/mobile/nhi/sub/btn/btn-faq-close.png) no-repeat center right; }
.ocw-bx3 > ul > p > li > ul.table { display: none; margin: 30px 50px; }
.ocw-bx3 > ul > p > li > ul.table > li { border-top: 1px solid #e8e8e8; padding: 0; }
.ocw-bx3 > ul > p > li > ul.table > li th { vertical-align: top; width: 120px; padding: 30px; text-align: center; font-size: 24px; color: #000; font-weight: bold; background: #eaeff4; border-bottom: 1px solid #cdcdcd; }
.ocw-bx3 > ul > p > li > ul.table > li td { padding: 30px; font-size: 20px; color: #000; border-bottom: 1px solid #cdcdcd; line-height: 28px; }
.ocw-bx3 > ul > p > li > ul { margin: 35px 0px;} 
.ocw-bx3 > ul > p > li > ul > li { overflow: hidden; padding: 30px; border-top: 1px solid #e8e8e8; }
.ocw-bx3 > ul > p > li > ul > li > span { float: left;}
.ocw-bx3 > ul > p > li > ul > li > ul { margin: 20px 0px; padding: 30px; background: #f2f2f2; display: none; }
.ocw-bx3 > ul > p > li > ul > li > p > span.step { display: inline-block; font-size: 18px; color: #7d7d7d; font-weight: bold; text-align: center; vertical-align: middle; padding-right: 25px; margin-right: 25px; border-right: 1px solid #e8e8e8;  }
.ocw-bx3 > ul > p > li > ul > li > p > span.step em { display: inline-block; font-size: 40px; padding-bottom: 10px; font-weight: bold; color: #0072bc; text-align: center; }
.ocw-bx3 > ul > p > li > ul > li > p > span.subject {  display: inline-block; width: 50%; font-size: 26px;   color: #464646; vertical-align: middle;}
.ocw-bx3 > ul > p > li > ul > li > ul > li > ul > li { overflow: hidden; position: relative; color: #636363; font-size: 18px; font-weight: bold; padding: 15px; border-bottom: 1px solid #e8e8e8; background:url(/images/mobile/nhi/sub/bd-dot2.png) no-repeat 5px center;}
.ocw-bx3 > ul > p > li > ul > li > ul > li > ul > li .btn01 { position: absolute; top: 5px; right: 40px; display: inline-block; text-indent: -9999px; width: 36px; height: 36px; display: inline-block; background: url(/images/mobile/nhi/sub/btn/btn-play.png) no-repeat;}
.ocw-bx3 > ul > p > li > ul > li > ul > li > ul > li .btn02 { position: absolute; top: 5px; right: 0px; display: inline-block; text-indent: -9999px; width: 36px; height: 36px; display: inline-block; background: url(/images/mobile/nhi/sub/btn/btn-dw.png) no-repeat;}

.area01-btn2, .area01-btn3 { text-align:center; border-top: 3px solid #2b56a5; }
.area01-btn2 a, .area01-btn3 a { display: inline-block; padding-left: 20px; padding: 10px 15px 10px 40px; color: #fff; font-size: 17px; font-weight: bold; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; background: #4c84ff url(/images/mobile/nhi/main/btn/btn-menu-close.png) no-repeat 10px center; letter-spacing: -0.025em; }
.area01-btn2 a.active, .area01-btn3 a.active { background: #4c84ff url(/images/mobile/nhi/main/btn/btn-menu-open.png) no-repeat 10px center;}

.slide-bx { margin-top: 20px;}
.slide-bx > ul > li { background: #fff; margin-top: 20px; border-bottom: 1px solid #e8e8e8;}
.slide-bx > ul > li:first-child { margin-top: 0px; }
.slide-bx > ul > li > a { display: block; padding: 25px 30px; font-size: 30px; font-weight: bold; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; }
.slide-bx > ul > li > a > span { display: block; width: 100%; background:url(/images/mobile/nhi/sub/btn/btn-faq-open.png) no-repeat center right;}
.slide-bx > ul > li > a.active span { background:url(/images/mobile/nhi/sub/btn/btn-faq-close.png) no-repeat center right; }

.p30 { padding: 0px 30px; }
.slide-bx .bx-viewport { overflow: hidden; padding: 50px 0px; }
.slide-bx2 > li { position: relative; float: left;}
.slide-bx2 > li .title {   background: url(/images/mobile/nhi/sub/ico/ico-slide.png) no-repeat; font-size: 20px;  padding-left: 30px; padding-bottom: 20px;}
.slide-bx2 > li .img { width: 100%;}
.slide-bx2 > li .more { position: absolute; right: 0px; bottom: 0px;}
.slide-bx2 > li .subject {  position: absolute; top: 50%; width: 100%; text-align: center; font-size: 26px; line-height: 34px; color: #fff; padding-top: 20px; background: url(/images/mobile/nhi/sub/line/slide-subject-line.png) no-repeat center top; }

.slider3 > li { padding: 0px 30px }
.slider3 > li > ul { position: relative; }
.slider3 > li > ul > li.subject {  position: absolute; top: 20%; color: #fff; font-size: 24px;  width: 100%; text-align: center; background: url(/images/mobile/nhi/sub/ico/ico-subject.png) no-repeat center top; padding-top: 100px;}
.slider3 > li > ul > li.nav {  text-align:center; font-size: 20px; color: #999999; margin-top: 20px; }

.new-bx { background: url(/images/mobile/nhi/sub/new-bx-bg.png) repeat-x center top; padding: 0px 30px; }
.new-bx h3 { font-size: 36px; font-weight: bold; color: #fff; padding: 50px 0px 20px; background: url(/images/mobile/nhi/sub/line/sub-h3-line.png) no-repeat left bottom; }
.new-bx .p-txt { margin-top: 20px; color: #fff; font-size: 28px; }
.new-bx > ul { background: #fff; margin-top: 30px; }
.new-bx .c-txt { font-size: 28px; color: #89a4d1; text-align: center; padding: 30px 0px; }
.new-bx .c-txt span { color: #d1c989; }
.new-bx .mem-info { padding: 15px 0px; font-size: 36px; color: #000000; text-align: center;  border-bottom: 1px solid #e8e8e8; background: #f1f1f1;  }
.new-bx .mem-info p { margin: 0px 15px; line-height: 46px; background: #f1f1f1 url(/images/mobile/nhi/sub/ico/ico-new-bg.png) no-repeat right 5px;}
.new-bx .mem-info p span { color: #ca0606; }
.new-bx .mb-info { padding: 20px; line-height: 46px; font-size: 28px;}
.new-bx .mb-info > ul > li { line-height: 46px;}
.new-bx .mb-info > ul > li:first-child { margin-top: 0px;}
/*.new-bx .mb-info > ul > li span { color: #ca0606;}*/
.new-bx .mb-info > ul > li.info01 { background: url(/images/mobile/nhi/sub/ico/ico-dr.png) no-repeat left center; padding-left: 40px; }
.new-bx .mb-info > ul > li.info02 { background: url(/images/mobile/nhi/sub/ico/ico-clock.png) no-repeat left center; padding-left: 40px; }
.new-bx .mb-info > ul > li.info03 { background: url(/images/mobile/nhi/sub/ico/ico-note.png) no-repeat left center; padding-left: 40px; }
.new-bx .mb-info > ul > li.info04 { background: url(/images/mobile/nhi/sub/ico/ico-clock.png) no-repeat left center; padding-left: 40px; }

.grap-ac { background:url(/images/mobile/nhi/sub/bg-grap.png) no-repeat center center; width: 598px; height: 29px; line-height: 29px; margin: 0 auto; }
.grap-ac1 { background:url(/images/mobile/nhi/sub/bg-grap.png) no-repeat center center; width: 598px; height: 29px; line-height: 29px; margin-top: 10px; display:inline-block;}
.gr-txt { padding: 20px; text-align: right; font-size: 22px; color: #999999; }
.per { display: inline-block; background: #5642ba; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; height: 29px; line-height: 29px;  }

.list-bx { margin-top: 20px; background: #fff;}
.list-bx .h3-title {  line-height: 86px; padding: 0px 30px; background: #2b56a5; font-size: 30px;  color: #fff; }
.list-bx .list > ul { margin: 30px; padding: 10px 30px; /*background: #f2f2f2;*/ }
.list-bx .list > ul > li > span { display: inline-block; width: 50%; font-size: 26px; font-weight: bold; color: #464646; vertical-align: middle;}
.list-bx .list > ul > li { overflow: hidden; position: relative; color: #636363; font-size: 18px; font-weight: bold; padding: 20px; border-top: 1px solid #fff; background:url(/images/mobile/nhi/sub/bd-dot2.png) no-repeat 5px center;}
.list-bx .list > ul > li:first-child { border-top: none; }
.list-bx .list > ul > li .btn01 { position: absolute; top: 50%; margin-top: -21px; right: 160px; display: inline-block; text-align: center; width: 120px; height: 42px; line-height: 42px; font-size: 24px; color: #fff; background: #01b8ca; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.list-bx .list > ul > li .btn02 { position: absolute; top: 50%; margin-top: -21px; right: 20px; display: inline-block;  text-align: center; width: 120px; height: 42px; line-height: 42px; font-size: 24px; color: #fff; background: #2ba576; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.list-step { margin: 20px 0px;}
.list-step > ul {}
.list-step > ul > li { border-bottom: 1px solid #e8e8e8; padding: 20px 30px; }
.list-step > ul > li:first-child { border-top: 1px solid #e8e8e8; }
.list-step > ul > li > ul {}
.list-step > ul > li > ul > li { overflow: hidden; font-size: 28px; line-height: 62px; letter-spacing: -0.05em; }
.list-step > ul > li > ul > li.content > span { display: inline-block; line-height: 40px; width: 80%; float: left; }
.list-step > ul > li > ul > li.content a { float: right;  display: inline-block; padding: 0px 20px; line-height: 62px; height: 62px; background: #313b4b; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff;}
.list-step > ul > li > ul > li.content a.active { background: #2b56a5;}
.list-step > ul > li > ul > li.content a.active span {  background: url(/images/mobile/nhi/sub/btn/btn-arr-close.png) no-repeat center right; }
.list-step > ul > li > ul > li.content a span { background: url(/images/mobile/nhi/sub/btn/btn-arr-open.png) no-repeat center right; padding-right: 40px; display: inline-block;}
.list-step > ul > li > ul > li:first-child { font-size: 30px; font-weight: bold; margin-bottom: 10px;}
.list-step > ul > li > ul > li:first-child span { margin-left: 20px; color: #fff; display: inline-block; padding: 10px 30px; background: #949494; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;}


/* 171114 add */
.ans-bx { pAdding: 20px 40px; margin-top: 20px; border-top: 1px solid #e8e8e8; background: #eeeff4; border-bottom: 1px solid #c8c9cb; }
.ans-bx .txt { font-size: 30px; letter-spacing: -0.05em; line-height: 48px; color: #7d7d7d;}
.ans-bx .btn { text-align: right; }
.ans-bx .btn a { margin-top: 30px; display: inline-block; width: 156px; text-align: center; line-height: 54px;  background: #0674c9; font-size: 22px; font-weight: bold; color: #fff !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.ans-box { padding: 30px 10px 0px; background: #fff; }
.tbl-info { font-size: 24px; color: #444444; padding-bottom: 10px;}
.tbl-info span { color: #ff0000; }

.tbl-ans { border-top: 2px solid #0674c9; }
.tbl-ans td { border-bottom: 1px solid #e8e8e8; text-align: center; padding: 10px; font-size: 22px; color: #333333; }
.tbl-ans td.subject {  text-align: left; }
.tbl-ans td.ans { font-weight: bold; }
.tbl-ans td.ans.ing { color: #0674c9; }


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


/* 20171109�߰�css */
.clear-line {clear:both;}
.text-center {text-align:center;}
.btn-set01 a { margin-top: 30px;margin-bottom: 30px;display: inline-block; width: 49%; text-align: center; line-height: 84px;  background: #ee560d; font-size: 36px; font-weight: bold; color: #fff !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.btn-set01 a.b-make {background: #0072bc;}
.latest-list .hit { margin-top: 10px; overflow: hidden; font-size: 18px; color: #000; }

.btn-bd2 { padding:0px 35px 5px; background: #fff; text-align: right; margin-top:-40px;}
.btn-bd2 a { display: inline-block; padding: 15px 30px; background: #0072bc; font-size: 32px; font-weight: bold; color: #fff !important; letter-spacing: -0.025em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0px 1px 1px rgba(0,0,0,.1);}

.bd-sinjob { background: #fff; padding: 40px 35px; }

.my-study-box {background: url(/images/mobile/nhi/common/my-study-bg.jpg) no-repeat center top; padding:40px;}
.my-study-box .name {color: #FFF;text-align:center;font-size:36px; padding:0 0 25px;}
.my-study-box .course {color: #FFF !important;text-align:center;font-size:28px;padding:18px 20px 22px 20px;background: url(/images/mobile/nhi/common/my-study-box.png); }
.my-study-box .course a {color: #FFF !important;}
.my-study-box .info {color: #FFF;text-align:center;font-size:20px;line-height:25px;border-top:1px #FFF solid;padding:20px 0 0 0;margin-bottom:10px;}

.my-study-info {border-bottom:15px #f1f1f1 solid;}
.my-study-info  > ul > li {display:inline-block;text-align: center; border-left: 1px solid #e8e8e8; /*padding:25px; width:23%;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
.my-study-info  > ul > li a {display: block; font-size: 20px; color: #707070; }
.my-study-info .my-info-txt a {color: #2d5fba !important; font-size: 40px;font-weight: bold; padding-bottom:10px;}


.my-mileage-box {background:#e3e7ee;padding:25px 0 0 25px}
.my-mileage-box .name {color: #295499;font-size:26px; padding:0 0 25px;}
.my-mileage-info {margin:50px 0px 20px;}
.my-mileage-info  > ul > li {display:inline-block;text-align: center; border-left: 1px solid #e8e8e8; width:31.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
.my-mileage-info  > ul > li a {display: block; font-size: 16px; color: #707070; margin-bottom:5px;}
.my-mileage-info .my-info-txt a {color: #2d5fba !important; font-size: 35px;font-weight: bold; }
.my-mileage-bar {padding:15px 25px 15px; background: #e6e6e6; border-radius: 7px; color: #555 !important;font-weight:bold;font-size:18px;margin:15px 25px 30px 25px;text-align:center}

.mileage-bx {background:#8291ad;padding:15px 25px 15px 25px;color:#fff;font-size:18px;}
.mileage-bx > ul > li {padding:15px 0 15px 13px;line-height:22px;border-bottom:1px #b1b8c6 solid;}
.mileage-bx > ul > li:last-child {border-bottom:0px #b1b8c6 solid;}
.dot-white {background: url(/images/mobile/nhi/common/dot-white.gif) no-repeat 3px 23px;}
.menu-toggle {position:relative;z-index:999;top:-3px;left:80%}
a.my-mileage-btn {position:relative;padding:10px 42px 10px; background: #40bbc6; right:20px; top:-12px; border-radius: 30px; color: #fff !important;font-weight:bold;font-size:32px;}

.menu-toggle-line {border-bottom:3px #4c84ff solid;}
.buy-bx { background: #fff; padding: 40px; border-bottom: 1px solid #e8e8e8;}
.buy-bx > ul {}
.buy-bx > ul > li { padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #e8e8e8; }
.buy-bx > ul > li:first-child { border-top: none; padding-top: 0px; }
.buy-bx > ul > li img { width: 100%; }
.buy-bx > ul > li > ul > li.subject {  margin: 30px 0px; font-size: 30px; color:#000; font-weight: bold; }
.buy-bx > ul > li > ul > li > p { font-size: 22px; color: #8d8d8d; font-weight: bold; line-height: 30px; background: url(/images/mobile/nhi/sub/bd-dot.png) left center no-repeat; padding-left: 15px;}
.buy-bx > ul > li > ul > li { overflow: hidden; }
.buy-bx > ul > li > ul > li > a { margin-top: 30px; float :right; display: inline-block; width: 49%; text-align: center; line-height: 84px;  background: #3467ba; font-size: 36px; font-weight: bold; color: #fff !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }


.btn-set02 { overflow: hidden; }
.btn-set02 a { margin-top: 30px; float :right; display: inline-block; width: 49%; text-align: center; line-height: 84px;  background: #ee560d; font-size: 36px; font-weight: bold; color: #fff !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.btn-set02 a:last-child { float: left; background: #898989; }
.btn-set02 a.save { background: #0072bc;}
.btn-set02 a.cancle { background: #0072bc;}

.edu-result-bx { background: #fff; padding: 45px; }
.edu-result-bx .agree-bx { border: 1px solid #e8e8e8; margin-bottom: 20px; }
.edu-result-bx img { width: 75%;margin-left:12%}
.edu-result-bx .txt {margin-top:20px;text-align:center;font-size:30px;}

.btn_scrap {position:relative;display:inline-block; zoom: 1; width:50px;height:28px; background:url('/images/mobile/oer/blit_scrap.gif') 7px 50% no-repeat; padding-left:24px;cursor:pointer }
.btn_scrap .tooltip{position:absolute;top:35px;right:-1px;background:#fff;border:1px solid #ddd;z-index:1;white-space:nowrap;padding:10px 10px 5px;border-radius:4px;background:#f9f9f9;display:none}
.btn_scrap .tooltip.on{display:block}
.btn_scrap .tooltip .arrow{position:absolute;right:10px;top:-6px;background:url('/images/mobile/oer/tooltip_arrow.gif') no-repeat;width:12px;height:6px}
.btn_scrap .tooltip a{display:inline-block;width:48px;text-align:center;margin:0 8px;padding-top:50px;color:#222}
.btn_scrap .tooltip a.community{background:url('/images/mobile/oer/ico_cummunity.gif') no-repeat center 0}
.btn_scrap .tooltip a.blog{background:url('/images/mobile/oer/ico_blog.gif') no-repeat center 0}

.latest-list .cnt span { display: inline-block; line-height: 26px; font-size: 18px; color: #cacaca;}
.latest-list .cnt span.c1 { padding-left:29px; background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center; background-size: 24px 24px;}
.latest-list .cnt span.c2 { margin-left: 10px; padding-left:29px; background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center; background-size: 24px 24px;}


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


.graph-jindo {position:absolute;background: url(/images/mobile/nhi/common/my-study-thbg.jpg) no-repeat 5px center; }

/* �׷��� */
.graph_comm {width: 100%;background: url(/images/mobile/nhi/common/my-study-bg.jpg) no-repeat 5px center; }
.graph_comm .bg_graph {float:left;margin:0px 6px 0px 10px;border-top:1px solid #bbb;width: 95.5%;}
.graph_comm .graph_g {display:block;width:100%;height:7px;border:1px solid #d4d4d4;background-color:#e1e1e1;}
.graph_comm .bar_g {display:block;height:30px;margin:-2px 0 0 -1px;border-left:1px solid #a1342d;border-top:1px solid #a1342d;background-color:#ff6600}
.graph_comm .inner_g {display:block;height:30px;margin-left:-1px; border:1px solid #a1342d}
.graph_comm .txt_graph {font-size:16px;font-family:tahoma;color:#666}
.graph_comm .num_g {color:#d4443b}


.kang_down_sub2 { position: absolute; top: 5px; right: 40px; display: inline-block; text-indent: -9999px; width: 36px; height: 36px; display: inline-block; background: url(/images/mobile/nhi/sub/btn/btn-play.png) no-repeat;}


.playbtn { top: 5px;  right: 40px; display: inline-block; text-indent: -9999px; width: 36px; height: 36px; display: inline-block; background: url(/images/mobile/nhi/sub/btn/btn-play.png) no-repeat; float: right; }
.downloadbtn { position: absolute; top: 5px; right: 0px; display: inline-block; text-indent: -9999px; width: 36px; height: 36px; display: inline-block; background: url(/images/mobile/nhi/sub/btn/btn-dw.png) no-repeat;}
.list-bx { margin-top: 5px;}

.info2 { margin-top: 5px;overflow: hidden;font-size: 12px;color: #cacaca; }

@media (max-width: 480px) and (min-width: 320px){ /*삭제*/ } 

/* 나의 추천과정 css 추가 */
#content-re  {} 
#content-re .subject {  font-size: 18px; margin: 10px 0px 10px 0px; margin: 10px 0px 10px 10px ;}
#content-re ul li ul {padding:10px;}

#content-re ul li ul li.thumb { float:left; }
#content-re ul li ul li.info  { float:left; }
 
.btn-apply {    margin-top: 30px;
    float: right;
    display: inline-block;
    width: 49%;
    text-align: center;
    line-height: 70px;
    background: #3467ba;
    font-size: 36px;
    font-weight: bold;
    color: #fff !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 0 13px 0;}


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


.processArea,
.processArea02 {clear:none;overflow:hidden;padding:15px;}
.processArea > strong, 
.processArea02 > strong {display:block;font-size:1.45em;margin-bottom:12px;}
.processArea ul {margin-right:-1%;}
.processArea ul > li {width:24%; float:left;margin-left:1%;margin-bottom:15px;}
.processArea ul > li:nth-child(4n+1) {margin-left:0;}
.processArea ul > li > a .thumb {width:100%;margin-bottom:8px;}
.processArea ul > li > a .thumb img {width:100%;}
.processArea ul > li > a .info .subject {display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;/* white-space:normal; */font-size:1.22em;font-weight:700;color:#333333;letter-spacing:-0.04em;line-height:20px;text-align:left;word-wrap:break-word;}
.processArea ul > li > a .info .cnt,
.processArea02 ul > li > a .info .cnt {line-height:22px;}
.processArea ul > li > a .info .cnt .c1,
.processArea02 ul > li > a .info .cnt .c1 { padding-left:18px;padding-top:2px;background:url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center;background-size:15px 15px;}
.processArea ul > li > a .info .cnt .c2,
.processArea02 ul > li > a .info .cnt .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;}

.processArea02 ul {}
.processArea02 ul > li {overflow:hidden;position:relative;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e0e0e0;}
.processArea02 ul > li:nth-child(2n+2) {float:right;}
.processArea02 ul > li > a .thumb {width:24%;float:left;}
.processArea02 ul > li > a .thumb img {width:100%;}
.processArea02 ul > li > a .info {width:74%;float:right;margin-top:-1px;}
.processArea02 ul > li > a .info .subject {display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;/* white-space:normal; */font-size:1.22em;font-weight:700;color:#333333;letter-spacing:-0.04em;line-height:20px;text-align:left;word-wrap:break-word;}
.processArea02 ul > li > a .info .subject .cate {display:inline-block;background:#00acdc;vertical-align:middle;color:#fff;margin-right:5px;font-size:0.7em;padding:3px 6px;border-radius:50px;}
.processArea02 ul > li > a .info .field {color:#999;font-weight:700;margin-top:5px;width:100%;line-height:1.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;/* white-space:normal; */word-wrap:break-word;}
.processArea02 ul > li > a .info .con {color:#666;margin-top:5px;width:100%;line-height:1.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;/* white-space:normal; */word-wrap:break-word;}
.processArea02 ul > li > a .info > ul {color:#999;margin-top:5px;width:74%;position:absolute;bottom:5px;}
.processArea02 ul > li > a .info > ul > li {float:left;width:33.3333333%;margin-bottom:5px;padding-bottom:0;border-bottom:0;line-height:1.1em;letter-spacing:-.04em;}
.processArea02.type2 ul > li > a .info > ul > li {width:25%;}


@media (max-width:639px) and (min-width:320px) { /*삭제*/ } 


/*0px; top: 0px;display: inline-block; width: 48px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; color: #fff; }

#content-re .recomm .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;}
#content-re .recomm .nav { margin-left: 5px; font-size: 11px; color: #666666; letter-spacing: -0.04em; }
#content-re .recomm .cnt { overflow: hidden; margin-top: 5px;}
#content-re .recomm .cnt span.c1 { padding-left:18px;background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center;; background-size: 15px 15px;}
#content-re .recomm .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;}

 */
.star_btn{display: inline-block;height: 28px; line-height: 26px; color: #fff !important; text-align: center; font-size: 14px; padding: 0 15px; font-weight: bold; background: #0089a2;border-radius:3px;margin-bottom:10px;}

.content div img {width:100% !important; height:100% !important;}
.content div font img {width:100% !important; height:100% !important;}
.prgrs {text-align:right; font-size:11px; color:#999999;}

/* 180108 add */
.page-title .btn-notice { position: absolute; display: inline-block; top: 50%; margin-top: -14px; color: #2a5499; right: 15px; font-size: 18px; font-weight: bold; padding: 5px 15px; background: #fff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

.res-contents { background: #fff; padding: 30px; position: relative; }
.res-contents img { width: 100%;}
.res-contents .date { font-size: 25px; font-weight: bold; letter-spacing: -0.05em; color: #000000; line-height: 26px; }
.res-contents .res-count { position: absolute; right: 30px; top: 30px;}
.res-contents .res-count select { padding: 0px 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}

.res-bx { margin-top: 20px;}
.res-bx > ul {}
.res-bx > ul > li { border: 1px solid #b7b7b7; position: relative; padding-bottom: 40px; }
.res-bx > ul > li .subject {font-size: 28px; font-weight: bold; letter-spacing: -0.025em; color: #000000; margin: 40px 30px;}
.res-bx > ul > li .res-name { overflow: hidden; line-height: 24px; background: url(/images/mobile/nhi/sub/ico/ico-bullet.png) no-repeat left 7px; margin: 0px 30px 5px; padding-left: 12px; font-size: 20px; font-weight: bold; letter-spacing: -0.025em; color: #8d8d8d; }
.res-bx > ul > li .res-name span {}
.res-bx > ul > li .res-date { overflow: hidden; background: url(/images/mobile/nhi/sub/ico/ico-bullet.png) no-repeat left 7px; margin: 0px 30px 5px; padding-left: 12px; font-size: 20px; font-weight: bold; letter-spacing: -0.025em; color: #8d8d8d; }
.btn-res { position: absolute; right: 25px; bottom: 25px; font-size: 24px; color: #fff !important; font-weight: bold; background: #555555; padding: 12px 25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.btn-res span { font-weight: normal; }

.latest-list2 { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background: #fff;}
.latest-list2 > ul { margin: 0px 25px;}
.latest-list2 > ul > li { padding: 40px 0px; border-top: 1px solid #e8e8e8;}
.latest-list2 > ul > li:first-child { margin-top: 0px; border-top: none; }
.latest-list2 > ul > li > ul { overflow: hidden;}
.latest-list2 > ul > li > ul > li { float: right; width: -moz-calc(71% - 20px); width: -webkit-calc(71% - 20px); width: -o-calc(71% - 20px); width: calc(71% - 20px); }
.latest-list2 > ul > li > ul > li:first-child { float: left; width: 29%;}
.latest-list2 > ul > li > ul > li img { width: 100%; }
.latest-list2 > ul > li > ul > li p { letter-spacing: -0.05em;}
.latest-list2 > ul > li > ul > li .subject { font-size: 33px; color: #000; font-weight: bold; margin-bottom: 20px; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.latest-list2 > ul > li > ul > li .res-name { font-size: 20px; color: #8d8d8d; font-weight: bold; letter-spacing: -0.025em; margin-bottom: 10px; background: url(/images/mobile/nhi/sub/ico/ico-bullet2.png) no-repeat left center; padding-left: 12px; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.latest-list2 > ul > li > ul > li .date { font-size: 20px; color: #8d8d8d; font-weight: bold; letter-spacing: -0.025em; background: url(/images/mobile/nhi/sub/ico/ico-bullet2.png) no-repeat left center; padding-left: 12px;}

.bd-search2 { padding: 40px 35px; }
.bd-search2 > ul { overflow: hidden;}
.bd-search2 > ul > li { float: left; }
.bd-search2 > ul > li select { width: 100%; line-height: 60px; height: 60px; padding-left: 15px; font-size: 26px; color: #000; border: 1px solid #c2c2c2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.bd-search2 > ul > li { width: -moz-calc(50% - 60px); width: -webkit-calc(750% - 60px); width: -o-calc(50% - 60px); width: calc(50% - 60px);}
.bd-search2 > ul > li:first-child { margin-right: 5px;}
.bd-search2 > ul > li.btn { margin-left: 5px; width: 105px;}
.bd-search2 > ul > li.btn a { display: inline-block; text-align: center; width: 105px; line-height: 60px; height: 60px; background: #0072bc; font-size: 33px; font-weight: bold; color: #fff !important; letter-spacing: -0.025em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.res-count2 { text-align: right; background: #fff; padding: 20px 40px; }
.res-count2 select { line-height: 46px; height: 46px; padding: 0px 20px; font-size: 26px; color: #000; border: 1px solid #aeafb1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.alert-pop { display: none; position: fixed; top: 30%; margin: 20px; background: #fff; z-index: 100; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.alert-pop .title { font-size: 32px; font-weight: bold; color: #fff; background: #01b0c3; padding: 35px 45px;  }
.alert-pop > ul { padding: 20px;}
.alert-pop > ul > li { padding: 20px; text-align: center; font-size: 24px; font-weight: bold; color: #7d7d7d; letter-spacing: -0.025em; }
.alert-pop > ul > li:first-child { border-bottom: 1px solid #eee; }
.alert-pop .btn-alert { display: inline-block; width: 30%; text-align: center; line-height: 52px; background: #286fb1; font-size: 24px; font-weight: bold; color: #fff !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.alert-pop .close { position: absolute; display: inline-block; width: 30px; height: 30px; background: url(/images/mobile/nhi/sub/btn/btn-close.png) no-repeat; text-indent: -9999px; top: 35px; right: 45px; }

.chk-btn { width: 100% !important; margin: 10px 0px 25px; overflow: hidden; }
.chk-box { float: left; width: 29%; text-align: center; margin-top: 20px; }
.chk-btn .txt-r { float: right; width: 71%;}
.res-view { display: inline-block; padding: 14px 25px; font-size: 24px; color: #fff !important; font-weight: bold; background: #9dc3e6; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.res-view > span { padding-right: 45px; background: url(/images/mobile/nhi/sub/ico/ico-arr.png) no-repeat right center; }
.res-view.active > span { background: url(/images/mobile/nhi/sub/ico/ico-arr-ov.png) no-repeat right center;}
.res-view2 { display: inline-block;  padding: 14px 25px; font-size: 24px; color: #fff !important; font-weight: bold; background: #286fb1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.resview { display: none; border-top: 1px solid #d7dae4; background: #f7f7f9; padding: 50px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.resview tr:first-child th,.resview tr:first-child td { border-top: 1px solid #cdcdcd;}
.resview th { vertical-align: top; width: 120px; padding: 30px; text-align: center; font-size: 24px; color: #000; font-weight: bold; background: #eaeff4; border-bottom: 1px solid #cdcdcd; }
.resview td { padding: 30px; font-size: 20px; color: #000; border-bottom: 1px solid #cdcdcd; line-height: 28px; }

.btn-set4 { overflow: hidden; background: #fff; text-align: center; padding: 20px 0px; }
.btn-set4 a { display: inline-block; width: 49%; text-align: center; line-height: 84px;  background: #286fb1; font-size: 36px; font-weight: bold; color: #fff !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
/* 180110 수정 */
.log-txt { margin-top: 20px; font-size: 28px; color: #666666; padding-bottom: 30px; }

/* 180111 수정 */
.list-step2 { margin: 40px 15px; }
.list-step2 > ul {}
.list-step2 > ul > li { margin-top: 8px; border: 1px solid #cfcfcf; }
.list-step2 > ul > li:first-child { margin-top: 0px;}
.list-step2 > ul > li > p { position: relative; line-height: 90px; font-size: 26px; color: #626262; margin: 0 25px; background: url(/images/mobile/nhi/common/ico/ico-arr-dw.png) no-repeat right center; }
.list-step2 > ul > li > p.active { background: url(/images/mobile/nhi/common/ico/ico-arr-up.png) no-repeat right center;}
.list-step2 > ul > li > p .num { font-size: 29px; color: #2b56a5; font-weight: bold; letter-spacing: -0.12em; margin-right: 30px; }
.list-step2 > ul > li > p .perc { position: absolute; right: 50px; display: inline-block; vertical-align: middle; top: 50%; margin-top: -20px; font-size: 25px; color: #2b56a5; font-weight: bold; border: 2px solid #2b56a5; padding: 5px 10px;  border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;}
.list-step2 > ul > li .list2 { display: none; border-top: 1px solid #cfcfcf; }

.list-bx .list2 > ul { padding: 10px 30px; background: #f4f4f4; }
.list-bx .list2 > ul > li > span { display: inline-block; width: 50%; font-size: 26px; color: #626262; vertical-align: middle;}
.list-bx .list2 > ul > li { overflow: hidden; position: relative; color: #626262; font-size: 26px; padding: 20px; border-top: 1px solid #cfcfcf; background:url(/images/mobile/nhi/sub/bd-dot2.png) no-repeat 5px center;}
.list-bx .list2 > ul > li:first-child { border-top: none; }
.list-bx .list2 > ul > li .btn01 { position: absolute; top: 50%; margin-top: -21px; right: 160px; display: inline-block; text-align: center; width: 120px; height: 42px; line-height: 42px; font-size: 24px; color: #fff; font-weight: bold; background: #2b56a5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.list-bx .list2 > ul > li .btn02 { position: absolute; top: 50%; margin-top: -21px; right: 20px; display: inline-block;  text-align: center; width: 120px; height: 42px; line-height: 42px; font-size: 24px; color: #fff; font-weight: bold; background: #0ac6d8; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.stepinfo {  margin: 0px 15px !important; border: 1px solid #cfcfcf; border-top: 0px; background: #f4f4f4; padding: 0px 20px; }
.stepinfo > li { font-size: 26px; color: #626262; padding: 24px 0px !important; border-top: 1px solid #cfcfcf;  }
.stepinfo > li:first-child { border-top: 0px; }
.stepinfo > li span { font-size: 30px; font-weight: bold; color: #2b56a5; margin-right: 20px; }
/* 180111 수정 */


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


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

.newul { }
.newul > li { padding: 10px !important; font-size: 13px;  overflow: hidden; }
.newul > li span { float: left; width: -moz-calc(100% - 121px); width: -webkit-calc(100% - 121px); width: -o-calc(100% - 121px); width: calc(100% - 121px); }
.newul > li .newname { display: inline-block; width: 90px; padding-left: 10px; background: url(/images/mobile/nhi/sub/ico/ico-bullet.png) no-repeat left center; border-right: 1px solid #eeee; margin-right: 10px; }
.newul > li.libtn { padding-top: 20px !important;}

/* 180114 수정 */
.qa-search2 { padding: 50px 50px 25px; background: #fff; }
.qa-search2 label { display: inline-block; width: 100%; font-size: 29px; color: #000000; font-weight: bold;}
.qa-search2 select { width: 100%; margin-top: 25px; height: 60px; line-height: 60px; }

.myqa { padding: 25px; background: #f1f1f1; }
.myqa .title { padding: 0px 25px; font-size: 29px; color: #000000; font-weight: bold; }
.myqa > ul { margin-top: 30px; background: #fff; overflow: hidden;}
.myqa > ul > li { width: 20%; float: left; border-left: 1px solid #f1f1f1; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 30px;  }
.myqa > ul > li .heart { display: inline-block; line-height: 96px; width: 35px; height: 96px; text-indent: -9999px; background: url(/images/mobile/nhi/common/ico/ico-heart.png) no-repeat center center; }
.myqa > ul > li .num { font-size: 25px; color: #ff0000; font-weight: bold; line-height: 26px; }
.myqa > ul > li .name { font-size: 25px; color: #707070; line-height: 26px; padding: 35px 0px; }
.myqa > ul > li .name2 {font-size: 25px; color: #707070; line-height: 26px;padding: 22px 0px;}

.myqa-bx { background: #fff; padding: 30px 25px 0px; }
.myqa-bx .title { padding: 0px 25px; font-size: 29px; color: #000000; font-weight: bold; }
.myqa-bx > ul { margin-top: 30px;}
.myqa-bx > ul > li { padding: 30px 25px; border-bottom: 1px solid #ccc; }
.myqa-bx > ul > li:first-child { border-top: 1px solid #cccccc;}
.myqa-bx > ul > li .subject { margin-bottom: 10px;}
.myqa-bx > ul > li .subject a { font-size: 25px; color: #707070; font-weight: bold; line-height: 29px; }
.myqa-bx > ul > li .subject a .num { vertical-align: middle; display: inline-block; width: 25px; height: 20px; text-align: center; line-height: 20px; color: #fff; font-size: 16px; font-weight: bold; color: #fff;  margin-right: 10px; background: #2a5499; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.myqa-bx > ul > li .subject a .new { display: inline-block; width: 20px; height: 20px; background: url(/images/mobile/nhi/common/ico/ico-new.png) no-repeat;}
.myqa-bx > ul > li .qa-info { margin-top: 5px; overflow: hidden;}
.myqa-bx > ul > li .qa-info > p { float: right; line-height: 24px; font-size: 20px; color: #707070; }
.myqa-bx > ul > li .qa-info > p:first-child { float: left; }
.myqa-bx > ul > li .qa-info > p .num {margin-left: 5px; font-weight: bold; color: #0aa6ff;}
.myqa-bx > ul > li .qa-info > p span.recom { margin-left: 10px; padding: 2px; font-size: 14px; color: #e76969; border: 1px solid #e76969;}
.myqa-bx > ul > li .qa-info > p span.selec { margin-left: 10px; padding: 2px; font-size: 14px; color: #3cb5ae; border: 1px solid #3cb5ae;}

.btn-set5 { overflow: hidden; background: #fff; text-align: center; padding: 30px 0px; }
.btn-set5 a { display: inline-block; width: 49%; line-height: 84px;  background: #2a5499; font-size: 36px; font-weight: bold; color: #fff !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }


.mile-bx { background: #fff; font-size: 29px; color: #707070; font-weight: bold; padding: 50px 30px; }
.mbx .name { font-size: 35px;}
.mbx .point { color: #59a9e1; font-size: 35px;}
.mbx { margin-bottom: 30px;}
.m-txt { margin-top: 20px; font-size: 26px; color: #3a3a3a;}

.mile-bx2 { padding: 30px; background: #f2f2f2 url(/images/mobile/nhi/common/ico/ico-minus.png) no-repeat 33% center;}
.mile-bx2 > ul { overflow: hidden; background: url(/images/mobile/nhi/common/ico/ico-equ.png) no-repeat 67% center; }
.mile-bx2 > ul > li { float: left; width: 33.3%; text-align: center; }
.mile-bx2 > ul > li .name { font-size: 25px; font-weight: bold; color: #3a3a3a; margin-bottom: 20px; }
.mile-bx2 > ul > li .mpoint { font-size: 35px; color: #3a3a3a; font-weight: bold; }
.mile-bx2 > ul > li .point2 {font-size: 35px; color: #59a9e1; font-weight: bold;}

.latest-list > ul > li > ul > li .info span.c1 { padding-left: 20px; background: url(/images/mobile/nhi/common/ico/ico-ss.png) no-repeat left center;}
.latest-list > ul > li > ul > li .info span.c2 { padding-left: 20px; background: url(/images/mobile/nhi/common/ico/ico-member.png) no-repeat left center;}
.latest-list > ul > li > ul > li .info span.c3 { padding-left: 20px; background: url(/images/mobile/nhi/common/ico/ico-pen.png) no-repeat left center;}

/* 180115 add */
.edu-bx3 { background: #fff; padding: 40px; border-bottom: 1px solid #e8e8e8;}
.edu-bx3 > ul {}
.edu-bx3 > ul > li { padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #e8e8e8; position: relative; }
.edu-bx3 > ul > li:first-child { border-top: none; padding-top: 0px; }
.edu-bx3 > ul > li img { width: 100%; }
.edu-bx3 > ul > li:first-child { margin-top: 0px;}
.edu-bx3 > ul > li > ul > li.subject { margin: 30px 0px; font-size: 30px; color:#000; font-weight: bold; }
.edu-bx3 > ul > li > ul > li > p { font-size: 22px; color: #8d8d8d; font-weight: bold; line-height: 30px; background: url(../img/sub/bd-dot.png) left center no-repeat; padding-left: 15px;}
.edu-bx3 > ul > li > ul > li { overflow: hidden; }
.edu-bx3 > ul > li .btn-submit { position: absolute; right: 0px; bottom: 50px; font-size: 20px; font-weight: bold; color: #fff; padding: 5px 15px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.edu-bx3 > ul > li .btn-submit.btn01 { background: #b0b0b0;}
.edu-bx3 > ul > li .btn-submit.btn02 { background: #2a5499; }

.edu-bx3 { background: #fff; padding: 40px; border-bottom: 1px solid #e8e8e8;}
.edu-bx3 > ul > div > ul {}
.edu-bx3 > ul > div > ul > li { padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #e8e8e8; position: relative; }
.edu-bx3 > ul > div > ul > li:first-child { border-top: none; padding-top: 0px; }
.edu-bx3 > ul > div > ul > li img { width: 100%; }
.edu-bx3 > ul > div > ul > li:first-child { margin-top: 0px;}
.edu-bx3 > ul > div > ul > li > ul > li.subject { margin: 30px 0px; font-size: 30px; color:#000; font-weight: bold; }
.edu-bx3 > ul > div > ul > li > ul > li > p { font-size: 22px; color: #8d8d8d; font-weight: bold; line-height: 30px; background: url(../img/sub/bd-dot.png) left center no-repeat; padding-left: 15px;}
.edu-bx3 > ul > div > ul > li > ul > li { overflow: hidden; }
.edu-bx3 > ul > div > ul > li .btn-submit { position: absolute; right: 0px; bottom: 50px; font-size: 20px; font-weight: bold; color: #fff; padding: 5px 15px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.edu-bx3 > ul > div > ul > li .btn-submit.btn01 { background: #b0b0b0;}
.edu-bx3 > ul > div > ul > li .btn-submit.btn02 { background: #2a5499; }
/* 180115 add */


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


.pdb0 { padding-bottom: 0px !important; }
/* 180114 수정 */


/* 180118 add */
.text-new {display: inline-block; width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.text-new2 {display: inline-block; width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*180220 검색탭추가 */
.bd-top .tab_depth {display:inline;}
.bd-top .tab_depth ul li {float:left;}
.bd-top .tab_depth ul li a {display:block;box-sizing:border-box;border:1px solid #ccc;color:#666;font-size:21px;background:#f7f7f7;margin:0;padding:0px 20px;line-height:40px;}
.bd-top .tab_depth ul li a:hover {text-decoration:none;}
.bd-top .tab_depth ul li.on a {color:#0866c0;background:#fff;}


@media (max-width: 480px) and (min-width: 320px) { /*삭제*/ } 


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

/*Mobile*/
@media all and (max-width:1200px){
	.guide-bx{padding:0 15px 0 15px;}
	.bd-top .tab_depth ul li a {padding:0px 10px;font-size:12px;line-height:20px;}
	.page-title {  min-height: 55px; line-height: 55px; font-size: 19px;}
	.page-title .back { width: 16px; height: 15px; background-size: 16px 15px; margin-top: -7px; left: 15px;}
	.page-title .close { margin-top: -7px; width: 15px; height: 15px; background-size: 15px 15px; right: 15px; }
	.btn-menu { left:15px; margin-top: -15px; width: 90px; height: 30px; line-height: 30px; font-size: 13px;  }
	
	.keyword-res { padding: 15px; font-size: 17px; color: #000000; font-weight: bold; border-bottom: 1px solid #e1e1e1; }
	.keyword-res span { color: #0072bc;}
	
	.r-query  {line-height: 21px; font-size:16px; padding: 15px;}
	
	.category { padding: 15px 10px;}
	.category ul { line-height: 20px;}
	.category ul > li > a { font-size: 14px; }
	.category ul > li > a.active { background: #2b56a5; color: #fff; }
	.lSAction > .lSNext { position: absolute; z-index: 99; display: inline-block; width: 17px; height: 19px; background:url(/images/mobile/nhi/common/btn/btn-arr-right.png) no-repeat; background-size: 17px 19px; top: 2px; right: 0px; } 
	
	.latest-bx h3 { font-size: 16px; color: #2a5499; padding: 10px 0px; margin-left: 17px; }
	.latest-list > ul { margin: 0px 15px; position: relative;}
	.latest-list > ul > li { padding: 20px 0px;}
	.latest-list > ul > li > ul > li { }
	.latest-list > ul > li > ul > li .subject {font-size:16px; display: inline-block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.latest-list > ul > li > ul > li .date { font-size: 12px; margin-bottom: 10px; }
	.latest-list > ul > li > ul > li .nav { font-size: 12px;}
	
	.latest-list > ul > li > ul > li .info { margin-top: 5px; overflow: hidden; font-size: 12px; color: #cacaca; }
	
	.latest-list > ul > li > ul > li .info { /*margin-top: 30px;*/ margin-top: 10px;overflow: hidden; font-size: 12px;line-height:15px; color: #cacaca; }
	.latest-list > ul > li > ul > li .info2 { overflow: hidden; font-size: 12px; color: #cacaca; }
	
	.latest-list > div > div > ul { margin: 0px 15px; position: relative;}
	.latest-list > div > div > ul > li { padding: 20px 0px;}
	.latest-list > div > div > ul > li > ul > li { }
	.latest-list > div > div > ul > li > ul > li .subject { font-size: 17px; padding-top: 10px; margin-bottom: 15px;}
	.latest-list > div > div > ul > li > ul > li .date { font-size: 12px; margin-bottom: 10px; }
	.latest-list > div > div > ul > li > ul > li .nav { font-size: 12px;}
	.latest-list > div > div > ul > li > ul > li .info { margin-top: 30px; overflow: hidden; font-size: 12px; color: #cacaca; }
	.latest-list > ul > li .info span.play { line-height: 15px; padding-left:18px; background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center; background-size: 15px 15px;}
	.latest-list > ul > li .info span.u-cnt { 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;}
	
	.latest-bx .more { position: absolute; right: 10px; top: 10px;}
	.latest-bx .more > span { display: inline-block; padding: 5px 0px; font-size: 12px; color: #464646;}
	
	
	.latest-qa > ul > li > p > span.subject { font-size: 15px; padding-left: 20px; background-size: 13px 13px;}
	.latest-qa > ul > li > p > span.content { background:url(/images/mobile/nhi/sub/ico/ico-qaa.jpg) no-repeat 0px 5px; background-size: 13px 13px; font-size: 12px;  line-height: 20px; padding-left: 20px;}
	.latest-qa > ul > li > p.time { font-size: 11px; }

	.latest-glist > ul { overflow: hidden; margin: 15px; }
	.latest-glist > ul > li p { padding: 0px 8px; }
	.latest-glist > ul > li p.subject { font-size: 14px; line-height:22px; height: 44px; margin: 5px 0px 0px 0px;  }
	.latest-glist > ul > li .name { font-size: 14px; font-weight: bold; color: #454545;}
	.latest-glist > ul > li .info { margin: 10px 0px; font-size: 12px;  }
	.latest-glist > ul > li .info span { display: inline-block; line-height: 15px;}
	.latest-glist > ul > li .info span.play {  padding-left:18px; background: url(/images/mobile/nhi/common/ico-pen.png) no-repeat 0 center; background-size: 15px 15px;}
	.latest-glist > ul > li .info span.u-cnt { margin-left: 10px; padding-left: 18px;background: url(/images/mobile/nhi/common/ico-heart.png) no-repeat 0 center; background-size: 15px 15px;}

	.bd-top > ul { overflow: hidden; margin: 10px 15px }
	.bd-top > ul > li:first-child > a { padding: 0px 20px; font-size: 12px; line-height: 20px; }
	.bd-top > ul > li select { line-height: 22px; height: 22px; padding: 0px 15px; font-size: 12px; }
	.blog-bx > ul { padding:15px 25px;   }
	.blog-bx > ul > li .subject { font-size: 15px; font-weight: bold; color: #000; margin:10px 0px 20px; }
	.blog-bx > ul > li .info { overflow: hidden;font-size: 13px; color: #8d8d8d; line-height: 16px;}
	.blog-bx > ul > li .info2 { overflow: hidden; font-size: 13px; color: #8d8d8d; line-height: 16px;}
	.blog-bx > ul > li .info2 span { line-height: 16px;}
	.go-comm { padding: 10px 20px; line-height: 27px; }
	.go-comm label { display: inline-block; font-size: 15px; color: #707070; font-weight: bold; margin-right: 15px;line-height: 27px; }
	.go-comm select { padding: 0px 15px; line-height: 27px; height: 27px; font-size: 12px; }
	
	.qa-search { background: #FFF; padding: 10px 15px; margin-top: 20px;}
	.qa-search label {  font-size: 15px; color: #fff; font-weight: bold; margin-right: 20px;line-height: 27px; }
	.qa-search select { padding: 0px 15px; line-height: 27px; height: 27px; font-size: 12px; border: none; }
	/*
	.qa-search2 { background: #FFF; padding: 20px 10px 15px; margin-top: 20px;}
	.qa-search2 label {  font-size: 18px; color: #000; font-weight: bold; margin-left:15px; margin-top:10px;line-height: 27px; }
	.qa-search2 select { padding: 0px 10px; line-height: 38px; height: 38px; width:92%; font-size: 15px; border:1px #ddd solid; margin:10px 15px;}
*/
	.cnt-bx > ul > li { padding:23px 18px 16px 20px;}
	.cnt-bx > ul > li .subject { font-size: 14px; color: #999; padding-bottom:9px;letter-spacing:-0.08em }
	.cnt-bx > ul > li.all .subject { background-size: 16px 17px;}
	.cnt-bx > ul > li.qaq .subject { background-size: 16px 17px;}
	.cnt-bx > ul > li.allq .subject { background-size: 18px 17px;}
	.cnt-bx > ul > li.selq .subject { background-size: 17px 17px;}
	.cnt-bx > ul > li .num { font-size: 21px; color: #f26522; font-weight:600; text-align:right; margin-top:-5px;}
	.cnt-btn { padding: 17px 29px; font-size: 18px; }
	
	.sch-bx { margin-top: 20px;}
	.sch-bx .sch-name { background: #606e89; padding: 15px 20px; font-size: 15px;}
	.sch-bx .sch-name .btn-sch { margin-top: -5px; right: 20px; width: 18px; height: 10px; background-size: 18px 10px; }
	.sch-bx .sch-name .btn-sch.active { background-size: 18px 10px;}
	.sch-bx .sch-box { padding: 20px 25px; }
	.sch-bx .sch-box li span select { height: 29px; font-size: 12px; line-height: 29px; padding: 0px 10px;}
	.sch-bx .sch-box li input[type="text"] { margin-top: 15px; padding: 0px 10px; height: 29px; font-size: 12px; line-height: 29px;}
	.sch-bx .sch-box li .sch-btn { margin-top: 10px; line-height: 43px; height: 43px; font-size: 18px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

	.bd-opt {padding: 10px 20px; }
	.bd-opt > ul > li { float: left; font-size: 14px; margin-left: 15px; line-height: 22px; }
	.bd-opt > ul > li select { padding: 0px 10px; line-height: 22px; height: 22px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;}

	.tab-menu { margin: 0px 15px;}
	.tab-menu > ul { overflow: hidden; padding: 20px 0px 10px; }
	.tab-menu > ul > li > a {  line-height: 30px; font-size: 12px;}

	.faq-list { padding: 20px 0px 10px; background: #fff;  }
	.faq-list > ul > li { margin-top: 5px; }
	.faq-list > ul > li:first-child { margin-top: 0px;}
	.faq-list > ul > li > a {  font-size: 14px; }
	.faq-list > ul > li > a > span { line-height: 44px; margin: 0px 25px; background-size: 13px 7px;}
	.faq-list > ul > li > a.active > span { background-size: 13px 7px;}
	.faq-list > ul > li > ul { margin: 10px 15px;}
	.faq-list > ul > li > ul > li { border-top: 1px solid #e8e8e8; padding: 0px 5px;  }
	.faq-list > ul > li > ul > li:first-child { border-top: 0px;}
	.faq-list > ul > li > ul > li > a { line-height: 39px; font-size: 14px;  padding: 10px 0px 10px 23px; background-size: 15px 15px;  }

	.faq-view { padding: 23px 17px 0px; background: #fff; }
	.faq-view > ul { padding: 23px 0px 0px;}
	.faq-view > ul > li { border-bottom: 1px solid #e8e8e8; }
	.faq-view > ul > li.faq-q { padding: 10px 5px 10px 28px; font-size: 14px; background: url(/images/mobile/nhi/sub/ico/faq-q.png) no-repeat 5px center; background-size: 15px 15px;}
	.faq-view > ul > li.faq-a { padding: 10px 5px 10px 40px; font-size: 12px; line-height: 20px; background: url(/images/mobile/nhi/sub/ico/faq-a.png) no-repeat 5px 15px; background-size: 20px 20px; }
	.bd-view > ul > li.faq-a { padding: 10px 5px 10px 40px; font-size: 12px; line-height: 20px; background: url(/images/mobile/nhi/sub/ico/faq-a.png) no-repeat 5px 15px; background-size: 20px 20px; }
	.btn-bd { padding:10px 17px 23px; background: #fff; text-align: right; }
	.btn-bd a { padding: 10px 20px;font-size: 17px;}
	
	.bd-bx {background: #fff; margin-top: 30px; }
	.bd-search { padding: 20px; }
	.bd-search > ul > li select { line-height: 30px; height: 30px; padding-left: 10px; font-size: 13px; }
	.bd-search > ul > li.txt-bx { width: -moz-calc(75% - 68px); width: -webkit-calc(75% - 68px); width: -o-calc(75% - 68px); width: calc(75% - 68px);}
	.bd-search > ul > li.txt-bx input {line-height: 30px; height: 30px; padding: 0px 10px; font-size: 13px; }
	.bd-search > ul > li.btn a { width: 53px; line-height: 27px; height: 30px; font-size: 16px; /*border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;*/}

	.bd-info { padding: 0px 20px; font-size: 13px; }
	.bd-notice { background: #fff; padding: 0px 20px; }
	.bd-notice > ul > li { padding: 15px 5px; }
	.bd-notice > ul > li:first-child {  margin-top: 15px; }
	.bd-notice > ul > li > a > p > span.top { width: 35px; height: 19px; line-height: 19px; font-size: 12px; margin-right: 8px; }
	.bd-notice > ul > li > a > p > span.subject {  font-size: 16px; line-height: 19px; color: #000; width: -moz-calc(100% - 45px); width: -webkit-calc(100% - 45px); width: -o-calc(100% - 45px); width: calc(100% - 45px); }
	.bd-notice > ul > li > a > p { margin-top: 17px; }
	.bd-notice > ul > li > a > p:first-child { margin-top: 0px; }
	.bd-notice > ul > li > a > p.info span { font-size: 12px; color: #333333; padding-left: 8px; margin-left: 8px; line-height: 12px; background-size: 1px 12px; }
	.bd-notice > ul > li > a > p.info span.file {background-size: 13px 12px;padding-left: 14px;line-height: 13px;}
	
	.bd-view { padding: 20px 20px 10px; }
	.bd-view > ul >li.subject {  font-size: 16px; }
	.bd-view > ul >li.info { margin-top: 10px;}
	.bd-view > ul >li.info span {font-size: 12px; line-height: 12px;padding-left: 10px; }
	.bd-view > ul >li.info span:first-child { margin-right: 20px; }
	.bd-view > ul >li.file { margin-top: 15px; padding: 10px; }
	.bd-view > ul >li.file a { background-size: 10px 12px; padding-left: 15px; line-height: 12px; font-size: 12px; }
	.bd-view > ul >li.file p { margin-top: 10px;}
	.bd-view > ul >li.content { padding:25px 10px;line-height:150%;}/*20190509*/
	.bd-view > ul >li.content img{max-width:100%;height:auto !important;}/*20190509*/

	.bd-bot { border-top: 1px solid #c2c2c2; margin: 0px 15px; padding-bottom: 15px; }
	.bd-bot th { padding: 10px 15px; width: 35px; font-size: 12px;}
	.bd-bot td { padding: 10px 15px; font-size: 12px;}
	
	.ocw-bx2 th { padding: 10px 15px; width: 55px; font-size: 12px;}
	.ocw-bx2 td { padding: 10px 15px; font-size: 12px;}
	
	.content-top { padding: 23px 20px; }
	.content-top .h2-title { font-size: 18px; padding-bottom: 15px; margin-bottom: 17px; }
	.content-top .goods { font-size: 14px}

	.buy-bx { padding: 25px; }
	.buy-bx .agree-bx { margin-bottom: 10px; }
	.buy-bx .agree-bx .agr-textarea { padding: 15px; height: 70px; font-size: 12px; line-height: 17px; }
	.buy-bx .agree-bx .agr-chk { padding: 10px 15px; }
	.buy-bx .agree-bx .agr-chk label { line-height: 19px; font-size: 13px; }

	.buy-bx .agree-bx .agr-chk input[type="checkbox"] { display:none; }
	.buy-bx .agree-bx .agr-chk input[type="checkbox"] + label { overflow: hidden; }
	.buy-bx .agree-bx .agr-chk input[type="checkbox"] + label span { line-height: 16px; width: -moz-calc(100% - 42px); width: -webkit-calc(100% - 42px); width: -o-calc(100% - 42px); width: calc(100% - 42px);}
	.buy-bx .agree-bx .agr-chk input[type="checkbox"] + label span.chk {width: 16px; height: 16px; margin: 0 5px 0 0; background-size: 16px 16px;}
	.buy-bx .agree-bx .agr-chk input[type="checkbox"]:checked + label span.chk { background-size: 16px 16px;}

	.tbl-type02 th { height: 49px; padding: 0px 15px; font-size: 14px; min-width: 55px; }
	.tbl-type02 td { padding-left: 15px; font-size: 14px; }

	.buy-bx .p-txt { padding: 15px 0px; font-size: 14px; line-height: 19px; }
	.btn-set2 a { margin-top: 15px; width: 49%; text-align: center; line-height: 42px; font-size: 18px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	
	.h2-title2 { font-size: 18px; margin-bottom: 15px;}
	.tbl-type02 td input[type="text"] {line-height: 29px; }


	
	.login-bx > ul > li { margin-bottom: 14px;}
	.login-bx input[type="text"], .login-bx input[type="password"] { height: 37px; }
	.login-bx input[type="checkbox"] + label { margin-right: 15px; line-height: 16px; font-size: 12px; }
	.login-bx input[type="checkbox"] + label span { width:16px; height:16px; background-size: 16px 16px; }
	.login-bx input[type="checkbox"]:checked + label span { background-size: 16px 16px; }
	.login-bx .btn-sumbit { margin-top: 8px; height: 55px; line-height: 55px; font-size: 16px; }
	

	.btn-set3 { text-align: center; margin-top: 15px; }
	.btn-set3 a { font-size: 12px;}
	
	.edu-bx2 { padding: 20px;}
	.edu-bx2 > ul > li { padding-top: 25px; padding-bottom: 25px; }
	.edu-bx2 > ul > li > ul > li.subject {  margin: 15px 0px; font-size: 15px;}
	.edu-bx2 > ul > li > ul > li.subject {  margin-top: 15px }
	.edu-bx2 > ul > li > ul > li.subject a { font-size: 16px; }
	.edu-bx2 > ul > li > ul > li.info { overflow: hidden; margin-top: 20px; font-size: 13px; color: #8d8d8d; line-height: 28px; }
	
	.btn-edu { width: 85px; height: 29px; line-height: 29px; font-size: 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.btn-edu span { padding-right: 20px; background-size: 9px 6px;}
	.btn-edu.active span { padding-right: 20px; background-size: 9px 6px;}
	
	.btn-ocw { padding:15px 20px; }
	.btn-ocw a { padding: 9px 22px 13px; font-size: 17px;}
	
	.ocw-bx .title {  padding: 12px 20px; font-size: 16px;line-height:18px;}
	.ocw-bx strong { display: block; padding-bottom: 10px; font-size: 15px;}
	.ocw-bx .score { padding: 20px;}
	.ocw-bx .score > ul > li:first-child { margin-bottom: 15px; } 
	.ocw-bx .score > ul > li > a {width: 60px; height: 23px; line-height: 23px; font-size: 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.ocw-bx .score > ul > li .star-s { margin-right: 10px; height: 23px; line-height: 23px; background-size: 87px 18px; }
	.ocw-bx .score > ul > li .star-s.one { width: 20px; }
	.ocw-bx .score > ul > li .star-s.two { width: 37px; }
	.ocw-bx .score > ul > li .star-s.three { width: 54px; }
	.ocw-bx .score > ul > li .star-s.four { width: 70px; }
	.ocw-bx .score > ul > li .star-s.five { width: 87px; }
	.ocw-bx > ul > li { margin-bottom: 10px;}
	.ocw-bx > ul > li > span { padding: 0px 20px; line-height: 31px; font-size: 12px;}
	.ocw-bx > ul > li > span > a 
	{background-size: 13px 7px;width:95%;padding-right:15px;line-height:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;}
	.ocw-bx > ul > li > span > a.active { background-size: 13px 7px; }
	.ocw-bx > ul > li > ul.table {  margin: 20px; }
	.ocw-bx > ul > li > ul.table > li th { width: 30%; min-width:60px; padding: 15px; font-size: 12px; }
	.ocw-bx > ul > li > ul.table > li td { padding: 10px; font-size: 12px; line-height: 14px; }
	
	.ocw-bx > ul > li > ul { margin: 0px;} 
	
	.ocw-bx > ul > li > ul { margin: 17px 0px;} 
	.ocw-bx > ul > li > ul > li { padding: 15px; }
	.ocw-bx > ul > li > ul > li > ul { margin: 10px 0px; padding: 15px; }
	.ocw-bx > ul > li > ul > li > p > span.step { font-size: 12px; padding-right: 13px; margin-right: 13px; border-right: 1px solid #e8e8e8;  }
	.ocw-bx > ul > li > ul > li > p > span.step em {font-size: 20px; padding-bottom: 5px;}
	.ocw-bx > ul > li > ul > li > p > span.subject { width: 50%; font-size: 13px;}
	.ocw-bx > ul > li > ul > li > ul > li > ul > li { font-size: 12px; padding: 15px; background:url(/images/mobile/nhi/sub/bd-dot2.png) no-repeat 5px center;}
	.ocw-bx > ul > li > ul > li > ul > li > ul > li .btn01 {top: 12px; right: 20px; width: 18px; height: 18px; background-size: 18px 18px;}
	.ocw-bx > ul > li > ul > li > ul > li > ul > li .btn02 {top: 12px; right: 0px; width: 18px; height: 18px; background-size: 18px 18px;}

	.ocw-bx3 .title {  padding: 12px 20px; font-size: 15px;}
	.ocw-bx3 strong { display: block; padding-bottom: 10px; font-size: 15px;}
	.ocw-bx3 .score { padding: 20px;}
	.ocw-bx3 > ul > li > p { margin-bottom: 10px;}
	.ocw-bx3 > ul > li > p > span { padding: 0px 20px; line-height: 31px; font-size: 12px;}
	.ocw-bx3 > ul > li > p > span > a {background-size: 13px 7px;}
	.ocw-bx3 > ul > li > p > span > a.active { background-size: 13px 7px; }
	.ocw-bx3 > ul > li > p > ul.table {  margin: 15px 25px; }
	.ocw-bx3 > ul > li > p > ul.table > li th { width: 60px; padding: 15px; font-size: 12px; }
	.ocw-bx3 > ul > li > p > ul.table > li td { padding: 15px; font-size: 12px; line-height: 14px; }
	.ocw-bx3 > ul > li > p > ul { margin: 0px} 
	.ocw-bx3 > ul > li > p > ul:nth-child(2n) { background: #f5f3f3;} 

	.ocw-bx3 > ul > li > p > ul > li { padding: 5px; }
	.ocw-bx3 > ul > li > p > ul > li > ul { margin: 10px 0px; padding: 15px; }
	.ocw-bx3 > ul > li > p > ul > li > p > span.step { font-size: 12px; padding-right: 13px; margin-right: 13px; border-right: 1px solid #e8e8e8;  }
	.ocw-bx3 > ul > li > p > ul > li > p > span.step em { font-size: 16px; margin-bottom: 5px;   color: #0072bc;}
	.ocw-bx3 > ul > li > p > ul > li > p > span.subject { position:absolute; margin-top: -10px;  width: 80%; font-size: 13px; display: inline-block;}
	.ocw-bx3 > ul > li > p > ul > li > ul > li > ul > li { font-size: 12px; padding: 15px; background:url(/images/mobile/nhi/sub/bd-dot2.png) no-repeat 5px center;}
	.ocw-bx3 > ul > li > p > ul > li > ul > li > ul > li .btn01 {top: 12px; right: 20px; width: 18px; height: 18px; background-size: 18px 18px;}
	.ocw-bx3 > ul > li > p > ul > li > ul > li > ul > li .btn02 {top: 12px; right: 0px; width: 18px; height: 18px; background-size: 18px 18px;}
	
	.slide-bx > ul > li > a { display: block; padding: 15px 15px; font-size: 15px; font-weight: bold; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; }
	.slide-bx > ul > li > a > span { display: block; width: 100%; background:url(/images/mobile/nhi/sub/btn/btn-faq-open.png) no-repeat center right; background-size: 14px 8px;}
	.slide-bx > ul > li > a.active span { background-size: 14px 8px; }

	.p30 { padding: 0px 15px; }
	.slide-bx .bx-viewport { overflow: hidden; padding: 25px 0px 50px; }
	.slide-bx2 > li { position: relative; float: left;}
	.slide-bx2 > li .title {  background-size: 13px 12px; font-size: 12px; padding-left: 20px; padding-bottom: 10px;}
	.slide-bx2 > li .img { width: 100%;}
	.slide-bx2 > li .more { position: absolute; right: 0px; bottom: 0px;}
	.slide-bx2 > li .more img { width: 24px; height: 24px;}
	.slide-bx2 > li .subject {  position: absolute; top: 50%; width: 100%; text-align: center; font-size: 13px; font-weight: bold; line-height: 16px; color: #fff; padding-top: 10px; background: url(/images/mobile/nhi/sub/line/slide-subject-line.png) no-repeat center top; }

	.slider3 > li { padding: 0px 15px }
	.slider3 > li > ul { position: relative; }
	.slider3 > li > ul > li.subject {  font-size: 12px; padding-top: 50px;  background-size: 40px 40px;}
	.slider3 > li > ul > li.nav {  text-align:center; font-size: 12px; color: #999999; margin-top: 20px; }
	
	.new-bx { background: url(/images/mobile/nhi/sub/new-bx-bg.png) repeat-x center top; padding: 0px 15px; }
	.new-bx h3 { font-size: 18px; padding: 25px 0px 10px;}
	.new-bx .p-txt { margin-top: 10px; font-size: 14px; }
	.new-bx > ul { margin-top: 15px; }
	.new-bx .c-txt { font-size: 14px; padding: 15px 0px; }
	.new-bx .mem-info { padding: 15px 0px; font-size: 18px;}
	.new-bx .mem-info p { margin: 0px 15px; line-height: 23px; background-size: 44px 45px;}
	.new-bx .mb-info { padding: 10px; line-height: 23px; font-size: 14px;}
	.new-bx .mb-info > ul > li { line-height: 23px;}
	.new-bx .mb-info > ul > li.info01 { background-position: left 3px; background-size: 15px 15px; padding-left: 20px; }
	.new-bx .mb-info > ul > li.info02 { background-position: left 3px; background-size: 15px 15px; padding-left: 20px; }
	.new-bx .mb-info > ul > li.info03 { background-position: left 3px; background-size: 15px 15px; padding-left: 20px; }
	.new-bx .mb-info > ul > li.info04 { background-position: left 3px; background-size: 15px 15px; padding-left: 20px; }

	.grap-ac { background:url(/images/mobile/nhi/sub/bg-grap.png) no-repeat center center; background-size: 250px 12px; width: 250px; height: 12px; line-height: 12px; margin: 0 auto; }
	.grap-ac1 { background:url(/images/mobile/nhi/sub/bg-grap.png) no-repeat center center; background-size: 250px 12px; width: 250px; height: 12px; line-height: 12px; margin-top: 10px; }
	.gr-txt { padding: 10px; text-align: right; font-size: 11px; color: #999999; }
	.per { display: inline-block; background: #5642ba; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; height: 12px; line-height: 12px;  }

	.list-bx { margin-top: 20px; background: #fff;}
	.list-bx .h3-title {  line-height: 43px; padding: 0px 15px;font-size: 15px;}
	.list-bx .list > ul { margin: 15px; padding: 10px 5px; }
	.list-bx .list > ul > li > span { width: 50%; font-size: 13px;}
	.list-bx .list > ul > li { font-size: 11px; padding: 10px; background:url(/images/mobile/nhi/sub/bd-dot2.png) no-repeat 3px center;}
	.list-bx .list > ul > li .btn01 { margin-top: -11px; right: 75px; width: 60px; height: 21px; line-height: 21px; font-size: 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.list-bx .list > ul > li .btn02 { margin-top: -11px; right: 10px;  width: 60px; height: 21px; line-height: 21px; font-size: 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

	.list-step { margin: 20px 0px;}
	.list-step > ul {}
	.list-step > ul > li { padding: 10px 15px; }
	.list-step > ul > li > ul > li { font-size: 14px; line-height: 31px; }
	.list-step > ul > li > ul > li.content > span { width: 70%; line-height: 20px; }
	.list-step > ul > li > ul > li.content a { padding: 0px 10px; line-height: 31px; height: 31px;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.list-step > ul > li > ul > li.content a span { background-size: 13px 7px; padding-right: 20px; }
	.list-step > ul > li > ul > li.content a.active span { background-size: 13px 7px;}
	.list-step > ul > li > ul > li:first-child { font-size: 15px;}
	.list-step > ul > li > ul > li:first-child span { margin-left: 10px;  padding: 5px 15px; background: #949494; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
	
	.list-step > ul:nth-child(2n) { background: #f5f3f3;} 

	
	.ans-bx { pAdding: 10px 20px;}
	.ans-bx .txt { font-size: 15px; line-height: 24px;}
	.ans-bx .btn a { margin-top: 15px; width: 78px; line-height: 27px; font-size: 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

	.tbl-info { font-size: 12px; color: #444444; padding-bottom: 10px;}
	.tbl-info span { color: #ff0000; }

	.tbl-ans td { font-size: 12px; }
	.latest-glist > ul > li p.subject { font-size: 16px; line-height:22px; height: 44px; margin: 5px 0px 0px 0px;  }
	.latest-list .hit-area { margin-top: 10px; overflow: hidden; font-size: 14px;line-height:15px; color: #000; }
	.bd-sinjob { background: #fff; padding: 25px 35px; }
	.btn-bd2 { padding:0px 20px 5px; background: #fff; text-align: right; margin-top:-20px;}
	.btn-bd2 a { display: inline-block; padding: 8px 15px 12px; background: #3467ba; font-size: 16px; font-weight: bold; color: #fff !important; letter-spacing: -0.025em; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; /*box-shadow: 0 0px 1px 1px rgba(0,0,0,.1);*/}
	
	.my-study-box .course {color: #FFF !important;text-align:center;font-size:20px;padding:10px 20px 15px 20px;background: url(/images/mobile/nhi/common/my-study-box.png); }
	.my-study-info  > ul > li {padding:10px; width:23.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
	.my-study-info  > ul > li a {display: block; font-size: 14px; color: #707070; }
	.my-study-info .my-info-txt a {color: #2d5fba !important; font-size: 30px;font-weight: bold;}

	.graph-title { font-size:18px;margin:0 10px 10px 0;}

	.my-mileage-box {background:#e3e7ee;padding:25px 0 0 25px}
	.my-mileage-box .name {color: #295499;font-size:20px; padding:0 0 25px;}
	.my-mileage-info {margin:35px 0px 20px;}
	.my-mileage-info  > ul > li {display:inline-block;text-align: center; border-left: 1px solid #e8e8e8; width:32.5%;width:32%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
	.my-mileage-info  > ul > li a {display: block; font-size: 14px;letter-spacing:-.05em; color: #707070; margin-bottom:5px;}
	.my-mileage-info .my-info-txt a {color: #2d5fba !important; font-size: 25px;font-weight: bold; }
	.my-mileage-bar {padding:17px 20px 19px; background: #e6e6e6; border-radius: 7px; color: #555 !important;font-weight:bold;font-size:14px;margin:15px 15px 20px 15px;text-align:center}

	.mileage-bx {background:#8291ad;padding:10px 20px 10px 20px;color:#fff;font-size:16px;}
	.mileage-bx > ul > li {padding:15px 0 15px 13px;line-height:22px;border-bottom:1px #b1b8c6 solid;}
	.mileage-bx > ul > li:last-child {border-bottom:0px #b1b8c6 solid;}
	.dot-white {background: url(/images/mobile/nhi/common/dot-white.gif) no-repeat 3px 23px;}
	.menu-toggle {position:relative;z-index:999;top:-3px;left:68%}
	a.my-mileage-btn {position:relative;padding:8px 20px 8px; background: #40bbc6; right:10px; top:-12px; border-radius: 30px; color: #fff !important;font-weight:bold;font-size:22px;}

	.menu-toggle-line {border-bottom:3px #4c84ff solid;}
	.buy-bx { background: #fff; padding: 20px; border-bottom: 1px solid #e8e8e8;}
	.buy-bx > ul {}
	.buy-bx > ul > li { padding-top: 30px; padding-bottom: 20px; border-top: 1px solid #e8e8e8; }
	.buy-bx > ul > li:first-child { border-top: none; padding-top: 0px; }
	.buy-bx > ul > li img { width: 100%; }
	.buy-bx > ul > li > ul > li.subject {  margin: 25px 0px; font-size: 20px; line-height:24px; color:#000; }
	.buy-bx > ul > li > ul > li > p { font-size: 14px; color: #8d8d8d; font-weight: bold; line-height: 22px; background: url(/images/mobile/nhi/sub/bd-dot.png) left center no-repeat; padding-left: 15px;}
	.buy-bx > ul > li > ul > li { overflow: hidden; }
	.buy-bx > ul > li > ul > li > a { margin-top: 20px; float :right; display: inline-block; width: 49%; text-align: center; line-height: 46px;  background: #3467ba; font-size: 18px; font-weight: bold; color: #fff !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:3px 7px;margin-bottom: 10px; }

	.btn-set02 a { margin-top: 30px; float :right; display: inline-block; width: 49%; text-align: center; line-height: 54px; background: #ee560d; font-size: 24px; font-weight: bold; color: #fff !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	
	.btn-bd3 { margin:30px 0 10px 0;}
	.btn-bd3 a { background: #0072bc; font-size: 20px;padding: 10px 20px;}
	.edu-txt {font-size:18px; text-align:center;margin-top:20px;}
	.edu-result-bx img {width:70%;margin-left:12%;margin-top:20px;}

	.tab-menu2 { margin: 0px 15px;}
	.tab-menu2 > ul { overflow: hidden; padding: 20px 0px 10px; }
	.tab-menu2 > ul > li > a {  line-height: 30px; font-size: 12px;}

	.ucnt { height: 172px;margin:-12px 0 0 0; }

	.ucnt p { text-align: center; letter-spacing: -0.025em;  }
	.ucnt .uxtx { font-size: 21px; font-weight: bold; color: #6e6e70; padding-top: 30px; }
	.ucnt .uxtx-rbx {background:#FFF; border-radius: 42px; width:180px; padding:12px 25px; margin:0 auto; margin-top:20px;}
	.ucnt .uxtx-rbx .ucnt-num {font-size:45px; font-weight:600; color:red;background:url(/images/mobile/nhi/sub/like-heart.png) no-repeat 0 27px; background-size:24%; padding-left:40px;}
	.latest-list .cnt span { font-size: 13px;}
	.latest-list .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-list .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;}
	.cnt-bx > ul > li { padding:23px 15px 16px 17px;}
	.buy-bx > ul > li > ul > li > a {font-size: 17px;padding:0px 10px; }
	.go-comm select {padding: 0px 15px;line-height: 27px;height: 27px;font-size: 12px;width:230px;}
	.btn-apply {margin-top: -12px;line-height: 35px;font-size: 16px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding: 3px 0 7px 0;}

	.processArea ul{border-bottom:1px solid #e0e0e0;}/*20190509*/
	.processArea ul:after{display:block;content:'';clear:both;}/*20190509*/
	.processArea ul > li {width:48%; float:left;}
	.processArea ul > li:nth-child(2n+2) {float:right}
	.processArea ul > li:nth-child(2n+1) {margin-left:0;}
	.processArea02 ul {margin-right:0;}
	.processArea02 ul > li {width:100%;float:none;margin-right:0}
	.processArea02 ul > li:nth-child(2n+2) {float:none;margin-right:0}
	.processArea02 ul > li > a .thumb {width:38%;}
	.processArea02 ul > li > a .info {width:58%;}
	.processArea02 ul > li > a .info > ul {width:auto;position:initial;}
	.processArea02 ul > li > a .info > ul > li {width:100%;font-size:.9em}
	.processArea02 ul > li > a .info > ul > li:first-child {margin-bottom:5px;width:100%;}
	.processArea02 ul > li > a .info > ul > li:nth-child(2) {width:60%;}
	.processArea02 ul > li > a .info > ul > li:nth-child(3) {width:40%;}
	.processArea02.type2 ul > li > a .info > ul > li {width:50%;}
	.page-title .btn-notice { margin-top: -11px; font-size: 12px;}
	.res-contents { background: #fff; padding: 15px; }
	.res-contents .date { font-size: 12px; }
	.res-contents .res-count { position: absolute; right: 15px; top: 15px;}
		
	.res-bx > ul > li { padding-bottom: 20px; }
	.res-bx > ul > li .subject {font-size: 14px; margin: 20px 15px;}
	.res-bx > ul > li .res-name { line-height: 12px; background: url(/images/mobile/nhi/sub/ico/ico-bullet.png) no-repeat left 4px; margin: 0px 15px 5px; padding-left: 6px; font-size: 12px; }
	.res-bx > ul > li .res-name span {}
	.res-bx > ul > li .res-date { overflow: hidden; background: url(/images/mobile/nhi/sub/ico/ico-bullet.png) no-repeat left 4px; margin: 0px 15px 5px; padding-left: 6px; font-size: 12px; }
	.btn-res { position: absolute; right: 12px; bottom: 12px; font-size: 12px; color: #fff !important; font-weight: bold; background: #555555; padding: 6px 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		
	.latest-list2 > ul { margin: 0px 15px; position: relative;}
	.latest-list2 > ul > li { padding: 20px 0px;}
	.latest-list2 > ul > li > ul > li { }
	.latest-list2 > ul > li > ul > li .subject { font-size: 17px; margin-bottom: 15px;}
	.latest-list2 > ul > li > ul > li .res-name { font-size: 12px; margin-bottom: 5px; }
	.latest-list2 > ul > li > ul > li .date { font-size: 12px;}
		
	.bd-search2 { padding: 20px; }
	.bd-search2 > ul > li select { line-height: 30px; height: 30px; padding-left: 10px; font-size: 13px; }
	.bd-search2 > ul > li.btn a { width: 53px; line-height: 30px; height: 30px; font-size: 16px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.bd-search2 > ul > li.btn { width: 53px;}
	.bd-search2 > ul > li { width: -moz-calc(50% - 32px); width: -webkit-calc(50% - 32px); width: -o-calc(50% - 32px); width: calc(50% - 32px);}
		
	.res-count2 { padding: 10px 20px; }
	.res-count2 select { line-height: 23px; height: 23px; padding: 0px 10px; font-size: 13px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
		
	.alert-pop .title { font-size: 16px; padding: 25px 25px;  }
	.alert-pop > ul > li { font-size: 12px; }
	.alert-pop .btn-alert { line-height: 26px; font-size: 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.alert-pop .close { position: absolute; display: inline-block; width: 15px; height: 15px; background: url(/images/mobile/nhi/sub/btn/btn-close.png) no-repeat center center; text-indent: -9999px; top: 25px; right: 25px; }

	.chk-box { float: left; width: 29%; text-align: center; margin-top: 10px; }
	.res-view { display: inline-block; padding: 10px 15px; font-size: 12px; color: #fff !important; font-weight: bold; background: #9dc3e6; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.res-view > span { padding-right: 22px; background: url(/images/mobile/nhi/sub/ico/ico-arr.png) no-repeat right center; background-size: 10px 6px; }
	.res-view.active > span { background: url(/images/mobile/nhi/sub/ico/ico-arr-ov.png) no-repeat right center; background-size: 10px 6px;}
	.res-view2 { display: inline-block;  padding: 10px 15px; font-size: 12px; color: #fff !important; font-weight: bold; background: #286fb1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.resview { display: none; border-top: 1px solid #d7dae4; background: #f7f7f9; padding: 25px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.resview tr:first-child th,.resview tr:first-child td { border-top: 1px solid #cdcdcd;}
	.resview th { vertical-align: top; width: 60px; padding: 15px; text-align: center; font-size: 12px; color: #000; font-weight: bold; background: #eaeff4; border-bottom: 1px solid #cdcdcd; }
	.resview td { padding: 15px; font-size: 12px; color: #000; border-bottom: 1px solid #cdcdcd; line-height: 14px; }
	.btn-set4 a { display: inline-block; width: 49%; text-align: center; line-height: 42px;  background: #286fb1; font-size: 18px; font-weight: bold; color: #fff !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	
	.log-txt { font-size: 14px;}
		
	
	.list-step2 { margin: 20px 10px; }
	.list-step2 > ul > li { margin-top: 4px; }
	.list-step2 > ul > li > p { line-height: 45px; font-size: 13px; margin: 0 22px; background: url(/images/mobile/nhi/common/ico/ico-arr-dw.png) no-repeat right center; background-size: 18px 10px; }
	.list-step2 > ul > li > p.active { background: url(/images/mobile/nhi/common/ico/ico-arr-up.png) no-repeat right center; background-size: 18px 10px;}
	.list-step2 > ul > li > p .num { font-size: 15px; margin-right: 15px; }
	.list-step2 > ul > li > p .perc { right: 25px; margin-top: -12px; padding: 5px 10px; font-size: 12px;  border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}

	.list-bx .list2 > ul { padding: 10px 15px; }
	.list-bx .list2 > ul > li > span {font-size: 13px; }
	.list-bx .list2 > ul > li { font-size: 13px; padding: 10px 15px; }
	.list-bx .list2 > ul > li .btn01 { margin-top: -11px; right: 75px; width: 60px; height: 21px; line-height: 21px; font-size: 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.list-bx .list2 > ul > li .btn02 { margin-top: -11px; right: 10px;  width: 60px; height: 21px; line-height: 21px; font-size: 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
		
	.stepinfo > li { font-size: 13px; padding: 12px 0px !important;  }
	.stepinfo > li span { font-size: 13px; margin-right: 10px; }
	

	.qa-search2 { padding: 25px 25px 10px; }
	.qa-search2 label {font-size: 15px;}
	.qa-search2 select { margin-top: 15px; height: 30px; line-height: 30px; }

	.myqa { padding: 15px; }
	.myqa .title { padding: 0px 10px; font-size: 15px;  }
	.myqa > ul { margin-top: 15px; background: #fff; overflow: hidden;}
	.myqa > ul > li {padding-bottom: 15px;  }
	.myqa > ul > li .heart { display: inline-block; line-height: 48px; width: 17px; height: 48px; background-size: 17px 17px; }
	.myqa > ul > li .num { font-size: 13px; line-height: 14px; }
	.myqa > ul > li .name { font-size: 13px; line-height: 14px; padding: 17px 0px; }
	.myqa > ul > li .name2 {font-size: 13px; line-height: 14px; padding: 10px 0px;}

	.myqa-bx { background: #fff; padding: 15px 10px 0px; }
	.myqa-bx .title { padding: 0px 10px; font-size: 15px; color: #000000; font-weight: bold; }
	.myqa-bx > ul { margin-top: 15px;}
	.myqa-bx > ul > li { padding: 15px 10px; }
	.myqa-bx > ul > li .subject a { font-size: 15px; line-height: 17px; }
	.myqa-bx > ul > li .subject a .num { margin-right: 5px; width: 20px; height: 15px; line-height: 15px; font-size: 13px;  }
	.myqa-bx > ul > li .subject a .new { width: 10px; height: 10px; background-size: 10px 10px;}
	.myqa-bx > ul > li .qa-info > p {line-height: 20px; font-size: 13px; }
	.myqa-bx > ul > li .qa-info > p span.recom { font-size: 12px; }
	.myqa-bx > ul > li .qa-info > p span.selec { font-size: 12px; }

	.btn-set5 { padding: 20px 0px;}
	.btn-set5 a { line-height: 42px; font-size: 18px; }
		
	.mile-bx { font-size: 15px; font-weight: bold; padding: 30px 15px; }
	.mile-bx > ul { }
	.mbx .name { font-size: 17px;}
	.mbx .point { font-size: 17px;}
	.mbx { margin-bottom: 15px;}
	.m-txt { margin-top: 10px; font-size: 13px;}

	.mile-bx2 {  padding: 15px;  background-size: 15px 15px;}
	.mile-bx2 > ul {background-size: 15px 15px; }
	.mile-bx2 > ul > li .name { font-size: 13px; margin-bottom: 20px; }
	.mile-bx2 > ul > li .mpoint { font-size: 17px;  }
	.mile-bx2 > ul > li .point2 {font-size: 17px;}
		
	.latest-list > ul > li > ul > li .info span.c1 { padding-left: 20px; background: url(/images/mobile/nhi/common/ico/ico-ss.png) no-repeat left center;}
	.latest-list > ul > li > ul > li .info span.c2 { padding-left: 20px; background: url(/images/mobile/nhi/common/ico/ico-member.png) no-repeat left center;}
	.latest-list > ul > li > ul > li .info span.c3 { padding-left: 20px; background: url(/images/mobile/nhi/common/ico/ico-pen.png) no-repeat left center;}

	
	.edu-bx3 { background: #fff; padding: 20px;}
	.edu-bx3 > ul {margin-top:10px;}/*20190509*/
	.edu-bx3 > ul > li { padding-top: 15px; padding-bottom: 15px; }
	.edu-bx3 > ul > li > ul > li.subject { margin: 15px 0px; font-size: 15px; }
	.edu-bx3 > ul > li > ul > li > p { font-size: 12px; line-height: 15px; padding-left: 10px;}
	.edu-bx3 > ul > li > ul > li > a { margin-top: 15px; line-height: 42px; font-size: 18px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.edu-bx3 > ul > li .btn-submit { bottom: 15px; font-size: 13px; }
	
	.edu-bx3 { background: #fff; padding: 20px;}
	.edu-bx3 > ul {margin-top:10px;}/*20190509*/
	.edu-bx3 > ul > div > ul > li { padding-top: 15px; padding-bottom: 15px; }
	.edu-bx3 > ul > div > ul > li > ul > li.subject { margin: 15px 0px; font-size: 15px; }
	.edu-bx3 > ul > div > ul > li > ul > li > p { font-size: 12px; line-height: 15px; padding-left: 10px;}
	.edu-bx3 > ul > div > ul > li > ul > li > a { margin-top: 15px; line-height: 42px; font-size: 18px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.edu-bx3 > ul > div > ul > li .btn-submit { bottom: 15px; font-size: 13px; }
}

/*Tablet*/
@media all and (min-width:640px) and (max-width:1200px){	
	.ucnt .uxtx-rbx {padding:15px 60px;}
	.page-title .back { left: 35px;}	
	.keyword-res { padding: 25px 35px; }
	.r-query { padding: 25px 35px; }
	.btn-menu {left: 35px; }
	.cnt-bx > ul > li { padding:27px 45px 24px 45px;}
	.cnt-bx > ul > li .subject { font-size: 17px; color: #999; padding-bottom:9px;letter-spacing:-0.02em }
	.cnt-bx > ul > li.all .subject { background-size: 16px 17px;}
	.cnt-bx > ul > li.qaq .subject { background-size: 16px 17px;}
	.cnt-bx > ul > li.allq .subject { background-size: 18px 17px;}
	.cnt-bx > ul > li.selq .subject { background-size: 17px 17px;}
	.cnt-bx > ul > li .num { font-size: 28px; color: #f26522; font-weight:600; text-align:right; margin-top:-5px;}
	.cnt-btn { padding: 20px 42px; font-size: 28px; }
	.btn-set {padding:10px 0 55px 0}
	

	.latest-list .hit-area { margin-top: 10px; overflow: hidden; font-size: 16px; color: #000; }
	.bd-sinjob { background: #fff; padding: 40px 35px; }
	/*
	.btn-bd2 a { display: inline-block; padding: 15px 30px; background: #0072bc; font-size: 32px; font-weight: bold; color: #fff !important; letter-spacing: -0.025em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0px 1px 1px rgba(0,0,0,.1);}
	*/

	.btn-bd3 { margin:50px 0 20px 0;}
	.btn-bd3 a { background: #0072bc; font-size: 30px;padding: 15px 30px;}
	.edu-txt {font-size:22px; text-align:center;margin-top:40px;}
	.edu-result-bx img {width:55%;margin-left:20%;margin-top:20px;}

	.my-study-box .course {color: #FFF !important;text-align:center;font-size:28px;padding:18px 20px 22px 20px;background: url(/images/mobile/nhi/common/my-study-box.png); }
	.my-study-info  > ul > li {padding:25px; width:24.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
	.my-study-info  > ul > li a {display: block; font-size: 20px; color: #707070; }
	.my-study-info .my-info-txt a {color: #2d5fba !important; font-size: 30px;font-weight: bold;}

	.graph-title { font-size:24px;margin:0 10px 10px 0;}
	
	.edu-bx.eduStudyList > ul{float:left;margin:0 1%;width:48%;}
	.edu-bx.eduStudyList > ul:nth-child(2n+1){clear:both;}
	.edu-bx.eduStudyList > ul > li{float:none;margin:0;width:auto;}
	
	.edu-bx > ul > li > ul > li > img {height:200px; }/*20190509*/
}

/*Phone*/
@media all and (max-width:639px){
	.edu-bx { background: #fff; padding: 20px;}
	.edu-bx > ul {}
	.edu-bx > ul > li { float:none;width:auto;padding-top: 25px; padding-bottom: 25px; }
	.edu-bx > ul > li > ul > li.subject {  margin: 15px 0px; font-size: 16px; line-height:20px;}
	.edu-bx > ul > li > ul > li > p { font-size: 13px; line-height: 15px; padding-left: 10px;}
	.edu-bx > ul > li > ul > li > a { margin-top: 15px; line-height: 30px; font-size: 16px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.edu-bx > ul > li > ul > li.subject{text-overflow:inherit;overflow:inherit;white-space:inherit;}
}