/* BASIC css start */
/* BASIC css start */
#faqWrap table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: keep-all;
}
/* °Ô½ÃÆÇ Å¸ÀÔ - ¸®½ºÆ® */
.bbs-table-list {margin-top:10px;border-top: 2px solid #000;margin-bottom: 25px;}
.bbs-table-list thead th,
.bbs-table-list tbody td  {padding: 20px 0;} 
.bbs-table-list thead th {font-size:13px;color: #000;font-weight:normal;font-family:Verdana;border-top:1px solid #000;border-bottom: 1px solid #e9e9e9;display: none;}
.bbs-table-list tbody tr.notice td {background: #fafafa;}
.bbs-table-list tbody td {border-bottom: 1px solid #ddd;font-size: 16px;}
.bbs-table-list tbody td a {font-size: 16px;font-weight: 700;}
.bbs-table-list tbody td a img {
    position: relative;
    top: -2px;
    margin-right: 5px;
}
#MS_WritenBySEB P { margin-top:7px; margin-bottom:7px;}
#faqWrap BLOCKQUOTE { margin-left:15px; }
#faqWrap BLOCKQUOTE.q1,
#faqWrap BLOCKQUOTE.q2,
#faqWrap BLOCKQUOTE.q3,
#faqWrap BLOCKQUOTE.q4,
#faqWrap BLOCKQUOTE.q5,
#faqWrap BLOCKQUOTE.q6,
#faqWrap BLOCKQUOTE.q7{ padding:10px; margin-left:15px; margin-right:15px;}
#faqWrap BLOCKQUOTE.q1{ padding:0 10px; border-left:2px solid #ccc;}
#faqWrap BLOCKQUOTE.q2{ padding:0 10px; background:url(/images/d3/modern_simple/common/bg_qmark.gif) no-repeat;}
#faqWrap BLOCKQUOTE.q3{ border:1px solid #d9d9d9;}
#faqWrap BLOCKQUOTE.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
#faqWrap BLOCKQUOTE.q5{ border:2px solid #707070;}
#faqWrap BLOCKQUOTE.q6{ border:1px dashed #707070;}
#faqWrap BLOCKQUOTE.q7{ border:1px dashed #707070; background:#fbfbfb;}

#faqWrap .faq-tit {padding-bottom: 50px;font-size: 28px;font-weight:bold}
#faqWrap .faq-tit2 {padding-top: 50px;padding-bottom: 30px;font-size: 28px;font-weight:bold;text-align:center;}
#faqWrap .faq-search {height: 144px;text-align: center;background: #fafafa;border-radius: 16px;display: flex;align-items: center;justify-content: center;}
#faqWrap .search-wrap {position:relative;width:812px}
#faqWrap .search-wrap .keyword input {border:1px solid #ddd;height: 44px;line-height: 44px;font-size: 16px;border-radius: 5px;padding: 0 15px;width: 414px;box-sizing: border-box;margin: 0 3px;}
#faqWrap .search-wrap .select-category {width:136px;height:44px;line-height:44px;border:1px solid #ddd;background: url(/design/epsonkorea/images/faq_sort_bg.png) no-repeat #fff right 15px center;outline: 0;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;font-size: 16px;border-radius: 5px;padding-left: 15px;}
#faqWrap .search-wrap .btn-submit {width: 64px;height: 44px;font-size:13px;line-height: 44px;border-radius: 5px;box-sizing: border-box;display: inline-block;background: var(--4);}

_:-ms-input-placeholder, :root #faqWrap .search-wrap .btn-submit { line-height:34px }

#faqWrap .search-wrap .best-keyword {position: absolute;left:192px;top:40px;width:495px;display: none;}
#faqWrap .search-wrap .best-keyword dt,
#faqWrap .search-wrap .best-keyword dd,
#faqWrap .search-wrap .best-keyword dd ul,
#faqWrap .search-wrap .best-keyword dd ul li { display: inline; float: left; width: auto; height: 17px; font-size:14px; line-height: 17px; }
#faqWrap .search-wrap .best-keyword dt { color: #000 }
#faqWrap .search-wrap .best-keyword dd ul li { margin-left:5px }
#faqWrap .search-wrap .best-keyword dd ul li a { white-space: nowrap; font-size:14px; color: #7b7b7b; vertical-align:top }

#faq-category {margin-top: 80px;border-bottom: 2px solid #000;overflow:hidden;padding-bottom: 24px;}
#faqWrap .faq-menu {display: flex; *zoom:1;flex-wrap: wrap;}
#faqWrap .faq-menu:after { display:block; clear:both; content:'' }
#faqWrap .faq-menu li {white-space:nowrap;background: #fff;text-align: center;padding: 8px 15px;border-radius: 18px;margin: 0 8px 5px; border: 1px solid #ddd;}
#faqWrap .faq-menu li.first {background:none;margin-left: 0;}
#faqWrap .faq-menu li a {font-size: 16px;color: #888;display: inline-block;font-weight: 500;}
#faqWrap .faq-menu li.now {
    background: var(--1);
}
#faqWrap .faq-menu li.now a {font-weight:bold;color: #fff;}

#faqWrap #faqTable {  }
#faqWrap #faqTable table thead {
    display: none;
}

#faqWrap #faqTable th,
#faqWrap #faqTable tr td {padding: 22px 0;border-bottom: 1px solid #ddd;background:#fff;}
#faqWrap #faqTable tr.slide-hide td { border-bottom: 0px; }
#faqWrap #faqTable th { font-size:13px; font-weight:bold }
#faqWrap #faqTable td,
#faqWrap #faqTable td a {font-size: 14px;font-weight: 500;}
#faqWrap #faqTable td { cursor: pointer; }
#faqWrap #faqTable tr td:last-child {
    background: url(/design/epsonkorea/images/faq_toggle.png) no-repeat right 24px center;
}
#faqWrap #faqTable tr.active td:last-child {
    background: url(/design/epsonkorea/images/faq_toggle_on.png) no-repeat right 24px center;
}
#faqWrap #faqTable tr.slide-hide,
#faqWrap #faqTable tr.slide-hide dl { display: none; }
#faqWrap #faqTable tr.slide-show { display: table-rows; *display: block; }
#faqWrap #faqTable tr.slide-show dl { display: block; }
#faqWrap #faqTable tr.slide-hide td,
#faqWrap #faqTable tr.slide-show td {cursor: default;background:#fafafa !important;padding: 60px 60px 60px 170px;}
#faqWrap #faqTable .tb-slide {/* padding: 0 20px; */}
#faqWrap #faqTable .tb-slide ol,
#faqWrap #faqTable .tb-slide ul { margin-left:35px; }
#faqWrap #faqTable .tb-slide dl { position: relative; width: 100%; }
#faqWrap #faqTable td .tb-slide dl dt { position: absolute; left:10px; top:8px }
#faqWrap #faqTable td .tb-slide .qst dt { font-size:18px; color:#000; font-weight:bold }
#faqWrap #faqTable td .tb-slide .qst dd { color:#999 }
#faqWrap #faqTable td .tb-slide .adv dt {font-size:18px;color:#b17efe;font-weight:bold;display: none;}
#faqWrap #faqTable td .tb-slide dl dd {/* margin-left:45px; *//* padding:15px 0; */font-weight: 400;line-height: 1.65;}
#faqWrap #faqTable td .tb-slide dl.adv {/* margin-top: 5px; *//* border-top: 1px dashed #e9e9e9; */}
#faqWrap .pager { text-align: center; margin-top: 20px; }
#faqWrap .pager ol li { display: inline; padding: 0px 5px; }
#faqWrap .pager ol li img { margin-top: 2px; }
#faqWrap .pager ol li.first,
#faqWrap .pager ol li.next { padding-right: 0; }
#faqWrap .pager ol li.last,
#faqWrap .pager ol li.prev { padding-left: 0; }

