@charset "utf-8";

@media (max-width: 767px){

.pc-mode{display: none !important;}
.t-mode{display: none !important;}
.m-mode{display: inline-block !important;}
.t-mode.h15 {display: none !important;}
.m-mode.h10 {height: 10px;display: block !important;}

.pc-none{display: inline-block !important;}
.t-none{display: inline-block !important;}
.m-none{display: none !important;}

/* LAYOUT : S */


span.blank {}
.back-gray {}
.wrap {}
.wrap .inner {}
.wrap header {}
.wrap header .top-first {}
.wrap header .user {}
.wrap header .user ul {}
.wrap header .user ul li {
    width: 100px;
}
.wrap header .user ul li:first-child {
    width: 90px;
}
.wrap header .user ul li:first-child a {}
.wrap header .user ul li:after {}
.wrap header .user ul li:last-child:after {}
.wrap header .user ul li a {}
.wrap header .sns {}
.wrap header .sns:after {}
.wrap header .sns ul {}
.wrap header .sns ul li {}
.wrap header .sns ul li:first-child {}
.wrap header .sns ul li a {}
.wrap header .sns ul li:nth-child(1) a {}
.wrap header .sns ul li:nth-child(1) a:before{}
.wrap header .sns ul li:nth-child(2) a {}
.wrap header .sns ul li:nth-child(3) a {}
.wrap header .sns ul li:nth-child(4) a {}
.wrap header .sns ul li:nth-child(5) a {}
.wrap header .top-second {}
.wrap header .top-second .logo {
    left: 16px;
}
.wrap header .top-second .logo a {}
.wrap header .top-second .sns {}
.wrap header .top-second .sns ul {}
.wrap header .top-second .sns ul li {}
.wrap header .top-second .sns ul li a {}
.wrap header .search-top-icon {
    right: 52px;
}
.wrap header .search-top-icon a {}
.wrap header .nav-btn {
    right: 16px;
}
.wrap header .nav-btn button {}
.wrap header .nav-btn .on {}
.wrap header .nav-btn .off {}
.wrap header nav {}
.wrap header nav .nav-menu {}
.wrap header nav .nav-menu:after {}
.wrap header nav .nav-menu > li {
    width: calc(100% - 48px);
}
.wrap header nav .nav-menu > li.on {}
.wrap header nav .nav-menu > li > a {}
.wrap header nav .nav-menu > li.on > a {}
.wrap header nav .nav-menu > li > ul {}
.wrap header nav .nav-menu > li:hover > ul,
.wrap header nav .nav-menu > li.on > ul {}
.wrap header nav .nav-menu > li > .line1,
.wrap header nav .nav-menu > li > .line2 {}
.wrap header nav .nav-menu:hover > li > .line1 {}
.wrap header nav .nav-menu:hover > li > .line2 {}
.wrap header nav .nav-menu > li:last-child > ul {}
.wrap header nav .nav-menu:hover > li > ul {}
.wrap header nav .nav-menu > li > ul > li {}
.wrap header nav .nav-menu > li > ul > li.on {}
.wrap header nav .nav-menu > li > ul > li > a {}
.wrap header nav .nav-menu > li > ul > li > a.sub {}
.wrap header nav .nav-menu > li > ul > li.on > a.sub,
.wrap header nav .nav-menu > li > ul > li:hover > a.sub{}
.wrap header nav .nav-menu > li > ul > li > ul {}
.wrap header nav .nav-menu > li > ul > li:hover > ul,
.wrap header nav .nav-menu > li > ul > li:on > ul {}
.wrap header nav .nav-menu > li > ul > li:hover > ul,
.wrap header nav .nav-menu > li > ul > li.on > ul{}
.wrap header nav .nav-menu > li > ul > li > ul > li {}
.wrap header nav .nav-menu > li > ul > li > ul > li.on {}
.wrap header nav .nav-menu > li > ul > li > ul > li > a {}
.wrap header nav .nav-menu > li > ul > li > ul > li.on > a {}
.wrap header nav .user, .wrap header nav .sns {}
.wrap header nav .sns {}
.wrap header nav .sns ul li {}
.wrap header .search-top-icon-cont {}
.wrap header .search-top-icon-cont form {}
.wrap header .search-top-icon-cont input {}
.wrap header .search-top-icon-cont .title {}
section.content,
section.sub-content{/* padding-top: 68px; */}
.gnb-back {}

footer {
}
footer .footer {
}
footer .footer > div {}
footer .footer .l {
}
footer .footer .r {
}
footer .footer .logo {}
footer .footer .logo a {
}
footer .footer address {
}
footer .footer address ul {}
footer .footer address ul li {
}
footer .footer .btn-wrap {
}
footer .footer .btn-wrap .btn-link-gray {
}
footer .footer .info a {
}
footer .footer .newsletter {
}
footer .footer .newsletter .tit {
}
footer .footer .newsletter .tit strong {}
footer .footer .newsletter .cont {
}
footer .footer .newsletter .input-box {}
footer .footer .newsletter .input-box input {
}
footer .footer .newsletter .input-box button {
}
footer .footer .newsletter .ckwrap {
}
footer .footer .newsletter .ckwrap label {}
footer .footer .newsletter .ckwrap label input[type='checkbox'] {
}
footer .footer .newsletter .ckwrap a {
}



/* LAYOUT : E */




/* MAIN : S */
.inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.content {}
.mc-wrap {
    padding: 30px 0;
}
#main {}
#main.content {}
#main.content .main-slide {}
#main.content .main-slide ul {}
#main.content .main-slide ul li {}
#main.content .main-slide ul li a {}
#main.content .main-slide ul li a img {}
#main.content .main-slide .slick-prev {}
#main.content .main-slide .slick-prev:hover {}
#main.content .main-slide .slick-arrow {}
#main.content .main-slide .slick-next {}
#main.content .main-slide .slick-next:hover {}
#main.content .main-slide .slick-dots {}
#main.content .main-slide .slick-dots li {}
#main.content .main-slide .slick-dots li.slick-active {}

#main .search-box {
}
#main .search-box form {}
#main .search-box input {}
#main .search-box button {
    width: 50px;
}
#main .link {
    height: auto;
}
#main .link ul {
    flex-direction: column;
}
#main .link ul li {}
#main .link ul li:first-child {}
#main .link ul li a {
    text-indent: 16px;
}
#main .link ul li a:after {
    right: 16px;
}

