@charset "utf-8";
/*  web font  */
    @font-face {
        font-family: 'Spoqa Han Sans Neo';
        font-weight: 700;
        src: local('Spoqa Han Sans Bold'),
        url('../fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
        url('../fonts/SpoqaHanSansNeo-Bold.woff') format('woff'),
        url('../fonts/SpoqaHanSansNeo-Bold.ttf') format('truetype');
    }

    @font-face {
        font-family: 'Spoqa Han Sans Neo';
        font-weight: 500;
        src: local('Spoqa Han Sans Medium'),
        url('../fonts/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
        url('../fonts/SpoqaHanSansNeo-Medium.woff') format('woff'),
        url('../fonts/SpoqaHanSansNeo-Medium.ttf') format('truetype');
    }

    @font-face {
        font-family: 'Spoqa Han Sans Neo';
        font-weight: 400;
        src: local('Spoqa Han Sans Regular'),
        url('../fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
        url('../fonts/SpoqaHanSansNeo-Regular.woff') format('woff'),
        url('../fonts/poqaHanSansNeo-Regular.ttf') format('truetype');
    }

    @font-face {
        font-family: 'Spoqa Han Sans Neo';
        font-weight: 300;
        src: local('Spoqa Han Sans Light'),
        url('../fonts/SpoqaHanSansNeo-Light.woff2') format('woff2'),
        url('../fonts/SpoqaHanSansNeo-Light.woff') format('woff'),
        url('../fonts/SpoqaHanSansNeo-Light.ttf') format('truetype');
    }

    @font-face {
        font-family: 'Spoqa Han Sans Neo';
        font-weight: 100;
        src: local('Spoqa Han Sans Thin'),
        url('../fonts/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
        url('../fonts/SpoqaHanSansNeo-Thin.woff') format('woff'),
        url('../fonts/SpoqaHanSansNeo-Thin.ttf') format('truetype');
    }


/* Reset start */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        box-sizing: border-box;
        font-family: 'Spoqa Han Sans Neo','sans-serif';
        vertical-align: baseline;
        /* font-size: 100%;
        font: inherit; */       
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
        display: block;
    }
    body {
        line-height: 1;
    }
    ol, ul {
        list-style: none;
    }
    blockquote, q {
        quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    a {text-decoration: none;}
    input, textarea {
        font-family: 'Spoqa Han Sans Neo','sans-serif';
    }
/* Reset end */



/* 메뉴 부분 start */

    /*웹 메뉴 START*/
    .top_header_wrapper.ver02 .navbar .dropdown_menu .dropbtn p {
        color: #ffffff;
    }
    .top_header_wrapper.ver02 .navbar .last_web_menu p {
        color: #ffffff;
        position: relative; top: -10px;
    }
    .web_nav_wrapper {
        text-align: left;
        width: 1200px;
        margin: 0 auto;
    }
    .top_logo_wrapper {
        display: inline-block;
        vertical-align: middle;
        padding-left:90px;
    }
    .top_logo_wrapper img {
        width: auto;
        height: 45px;
    }
    .navbar {
        margin-left:100px;
        height: 105px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }    
    .dropdown_menu {
        overflow: hidden;
    }
    .dropbtn {
        background-color: rgba(140,158,230, 0.0);
        border: 0px solid #ffffff;
        margin-top: 43px;
    }
    .dropbtn p {
        font-size: 17px;
        font-weight: 500;
        color: #000000;
        text-align: right;
        display: inline-block;
        vertical-align: middle;
        padding-left: 20px;
    }
    .dropbtn p img {
        width: 11px;
        height: auto;
        margin-left: 10px;
    }
    .dropbtn p, .last_web_menu p {
        margin-left: 105px;
    }
    .last_web_menu p {
        font-size: 16px;
        font-weight: 500;
        color: #000000;
        display: inline-block;
        vertical-align: bottom;
    }  
    .dropdown_content_menu {
        display: none;
        position: absolute;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
        background-color: #ffffff;
        padding: 15px 0;
        padding-right: 15px;
        border-radius: 10px;
        z-index: 999;
        margin-left: 95px;
    }
    .dropdown_content_menu a {
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
        font-family: 'Spoqa Han Sans Neo','sans-serif';
        font-weight: 100;
    }
    .dropdown_menu {
        display: inline-block;
    }
    .dropdown_menu:hover .dropdown_content_menu {
        display: block;
    }

    @media all and (min-width:768px) and (max-width:1279px) {
        .web_nav_wrapper {
            display: none;
        }
    }

    @media all and (max-width:768px) {
        .web_nav_wrapper {
            display: none;
        }
    }
    
    @media screen and (max-height: 450px) {
        .web_nav_wrapper {
            display: none;
        }
    }
    /*웹 메뉴 END*/


    /*모바일 메뉴 START*/
    .hamburger {
        font-size:30px;
        cursor:pointer;
        margin: 25px;
        display: inline-block;
        vertical-align: middle;
    }
    .m_logo_wrapper {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        width: calc(100% - 140px);
    }
    .m_logo_wrapper img {
        width: auto;
        height: 35px;
        margin-left: -35px;
    }
    .hamburger.ver02 {
        color: #ffffff;
    }
    .nav_mobile {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,1);
        overflow-x: hidden;
        transition: 0.5s;
    }   
    .nav_content {
        position: relative;
        top: 70px;
        width: 100vw;
        overflow: hidden;
        text-align: center;
        margin-top: 30px;
    }
    .nav_mobile a:hover, .nav_mobile a:focus {
        color: #f1f1f1;
    } 
    .nav_mobile .closebtn {
        position: absolute;
        top: 25px;
        right: 25px;
    }
    .nav_mobile .closebtn img {
        width: 30px;
        height: auto;
    }
    .mobile_nav_wrapper {
        display: none;
    }
    .dropdown_sub_menu {
        display: inline-block;
        padding-left: 4px;
        vertical-align: top;
    }
    .dropdown_sub_menu:nth-child(1) {
        width: calc(81px + 110px);
        padding-left: 15px;
    }
    .dropdown_sub_menu:nth-child(2) {
        width: calc(81px + 100px);
        margin-left: 20px;
    }
    .dropdown_sub_menu:nth-child(3) {
        width: calc(81px + 100px);
        margin-left: 18px;
    }
    .dropdown_sub_menu a {
        font-size: 16px;
        font-weight: 400;
        color: #333;
        text-align: left;
        display: block;
    }
    .dropdown_sub_menu a.sub {
        padding-left: 35px;
        font-size: 15px;
    }
    .m_menu_text {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 40px);
        font-size: 16px;
        font-weight: 500;
        color: #ffffff;
    }
    .m_menu_arrow {
        width: 20px;
        height: auto;
        margin-left: 10px;
        vertical-align: middle;
    }
    .m_sub_menu_text {
        display: block;
        padding: 10px 0;
        padding-left: 15px;
        color: #ffffff;
        font-size: 15px;
        font-weight: 400;
        text-decoration: none;
        opacity: 0.7;
        margin-left: 25px;
    }
    .m_sub_menu_text.sub {
        padding-left: 57px;
    }
    .bt_wrapper_m_nav {
        padding: 0 25px;
        margin-bottom: 50px;
    }
    .bt_wrapper_m_nav button {
        margin-right: 20px;
        width: calc(50% - 15px);
    }
    .bt_wrapper_m_nav button.bt_ver03 {
        margin-right: 0px;
    }
    .m_basic_line {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        margin: 70px auto;
    }
    .accordion_menu_m_wrapper .m_basic_line {
        width: calc(100% - 50px);
        opacity: 0.5;
    }
    .m_nav_info_wrapper {
        padding: 0 50px;
        margin-bottom:40px;
        text-align: left;
    }
    .m_nav_info_wrapper h5.emphasis.more {
        color: #ffffff;
        font-weight:600;
        font-size:20px;
        margin-bottom: 25px;
    }
    .m_nav_info {
        margin-bottom: 15px;
    }
    .m_nav_info h6.emphasis.more {
        color: #ffffff;
        display: inline-block;
        vertical-align: middle;
        font-weight:500;
        font-size:18px;
        width: calc(100% - 200px);
    }
    .m_nav_info button {
        margin-left: 10px;
        border: 1px solid #ffffff;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 500;
        color: #ffffff;
        background-color: rgba(0,0,0, 0.0);
        vertical-align: middle;
        padding: 5px;
        width: 130px;
    }

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

    @media all and (min-width:480px) and (max-width:767px) {
        .mobile_nav_wrapper {
            display: block;
        }
    }

    @media all and (max-width:479px) {
        .mobile_nav_wrapper {
            display: block;
        }
        .bt_wrapper_m_nav button {
            margin-right: 0px;
            margin-bottom: 20px;
            width: 100%;
        }
        .bt_wrapper_m_nav button.bt_ver03 {
            margin-right: 0px;
            margin-bottom: 0px;
        }
        .m_nav_info h6.emphasis.more{
            display:block;
            width:100%;
            text-align:center;
        }
        .m_nav_info button {
            display:block;
            width:100%;
            text-align:center;
            margin-left:0;
            margin-top:6px;
        }
    }
    /*모바일 메뉴 END*/


    /*모바일 메뉴 Accordion START*/
    [id*="open-accordion"], [id*="close-accordion"]{
        display: block;
        margin: 0 auto;
        position: relative;
        width: calc(100% - 50px);
        text-align: left;
        padding: 15px 25px;
    }
  
    [id*="close-accordion"] {
        display: none;
    }
  
    .accordion_content {
        text-align: left;
        height: 0;
        position: relative;
        overflow: hidden;
        width: 100%;
        margin-left:25px;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
    }
    .accordion_content div {
        margin-bottom: 10px;;
    }
    .accordion_content div p {
        display: inline-block;
        vertical-align: top;
        word-break: keep-all;
    }
    .accordion_content div p:first-child {
        position: relative; top: -1px;
    }
    .accordion_content div p:last-child {
        width: calc(100% - 21px);
    }

    .m_accordion_menu {
        width: calc(100% - 0px);
        margin: 0px auto;
        margin-bottom: 20px;
    }
  
    .m_accordion_menu span:target ~ .accordion_content {
        display: block;
        height: auto;
        padding: 10px 0px;
    }
  
    .m_accordion_menu span:target ~ [id*="close-accordion"] {
        display: block;
    }
    
    .m_accordion_menu span:target ~ [id*="open-accordion"] {
        display: none;
    }
    
    .m_accordion_menu span:target ~ [id*="close-accordion"]:after {
        border-top: 7px solid #333;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    .selected_m_menu {
        background-color: rgba(255,255,255, 0.15);
        color: #ffffff;
        opacity: 1.0;
    }
    .target_fix {
        display: block;
        top: 0;
        left: 0;
        position: fixed;
      }
    /*모바일 메뉴 Accordion END*/


    /* 메뉴 바 색상 Start */
    .bg_old_basic {
        background: #2179c1;
    }
    .bg_basic {
        background:#2179c1;
    }
    /* 메뉴 바 색상 End */


    /*메뉴 Hover Start*/
    .hvr-sweep-to-right {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    .hvr-sweep-to-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #105d9c;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
        color: white;
    }
    .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
   /*메뉴 Hover End*/

/*메뉴 부분 END*/


/* Footer start */
    .footer_area{
        clear: both;
        background:#333;
        height:200px;
        padding:40px 0;
    }
    .footer_wrap{
        width:1194px;
        margin:auto;
        color:#989898;
        font-size: 13px;
        vertical-align: top;
    }
    .company{
        display:inline-block;
        width:calc(100% - 50% - 2px);
        vertical-align: top;
        line-height:1.5em;
    }
    .company p:nth-child(1){
        padding:0 0 10px;
    }
    .company .company_pc a,
    .company .company_mobile a{
        color:#989898;
    }
    .company .company_mobile{
        display:none;
    }
    .company .company_copyright{
        padding:10px 0 0;
        font-size:12px;
    }
    .contact{
        display:inline-block;
        width:calc(25% - 2px);
        height:120px;
        text-align: center;
        border-left:1px solid #454545;
        border-right:1px solid #454545;
        vertical-align: top;
    }
    .contact p:nth-child(1){
        font-size:16px;
        font-weight:500;
        padding: 0 0 14px;
    }
    .contact p:nth-child(2){
        font-size:22px;
        font-weight:600;
    }
    .contact p:nth-child(2) a{
        color:#989898;
    }
    .customer{
        display:inline-block;
        width:calc(25% - 2px);
        text-align: center;
        vertical-align: top;
    }
    .customer p:nth-child(1){
        font-size:16px;
        font-weight:500;
        padding: 0 0 14px;
    }
    .customer p:nth-child(2){
        font-size:22px;
        font-weight:600;
        padding:0 0 10px;
    }
    .customer p:nth-child(2) a{
        color:#989898;
    }
    .customer p:nth-child(3){
        line-height: 1.4em;
    }
    .line{
        display:none
    }

    @media all and (min-width:768px) and (max-width:1279px) {
        .footer_area{
            height:100%;
        }
        .footer_wrap{
            width:100%;
            padding:0 30px
        }
        .company{
            display:block;
            width:100%;
            margin:0 0 30px;
            text-align: center;
        }
        .contact{
            width:calc(50% - 2px);
            height:100px;
            border-left:none;
        }
        .customer{
            width:calc(50% - 2px);
        }
        .line{
            display:block;
            height:1px;
            background:#454545;
            border:none;
            margin:0 0 30px;
        }
    }

    @media all and (max-width:767px) {
        .footer_area{
            height:100%;
        }
        .footer_wrap{
            width:100%;
            padding:0 20px;
        }
        .company{
            display:block;
            width:100%;
            margin:0 0 20px;
            text-align: center;
        }
        .company .company_pc{
            display:none;
        }
        .company .company_mobile{
            display:block;
        }
        .company .company_mobile span{
            display:block;
        }
        .contact{
            display:block;
            width:100%;
            height:auto;
            border-left:none;
            border-right:none;
            border-top:1px solid #454545;
            border-bottom:1px solid #454545;
            padding:20px 0;
        }
        .customer{
            display:block;
            width:100%;
            padding:20px 0 0;
        }
        .line{
            display:none;
        }
    }
/* Footer end */


/* index start */

    /*top image*/
    .main_img{
        background: url('../image/main_3.jpg') no-repeat center center;
        background-size: cover;
        height: 500px;
        text-align:center;
    }
    .main_img_txt{
        color:#fff;
    }
    .main_img_txt p:nth-child(1),
    .main_img_txt p:nth-child(2){
        font-size:38px;
        font-weight:400;
        line-height: 1.3em;
    }
    .main_img_txt p:nth-child(1){
        padding-top:100px;
    }
    .main_img_txt p:nth-child(3){
        font-size:60px;
        font-weight:700;
        padding-top:38px;
    }

    /*text animation*/
    .fade-in-box {
        animation: fadein 3s;
        -moz-animation: fadein 3s; /* Firefox */
        -webkit-animation: fadein 3s; /* Safari and Chrome */
        -o-animation: fadein 3s; /* Opera */
    }
      @keyframes fadein {
          from {
              opacity: 0;
              transform: translateY(10px);
          }
          to {
              opacity: 1;
          }
      }
      @-moz-keyframes fadein { /* Firefox */
          from {
              opacity: 0;
              transform: translateY(10px);
          }
          to {
              opacity: 1;
          }
      }
      @-webkit-keyframes fadein { /* Safari and Chrome */
          from {
              opacity: 0;
              transform: translateY(10px);
          }
          to {
              opacity: 1;
          }
      }
      @-o-keyframes fadein { /* Opera */
          from {
              opacity: 0;
              transform: translateY(10px);
          }
          to {
              opacity: 1;
          }
      }

    .fade-in-box_1 {
        animation: fadein1 2s;
    }
    @keyframes fadein1 {
        0% {
            opacity: 0;
            transform: translateY(10px);
        }
        100% {
            opacity: 1;
        }
    }
      
    .fade-in-box_2 {
        animation: fadein2 2s;
    }
    @keyframes fadein2 {
        0% {
            opacity: 0;
        }
        25% {
            opacity: 0;
            transform: translateY(10px);
        }
        100% {
            opacity: 1;
        }
    }

    .fade-in-box_3 {
        animation: fadein3 3s;
    }
    @keyframes fadein3 {
        0% {
            opacity: 0;
        }
        30% {
            opacity: 0;
            transform: translateY(10px);
        }
        100% {
            opacity: 1;
        }
    }



    /*공지*/
    .notice_wrap{
        text-align: center;
    }
    .notice_bg {
        position: relative;
        display: inline-block;
        margin: -100px auto 0;
        width: 1194px;
        height: 200px;
        box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.08);
    }
    /*Explorer only hack*/
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {/* IE10+ */
        .notice_bg{margin: -100px auto 0;}
    }
    .notice{
        /*width:calc(100% - 400px); 챗봇 상담 삭제로 인한 크기조정 */
        width:calc(100% - 200px);
        padding:40px;
        text-align: left;
        background:#fff;
    }

    /* 내용 타이틀, 더보기 버튼*/
    .main_title{
        display: inline-block;
        width:calc(100% - 70px);
        font-size:26px;
        font-weight: 500;
        color:#222;
    }
    .main_title.eng{
        font-size:28px;
    }
    .btn_more{
        display:inline-block;
        text-align: right;
        opacity: 0.7;
    }

    /* notice/faq/q&a list */
    .main_list{
        margin:36px 0 0 0;
        font-weight:400;
        font-size:15px;
        color:#333;
    }
    .main_list li {
        margin-bottom:12px;
        overflow:hidden; 
        text-overflow:ellipsis; 
        white-space:nowrap;
        line-height:normal;
     
    }
    .main_list li:last-child{
        margin-bottom:0;
    }
    .main_list li a{
        color:#333;
    }
    .main_date{
        display:inline-block;
        margin-right:30px;
        color:#888;
        font-size:13px;
    }   

    /* 원격/챗봇 banner */
    .remote {
        margin-top:-198px;
        background:#fff;
        position: absolute;
        /* right:200px;  챗봇상담 삭제로인해 위치 조정*/
        right:0px;
        border-left:solid 1px #ccc;
    }
    /*.remote:hover{
        background: #22C8C2;
    }*/
    .chatbot {
        margin-top:-198px;
        background:#0B476A;
        position: absolute;
        right:0; 
    }
    /*.chatbot:hover{
        background:#00588B;
    }*/
    .remote a{
        display: inline-block;
        width:200px;
        height:200px;
        padding-top:40px;
        color:#fff;
        font-size:22px;
    }
    .chatbot a{
        display: inline-block;
        width:200px;
        height:200px;
        padding:32px;
        color:#fff;
        font-size:22px;
    }
    .remote span, .chatbot span{
        display:block;
        margin-top:20px;
    }

    /* qna/faq Layout */
    .list_area{
        margin:60px auto;
        width:1194px;
        clear: both;
    }
    .qna_wrap{
        display:inline-block;
        width:calc(100% / 2 - 25px);
        margin-right:23px;
        padding-left:12px;
        vertical-align: top;
    }
    .faq_wrap{
        display:inline-block;
        width:calc(100% / 2 - 135px);
        margin-left:23px;
        padding-right:12px;
        vertical-align: top;
    }
    .font_1{
        display:inline-block;
        padding:0 5px;
        color:#ccc;
        font-size:20px;
        font-weight:100;
    }
    .font_2{
        font-size:20px;
    }

    /*banner*/
    .banner_area{
        margin:0 auto 60px;
        width:1194px;
        position:relative;
    }
    .banner{
        display:inline-block;
        width:24%;
        height:70px;
        border:1px solid #ccc;
        box-sizing: border-box;
    }
    
    .banner a{
        display:inline-block;
        width:577px;
        height:130px;
        padding:19px 60px;
        box-sizing: border-box;
    }
    .banner a span{
        color:#333;
    }
    /*
    .banner span{
        display:inline-block;
        float:left;
        height:92px;
    }
    .banner span:nth-child(1){
        width:92px;
    }
    .banner span:nth-child(2){
        width:calc(100% - 120px);
        padding:35px 0 0;
        font-size:20px;
        text-align:center;
    }
    .banner span:nth-child(3){
        width:26px;
        padding:32px 0 0;
    }
    */

    @media all and (min-width:768px) and (max-width:1279px) {
        /* Notice */
        .notice_bg {
            width:100%;
            height:200px;
        }

        /* qna/faq Layout */
        .list_area{
            margin:50px auto;
            width:100%;
        }
        .qna_wrap{
            display:block;
            width:100%;
            margin-right:0;
            margin-bottom:50px;
            padding:0 40px;
            vertical-align: unset;
        }
        .faq_wrap{
            display:block;
            width:100%;
            margin-left:0;
            padding:0 40px;
            vertical-align: unset;
        }

        /* banner */
        .banner_area{
            margin:unset;
            width:100%;
        }
        .banner{
            width:50%;
            float:left;
            margin:0 0 60px;
        }
        .banner:first-child{
            margin-right:0;
            border-right:unset;
        }
        .banner a{
            width:100%;
            padding:19px 28px;
        }
    }

    @media all and (max-width:767px) {
        /*메인 이미지*/
        .main_img {
            height: 400px;
        }
        /*공지*/
        .notice_bg {
            width:100%;
            height:auto;
            box-shadow: none;
            margin:unset;
        }
        .notice {
            display:block;
            width:100%;
            height:180px;
            padding:30px 20px;
            text-align: left;
        }
        /*원격/챗봇 banner*/
        .remote {
			border:solid 1px #ccc;
            margin-top:0;
            background:#fff;
            position:unset;
            right:unset;
            display: inline-block;
            /* width:50%; 챗봇상담 삭제로 인한 크기조정*/
            width:100%;
            height:170px;
            float:left;
            text-align: center;
        }
        .chatbot {
            margin-top:0;
            background:#0B476A;
            position:unset;
            right:unset;
            display: inline-block;
            width:50%;
            height:170px;
            float:left;
            text-align: center;
        }
        .remote a{
            display: inline-block;
            width:100%;
            padding:28px;
            color:#fff;
            font-size:20px;
        }
        .chatbot a{
            display: inline-block;
            width:100%;
            color:#fff;
            padding:20px;
            font-size:20px;
        }
        .remote span, .chatbot span{
            display:block;
            width:100%;
            margin-top:16px;
        }

        /* 내용 타이틀, 더보기 버튼 */
        .main_title{
            font-size:23px;
            font-weight: 700;
        }
        .main_title.eng{
            font-size:25px;
        }

        /* notice/faq/q&a  list */
        .main_list{
            margin:30px 0 0 0;
            font-size:16px;
        }
        .main_list li {
            margin-bottom:20px;
        }
        .main_date{
            margin-right:10px;
        }

        /* qna/faq Layout */
        .list_area{
            margin:40px auto;
            width:100%;
        }
        .qna_wrap{
            display:block;
            width:100%;
            margin-right:0;
            margin-bottom:40px;
            padding:0 20px;
            vertical-align: unset;
        }
        .faq_wrap{
			margin-top:40px;
            display:block;
            width:100%;
            margin-left:0;
            padding:0 20px;
            vertical-align: unset;
        }

        /*banner*/
        .banner_area{
            margin:unset;
            width:100%;
        }
        .banner{
            display:block;
            width:100%;
            margin:0px;
        }
        .banner:first-child{
            margin-right:0;
            border-bottom:unset;
        }
        .banner:last-child{
            margin-bottom:40px;
        }
        .banner a{
            width:100%;
            padding:19px 30px;
        }
    }

    @media all and (min-width:480px) and (max-width:767px) {
        /*메인이미지*/
        .main_img {
            height: 370px;
        }
        .main_img_txt p:nth-child(1){
            font-size:28px;
            font-weight:400;
            line-height: 1.4em;
            padding:80px 20px 0;
        }
        .main_img_txt p:nth-child(2){
            font-size:28px;
            font-weight:400;
            line-height: 1.4em;
        }
        .main_img_txt p:nth-child(3){
            font-size:45px;
            font-weight:700;
            padding:38px 16px 0;
            line-height: 1.2em;
        }
    }

    @media all and (max-width:479px) {
        /*메인이미지*/
        .main_img {
            height: 340px;
        }
        .main_img_txt p:nth-child(1){
            font-size:20px;
            font-weight:400;
            line-height: 1.4em;
            padding:80px 20px 0;
        }
        .main_img_txt p:nth-child(2){
            font-size:20px;
            font-weight:400;
            padding:0 20px 30px;
        }
        .main_img_txt p:nth-child(3){
            font-size:36px;
            font-weight:700;
            line-height: 1.2em;
            padding:0 16px;
        }
        /*banner*/
        .banner a{
            width:100%;
            padding:19px 20px;
        }
    }

    @media all and (max-width:300px) {
        .font_1, .font_2 {display:none}
    }
    @media all and (max-width:280px) {
        .main_img_txt p:nth-child(1){
            font-size:19px;
            font-weight:400;
            line-height: 1.4em;
            padding:84px 10px 0;
        }
        .main_img_txt p:nth-child(2){
            font-size:19px;
            font-weight:400;
            line-height: 1.4em;
            padding:0 10px 30px;
        }
        .main_img_txt p:nth-child(3){
            font-size:35px;
            font-weight:700;
            line-height: 1.2em;
            padding:0 16px;
        }
    }

/* index end */



/* sub-page common */

    /*sub top-image*/
    .top_img_wrap{
        height:300px;
    }
    .top_img_wrap.sub1{/*기술지원*/
        background: url('../image/top_img_1.jpg') no-repeat center center;
        background-size: cover;
    }
    .top_img_wrap.sub2 {/*자료실*/
        background: url('../image/top_img_2.jpg') no-repeat center center;
        background-size: cover;
    }
    .top_img_wrap.sub3 {/*사용자 매뉴얼*/
        background: url('../image/top_img_3.jpg') no-repeat center center;
        background-size: cover;
        height:250px;
    }
    .top_img_wrap.sub4 {/*공지사항*/
        background: url('../image/top_img_1.jpg') no-repeat center center;
        background-size: cover;
        height:250px;
    }

    /*sub title*/
    .sub_title{
        text-align:center;
        line-height:255px;
        font-size:36px;
        font-weight:500;
        color:#fff;
    }
    .page_nav_mobile{display:none}
    
    /*sub menu*/
    .sub_menu_area{
        margin-top:-60px
    }
    .sub_menu_wrap{
        margin:0 auto;
        width:1194px;
        height:60px;
        background:rgba(23, 20, 20, 0.8);
    }
    .sub_menu_d2{ /*sub menu 2개일 경우*/
        float:left;
        width:calc(100% / 2);   
    }
    .sub_menu_d2 a{
        display:inline-block;
        width:100%;
        height:60px;
        color:#fff;
        font-size:20px;
        font-weight:400;
        line-height: 60px;
        text-align:center;       
    }
    .sub_menu_d2.act{
        background:#fff;     
    }
    .sub_menu_d2.act a{
        text-align:center;
        line-height: 60px;
        color:#222;
        font-size:20px;
        font-weight:500;
    }
    .sub_menu_d3{
        float:left;
        width:calc(100% / 3);
    }
    .sub_menu_d3 a{
        display:inline-block;
        width:100%;
        height:60px;
        color:#fff;
        font-size:19px;
        font-weight:400;
        line-height: 60px;
        text-align:center;       
    }
    .sub_menu_d3.act{
        background:#fff;     
    }
    .sub_menu_d3.act a{
        text-align:center;
        line-height: 60px;
        color:#222;
        font-size:19px;
        font-weight:500;
    }

    /*page title area*/
    .page_title_area{
        width:1194px;
        margin:0 auto;
        padding:0 0 40px;
    }
    .page_nav{
        font-size:13px;
        font-weight:300px;
        color:#888;
        text-align:right;
        padding:30px 10px 0;
    }
    .page_nav a{
        color:#888;
    }
    .page_title{
        font-size:30px;
        font-weight:500;
        color:#222;  
    }
    .page_title_1{
        font-size:24px;
        font-weight:100;
        color:#ccc;
        display:inline-block;
        padding:0 8px;
    }
    .page_title_2{
        font-size:24px;
        font-weight:400;
        color:#222;
    }

    /*content*/
    .content_wrap{
        clear:both;
        width:1194px;
        margin:0 auto;
        padding:0 0 50px;
        color:#333;
    }

    /* form Element */
    ::placeholder{
        font-size:15px;
        color:#777;
        font-weight:300;
    }
    input:not([type="file"]) {
        border:1px solid #ccc;
        height:50px;
        padding:0 12px;
        box-sizing: border-box;
        color:#333;
        font-size:15px;
    }
    textarea{
        border:1px solid #ccc;
        height:50px;
        padding:12px;
        box-sizing: border-box;
        color:#333;
        font-size:15px;
        line-height:1.5em;
    }

    /*파일첨부*/
    .filebox input[type="file"] { 
        position: absolute; 
        width: 1px; 
        height: 1px; 
        padding: 0; 
        margin: -1px; 
        overflow: hidden; 
        clip:rect(0,0,0,0); 
        border: 0; 
    } 
    .filebox label { 
        display: inline-block; 
        height:50px;
        width:100px;
        background: #608bff; 
        line-height:50px;
        text-align:center;
        color: #fff; 
        font-size: 15px;
        font-weight:400;
        vertical-align: middle; 
        cursor: pointer; 
    } 
    .filebox .upload-name {/* named upload */ 
        display: inline-block;
        /*width:calc(100% - 104px);*/
        width:70%;
        height:50px;
        font-size:15px;
        color:#777;
        font-weight:300;
        line-height: 50px; 
        vertical-align: middle; 
        background-color: #fff; 
        border: 1px solid #ccc; 
        -webkit-appearance: none; /* 네이티브 외형 감추기 */ 
        -moz-appearance: none; 
        appearance: none; 
    }
      

    /* 검색 */
    .search_wrap{/*FAQ*/
        clear: both;
        text-align: center;
        padding:40px 0 40px;
    }
    .search_wrap_1{/*Q&A*/
        text-align:center;
        padding:0;
    }
    select{
        border:1px solid #ccc;
        background:#fff;
        height:50px;
        padding:0 12px;
        box-sizing: border-box;
        font-size:15px;
        color:#333;
        vertical-align:middle;
    }
    .search{
        display:inline-block;
        height:50px;
        width:calc(60% + 50px);
        border:1px solid #ccc;
        background:#fff;
        vertical-align:middle;
        box-sizing: border-box;
    }
    .search_input{/*검색란*/
        font-size:15px;
        width:calc(100% - 55px);
        height:100%;
        background:none;
        border:none;
        float:left;
        box-sizing: border-box;
    }
    .search_btn{/*검색버튼*/
        background:url('../image/icon_search.png') no-repeat center #fff;
        border:none;
        width:50px;
        height:100%;
        cursor: pointer;
        float:right;
    }

    /*Firefox only hack*/
    @-moz-document url-prefix() { 
        .search_wrap{
            clear: both;
            padding:40px 0 40px;
        }
        .search_wrap_1 {
            margin:0;
        }
        select{
            background:#fff;
        }
    }

    /* floating-banner */
    .float_remote {
        position: fixed; bottom: 20px; right: 0px;
        z-index: 777;
        width: 70px;
        height: 70px;
        background:#21A8A3;
        text-align: center;
        padding-top:8px;
        /*box-shadow: 0 3px 9px 0 rgb(68 68 68 / 30%);*/
        border: 0px solid #ffffff;
        cursor: pointer;
    }
    .float_chat {
        position: fixed; bottom: 20px; right: 0px;
        z-index: 787;
        padding:0;
        width: 70px;
        height: 70px;
        background:#0B476A;
        text-align: center;
        padding-top:3px;
        /*box-shadow: 0 3px 9px 0 rgb(68 68 68 / 30%);*/
        border: 0px solid #ffffff;
        cursor: pointer;
    }
    

    @media all and (min-width:768px) and (max-width:1279px) {
        /*sub menu*/
        .sub_menu_wrap{
            width:100%;
        }

        /*page title area*/
        .page_title_area{
            width:100%;
        }
        .page_nav{
            padding:30px 30px 0;
        }
        .page_title{
            padding:0 30px;
        }

        /*content*/
        .content_wrap {
            width:100%;
            padding:0 30px 50px;
            margin:unset;
        }

        /*floating banner*/
        .float_remote{opacity: 0.85;}
        .float_chat{opacity: 0.65;}
        .float_remote:hover,
        .float_chat:hover {
            opacity: 1;
        }

    }

    @media all and (max-width:767px) {
        /*sub top image*/
        .top_img_wrap{
            height:200px;
            position: relative;
        }
        .top_img_wrap.sub3,
        .top_img_wrap.sub4 {
            height:200px;
        }

        /*sub title*/
        .sub_title{
            padding-top:68px;
            line-height:unset;
            font-size:32px;
        }
        .page_nav_mobile{ 
            display:block;
            padding-top:14px;
            text-align: center;
            font-size:13px;
            color:#fff;
            opacity: 0.73;
        }
        .page_nav_mobile a{
            color:#fff;
        }

        /*sub menu*/
        .sub_menu_area{
            display:none;
        }

        /*page title area*/
        .page_title_area{
            width:100%;
            margin:unset;
            padding:40px 20px;
        }
        .page_title_area.one {padding:40px 0 0}
        .page_title_area.one .page_title{display:none}
        .page_nav{
            display:none;
        }
        .page_title{
            font-size:24px;
            /*text-align:center;*/
        }
        .page_title_1{
            font-size:22px;
        }
        .page_title_2{
            font-size:22px;
        }

        /*content*/
        .content_wrap{
            width:100%;
            padding:0 20px 40px;
        }

        /*search*/
        select{
            width:100%;
            margin-bottom:2px;
        }
        .search{
            display:block;
            width:100%;
        }
        .search_input{
            width:calc(100% - 50px) !important;
        }

        /*floating banner*/
        .float_remote{opacity: 0.85;}
        .float_chat{opacity: 0.7;}
        .float_remote:hover,
        .float_chat:hover {
            opacity: 1;
        }

        /*파일첨부*/
        .filebox .upload-name {/* named upload */ 
            width:calc(100% - 104px);
        }
    }
    /*@media all and (max-width:420px) {
        파일첨부
        .filebox label { 
            display: block; 
            width:100%;
        } 
        .filebox .upload-name {
            display: block;
            width:100%;
        }
    }*/

/* sub-page common */


/* BOARD Start */
    .table_wrapper_area{
        padding:40px 0;
        font-size:15px;
        color:#333;
    }
    /*목록보기*/
    .table_wrapper {
        text-align: center;
        clear: both;
    }
    .table_wrapper a {
        color:#333
    }
    .table_wrapper li {
        display:inline-block;
        float:left;
    }
    .table_wrapper.item{
        border-top: 2px solid #222;
        border-bottom: 1px solid #dddddd;
        background:#f9f9f9;
        height:60px;
        line-height:60px;      
    }
    .table_wrapper.list ul{
        border-bottom: 1px solid #dddddd;
        height:60px;
        line-height:60px;
    }
    .table_wrapper.list ul:last-child{
        border-bottom:1px solid #222;
    }
    .table_wrapper .number{
        width:10%;
    }
    .table_wrapper .title{
        width:calc(100% - 40%);
        text-align:left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .table_wrapper .title_1{/*일반게시판 타이틀 영역*/
        width:calc(100% - 40%);
        text-align:left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .table_wrapper .date{
        width:18%;
    }
    .table_wrapper .hits{
        width:10%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .table_wrapper.item .title,
    .table_wrapper.item .title_1{/*게시판 제목항목*/
        text-align:center;
        overflow: unset;
        text-overflow: unset;
        white-space: unset;
    }
  
    /* pagination */
    .pagi-wrap {
        clear:both;
        width:1194px;
        text-align:center;
    }
    .pagination {
        display:inline-block
    }     
    .pagination a {
        color: #333;
        float: left;
        width:40px;
        height:40px;
        line-height:40px;
        text-align:center;
        text-decoration: none;
        transition: background-color .3s;
        border: 1px solid #ddd;
        margin: 3px;
    }
    .pagination a:first-child,
    .pagination a:last-child {
        font-size:24px; 
        line-height:34px;
    }     
    .pagination a.act {
        background-color: #2179C1;
        color: white;
        border: 1px solid #2179C1;
    }    
    .pagination a:hover:not(.act) {background-color: #fff;}

    /*button*/
    .btn_wrap {
        text-align: right;
        padding:30px 0 0;
        clear:both;
    }
    .btn_wrap button{
        border:none;
        background:#2179C1;
        width:150px;
        height:45px;
        font-size:15px;
        font-weight:bold;
        color:#fff;
        cursor: pointer;
    }
	
	.btn_wrap2 {
        text-align: center;
        padding:30px 0 0;
        clear:both;
    }
    .btn_wrap2 button{
        border:none;
        background:2179C1;
        width:150px;
        height:45px;
        font-size:15px;
        font-weight:bold;
        color:#fff;
        cursor: pointer;
    }
	
    button.btn_gray {
        background:#777171;
    }

    /*Q&A 확인중/답변완료 아이콘*/
    .checking{
        display:inline-block;
        background:#2179C1;
        border-radius: 3px;
        width:60px;
        height:24px;
        line-height:24px;
        text-align:center;
        font-size:13px;
        color:#fff;
        margin-right:10px;
    }
    .complete {
        display:inline-block;
        background:#777171;
        border-radius: 3px;
        width:60px;
        height:24px;
        line-height:24px;
        text-align:center;
        font-size:13px;
        color:#fff;
        margin-right:10px;
    }

    /* 글쓰기 */
    .write_form {
        width:100%;
        border-top:2px solid #222;
        border-bottom:1px solid #222;
        color:#333;
    }
    .write_form td{
        padding: 30px 20px 0;
        box-sizing: border-box;
    }
    .write_form tr:last-child td{
        padding-bottom:30px;
    }
    .write_item {
        width:15%;
        vertical-align: middle;
    }
    .write_input{
        width:calc(100% - 12%);
        vertical-align: middle;
    }
    .mobile_item{
        display:none;
    }
    .write_form input{
        width:100%;
    }
	.write_form select{
        width:100%;
    }
    .write_form input[type=password]{
        width:60%;
    }
    .write_form.pass .write_item{/*묻고답하기-비밀번호입력*/
        text-align: center;
    }
    .write_form.pass input[type=password] {/*묻고답하기-비밀번호입력*/
        width:100%;
    }
    .explain {
        font-size:14px;
        color:#777;
        display:inline-block;
        padding-left:10px;
    }
    .explain_1 {
        font-size:14px;
        color:#777;
        display:block;
        padding-top:5px;
        line-height: 1.25em;
    }
    .captcha_img{
        border:1px solid #ccc;
        height:50px;
        vertical-align: middle;
    }
    .captcha_input_wrap{
        display:inline;
    }
    .captcha_input_wrap .captcha_input{
        width:200px;
        vertical-align:middle;
    }
    button.btn_refresh{/*이미지 새로고침*/
        border:none;
        background: #b1b1b1;
        padding:0 14px;
        height:50px;
        font-size:15px;
        font-weight:600;
        color:#fff;
        cursor: pointer;
        vertical-align: middle;
        margin-right:40px;
        letter-spacing: -1px;
    }

    /* 글보기 */
    .view_wrap {
        border-top:2px solid #222;
        border-bottom:1px solid #222;
        width:100%;
    }
    .view_wrap.qna{
        border-bottom:none;
    }
    .view_title{
        padding:20px;
        border-bottom:1px solid #222;
    }
    .view_title .title{
        padding:0 0 20px;
        text-align: center;
        font-size:20px;
        font-weight:500;
        color:#333;
        line-height:1.2em;
    }
    .view_title .date,
    .cont .date {
        font-size: 14px;
        color:#333;
    }
    .cont.qna .date {/*qna 답변 등록일*/
        padding:20px 20px 10px;
        border-bottom:1px solid #ddd;
    }
    .view_title .file{
        font-size: 14px;
        color:#333;
        padding:2px;
        overflow: hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }
    .view_title_item{
        display:inline-block;
        padding-right:15px;
        font-weight:500;
        color:#333;
    }
    .view_title_item2{
        color:#777;
    }
    .view_content {
        clear:both;
        padding:20px;
        line-height:1.5em;
    }
    .view_content a{color:#333}
    .view_content.qna {
        padding:0px;
    }
    .view_content.qna .question{
        border-bottom: 1px solid #222;
    }
    .view_content.qna .answer{
        border-top: 1px solid #222;
        border-bottom: 1px solid #222;
    }
    .view_content.qna .item{
        display:inline-block;
        width:15%;
        padding:20px;
        box-sizing: border-box;
        vertical-align: middle;
        text-align:center;
        font-weight:500;
    }
    .view_content.qna .cont{
        display:inline-block;
        width:calc(100% - 15% - 5px);
        border-left:1px solid #ddd;
        padding:20px;
        vertical-align: middle;
    }
    .view_content.qna .cont.qna{
        padding:0px;
    }
    .view_content.qna .cont.qna .an_cont{/*qna 답변*/
        padding:20px;
    }
    .view_content.qna .dot_line {
        border:none;
        border-top: 1px dotted #777;
        margin:0;
    }
    .view_content.qna .answer_ttl{
        display:inline-block; 
        background: #222;
        border-radius:30px; 
        width:70px; 
        height:32px;
        text-align:center;
        line-height: 30px;
        color:#fff;
        margin:50px 10px 15px;
    }
    .title_list a{
        color:#333;
    }
    .title_list .title{
        display:inline-block;
        width:calc(100% - 120px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: middle;
        line-height: normal;
    }
    .pre, .next{
        padding:16px 20px;
    }
    .pre{
        border-bottom:1px solid #ddd;
    }
    .next{
        border-bottom:1px solid #222;
    }
    .list_title_icon{
        display:inline-block;
        padding:0 20px;
    }
    .list_title_icon img{
        vertical-align: middle;
    }


    @media all and (min-width:768px) and (max-width:1279px) {
        .pagi-wrap {
            width:100%;
        }

        /*button*/
        .btn_wrap {
            text-align: center;
        }
    }

    @media all and (max-width:767px) {
        /*list*/
        .table_wrapper.item {
            display:none;
        }
        .table_wrapper.list {
            border-top:1px solid #ddd;
        }
        .table_wrapper.list ul:first-child{
            border-top: 1px solid #222;
        }
        .table_wrapper.list .number,
        .table_wrapper.list .date,
        .table_wrapper.list .hits {
            display:none;
        }
        .table_wrapper.list .title,
        .table_wrapper.list .title_1 {
            margin:unset;
            display:block;
            width:100%;
            padding:0 15px;
        }
        /*pagination*/
        .pagi-wrap {
            width:100%;
        }
        .prev, .nex {
            display:none;
        }
        /*button*/
        .btn_wrap {
            text-align: center;
        }
        /*글쓰기*/
        .write_form td{
            padding: 20px 8px 0;
            box-sizing: border-box;
        }
        .write_form tr:last-child td{
            padding-bottom:20px;
        }
        .mobile_item{
            display:block;
            padding:0 2px 6px;
        }
        .write_item{
            display:none;
        }
        .captcha_img{
            width:100%
        }
        .captcha_input_wrap{
            display:block;
            padding-top:10px;
        }
        .captcha_input_wrap .captcha_input{
            width:100%;
        }
        button.btn_refresh{/*이미지 새로고침*/
            width:100%;
            margin-right:unset;
            margin-top:1px;
            letter-spacing: 0px;
        }
        /*글보기*/
        .view_title{
            padding:20px 15px;
        }
        .write_form input[type=password]{
            width:100%;
        }
        .explain {
            padding-left:0px;
            padding-top:5px;
        }
        .view_content {
            padding:20px 15px;
        }
        .view_content.qna .item{
            display:block;
            width:100%;
            padding:10px;
            border-bottom:1px solid #ddd;
            background:#f9f9f9;
        }
        .view_content.qna .item.an{
            background:;
        }
        .view_content.qna .cont{/*qna 질문*/
            display:block;
            width:100%;
            padding:15px;
            border-left:none;
        }
        .list_title_icon{
            display:inline-block;
            padding:0 10px;
        }
        .view_content.qna .cont.qna .an_cont{/*qna 답변*/
            padding:15px;
        }
        .cont.qna .date {/*qna 답변 등록일*/
            padding:10px 15px;
            border-bottom:1px solid #ddd;
        }
        .pre, .next{/*이전,다음글보기*/
            padding:16px 15px;
        }
    }

    @media all and (max-width:380px){
        .btn_wrap button{
            width:100%;
            margin-bottom:1px;
        }
    }
/* BOARD End */


/*FAQ Start*/

    /*faq tab*/
    .faq_item li{
        float:left;
        width:calc(100% / 6 - 1px);
        box-sizing: border-box;
        margin-right:1px;
        line-height: 50px;
        text-align:center;
        background:#D8D9DB;
        font-size: 15px;
        color:#222;
    }
    .faq_item li:last-child{
        margin-right:0;
    }
		
    .faq_item.tab li:hover {/* Change background color of li on hover */
        background-color: #D8D9DB;
        cursor: pointer;
    }
    .faq_item.tab li.act {/* Create an active/current tablink class */
        background:#fff;
        border:1px solid #BF181F;
        height:50px;
        box-sizing: border-box;
        color:#BF181F;
    }
    
    .faq_item.tab.mobile{
        display:none;
    }
	
	.faq_item_JTM li{
        float:left;
        width:calc(100% / 3 - 1px);
        box-sizing: border-box;
        margin-right:1px;
        line-height: 50px;
        text-align:center;
        background:#D8D9DB;
        font-size: 15px;
        color:#222;
    }
    .faq_item_JTM li:last-child{
        margin-right:0;
    }
		
    .faq_item_JTM.tab li:hover {/* Change background color of li on hover */
        background-color: #D8D9DB;
        cursor: pointer;
    }
    .faq_item_JTM.tab li.act {/* Create an active/current tablink class */
        background:#fff;
        border:1px solid #BF181F;
        height:50px;
        box-sizing: border-box;
        color:#BF181F;
    }
    
    .faq_item_JTM.tab.mobile{
        display:none;
    }
	
	.tabcontent {/* Style the tab content */
        display: none;
    }
	
	

    /* faq accordion */
    .accordion {
        font-size: 15px;
        color: #333;
        cursor: pointer;
        width: 100%;
        height:60px;
        padding:0 18px;
        box-sizing: border-box; 
        border-top: none;
        border-bottom: 1px solid #ccc;
        border-left:none;
        border-right:none;
        background:#fff;
        text-align: left;
        outline: none;
        transition: 0.4s;
        clear: both;
    }
    .accordion span{
        display: inline-block;
        width:calc(100% - 80px);
        vertical-align: middle;
        overflow:hidden; 
        text-overflow:ellipsis; 
        white-space:nowrap;
    }
    .accordion:first-child{
        border-top: 1px solid #ccc;
    } 
    .active, .accordion:hover {
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        border-left:none;
        border-right:none;
    }      
    .accordion:after {
        content: '\002B';
        color: #777;
        font-weight: bold;
        float: right;
        margin-left: 5px;
        margin-top:10px;
    }     
    .active:after {
        content: "\2212";
    }  
    .panel {
        background-color: #F9F9F9; 
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }
    .panel .answer_wrap {
        border-bottom:1px solid #ccc;
    }
    .panel .answer_wrap p{
        padding:20px;
        font-size: 15px;
        font-weight:400;
        color: #333;       
    }
    .tabcontent img {
        vertical-align:middle;
    }
    .icon_area {
        display:inline-block;
        vertical-align: top;
        width:50px;
    }
    .answer_area {
        display:inline-block;
        width:calc(100% - 54px);
        line-height:1.5em;
        vertical-align: middle;
    }

    @media all and (min-width:768px) and (max-width:1279px) {
        
    }

    @media all and (max-width:767px) {
        /* 검색 */
        .search_input{
            width:70%;
        }
        /* faq tab */
        .faq_item li{
            display:inline-block;
            width:calc(100% / 3 - 1px);
            margin:0 1px 1px 0;
            line-height: 50px;
        }
    }

    .a_link{ text-decoration: underline; text-decoration-color: #000;}

/*FAQ End*/