.boardHeader .txtArea {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 0 20px;
    box-sizing: border-box;
    max-width: 1440px;
}
.boardHeader .txt {
    font-weight: 600;
    font-size: 24px;
}

.boardHeader .txt-sub {
    margin-top: 10px;
    font-weight: 500;
    color: #fff; 
    font-size: 12px;
    line-height: 1.4;
}
  
.faq-ic {
    margin-top: 125px;
}

.faq-ic ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.faq-ic ul li {
    text-align: center;
}
.faq-ic ul li.bar {padding:0 125px;}

.faq-ic ul li .thumb {
    height: 94px;
    line-height: 94px;
    margin-bottom: 30px;
}

.faq-ic ul li .thumb img {
}

.faq-ic ul li .name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 35px;
}

.faq-ic ul li .link-btn {
    text-align: center;
}

.faq-ic ul li .link-btn a {
    background: #000;
    color: #fff;
    padding: 8px 10px;
    border-radius: 15px;
}

.faq-ic ul li .link-btn a img {
    position: relative;
    top: -1px;
    margin-left: 3px;
}
.paging {
    margin-top: 40px;
}
.faq-cate {margin-top: 60px;}

.faq-cate h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
}

.faq-cate ul {
    display: flex;
    justify-content: space-between;
    gap: 12px; 
    display: none !important;
}