#main .main-banner {
}
#main .main-banner .head {
}
#main .main-banner .head .tit {
}
#main .main-banner .head .cont {
}
#main .main-banner .body {
}
#main .main-banner .body ul {flex-direction: column;margin-left: 0;margin-top: -16px;}
#main .main-banner .body ul li {width: 100%;margin-left: 0;margin-top: 16px;}
#main .main-banner .body ul li .photo {}
#main .main-banner .body ul li .photo img {}
#main .main-banner .body ul li .tit {left: 16px;bottom: 16px;}

#main .board {}
#main .board .head {
}
#main .board .head .tit {
}
#main .board .head .more {
}
#main .board .head .eng {
}
#main .board .list {}
#main .board .list li {
}
#main .board .list li a {}
#main .board .list li a .subject {text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 90px;overflow: hidden;white-space: break-spaces;width: 100%;text-align: justify;}
#main .board .list li a .date {width: 100%;text-align: left;font-size: 13px;margin-top: 5px;}
#main .board .list .body {
}
#main .board .list .lst {}
#main .board .list .lst li {
    padding: 8px 0;
}
#main .board .list .lst li a {line-height: 1.2;flex-direction: column;}
#main .board .list-box {flex-direction: column;}
#main .board .list-box .one {margin-top: 0;}
#main .board .list-box > div {
    width: 100%;
    margin-left: 0;
    margin-top: 16px;
    padding: 16px;
    min-height: 168px;
}
#main .board .list-box .head {
}
#main .board .list-box .one .body {height: 90px;padding-top: 15px;}
#main .board .list-box .one .body .nl {}
#main .board .list-box .one .body .nl a {
}
#main .board .list-box .multiple {}
#main .board .list-box .multiple .body {}
#main .board .list-box .multiple .body .lst {
}
#main .board .list-box .multiple .body .lst li {}
#main .board .list-box .multiple .body .lst li a {
}
#main .board .list-box .ban {
}
    #main .board .list-box .ban a {display: block; height: 100%;}
#main .board .list-box .ban .vm {margin-top: 25px;}
#main .board .list-box .ban img {}
#main .board .list-box .ban span {
}


/* MAIN : E */
/* SUB : S */

