/* html, body { font-family:'Noto Sans CJK KR', "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif; font-size:16px; background-color:#FFF; margin:0; padding:0; } */
ul, ol, li { list-style:none; margin:0; padding:0; }
ul.square { list-style-type: square !important; }
.italic { font-style: italic !important; }
ul.circle { list-style-type: circle; }
ol.decimal { list-style-type: decimal; }
ol.lalpha { list-style-type: lower-alpha; }  
a:active, a:focus, a:hover, a:link, a:visited { text-decoration:none; color:#444; }
header .nav-wrap { border-bottom:#ccc 1px solid; position:relative; background-color:#fff; z-index:20; }
header nav { position:relative; }
header nav > .nav-bar, footer .info { display:flex; justify-content:space-between; margin:0 auto; }
header nav > .nav-bar { height:80px; box-sizing: content-box !important;}
header nav a img { width:auto; height:45px; position:relative; top:50%; transform:translateY(-50%); }
header nav .gnb, header nav .member { display:flex; justify-content:space-between; }
header nav .gnb li, header nav .member li { text-align:center; height:30px; line-height:25px; }
header nav .gnb { background-color:#fff; position:relative; }
header nav .gnb > li { font-weight:700; font-size:18px; height:100%; vertical-align:middle; text-align:center; letter-spacing:-2px; overflow:hidden; }
header nav .gnb > li > a { padding-top:5px; display:flex; line-height:80px; justify-content:center; height:80px; white-space:nowrap; }
header nav .gnb > li > a:hover, header nav .gnb > li > a.active { color:#0e6a38; box-sizing:border-box; border-bottom:#0e6a38 3px solid; }
header nav .gnb li .sub-menu-list { border-top:#ccc 1px solid; box-shadow:0 1px 3px rgba(87, 87, 87, 0.2); }
header nav .gnb li .sub-menu-list li { text-align:center; font-weight:400; background-color:#fff; border-bottom:#ccc 1px solid; font-size:0; box-sizing:initial; max-width:150px; min-width:100px; line-height:19px; display:flex; align-items:center; justify-content:center; padding:10px 1.2vw; }
header nav .gnb li .sub-menu-list li.empty { background-color:#fff; border-color:transparent; }
header nav .gnb li .sub-menu-list li a { color:#666; font-size:16px; display:inline; padding:0; white-space: nowrap; letter-spacing:-1px;}
header nav .gnb li .sub-menu-list li:hover:not(.empty) { background-color:#f3f3f3; }
header nav .gnb li .sub-menu-list li:hover a { color:#555; text-decoration:underline; }
header nav .member { color:#444; gap:8px; align-items:center; }
header nav .member li { color:#444; }
header nav .member li a { white-space:nowrap; font-size:16px; }
/* header nav .member li.mobile-menu img { display:inline-block; cursor:pointer; width:30px; } */
.dropdn a.mobile-menu img { margin-top:10px; display:inline-block; cursor:pointer; width:30px; }
header nav .member li.search img { display:inline-block; cursor:pointer; width:25px; }
header .sub-menu { position:absolute; }
main { padding-bottom:20px; }
.nav-bar .nlp-logo { max-width: 250px; height:auto; }
.banner-wrap { margin:0 auto; }
main .banners { display:flex; max-height:300px; margin:0 auto 15px; }
main.sub-page .banners { max-height:280px; }
main .banners .swiper .swiper-button-prev, main .banners .swiper .swiper-button-next { text-shadow:0 1px #59595930; color:#ffffffaa; }
main .banners .swiper .swiper-button-prev { margin-left:10px; }
main .banners .swiper .swiper-button-next { margin-right:10px; }
main .banners .swiper-slide { text-align:center; font-size:22px; background:#fff; }
main .banners .swiper-slide .title { top:10px; font-size:36px; width:calc(100% - 40px); display:block; position:absolute; box-sizing:border-box; left:50%; transform:translate(-50%); border-top-left-radius:10px; border-bottom-right-radius:10px; color:#FF914E; text-shadow:1px 1px 1px #316448; font-weight:700; line-height:150%; word-break:keep-all; word-wrap:break-word; padding:10px; }
/* main .banners .swiper-slide .title { bottom:60px; width:calc(100% - 40px); display:block; position:absolute; box-sizing:border-box; left:50%; transform:translate(-50%); border-top-left-radius:10px; border-bottom-right-radius:10px; color:#FFF; font-weight:700; font-size:32px; text-shadow:1px 1px 1px #444; background-image:url(../images/pattern.png); line-height:150%; box-shadow:inset 0 -.15rem #0e6738; word-break:keep-all; word-wrap:break-word; padding:10px; } */
main.sub-page .banners .swiper-slide .title { top:10px; font-size:32px; }
main .banners .swiper-slide img { width:100%; height:90%; object-fit:cover; object-position:center center; }
main .banners .swiper-pagination-bullet { background-color:#fff; opacity:0.4; }
main .banners .swiper-pagination-bullet-active { background-color:#0e6a38; opacity:1; }
main .middle, main .info { margin:0 auto; }
main .info { margin-bottom:15px; }
main .info > .info-wrap .content { color:#444; margin-bottom:10px; line-height:20px; }
main .info .course > ul, main .info .quick > ul { display:flex; flex-wrap:wrap; gap:7px; justify-content:flex-start; min-width:100px; }
main .info .course > ul > li, main .info .quick > ul > li { display:flex; border:1px #ddd solid; flex:1 0 calc(50% - 10px); width:100%; box-sizing:border-box; letter-spacing:-1px; word-break:keep-all; word-wrap:break-word; color:#444; text-align:center; justify-content:center; align-items:center; position:relative; }
main .info .course > ul > li { border-top-left-radius:15px; border-bottom-right-radius:15px; background-color:#eee; font-weight:500; font-size:16px; }
main .info .course > ul > li::after { background:url("../images/info_471662.svg") no-repeat 0 0; position:absolute; top:4px; right:4px; content:""; display:inline-block; height:12px; width:12px; }
main .info .course > ul > li a { width:100%; border-top-left-radius:15px; border-bottom-right-radius:15px; padding:8px; line-height: 20px; }
main .info .course > ul > li.practitioner, main .info .course > ul > li.practitioner a { background-color:#6eab43; color:#fff; }
main .info .course > ul > li.master-practitioner, main .info .course > ul > li.master-practitioner a { background-color:#48ad51; color:#fff; }
main .info .course > ul > li.trainer, main .info .course > ul > li.trainer a { background-color:#1b7644; color:#fff; }
main .info .course > ul > li.reserve, main .info .course > ul > li.reserve a { background-color:#316448; color:#fff; }
main .info .quick > ul { flex-wrap:nowrap; }
main .info .quick > ul > li { flex:1 0 calc(25% - 10px); height:100%; background-color:#f9f9f9; }
main .info .quick > ul > li::after { background:url("../images/_189253.svg") no-repeat 0 0; position:absolute; top:10px; right:10px; content:""; display:inline-block; height:18px; width:18px; }
main .info .quick > ul > li a { box-sizing:border-box; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:10px 10px 10px; }
main .info .quick > ul > li a img.etc { height:60px; }
main .info .quick > ul > li a img.mind { height:140px; }
main .info .quick > ul > li a p { margin-top:12px; background-color:#eee; border-radius:5px; font-weight:700; color:#444; letter-spacing:-1px; padding:5px; }
main .info .course ul main .middle > .board-wrap > div, main.sub-page .middle .sub-page .sub-menu-list { display:flex; align-items:center; justify-content:center; margin-top:15px; background:#FFF; border-bottom-right-radius:15px; border-bottom-left-radius:15px; padding:10px; }
main.sub-page .middle .sub-page .sub-page-content { display:flex; align-items:center; justify-content:center; margin-top:15px; background:#FFF; border-bottom-right-radius:15px; border-bottom-left-radius:15px; }
main.sub-page .middle .sub-page { display:flex; border-radius:15px; justify-content:normal; align-items:flex-start; gap:15px; }
main.sub-page .middle .sub-page .sub-menu-list, main.sub-page .middle .sub-page .sub-page-content { margin-top:0; display:block; }
main.sub-page .middle .sub-page .sub-menu-list { width:300px; padding:0; }
main.sub-page .middle .sub-page .sub-menu-list ul { border-radius:15px; border:#ddd 1px solid; }
main.sub-page .middle .sub-page .sub-menu-list ul li a, main.sub-page .middle .sub-page .sub-menu-list ul li:first-child { display:block; font-size:18px; text-align:center; border-bottom:#ddd 1px solid; padding:12px 5px; }
/* main .gnb .sub-menu-list li a { display:inline; font-size:18px; text-align:center; border-bottom:#ddd 1px solid; padding:12px 5px; } */
main.sub-page .middle .sub-page .sub-menu-list ul li:first-child { position:relative; background-color:#5da85a; color:#FFF; font-weight:700; border-top-left-radius:15px; border-top-right-radius:15px; }
main.sub-page .middle .sub-page .sub-menu-list ul.active li:first-child { border-bottom-left-radius:0; border-bottom-right-radius:0; }
main.sub-page .middle .sub-page .sub-menu-list ul.active li:first-child img { transform:rotate(180deg); }
main.sub-page .middle .sub-page .sub-menu-list ul li:first-child img { display:none; position:absolute; right:15px; height:20px; }
main.sub-page .middle .sub-page .sub-menu-list ul li a:hover, main.sub-page .middle .sub-page .sub-menu-list ul li.active a { font-weight:400; background-color:#f3f3f3; }
main.sub-page .middle .sub-page .sub-menu-list ul li:last-child a { border:0; border-bottom-left-radius:15px; border-bottom-right-radius:15px; }
main.sub-page .middle .sub-page .sub-page-content { min-height:800px; }
main.sub-page .middle .sub-page .sub-page-content .title { font-size:24px; font-weight:700; color:#444; border-bottom:#ddd 1px solid; margin-bottom:10px; padding:0 10px 10px; }
main .middle > .board-wrap, main .info > .info-wrap { display:flex; gap:15px; }
main .middle > .board-wrap > div, main .info > .info-wrap > div { border:#ddd 1px solid; display:block; width:calc(50% - 15px/2); box-sizing:border-box; padding:20px 15px; }
main .info > .info-wrap > div { border:0; padding:10px 0!important; }
main .middle .search-bar { display:flex; align-items:center; justify-content:center; margin:15px 0; background:#FFF; border-radius:5px; box-shadow:0 2px 4px 0 #59595930; padding:10px; border:1px solid #d8dad9 }
main.sub-page .middle .search-bar { margin-bottom:15px; }
main .middle > .board-wrap > div .title, main .info .title { display:flex; margin-top:20px; font-size:20px; color:#444; font-weight:700; padding-bottom:8px; border-bottom:#ddd 1px solid; justify-content:space-between; align-items:center; }
main .middle > .board-wrap > div .title img, main .info > .title img { height:20px; }
main .middle > .board-wrap > div .title > span, main .info > .title > span { display:flex; align-items:center; gap:8px; margin-right:10px; }
main .middle > .board-wrap > div .list li { border-bottom:#eee 1px solid; display:flex; font-size:16px; justify-content:space-between; padding:13px 0; }
main .middle > .board-wrap > div .list li > span { min-width:90px; text-align:right; }
main .middle > .board-wrap > div .title a.more { display:flex; align-items:center; }
main .middle > .board-wrap > div .list li a { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
main .middle > .board-wrap > div .title a, main .info .title a { margin-top:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
main .middle > .board-wrap > div .list li a:hover { font-weight:700; }
main .middle .search-bar { margin-top:0; display:none; }
main .middle .search-bar a { display:inline-block; }
main .middle .search-bar img { width:30px; cursor:pointer; }
main .middle .search-bar input { width:100%; max-width:800px; height:40px; border:0; border-bottom:4px solid #0e6738; font-size:16px; color:#444; }
main.sub-page .middle .search-bar input { border-bottom:4px solid #0e6738; }
.quick-menu { background-color:#0e6a38; color:#fff; text-align:center; padding:8px; }
.quick-menu a { color:#fff; }
.quick ul li.dropdn { position: relative; display: inline-block; margin:0; padding:0; top: 0; }
.quick ul li .dropdn-box { display: none; position: absolute;  background-color: #ffffff; width:101%; min-width: 30px; top:30px; margin-left:0px; padding: 2px; border:#ddd 1px solid; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2); z-index: 40; }
.quick ul li .dropdn-box a { margin:0; padding:5px 10px !important; vertical-align:middle; border-bottom:#ddd 1px solid; }
.quick ul li .dropdn-box a:hover { background-color:#5da85a; }
footer { background-color:#f9f9f9; padding:25px 0; }
footer .info { width:50%; text-align:right; }
footer .info a img { float:right; width:170px; height:auto; }
footer .contact { display:flex; flex-direction:column; float:left; box-sizing:border-box; width:calc(50%); padding:0 20px 0; }
footer .contact > div { font-size:16px; line-height:20px; }
footer .contact > div, footer .contact > div a { color:#888; }
header, main.sub-page .banners .swiper, main.sub-page .middle .content-area { width:100%; }
header nav .gnb > li.admin, header nav .member li.mobile-menu { display:none; }
main .banners .swiper-slide > div, main .info .quick, main .info .quick > ul { height:100%; }
@media (max-width: 1200px)  { 
    header nav .member { width:initial; }
    header nav .nav-bar { padding-top:20px; padding-bottom:20px; height:35px; }
    header nav .gnb { display:none; flex-direction:column; background-color:#FFF; right:0; top:76px; height:auto; position:absolute; box-shadow:0 2px 4px 0 #59595930; width:100%; max-width:210px; box-sizing:border-box; border-bottom-left-radius:25px; z-index:1; padding:25px; }
    header nav .gnb:hover { border-bottom-right-radius:0; }
    header nav .gnb > li { background-color:#FFF; height:auto; margin-top:20px; font-size:18px; width:100%; }
    header nav .gnb > li:first-child { margin-top:0; }
    header nav .gnb > li > a { justify-content:normal; height:auto; line-height:20px; padding-left:0; }
    header nav .gnb > li > a:hover, header nav .gnb > li > a.active { border-bottom:0; }
    header nav .gnb li .sub-menu-list { box-shadow:initial; padding-top:5px; border:0; }
    header nav .gnb li .sub-menu-list li { text-align:left; width:100%; border:0; align-items:center; justify-content:left; height:unset; padding:6px; }
    header nav .gnb li .sub-menu-list li:hover { background-color:initial!important; }
    header nav .gnb li .sub-menu-list li a { font-size:16px; }
    header nav .member li a { font-size:16px; }
    header nav a img { width:220px; height:auto;  }
    header nav .member li.mobile-menu { display:inline-block; }
    main.sub-page .middle .sub-page .sub-menu-list ul { margin:15px 0; }
    main.sub-page .middle .sub-page .sub-menu-list ul li:first-child img { display:initial; }
    main.sub-page .middle .sub-page { display:block; width:100%; }
    main.sub-page .middle .sub-page .sub-menu-list ul li:first-child { font-size:18px; cursor:pointer; padding:8px 0; text-align: justify; display:flex; }
    main.sub-page .middle .sub-page .sub-menu-list ul li a { font-size:18px; cursor:pointer; padding:8px 0; text-align: center; }
    main.sub-page .middle .sub-page .sub-menu-list ul li:first-child {display: block; text-align: center; }
    main.sub-page .middle .sub-page .sub-menu-list { width:100%; margin:0; }
    main.sub-page .middle .sub-page .sub-menu-list ul li:first-child { border-radius:15px; }
    header nav .gnb li.close a + ul, header nav .gnb li .sub-menu-list li.empty, header .sub-menu, main.sub-page .middle .sub-page .sub-menu-list ul li:nth-child(n + 2) { display:none; }
    header nav .gnb.active, header nav .gnb > li.admin, main.sub-page .middle .sub-page .sub-menu-list ul.active li { display:block; }
}
@media (max-width: 1000px)  { 
    main .middle > .board-wrap > div { margin-top:10px; }
    main .banners .swiper .swiper-button-prev, main .banners .swiper .swiper-button-next { top:50%; transform:translateY(-50%); margin:0; }
    main .banners .swiper .swiper-button-prev:after, main .banners .swiper .swiper-button-next:after { font-size:28px; }
    main .banners .swiper-slide .title { font-size:28px; bottom:30px; padding:8px; }
    main.sub-page .banners .swiper-slide .title { top:50px; font-size:20px; color:#FF914E;  font-weight:500; }
    main.sub-page .middle .sub-page .sub-menu-list ul { margin:10px 0; }
    main .info .quick > ul > li { height:unset; max-height:120px; }
    main .middle > div { margin-top:8px; }
    main .banners .swiper { width:100%; border-bottom-left-radius:25px; border-bottom-right-radius:25px; }
    main .middle > .board-wrap, main .info > .info-wrap { display:block; }
    main .middle > .board-wrap > div, main .info > .info-wrap > div { width:100%; box-sizing:border-box; padding:10px 10px; }
    main .banners .swiper-slide .content { font-size:16px; bottom:10px; left:10px; padding:4px 15px; }
    main .middle > .board-wrap > div .title, main .info .title { font-size:18px; }
    main .middle > .board-wrap > div .list li { font-size:16px; padding:10px 0; }
    footer { height:initial; display:flex; flex-direction:column; padding:20px 0; }
    footer .info { height:initial; width:100%; padding:0 10px; }
    footer .text-left { height:initial; width:100%; padding:10px; }
    footer .info a img { width:193px; }
    footer .contact > div { font-size:14px; line-height:16px; }
    main .banner-wrap, main .info, main .middle { padding:0 10px; }
}
@media (max-width: 660px)  { 
    main .banners { max-height:280px; }
    main.sub-page .banners { max-height:140px; }
    /* main .info .quick > ul > li a img:first-child { height:40px; } */
    /* header nav .member li.sitemap, main .banners .swiper-slide .title br { display:none; } */
}
@media (max-width: 460px)  { 
    header nav .gnb { top:61px; padding:20px; }
    header nav .nav-bar { height:60px; padding:0 10px; }
    .title { margin-bottom: 0;}
    header nav .gnb > li { font-size:16px; margin-top:10px; }
    header nav .gnb li .sub-menu-list { padding-top:1px; }
    header nav .gnb li .sub-menu-list li { max-width:160px; padding:3px 1px; }
    header nav .member li a { font-size:15px; }
    main .info .quick > ul > li { flex:1 0 calc(50% - 10px); }
    main .info .quick > ul { flex-wrap:wrap; }
    main.sub-page .middle .sub-page .sub-page-content { box-sizing:border-box; }
    main.sub-page .banners .swiper-slide .title { top:10px; font-size:18px; font-weight:400; }
    main .banners .swiper-slide img { width:100%; height:80%; object-fit:cover; object-position:center center; }
    main .banners .swiper-slide .title {  top:10px; width:calc(100% - 20px); font-size:18px; padding:5px; }
    main.sub-page .middle .sub-page .sub-menu-list ul li a, main.sub-page .middle .sub-page .sub-menu-list ul li:first-child { font-size:16px; cursor:pointer; padding:6px 0; }
    main.sub-page .middle .sub-page .sub-page-content .title { font-size:18px; padding:0 8px 8px; }
    footer .info a img { width:125px; }
    header nav .gnb li .sub-menu-list li a, main.sub-page .middle .sub-page .sub-menu-list ul li { font-size:16px; }
}
@media (max-width: 370px)  { 
    main .banners .swiper .swiper-button-prev:after, main .banners .swiper .swiper-button-next:after { font-size:20px; }
    main.sub-page .banners .swiper-slide .title { top:30px; font-size:18px; color:#ffdc4e;  font-weight:500;  }
    main .banners .swiper-slide .title { font-size:20px; padding:5px; }
    header nav .nav-bar, footer .info { padding:0 10px; }
    main .banners .swiper-slide .content { font-size:14px; bottom:5px; left:5px; padding:4px 10px; }
    main.sub-page .middle .sub-page .sub-menu-list ul li a, main.sub-page .middle .sub-page .sub-menu-list ul li:first-child { font-size:16px; cursor:pointer; padding:6px 0; }
    footer .contact > div { font-size:12px; line-height:16px; }
}
@media (max-width: 310px)  { 
    header nav .nav-bar { height:40px; }
    header nav .gnb { top:41px; }
    header nav .nav-bar img { height:25px; }
    .quick-menu, .quick-menu a { font-size:12px; }
    footer .contact > div { line-height:14px; letter-spacing:-1px; }
    footer .info a img { width:110px; }
}