.faq-cate ul li {
    position: relative;
    text-align: center;
}

.faq-cate ul li a img {
    width: 100%;
}

.faq-cate ul li p {
    position: absolute;
    bottom: 20px;
    text-align: center;
    line-height: 1rem;
    width: 85%;
    font-size: 16px;
    font-weight: 700;
    left: 0;
    right: 0;
    margin: 0 auto;
}
h3.bbs-table-list-title {
    margin-top: 160px;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 30px;
}
 

.noticeAll {
    margin-top: 33px;
}

.noticeAll a {
    font-size: 15px;
    font-weight: 700;
    border: 2px solid #000;
    text-align: center;
    width: 200px;
    height: 48px;
    line-height: 46px;
    display: inline-block;
    border-radius: 24px;
    box-sizing: border-box;
}
.tb-m {display: none;}

    .support_wrap {display: block; margin: 0 auto;}
    .support_wrap ul {display: flex;justify-content: space-between;gap: 15px;}
    .support_wrap>ul>li {padding: 15px 20px 25px;width: 33%;background-color: #f7f7f7;border-radius: 10px;}
    .support_wrap ul .icon_title {display: flex; align-items: center;}
    .support_wrap ul .icon_title div {margin: 0 0 0 15px;font-size: 18px;font-weight: 700;}
    .support_wrap ul .icon_title img {width: 50px;}
    .support_wrap ul .support_sub_title {padding-left: 65px;font-size: 13px;font-weight: 500;}
    .support_wrap ul .support_list {display: block;padding-left: 65px;margin: 15px 0 0;line-height: 1.8;}
    .support_wrap ul .support_list a {font-size: 13px;font-weight: 500;color: #111;border-bottom: 1px solid #111;}


.onlyMobile {display:none;}
.ul-onlyMobile{display:none !important;}

.serviceList {
    margin: 150px 0 50px;
}

.serviceList ul {
    display: flex;
    justify-content: space-around; 
}

.serviceList ul li {
    text-align: center;
}

.serviceList ul li .thumb {
    height: 75px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    justify-content: center;
}

.serviceList ul li h5 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

.serviceList ul li a {
    background: #000;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    width: 91px;
    border-radius: 15px;
    display: inline-block;
    padding: 7px 0 5px;
}
.serviceList ul li a::after {
    content: "";
    margin-left: 5px;
    background: url(/design/epsonkorea/images/care_ic_arr.png) no-repeat;
    background-size: 7px;
    width: 5px;
    height: 9px;
    display: inline-block;
    background-size: 5px;
}

.asInfoTitle {margin: 55px auto 20px;font-size: 20px;font-weight: 700;}

.youtube_layer_wrap {display: block; margin: 0 auto;}
.youtube_layer_wrap .youtube_layer {position: relative;padding: 30px;background-color: #f7f7f7;border-radius: 10px;z-index: 11;}
.youtube_layer_wrap ul {display: flex; justify-content: space-between; flex-wrap: wrap; }
.youtube_layer_wrap ul li {margin: 0 0 25px;width: 32%;cursor: pointer;background: #fff;border-radius: 15px;box-shadow: 2px 4px 12px #00000014;}
.youtube_layer_wrap ul li  {}
.youtube_layer_wrap ul li iframe {border-radius: 15px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}
.youtube_layer_wrap ul li img {display: block;width: 100%;border-radius: 15px 15px 0 0;}
.youtube_layer_wrap ul li p {padding: 20px 15px;font-size: 16px;font-weight: 600;text-align: left;}

.popup-container {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);backdrop-filter: blur(3px);z-index: 2;}
.popup {position: absolute;top: 50%;left: 50%;padding: 20px;width: 700px;max-width: 90%;height: max-content;transform: translate(-50%, -50%);text-align: center;border-radius: 15px;}
.popup h4 {padding: 15px 0 30px;font-size: 1.1rem;font-weight: 600;line-height: 1.5; color: #fff;}
.close-btn {position: absolute;top: 10px;right: 20px;font-size: 40px;font-weight: 200;cursor: pointer;color: #cdcdcd;}

.go_youtube {
    margin-top: 40px;
}

.go_youtube a {
    font-size: 14px;
    font-weight: 600;
    word-break: keep-all;
    color: #000;
    border-bottom: 1px solid #000;
}

.go_youtube a:hover {
    color: var(--1);
    border-bottom: 1px solid var(--1);
}

.pc_none {display: none;}
.tb_br {display: none;}


/* FAQ content */
.fc-blue {color: rgb(3, 43, 177);}
.fc-red {color: rgb(234, 11, 11);}
.fc-gray {color: #999;}


.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}

.highlight {display: inline-block; background-color: #ffe798;}

.gap20 {height: 20px;}
.gap40 {height: 40px;}
.gap80 {height: 80px;}

.pc_br {display: block;}
.tb_br {display: none;}
.mobile_br {display: none;}

.faq_wrap {display: block; font-size: 1em; font-weight: 500; line-height: 1.8;}
.faq_wrap .list_wrap {}
.faq_wrap .list_wrap .title {display: inline-block;margin: 0 0 10px;padding: 2px 10px;font-size: 1rem;font-weight: 600;color: #000; border: 1px solid #000; border-radius: 4px;}
.faq_wrap .list_wrap .list_title {padding: 0 0 0 15px;}
.faq_wrap .list_wrap ol ul {margin: 0 0 10px; padding: 0 0 0 15px;}
.faq_wrap .list_wrap ul li {margin: 15px 0 0;line-height: 1.7;}
.faq_wrap .list_wrap ul li ul li {margin: 0; padding-left: 10px;}
.faq_wrap .list_wrap ul li ul li ul {padding-bottom: 20px;}
.faq_wrap .list_wrap ul li ul li ul li {padding-left: 15px;}
.faq_wrap .list_wrap ul li ul li img {padding: 0 0 10px 10px;}
.faq_wrap img {max-width: max-content; width: 100%;}

.link_btn_wr {display: flex;}
.link_btn_wr a {display: inline-block;margin: 0 3px 8px 0;padding: 8px 15px;line-height: normal;background: #111;color: #fff;border-radius: 50px;border: 1px solid #111;}
.link_btn_wr a:hover {border: 1px solid #111; color: #111; transition: 0.3s; background: no-repeat;}

.tb-left {font-weight: 700;}


#faqWrap #faqTable .tb-slide ol, #faqWrap #faqTable .tb-slide ul {margin-left: 0;}

@media all and (max-width: 1280px) and (min-width: 768px) {
    .tb_br {display: block;}
}


@media all and (max-width: 767px) {

    .gap20 {height: 15px;}
    .gap80 {height: 60px;}

    .pc_br {display: none;}
    .tb_br {display: none;}
    .mobile_br {display: block;}

    .faq_wrap {display: block; line-height: 1.6;}
    .faq_wrap .list_wrap .title {font-size: 0.9rem;}

    #faqWrap #faqTable tr.slide-hide td, #faqWrap #faqTable tr.slide-show td {padding: 35px 30px;}
}


.benefit_wrap {}
.benefit_wrap>ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.benefit_wrap>ul>li {margin: 0 0 15px;padding: 35px;width: 100%;height: 200px;background: #f7f7f7;border-radius: 10px;}

.benefit_wrap>ul>li .bene_tit {font-size: 20px; font-weight: 700;}
.benefit_wrap>ul>li .bene_desc {margin: 15px 0 0; font-size: 14px; font-weight: 500;}
.benefit_wrap>ul>li .bene_desc ul {}
.benefit_wrap>ul>li .bene_desc ul li {line-height: 1.5;}

@media only screen and (max-width: 1280px) {


.serviceList {
    margin: 63px 0 95px;
}

.serviceList ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}


.serviceList ul li {
    width: 50%;
    margin-bottom: 30px;
}

.serviceList ul li:nth-child(-n+3) {
    width: 33%;
}

.serviceList ul li .thumb img {
    transform: scale(0.6);
}
.serviceList ul li .thumb {
    margin-bottom: 10px;
}

.serviceList ul li h5 {
    font-size: 15px;
    margin-bottom: 15px;
}

.serviceList ul li a {
    font-size: 11px;
    width: 81px;
}
.serviceList ul li a img {
    float: right;
    width: 4px;
    margin-left: 5px;
    position: relative;
    top: 2px;
    right: 10px;
}


.serviceList ul li a::after {
    display: none;
}
.onlyPc {display:none;}
.onlyMobile {display: table-row;}
 #faqWrap #faqTable th, #faqWrap #faqTable tr td.onlyMobile {
    display: block;
}
 
 
 
 
#faqWrap .faq-tit {
    text-align: center;
    font-size: 24px;
    padding-bottom: 35px;
}
#faqWrap .faq-tit2 {padding-top: 30px;padding-bottom: 15px;font-size: 24px;font-weight:bold;text-align:center;}

#faqWrap .faq-search {
    background: #fff;
    height: auto;
}

#faqWrap .search-wrap {
    width: 100%;
}
 

#faqWrap .search-wrap .keyword input {
    width: 100%;
    margin: 0;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
}

#faqWrap .search-wrap .keyword {
    width: calc(100% - 212px);
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
}

#faqWrap .search-wrap .select-category {
    height: 45px;
    line-height: 45px;
    background: url(/design/epsonkorea/images/faq_sort_bg_m.png) no-repeat #fff right 15px center;
    background-size: 12px;
    font-size: 15px;
}

#faqWrap .search-wrap .btn-submit {
    height: 45px;
    line-height: 45px;
}

.faq-cate {
    margin-top: 45px;
    text-align: center;
}

.faq-cate h3 {
    font-size: 21px;
}
 


.faq-cate ul li p {
    bottom: 15px;
    font-size: 12px;
}
#faq-category {
    margin-top: 70px;
    padding-bottom: 18px;
}

#faqWrap .faq-menu li {
    padding: 6px 14px;
}