#sub.content {margin-top: 40px !important;margin-bottom: 40px !important;}
#sub.content .header {}
#sub.content .header .tit {
}
#sub.content .tab {margin-top: 40px;}
#sub.content .tab ul {flex-wrap: wrap;}
#sub.content .tab ul li {
    flex: inherit;
    width: 50%;
    border-right: 1px solid #b3b3b3;
}
#sub.content .tab ul li:nth-child(even) {border-left:0;}
#sub.content .tab ul li:nth-child(n+3) a {border-top:0;}
#sub.content .tab ul li:last-child {}
#sub.content .tab ul li.on {
}
#sub.content .tab ul li a {
}
#sub.content .tab ul li.on a {
}
#sub.content .search {
}
#sub.content .search ul {width: 100%;}
#sub.content .search ul li {
}
#sub.content .search ul li:last-child {
    width: calc(100% - 72px);
}
#sub.content .search ul li select {
}
#sub.content .search ul li input {
}
#sub.content .search ul li button[type='submit'] {
}
#sub.content .board {
}
#sub.content .board .thumb {
}
#sub.content .board .thumb a {width: 100%;}
#sub.content .board .thumb a .photo-box {
}
#sub.content .board .thumb a .photo-box img {
}
#sub.content .board .thumb a .tit {
}
#sub.content .paging {margin-top: 40px;}
#sub.content .paging a {
}
#sub.content .paging strong {}
#sub.content .paging a.prev {}
#sub.content .paging a.next {}
#sub.content .paging a span {}


#sub.content .board .view {}
#sub.content .board .view > .head {
}
#sub.content .board .view > .head > .tit {
}
#sub.content .board .view > .head > .info {
}
#sub.content .board .view > .cont {
}
#sub.content .board .view > .cont img, #sub.content .board .view > .cont iframe {}
#sub.content .board .view > .det {
}
#sub.content .board .view > .det > div {}
#sub.content .board .view > .det > div.ln:after {
    display: none;
}
#sub.content .board .view > .det > .head {
}
#sub.content .board .view > .det > .cont {}
#sub.content .board .view > .det .file {
}
#sub.content .board .view > .det .file-cont {
}
#sub.content .board .view > .det .file-cont a {
}
#sub.content .board .view > .det .prev {
    width: 50%;
    border-right: 1px solid #e1e1e1;
}
#sub.content .board .view > .det .prev:before {}
#sub.content .board .view > .det .prev-cont {}
#sub.content .board .view > .det .next {width: 50%;text-align: right;padding-right: 30px;}
#sub.content .board .view > .det .next:before {}
#sub.content .board .view > .det .next-cont {}
#sub.content .board .view > .det .artc {display: none;}
#sub.content .board .view > .det .artc.rl {
}
#sub.content .board .view > .det .artc a {}
#sub.content .board .btn-wrap {
    margin-top: 40px;
    flex-wrap: wrap;
}
#sub.content .board .btn-wrap > div {
}
#sub.content .board .btn-wrap .l {display: none;}
#sub.content .board .btn-wrap .c {
    width: 100%;
}
#sub.content .board .btn-wrap .r {width: 100%;text-align: center;margin-top: 25px;}
#sub.content .btn-black {
}
#sub.content .btn-white {}
#sub.content .btn {
}
#sub.content .btn.w {
}
#sub.content .btn.m {
}

#sub.content .board .list {
}
#sub.content .board .list a {
}
#sub.content .board .list a > div {}
#sub.content .board .list a .num {
}
#sub.content .board .list a .tit {overflow: hidden;white-space: pre-line;line-height: 1.2;}
#sub.content .board .list a .tit.ntc {padding-left: 0;text-indent: 22px;}
#sub.content .board .list a .ntc:before {
    top: 5px;
}
#sub.content .board .list a .info {
}
#sub.content .board .write {}
#sub.content .board .write input {}
#sub.content .board .write input::placeholder {}
#sub.content .board .write .editor-box {}


#sub.content .faq details.details {}
#sub.content .faq details.details summary {}
#sub.content .faq details.details summary strong {}
#sub.content .faq details.details summary span {}
#sub.content .faq details.details summary:after {}
#sub.content .faq details.details[open] summary {
}
#sub.content .faq details.details[open] summary:after {
}
#sub.content .faq details.details ul {
}
#sub.content .faq details.details ul li {
}
#sub.content .faq details.details > summary::marker {
}
#sub.content .faq details.details[open] > div {}
#sub.content .faq details.details[open] > div > strong {}
#sub.content .faq details.details[open] > div > div {}
#sub.content .faq details.details[open] summary ~ * {
}

#sub.content .search-center-box {margin-top: 40px;}
#sub.content .search-center-box input {}
#sub.content .search-center-box input::placeholder {
}
#sub.content .search-center-box button {}

#sub.content .etc-box {
    margin-top: 40px;
}
#sub.content .etc-box p {
}
#sub.content .etc-box p:nth-of-type(1) {
}