#faqWrap .faq-menu li a {
    font-size: 14px;
    line-height: 1;
}
.faq-ic {
    margin-top: 70px;
}

.faq-ic ul {
    display: flex;
    justify-content: space-evenly;
}

.faq-ic ul li {
}

.faq-ic ul li.bar {
    display: none;
}

.faq-ic ul li .name {
    font-size: 15px;
    margin-bottom: 20px;
}

.faq-ic ul li .link-btn a {
    font-size: 11px;
    padding: 7px 9px;
}

.faq-ic ul li .thumb {
    height: 68px;
    line-height: 68px;
    margin-bottom: 15px;
}

.faq-ic ul li .thumb img {
    /* transform: scale(0.6); */
}
.faq-ic ul li:nth-child(3) .thumb img {
    width: 58px;
}

.faq-ic ul li:nth-child(1) .thumb img {
    width: 51px;
}

.faq-ic ul li:nth-child(5) .thumb img {
    width: 52px;
}
#faqWrap .search-wrap .btn-submit img {width:19px;}

.faq-ic ul li .link-btn a img {
    width: 4px;
}
.faq-ic ul li:nth-child(3) .thumb img {
    width: 58px;
}

.faq-ic ul li:nth-child(1) .thumb img {
    width: 51px;
}

.faq-ic ul li:nth-child(5) .thumb img {
    width: 52px;
}

h3.bbs-table-list-title {
    margin-top: 85px;
    font-size: 21px;
    padding-bottom: 15px;
}

.noticeAll {
    margin-top: 22px;
}

.noticeAll a {
    width: 100%;
    font-size: 14px;
} 

.bbs-table-list tbody td {
    padding: 18px 0;
}


.bbs-table-list tbody td .date {
    color: var(--3);
    font-size: 13px;
    text-align: right;
    padding-right: 15px;
}

.bbs-table-list tbody td .subject {
    padding: 0 15px;
    font-size: 14px;
}
.tb-m {
    display: block;
    padding: 0 10px 10px;
    font-size: 12px;
}

.tb-m + .tb-left {
    max-width: 85%;
    font-size: 14px;
    line-height: 1.5;
}

#faqWrap #faqTable tr.slide-hide td, #faqWrap #faqTable tr.slide-show td {
    padding: 25px;
    font-size: 14px;
}

#faqWrap #faqTable tr td:last-child {
    background: url(/design/epsonkorea/images/faq_toggle_m.png) no-repeat right 24px center;
    background-size: 12px;
}
#faqWrap #faqTable tr.active td:last-child {
    background: url(/design/epsonkorea/images/faq_toggle_on_m.png) no-repeat right 24px center;
    background-size: 12px;
}
    
}