#sub.content .col2 {flex-direction: column;}
#sub.content .col2 > div {
}
#sub.content .col2 > div > .tit {
}
#sub.content .col2 .l {}
#sub.content .col2 .r {margin-left: 0;margin-top: 40px;}
#sub.content .col2 .h .history-box {}
#sub.content .col2 .h .cont-box {}
#sub.content .col2 .h .history-box ul {
}
#sub.content .col2 .h .history-box ul li {
}
#sub.content .col2 .h .history-box ul li strong {
}
#sub.content .col2 .h .history-box ul li .cont {
}

#sub.content .col2 .contact-us {
    padding: 20px 0;
}
#sub.content .col2 .contact-us ul {
}
#sub.content .col2 .contact-us ul li {
}
#sub.content .col2 .contact-us .sns {}
#sub.content .col2 .contact-us .sns a {}
#sub.content .col2 .contact-us .sns a img {}
#sub.content .col2 .r.m {margin-top: 20px;}





#sub.content .support {}
#sub.content .support .support-top {
}
#sub.content .support .support-top .cont-box {}
#sub.content .support .support-top .cont-box .tit {
}
#sub.content .support .support-top .cont-box .tit-t {display: none;}
#sub.content .support .support-top .cont-box .cont {text-align: left;}
#sub.content .support > .cont-box {
}
#sub.content .support > .cont-box > .tit-box {
}
#sub.content .support > .cont-box > .tit-box .tit {
}
#sub.content .support > .cont-box > .tit-box .cont {
}
#sub.content .support > .cont-box .seperate-box {
}
#sub.content .support > .cont-box .seperate-box .l {}
#sub.content .support > .cont-box .seperate-box .c {
}
#sub.content .support > .cont-box .seperate-box .r {}
#sub.content .support > .cont-box .seperate-box > div {
}
#sub.content .support > .cont-box .seperate-box > div > .tit {
}
#sub.content .support > .cont-box .seperate-box > div > .cont {}
#sub.content .support > .cont-box .seperate-box > div > .cont p {}
#sub.content .support > .cont-box .seperate-box > div > .cont .button {
}
#sub.content .support > .cont-box .seperate-box > div > .cont .button a {
}
#sub.content .support > .cont-box .seperate-box > div > .cont .button a:after {
}
#sub.content .support > .cont-box .seperate-box > div > .cont p strong.tit {
}
#sub.content .support > .cont-box .seperate-box > div > .cont p strong {
}
#sub.content .support > .cont-box .seperate-box > div > .cont div.item-list {
}
#sub.content .support > .cont-box .seperate-box > div > .cont div.item-list strong {
}
#sub.content .support > .cont-box .seperate-box > div > .cont div.item-list strong:after {}
#sub.content .support > .cont-box .seperate-box > div > .cont div.item-list .cont {
}
#sub.content .support > .cont-box .seperate-box > div > .cont ul.star {
}
#sub.content .support > .cont-box .seperate-box > div > .cont ul.star li {
}
#sub.content .support > .cont-box .seperate-box > div > .cont ul.star li:before {}
#sub.content .support > .cont-box .padding-box {flex-direction: column;padding: 0 25px;}
#sub.content .support > .cont-box .padding-box > div {padding: 25px 0;}
#sub.content .support > .cont-box .padding-box .l {}
#sub.content .support > .cont-box .padding-box .c {border-top: 1px solid #d9d9d8;border-bottom: 1px solid #d9d9d8;border-left: 0;border-right: 0;}
#sub.content .support > .cont-box .padding-box .r {}
#sub.content .support > .cont-box .padding-box .tit {height: auto;}
#sub.content .support > .cont-box .padding-box .cont {
}
#sub.content .support > .cont-box > .list {
}
#sub.content .support > .cont-box > .list strong {
    width: 33.33%;
}




#sub.content .intro {margin-top: -40px;margin-bottom: -40px;}
#sub.content .intro-section {
}
#sub.content .intro-section .vm {}
#sub.content .intro-first {
}
#sub.content .intro-first .vm {}
#sub.content .intro-first .vm .inner {}
#sub.content .intro-first .tit {
}
#sub.content .intro-first .cont {
}
#sub.content .intro-first .cont strong {
}
#sub.content .intro-second {
}
#sub.content .intro-second .vm {}
#sub.content .intro-second .vm .inner {
}
#sub.content .intro-second p {
}
#sub.content .intro-second p:first-of-type {}
#sub.content .intro-second p strong {}
#sub.content .intro-third {
}
#sub.content .intro-third .vm {}
#sub.content .intro-third .vm .inner {}
#sub.content .intro-third .tit {
}
#sub.content .intro-third .tit strong {
}
#sub.content .intro-third .group-name {
}

/* SUB : E */


}/* //767px */