@media all and (max-width: 767px) {



.ul-onlyPc{display:none !important;}
.ul-onlyMobile{display:block !important;}


.faq-cate ul {
    font-size: 0;
    overflow-x: scroll;
    white-space: nowrap;
}
.faq-cate ul::-webkit-scrollbar {
    display: none;
}

.faq-cate ul li {
    display: inline-block;
    width: 27%;
    margin-right: 2%;
}

.faq-cate ul li p {
    bottom: 20px;
    font-size: 12px;
}


#faqWrap .search-wrap .select-category {
    width: 110px;
}

#faqWrap .search-wrap .keyword {
    width: calc(100% - 186px);
}

.faq-cate ul li p {
        bottom: 10px;
}

.support_wrap ul {flex-wrap: wrap;}
.support_wrap>ul>li {width: 100%;}

.youtube_layer_wrap .youtube_layer {padding: 20px;}
.youtube_layer_wrap ul li {width: 100%;}
.youtube_layer_wrap ul li img {border-radius: 10px 10px 0 0;}
.youtube_layer_wrap ul li p {margin: 0;}

.youtube_layer_wrap ul li iframe {height: 200px;}

.popup h4 {padding: 30px 0 15px;font-size: 1rem;}

.close-btn {font-size: 35px;}

.go_youtube {margin-top: 20px;}

    .mobile_none {display: none;}
    .pc_none {display: block;}
    .tb_br {display: none;}
    
    .link_btn_wr {flex-wrap: wrap;}

}


/* BASIC css end */