@charset 'utf-8';

.scrollDisable {
    height: 100%;
    min-height: 100%;
    overflow: hidden !important;
    touch-action: none;
}
/*.gnb ul li.nav:nth-child(4) .sub_menu_box li:nth-child(3) ul li:nth-child(5){display:none; }
.footer-section1 .section1_inner ul li li:nth-child(5){display:none;}*/
/**
 * Define skip-navigation
 * --------------------------------
 */


i {
    background-repeat: no-repeat;
}






body {
    animation: fadeIn ease 2s;
    -moz-animation: fadeIn 2s;
    /* Firefox */
    -webkit-animation: fadeIn 2s;
    /* Safari and Chrome */
    -o-animation: fadeIn 2s;
    /* Opera */
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}


@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {

    /* Firefox */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {

    /* Safari and Chrome */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {

    /* Opera */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}






html {
    font-size: 62.5%;
    font-size: 10px;
}

figure,
figcaption {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-size: 1.4rem;
    color: #202020;
}

.m_header {
    display: none;
}

p {
    line-height: 2.2rem;
}

.hidden,
caption {
    overflow: hidden;
    border: 0;
    position: absolute;
    width: 0.1rem;
    height: 0.1rem;
    clip: rect(1px 1px 1px 1px);
    clip-path: inset(50%);
}

.width-center-section {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.flex_box {
    display: flex;
    justify-content: center;
}

.pt-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.w-980 .w-980 {
    padding-left: 0;
    padding-right: 0;
}

.title2 {
    color: #0052b9;
    font-size: 3.5rem;
    letter-spacing: -0.05em;
    margin-bottom: 3rem;
}

.b-top {
    border-top: 1px solid #f5f5f5;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-40 {
    margin-bottom: 4rem !important;
}

.mb-30 {
    margin-bottom: 3rem !important;
}

/*변경*/
.pb-30 {
    padding-bottom: 3rem !important;
}

/*변경*/
@keyframes big {
    from {
        background-size: cover;
    }
    to {
        width: 150px;
        height: 150px;
    }
}







 



/*패밀리사이트*/
.family_site {
    display: none;
    background-color: #0052b9;
    width: 100%;
    height: 62rem;
    position: absolute;
    bottom: -300%;
    padding-top: 6rem;
}

/* .footer-section2 .family_site > .w-980 {border:none;} */

.family_site h2 {
    font-size: 3rem;
    color: #ffffff;
    margin-bottom: 3.5rem;
}

.family_content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.family_content dl {
    width: 25%;
    margin-bottom: 3.5rem;
}

.family_content dl dt,
.family_content dl dd,
.family_content dl dd a {
    font-size: 1.4rem;
    letter-spacing: -0.05em;
}

.family_content dl dt {
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #ffffff;
}

.family_content dl dd a {
    margin-bottom: 0.1rem;
    color: #cbebf8;
    
}
.family_content dl dd a:hover{color:#fff;}
.f_close {
    position: absolute;
    right: 4.5rem;
    top: 4rem;
}





.t-center {
    text-align: center !important;
}

.mb-20 {
    margin-bottom: 2rem !important;
}

.mt-70 {
    margin-top: 7rem !important;
}

.mt-40 {
    margin-top: 4rem !important;
}

.mb-40 {
    margin-bottom: 4rem !important;
}


.pt-70 {
    padding-top: 7rem !important;
}

.pt-60 {
    padding-top: 6rem !important;
}

.pb-60 {
    padding-bottom: 6rem !important;
}



/*헤더*/
.h_inner {
    padding-top: 3.0rem;
    display: block;
    top: 0;
    
    width: 100%;
    z-index: 10;
    height: 140px;
    position: fixed;


    
}

.s_menu_section {
    display: flex;
    justify-content: flex-end;
    
}

.social_aticle:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 1.7rem;
    border-right: 1px solid #ffffff;
    margin: auto 1.0rem auto 0.5rem;
}

.h_inner.nav-down.on .social_aticle:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 1.7rem;
    border-right: 1px solid #a7a7a7;
    margin: auto 1.0rem auto 0.5rem;
}

.nav-up {
    top: -141px;
}

.fp-viewing-0 .nav-down {
    background: none;
    position: fixed;
}

.check_scroll .s_menu_section {
    display: none;
}

.h_inner.check_scroll {
    padding-top: 1rem;
    height: 9rem;
}

.header_menu_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_menu_section .logo {
    display: block;
    width: 15.0rem;
    height: 4.5rem;
    background: url('/resources/img/ko/common/logo.png') no-repeat center center;
}

.h_inner .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.h_inner .gnb {
    display: flex;
}

.h_inner .gnb>ul {
    display: flex;
    flex-wrap: wrap;
    width: 62.5rem;
    justify-content: space-between;
    align-items: flex-end;
    vertical-align: bottom;
}



.h_inner .gnb>ul>li>a {
    font-family: 'Sarabun', sans-serif;
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: -0.05em;
    display: flex;
    width: 100%;
    align-items: center;
    
}

.h_inner .gnb>ul>li:last-child a {
    justify-content: flex-end;
}

.h_inner .gnb>ul>li:nth-child(2) a {
    justify-content: center;
}

.h_inner .gnb>ul>li:nth-child(3) a {
    justify-content: center;
}

.h_inner.on {
    background: #ffffff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    
    
    
}




/*테이블 데이타 리스트 스타일 공통 */
/*블릿*/

ul.b_list li {
    color: #666666;
    font-size: 1.5rem;
    letter-spacing: -0.05em;
    display: flex;
    align-items: center;
}

ul.b_list li:before {
    content: 'ㆍ';
    display: block;
}


ul.n_list li {
    margin-bottom: 4rem;
}

ul.n_list li:last-child {
    margin-bottom: 0rem;
}

ul.n_list li span,
ul.n_list li span i {
    display: flex;
    font-style: normal;
    font-size: 1.8rem;
     letter-spacing: -0.05em;
}

ul.n_list li p {
    color: #666666;
    font-size: 1.6rem;
    letter-spacing: -0.05em;
    margin-top: 1rem;
    font-weight:100;
}

ul.n_list li:nth-child(1) i:before {
    content: '1.';
    display: block;
}

ul.n_list li:nth-child(2) i:before {
    content: '2.';
    display: block;
}

ul.n_list li:nth-child(3) i:before {
    content: '3.';
    display: block;
}

ul.n_list li:nth-child(4) i:before {
    content: '4.';
    display: block;
}

ul.n_list li:nth-child(5) i:before {
    content: '5.';
    display: block;
}

ul.n_list li:nth-child(6) i:before {
    content: '6.';
    display: block;
}

ul.n_list li:nth-child(7) i:before {
    content: '7.';
    display: block;
}

ul.n_list li:nth-child(8) i:before {
    content: '8.';
    display: block;
}

ul.n_list li:nth-child(9) i:before {
    content: '9.';
    display: block;
}

ul.n_list li:nth-child(10) i:before {
    content: '10.';
    display: block;
}


.table_title {
    display: flex;
    border-bottom: 1px solid #0052b9;
}

.table_title dt {
    width: 33rem;
    color: #0052b9;
    font-size: 1.4rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.table_title dd {
    width: calc(100% - 33%);
}


.table_data dl {
    border-bottom: 1px solid #e2e2e2;
    display: flex;
}

.table_data dl dt,
.table_data dl dd {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 1.6rem;
    color: #666666;
    letter-spacing:-0.05em;
    font-weight:100;
}

.table_data.w-33 dl dt {
    width: 33rem;
}

.table_data.w-33 dl dd {
    width: calc(100% - 33%);
}

/*푸터*/
.footer {
    position: relative;
    height: 100%;
    /*overflow: hidden;*/
}

.footer .f_menu {
    display: flex;
    justify-content: space-between;
}

.footer .f_menu ul.menu li {
    display: inline-block;
    font-size: 1.3rem;
    margin-bottom: 10px;
}

.footer .f_menu ul.menu li a {
    color: #727272;
    letter-spacing: -0.05em;
    position: relative;
}

.footer .f_menu ul.menu li a:hover {
    color: #202020;
}

a[target="_blank"]{position:relative;}
.outside {
    display: inline-block;
    top: 1px;
    height: 1.2rem;
    width: 1.2rem;
    position: absolute;
    margin-left: 0.8rem;
}





.footer .f_menu ul.menu li a:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    border-right: 1px solid #e1e1e1;
    margin: auto 15px;

}


.footer .f_menu ul.menu li:nth-child(3) a:after,
.footer .f_menu ul.menu li:nth-child(4) a:after,
.footer .f_menu ul.menu li:nth-child(5) a:after {
    content: '';
    margin-left: 3rem !important;


}


.footer .f_menu ul.menu li:last-child a:after {
    content: initial;
}



.footer .copy_right {
    font-size: 1.0rem;
    font-family: 'Sarabun', sans-serif;
}

.footer .copy_right strong {
    color: #0052b9;
    font-weight: normal;
}

.footer-section2 {
    position: relative;
}

.footer-section2 .w-980 {
    display: flex;
    padding-top: 4rem;
    border-top: 1px solid #e9e9e9;
    height: 100%;
    padding-bottom: 7rem;
}

.footer-section2:before {
    content: '';
    display: block;
    border-bottom: solid 3px #f5f5f5;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}



.footer_social_section {
    width: 35%;
}

.family_a {
    width: 100%;
    color: #727272;
    font-size: 1.3rem;
    margin-bottom: 10px;
    line-height: 1.8em;
    display: flex;
    height: 25px;
    justify-content: flex-end;
    align-items: center;
}

.family_a i {
    margin-left: 5px;
    display: flex;
    align-items: center;
}



.footer-section1 {
    background: #2a2a2a;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.footer-section1 h2 {
    color: #01b8e6;
    font-weight: 700;
    font-size: 1.4rem;
    margin-bottom: 20px;
}

.footer-section1 .section1_inner {
    flex:1;
    border-right: 1px solid #353535;
    padding-left: 20px;
    padding-right: 20px;
}

.footer-section1 .section1_inner:last-child {
    border-right: 0;
}

.footer-section1 .section1_inner ul.section1_inner_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.footer-section1 .section1_inner ul.section1_inner_flex li {
    padding-right: 10px;
    padding-left: 10px;
}

.footer-section1 .section1_inner ul.section1_inner_flex li li {
    padding-left: 0;
    padding-right: 0;
}

.footer-section1 .section1_inner ul.section1_inner_flex li:first-child {
    padding-left: 0;
}

.footer-section1 .section1_inner ul.section1_inner_flex li:last-child {
    padding-right: 0;
}

.footer-section1 .section1_inner ul li {
    margin-bottom: 20px;
}

.footer-section1 .section1_inner ul li li {
    margin-bottom: 0;
    position: relative;
}

.footer-section1 .section1_inner ul li a {
    display: block;
}

.footer-section1 .section1_inner ul li strong {
    color: #c1c1c1;
    font-size: 1.3rem;
    letter-spacing: -0.05em;
    margin-bottom: 5px;
    display: inline-block;
}

.footer-section1 .section1_inner ul li a:hover strong {
    color: #fff;
}

.footer-section1 .section1_inner ul li li a {
    color: #999;
    font-size: 1.3rem;
    letter-spacing: -0.05em;
}

.footer-section1 .section1_inner ul li li a:hover {
    color: #fff;
}

.section1_flex {
    display: flex;
}


.section1_flex div.section1_inner:nth-child(1) {
    padding-left: 0;
}

/*.section1_flex div.section1_inner:nth-child(2){width:350px;}*/
/*
.section1_flex div.section1_inner:nth-child(2) {
    width: 30%;
}

.section1_flex div.section1_inner:nth-child(2) li {
    width: 50%;
}

.section1_flex div.section1_inner:nth-child(2) li li {
    width: 100%;
}

.section1_flex div.section1_inner:nth-child(3) {
    width: 15%;
}

.section1_flex div.section1_inner:nth-child(3) li {
    margin-bottom: 5px;
}

.section1_flex div.section1_inner:nth-child(4) {
    width: 15%;
}

.section1_flex div.section1_inner:nth-child(4) li {
    margin-bottom: 5px;
}

.section1_flex div.section1_inner:nth-child(5) {
    padding-right: 0;
}

.section1_flex div.section1_inner:nth-child(5) .section1_inner_flex {
    justify-content: flex-start;
}

.section1_flex div.section1_inner:nth-child(5) .section1_inner_flex li {
    padding-left: 0;
    width: 50%;
}

.section1_flex div.section1_inner:nth-child(5) .section1_inner_flex li li {
    width: 100%;
} */

.section1_flex div.section1_inner .mt-75 {
    margin-top: -12rem;
}

.section1_flex div.section1_inner .mt-45 {
   /*  margin-top: -2.4rem; */
}

.section1_flex div.section1_inner .h_150 {
    height: 15rem;
}

.scroll_top {
    position: fixed;
    right: 30px;
    bottom: 3%;
    padding: 0;
    margin: 0;
    display: block;
    z-index: 50;
}



/*콘텐츠*/
.contents {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

/*브래드크럼*/
.breadcrumbs {
    border-bottom: 1px solid #e9e9e9;
}

.sub_nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sub_nav ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sub_nav ul li {
    font-weight: 300;
    font-size: 2rem;
}

.sub_nav ul li a {
    color: #727272;
    font-size: 2rem;
    line-height: 3.5em;
}

.sub_nav ul li:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 1.3rem;
    border-right: 1px solid #e9e9e9;
    margin: auto 15px;
}

.sub_nav ul li:last-child a {
    color: #000000;
}

.sub_nav ul li:last-child:after {
    content: initial;
}



/*타이틀*/
.page_title {
    margin-top: 50px;
}

.page_title h2 {
    font-size: 5.5rem;
    display: inline-block;
    font-weight: 700;
}

.page_title h2,
.info_content h3 {
    position: relative;
    letter-spacing: -0.05em;
}

.info_content h3 {
    color: #0052b9;
}

.page_title h2:after {
    content: '';
    display: inline-flex;
    margin-left: 0.5rem;
    width: 1.5rem;
    height: 4.5rem;
    background: url('/resources/img/ko/common/icon_simbol1.png') no-repeat right bottom;
    background-size: 100%;
}

.page_title p.title_info,
.info_content p {
    font-size: 1.6rem;
    color: #202020;
    font-weight:100;
    letter-spacing: -0.05em;
}

.page_title p.title_info {
    letter-spacing: -0.05em;
    margin-top: 4rem;
    font-weight:100;
}

.tow-depth {
    font-size: 4.5rem;
    color: #202020;
     letter-spacing: -0.1em;
}



/*뉴스 슬라이드*/
.banner-slider {
    background: #181818;
}

.banner-slider .flex-box {
    display: flex;
}

.banner-slider .slider-left {
    width: 50%;
    position: relative;
}

.banner-slider .slider-left ul {
    width: 100%;
    overflow: hidden;
    display: flex;
}

.banner-slider .slider-left ul li {
    width: 100%;
    position: relative;
    padding-top: 65.5%;
    overflow: hidden;
}

.banner-slider .slider-left ul li {
    display: none;
}

.banner-slider .slider-left ul li.active {
    display: block;
}

.banner-slider.movie .slider-left ul li p:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('/resources/img/ko/common/dim-repeat.png')repeat;
}

.banner-slider.movie .slider-left ul li p:after {
    content: '';
    position: absolute;
    top: 45%;
    left: 45%;
    display: flex;
    width: 44px;
    height: 44px;
    background: url('/resources/img/ko/common/btn_play.png')no-repeat center center;
}




.banner-slider .slider-left ul li p {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.banner-slider .slider-left ul li p img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.banner-slider .slider-left ul li p img.landscape {
    width: auto;
    height: 100%;
}

.banner-slider .slider-left ul li p img.portrait {
    width: 100%;
    height: auto;
}



.banner-slider .slider-right {
    width: 50%;
    padding: 3rem 0.5rem 3rem 5rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    min-height: 32rem;
}

.banner-slider .slider-right .slider-content {
    overflow: hidden;
}

.banner-slider .slider-right .slider-content span {
    font-size: 1.8rem;
    font-weight: 300;
    color: #01b8e6;
    margin-bottom: 2rem;
}

.banner-slider .slider-right .slider-content ul {
    width: 100%;
    position: relative;
    height: auto;
    overflow: hidden;
    /*display: flex;*/
}

.banner-slider .slider-right .slider-content ul li {
    position: relative;
    display: none;
    max-width: 49rem;
}

.banner-slider .slider-right .slider-content ul li.active {
    display: block;
    max-width: 49rem;
}

.banner-slider .slider-right .slider-content ul li>div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.banner-slider .slider-right .slider-content ul li p {
    font-size: 1.6rem;
    color: #999;
    font-weight: 100;
    letter-spacing: -0.05em;
    margin-bottom: 2rem;
}

.banner-slider .slider-right .slider-content ul li p+p {
    margin-bottom: 0;
}

.banner-slider .slider-right .slider-content ul li p.tit_m {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.banner-slider .slider-right .slider-content ul li p a:hover strong {

    color: #0052b9;
}

.banner-slider .slider-right .slider-content ul li p strong {
    font-size: 3rem;
    color: #ffffff;
    font-weight: 100;
    letter-spacing: -0.05em;
    line-height:1.2em;
}

.banner-btn-group {
    display: flex;
    align-items: center;
    margin-top: 3rem;
    justify-content: space-between;
}

.banner-btn-group .slider-btn {
    display: flex;
    align-items: center;
}

.banner-btn-group .slider-btn button {
    background: #595959;
    height: 0.2rem;
    width: 8.5rem;
    border: 0;
    font-size: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.banner-btn-group .slider-btn button.on {
    background: #01b8e6;
}

.banner-btn-group .slider-number {
    margin-left: 0.5rem;
}

.banner-btn-group .slider-number em {
    font-size: 1.2rem;
    color: #01b8e6;
    font-weight: 100;
    font-style: normal;
}

.banner-btn-group .slider-number em:first-child:after {
    content: '/';
    display: inline-block;
    color: #999;
    margin-right: -0.3rem;
}

.banner-btn-group .slider-number em+em {
    color: #999;
}
.page_title h2:after,
.innovation-page_title h2:after{
    content: '';
    display: inline-flex;
    margin-left: 0.5rem;
    width: 1.5rem;
    height: 4.5rem;
    background: url('/resources/img/ko/common/icon_simbol1.png') no-repeat right bottom;
    background-size: 100%;
}




.play-btn-group {
    display: flex;
    margin-left: 1rem;
}

.play-btn-group button {
    background: url('/resources/img/ko/common/banner-btn_play.png')no-repeat center center;
    width: 1rem;
    height: 1rem;
    padding: 0;
    margin: 0;
    border: 0;
}

.play-btn-group button+button {
    background: url('/resources/img/ko/common/banner-btn-stop.png')no-repeat center center;
    margin-left: 0.5rem;
}

.btn-right-group {
    display: flex;
    align-items: center;
}

.banner-slider .best {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.banner-slider .best:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 5rem solid none;
    border-bottom: 8.5rem solid transparent;
    border-right: 8.5rem solid #0052b9;
    border-left: 5rem solid transparent;
}

.banner-slider .best em {
    color: #ffffff;
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-style: normal;
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.2em;
    letter-spacing: -0.025em;
}



/*검색*/
.search_box {
    background: #fbfbfb;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}

.search_box .select_box {
    min-width: 300px;
}

.search_inner {
    display: flex;
    min-height: 100px;
    align-items: center;
    border-right: 1px solid #f3f3f3;
    position: relative;
    border-left: 1px solid #f3f3f3;
    position: relative;
}

.search_box .select_box ul {
    display: flex;
    flex-wrap: wrap;
}

.search_box .select_box li {
    position: relative;
    display: flex;
    width: 95px;
    height: 100px;
    border-right: 1px solid #f3f3f3;
    justify-content: center;
    align-items: center;
}

.search_box .select_box input[type='radio'] {
    opacity: 0;
    position: absolute;
    top: 0;
}

.search_box .select_box label {
    font-size: 1.3rem;
    width: 95px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search_box .select_box input[type='radio']:checked {
    color: #8e8e8e;
    width: 95px;
    height: 100px;
}

.search_box .select_box input[type='radio']:checked+label {
    color: #0052b9;
    background-image: none;
}

.search_box .search_input {
    display: flex;
    min-height: auto;
    width: 100%;
}

.search_box .search_input input[type='text'] {
    width: 100%;
    border: none;
    background-color: transparent;
    font-size: 2.8rem;
    line-height: 28px;
    color: #666;
    font-weight: 100;
}

.search_box .search_input input::placeholder {
    font-size: 2.8rem;
    line-height: 28px;
    color: #666;
    font-weight: 100;
    vertical-align: middle;
    box-sizing: border-box;
}

.search_box .search_input input::-webkit-input-placeholder {
    font-size: 2.8rem;
    line-height: 28px;
    color: #666;
    font-weight: 100;
}

.search_box .search_input input::-ms-input-placeholder {
    font-size: 2.8rem;
    line-height: 28px;
    color: #666;
    font-weight: 100;
}

.search_box .search_input input::-mos-input-placeholder {
    font-size: 2.8rem;
    line-height: 28px;
    color: #666;
    font-weight: 100;
}

.first_select {
    display: none;
}

/*오리지날 셀렉트*/
.select-box {
    display: flex;
    min-width: 31rem;
    flex-direction: row;
}

.select-box .select-inner {
    flex-grow: 1;
}

.select-box select {
    width: 100%;
    font-family: inherit;
    background: url('/resources/img/ko/common/select_input.png') no-repeat 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-top: 0;
    border-bottom: 0;
    font-size: 2.6rem;
    color: #202020;
    background-color: #ffffff;

}

select::-ms-expand {
    display: none
}


/*셀렉트 tab*/
.tab_box {
    background: #fbfbfb;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}

.search_inner {
    display: flex;
    padding-left: 3rem;
    padding-right: 3rem;
    min-height: 100px;
    align-items: center;
    border-right: 1px solid #f3f3f3;
    position: relative;
    border-left: 1px solid #f3f3f3;
    position: relative;
}

.tab_box ul {
    display: flex;
    flex-wrap: wrap;
}

.tab_box ul li {
    position: relative;
    display: flex;
    width: 9.5rem;
    height: 100px;
    border-right: 1px solid #f3f3f3;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 1.3rem;
}

.tab_box ul li a {
    font-size: 1.3rem;
    color: #666;
    font-weight: 700;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tab_box ul li a:hover,
.tab_box ul li a:active,
.tab_box ul li.on a,
.tab_box ul li.active a {
    color: #0052b9 !important;
    text-decoration: none;
}

.tab_box ul li:first-child {
    border-left: 1px solid #f3f3f3;
}






/*오리지날 셀렉트*/
.select-box {
    display: flex;
    min-width: 31rem;
    flex-direction: row;
}

.select-box .select-inner {
    flex-grow: 1;
}

.select-box .select-inner select {
    width: 100%;
    padding-left: 3rem;
    font-family: inherit;
    background: url('/resources/img/ko/common/select_input.png') no-repeat 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-size: 2.6rem;
    color: #b4b4b4;
    background-color: #fbfbfb;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
}





/*content*/

.content-section img {
    width: 100%;
}

.section-grey-bg {
    background: #f9f9f9;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}

.section-padding {
    padding-top: 7.0rem;
    padding-bottom: 7.0rem;
}

.color-h2 {
    color: #0052b9;
    font-size: 3.5rem;
    font-weight: 100;
    letter-spacing: -0.05em;
}

/*에디터*/

.admin-editor p {
    font-size: 1.6rem;
    color: #202020;
    line-height: 1.5em;
    letter-spacing: -0.05em;
}


/*form*/
.form-section {
    padding-top: 2rem;
}

.form-section .all_agree {
    text-align: center;
}

.form-page-info {
    padding-top: 3.0rem;
    padding-bottom: 3.0rem;
}

.form-page-info li {
    font-size: 1.6rem;
    color: #666666;
    letter-spacing: -0.05em;
    font-weight:100;
}

.form-section h2,
.form-section h3 {
    letter-spacing: -0.05em;
    display: flex;
    border-bottom: 1px solid #0052b9;
    justify-content: space-between;
    line-height: 2em;
    padding-bottom: 2.0rem;
}

.form-section h2 p,
.form-section h3 p {
    color: #0052b9;
    font-size: 3.5rem;
    font-weight: 100;
}

.form-section h2 span,
.form-section h3 span {
    font-size: 1.2rem;
    color: #666666;
}

.important,
.not-important {
    width: 1.0rem;
    height: 1.1rem;
    display: block;
    border-radius: 2rem;
    margin-right: 0.2rem;
}

.important {
    background: #0052b9;
}

.not-important {
    background: #666666;
}

.filebox {
    display: flex;
}
#upFile {opacity:0;}
.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 ,
.filebox label button{
    width: 20%;
    height: 4.5rem;
    display: flex;
    padding: 0.5em 0.75em;
    color: #727272;
    font-size: inherit;
    line-height: 1em;
    vertical-align: middle;
    background-color: #e8e8e8;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-color: #dddddd;
    border-left: 0;
    border-radius: 0 3px 3px 0;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
}

.filebox a{display:flex; width:100%;}
.filebox a .upload-name{width:80%;}
/* named upload */
.filebox .upload-name {
    width: 90%;
    display: flex;
    padding: 0.5em 0.75em;
    height: 4.5rem;
    /* label의 패딩값과 일치 */
    font-size: inherit;
    font-family: inherit;
    line-height: 1em;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 3px 0 0 3px;
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    box-shadow: 2px 2px 5px 0.2px rgba(0, 0, 0, 0.1) inset;
    font-size: 1.4rem;
    margin-right: 0;
}


.form-section .text-unit {
    display: flex;
    align-items: center;
}

.form-section h2 p span {
    display: block;
}

.form-section .form-set {
    padding-top: 2.0rem;
    margin-bottom: 3rem;
}

.form-section dl {
    display: flex;
    align-items: center;
    margin-bottom: 1.0rem;
}

.form-section dl dt {
    width: 15rem;
    font-size: 1.6rem;
    color: #666666;
    letter-spacing: -0.05em;
}

.form-section dl dt label {
    font-size: 1.6rem;
    color: #666666;
    display: flex;
    align-items: center;
}

.form-section dl label.visibility {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.form-section dl dd {
    width: 100%;
    display: flex;
    align-items: center;
}

.form-section dl dd .emb {
    font-size: 1.4rem;
    color: #666666;
    display: block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.form-section dl dd.none-flex {
    display: block;
}

.form-section dl dd .w-50 {
    display: flex;
    justify-content: space-between;
}

.form-section dl dd .w-50 input:last-child {
    margin-right: 0;
}

.form-section dl dd .input-w-100 {
    width: 113%;
}

.form-section dl dd input,
.form-section dl dd select,
.form-section dl dd .w-50 {
    margin-right: 0.5rem;
    width: 50%;
}

.form-section dl dd input[type='text'],
.form-section dl dd input[type='number'],
.form-section dl dd input[type='password'],
.form-section dl dd select {
    height: 4.5rem;
    border: 1px solid #dddddd;
    box-shadow: 2px 2px 5px 0.2px rgba(0, 0, 0, 0.1) inset;
    font-size: 1.4rem;
    padding-left: 1rem;

}

input::placeholder,
input::placeholder,
textarea::placeholder {
    color: #202020;
    font-size: 1.4rem;
}

.form-section input:-ms-input-placeholder,
.form-section input:-ms-input-placeholder,
.form-section textarea:-ms-input-placeholder {
    color: #202020;
    font-size: 1.4rem;
}

.form-section dl dd textarea {
    width: 100%;
    color: #202020;
    font-size: 1.4rem;
    border: 1px solid #dddddd;
    box-shadow: 2px 2px 5px 0.2px rgba(0, 0, 0, 0.1) inset;
    padding: 1rem;
}


.form-section dl dd em {
    font-size: 1.3rem;
    font-style: normal;
    display: block;
    color: #666666;
    margin-left: 0.5rem;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    letter-spacing:-0.05em;
    }
    ​


.form-section dl dd em.p-ok {
    color: #0052b9; 
}

.form-section dl dd em.p-not-ok {
    color: #ff0d6e;
}

input[type='submit'].button {
    min-width: 25.5rem;
    border: 1px solid #0052b9;
    padding: 2.0rem;
    display: flex;
    justify-content: center;
    font-size: 1.6rem;
    color: #0052b9;
    background: #ffffff;
}

input[type='submit'].button:hover {
    background-color: #0052b9;
    color: #ffffff;
}


.button-group {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    display: flex;
    justify-content: center;
}

.link-btn.list {
    width: 4.5rem;
    height: 4.5rem;
    text-align: center;
}

.link-btn.list:before {
    content: '';
    width: 2.4rem;
    height: 0.2rem;
    background: #b5b5b5;
    display: block;
    margin-bottom: 0.8rem;
    margin-left: auto;
    margin-right: auto;
}

.link-btn.list i:before {
    content: '';
    width: 3.8rem;
    height: 0.2rem;
    background: #b5b5b5;
    display: block;
    margin-bottom: 0.8rem;
    margin-left: auto;
    margin-right: auto;
}

.link-btn.list i:after {
    content: '';
    width: 2.4rem;
    height: 0.2rem;
    background: #b5b5b5;
    display: block;
    margin-bottom: 0.8rem;
    margin-left: auto;
    margin-right: auto;
}

.link-btn.list:hover:before,
.link-btn.list:hover i:before,
.link-btn.list:hover i:after {
    background: #0052b9;
}


/*form 요소*/
input[type='checkbox'] {
    position: absolute;
  
    width: 1.1rem;
    height: 1.1rem;
    opacity: 0;
}

.all_agree {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* Check */
.form-check {
    position: relative;
    margin: 0;
    vertical-align: top;
}

.form-check label {
    display: flex;
}

.form-check label>span {
    display: block;
    position: relative;
    font-size: 1.5rem;
    color: #0052b9;
    letter-spacing: -0.05em;
    padding-left: 1rem;
}

.form-check label>span.simple {
    width: 1.1rem;
    height: 1.1rem;
    padding: 0;
    text-indent: -999em;
    text-align: left;
}
/*
.form-check label>span:before,
.form-check label>span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}

.form-check label>span:before {
    top: 0;
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid #0052b9;
    background: #ffffff;
}*/

.form-check label>input {
   position:relative;
   display:inline-block;
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid #0052b9;
    background: #ffffff;
    opacity:1;
}

/*.form-check label>input:checked+span:before {
    border-color: #0052b9;
}

.form-check label>input:checked+span:after {
    left: 0.26rem;
    top: 0.21rem;
}

.form-check label>input[type='checkbox']:checked+span:before {
    background-color: #ffffff;
}

/*.form-check label>input[type='checkbox']:checked+span:after {
    width: 1.1rem;
    height: 0.9rem;
    background: none;
    border-left: 0.07rem solid #0052b9;
    border-bottom: 0.07rem solid #0052b9;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.form-check label>input[type='radio']+span:before {
    border-radius: 50%;
}

.form-check label>input[type='radio']:checked+span:before {
    background-color: #ffffff;
}

.form-check label>input[type='radio']:checked+span:after {
    top: 0.2rem;
    left: 0.2rem;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    background: #0052b9;
}
*/
.form-check label>input[type='radio']:disabled+span:before {
    border-color: #cccccc;
    background: #eeeeee;
}

.form-check label>input[type='radio']:disabled:checked+span:after {
    background: #cccccc;
}

.form-check.sm label>input {
    width: 0.8rem;
    height: 0.8rem;
}

.form-check.sm label>span {
    font-size: 0.6rem;
    padding: 0 0.3rem 0 1.3rem;
    line-height: 0.8rem;
}

.form-check.sm label>span:before {
    width: 0.8rem;
    height: 0.8rem;
}

.form-check.sm label>input[type='checkbox']:checked+span:after {
    width: 0.5rem;
    height: 0.3rem;
}

.form-check.sm label>input:checked+span:after {
    top: 0.15rem;
    left: 0.15rem;
}

/* Check */
.week-wrap {
    display: flex;
}

.week-check {
    display: inline-block;
    position: relative;
    margin: 0;
    vertical-align: top;
    flex: 1;
}

.week-check+.week-check {
    margin-left: 0.05rem;
}

.week-check label {
    display: block;
}

.week-check label>span {
    display: inline-block;
    width: 100%;
    position: relative;
    font-size: 0.65rem;
    line-height: 1.25rem;
    color: #555555;
    text-align: center;
}

.week-check label>span.holiday {
    color: #e40d0d;
}

.week-check label>input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.week-check label>input:checked+span:before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0.25rem;
    width: calc(100% - 0.5rem);
    height: 0.1rem;
    background-color: #f68c30;
    content: '';
}

.week-check label>input:disabled+span {
    background: #eeeeee;
}

/* radio-group */
.radio-group {
    display: flex;
    margin: -0.75rem 0 0 -1.5rem;
}

.radio-group .form-check {
    margin: 0.75rem 0 0 1.45rem;
}

.radio-group .form-check label>span {
    padding-right: 0;
}

/* input */
.inp-wrap {
    display: block;
    position: relative;
}

.inp-wrap .inp {
    width: 100%;
    height: 2.25rem;
    padding: 0 0.5rem;
    border: 0.05rem solid #cccccc;
    background-color: #ffffff;
    font-size: 0.75rem;
    color: #202020;
    line-height: 2.15rem;
}

.inp-wrap.ok .inp {
    padding-right: 2.25rem;
    background: url('../../images/common/ico_input_ok.png') #ffffff no-repeat calc(100% - 0.6rem) center;
    background-size: 1.1rem 1.1rem;
}

.inp-wrap.error .inp {
    padding-right: 2.25rem;
    border-color: #f68c30;
    background: url('../../images/common/ico_input_err.png') #ffffff no-repeat calc(100% - 0.6rem) center;
    background-size: 1.1rem 1.1rem;
}

.inp-wrap .inp:read-only {
    background: #eeeeee;
    color: #b2b2b2;
}

.inp-wrap.has-unit {
    display: flex;
}

.inp-wrap.date-wrap {
    display: flex;
}

.inp-wrap.date-wrap .txt {
    display: inline-block;
    padding: 0 0.25rem;
    line-height: 2.25rem;
}

.inp-wrap.tel-wrap {
    display: flex;
}

.inp-wrap.tel-wrap select,
.inp-wrap.tel-wrap input {
    width: 33.33%;
}

.inp-wrap.tel-wrap .txt {
    display: inline-block;
    padding: 0 0.12rem;
    line-height: 2.25rem;
}

.inp-wrap.addr-wrap .zipcode {
    display: flex;
}

.inp-wrap.addr-wrap .zipcode .inp {
    width: calc(100% - 5.7rem);
    margin-right: 0.5rem;
}

.inp-wrap.addr-wrap .item+.item {
    margin-top: 0.5rem;
}

.inp-wrap.inp-two {
    display: flex;
    justify-content: space-between;
}

.inp-wrap.inp-two .inp,
.inp-wrap.inp-two .select-default {
    width: calc(50% - 0.47rem);
}

.inp-wrap.has-btn {
    display: flex;
    justify-content: space-between;
}

.inp-wrap.has-btn .inp,
.inp-wrap.has-btn .select-default {
    width: calc(100% - 5.22rem);
}

.inp-wrap.has-btn .btn {
    width: 4.72rem;
    padding: 0 0.5rem;
}

.inp-wrap.has-unit02 {
    display: flex;
}

.inp-wrap.has-unit02 .inp {
    width: calc(100% - 1.75rem);
}

.inp-wrap.has-unit02 .unit {
    display: block;
    width: 1.75rem;
    padding-left: 0.5rem;
    font-size: 0.75rem;
    color: #202020;
    line-height: 2.25rem;
    -letter-spacing: 1.5px;
}

.textarea-wrap {
    height: 8rem;
    padding: 0.57rem 0.75rem;
    border: 0.05rem solid #cccccc;
    font-size: 0.75rem;
    color: #202020;
    line-height: 0.87;
}

/* input date */
input[type='date']::-webkit-clear-button {
    display: none;
}

input[type='date']::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.5rem;
    height: 100%;
    color: rgba(0, 0, 0, 0);
    opacity: 0;
    z-index: 2;
}

input[type='date'] {
    position: relative;
}

input[type='date']:after {
    display: block;
    position: absolute;
    width: 1.1rem;
    height: 1.1rem;
    top: 50%;
    right: 0.6rem;
    margin-top: -0.55rem;
    background: url('../../images/common/ico_cal.png');
    background-size: 100%;
    content: '';
    z-index: 1;
}













/*신청 보기*/
.form-view-section h2 {
    letter-spacing: -0.05em;
    display: flex;
    border-bottom: 1px solid #0052b9;
    justify-content: space-between;
    line-height: 2em;
    padding-bottom: 2.0rem;
}

.form-view-section h2 p {line-height:1.2em;}
.form-view-section h2 p,
.form-view-section h2 p span {
    color: #0052b9;
    font-size: 3.5rem;
    font-weight: 100;
}

.form-view-section h2 p span {
    border-bottom: 2px solid #0052b9;
}

.form-view-section .form-set-view dl {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #dadada;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.form-view-section .form-set-view dl:first-child dd {
    color: #0052b9;
}

.form-view-section .form-set-view dl:last-child {
    border-color: #0052b9;
}

.form-view-section .form-set-view dl dt,
.form-view-section .form-set-view dl dd {
    font-size: 1.4rem;
    color: #666666;
    letter-spacing: -0.05em;
}

.form-view-section .form-set-view dl dt {
    width: 6.25vw;
    position: relative;
    display: flex;
}

.form-view-section .form-set-view dl dd {
    width: 100%;
    display: flex;
    padding-left: 4.5rem;
}

.form-view-section .form-set-view dl dt:after {
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    position: absolute;
    right: 0;
    background: #dadada;
    top: 0;
}

.form-view-section .editor {
    font-size: 1.4rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #0052b9;
    color: #0052b9;
}



.accessibility-table-cell {
    margin-top: 3.6rem;
}

.accessibility-table-cell .list-header {
    width: 100%;
    color: #0052b9;
    display: flex;
    border-bottom: 1px solid #0052b9;
}

.accessibility-table-cell .list-body>div {
    display: flex;
    border-bottom: 1px solid #d9d9d9;
}

.accessibility-table-cell .list-body>div:last-child {
    border-bottom: 1px solid #0052b9;
}

.accessibility-table-cell .list-body a {
    color: #666666;
}

.accessibility-table-cell .list-body a strong {
    font-weight: 700;
    color: #0052b9;
}

.accessibility-table-cell .list-header span,
.accessibility-table-cell .list-body a {
    display: inline-block;
    font-size: 1.4rem;
    letter-spacing: -0.05em;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.accessibility-table-cell .list-body a h3 {
    display: none;
}

.accessibility-table-cell .list-header span:nth-child(1),
.accessibility-table-cell .list-body a:nth-child(1) {
    width: 77%;
}

.accessibility-table-cell .list-header span:nth-child(2),
.accessibility-table-cell .list-body a:nth-child(2) {
    width: 11%;
    display: flex;
    justify-content: center;
}

.accessibility-table-cell .list-header span:nth-child(3),
.accessibility-table-cell .list-body a:nth-child(3) {
    width: 11%;
    display: flex;
    justify-content: center;
}

.accessibility-table-cell .list-body>div.on a {
    color: #0052b9;
}



/*뷰 테이블*/
.table-style1 {
    margin-top: 5rem;
}

.table-style1 dl {
    display: flex;
    margin-bottom: 1.5rem;
}

.table-style1 dl dt {
    min-width: 13rem;
    border-right: 1px solid #e4e4e4;
    font-size: 1.6rem;
    color: #666666;
}

.table-style1 dl dt:before {
    content: '';
    width: 1.3rem;
    height: 1.3rem;
    background: #0052b9;
    display: inline-block;
    border-radius: 1rem;
    margin-right: 0.5rem;
}

.table-style1 dl dd {
    padding-left: 5rem;
    font-size: 1.6rem;
    color: #666666;
}
.table-style1 a[href]{color:#0053b8;text-decoration:underline;text-underline:under;}







/*뉴스리스트*/
.news_list .list_inner_box {
    position: relative;
    display: flex;
    align-items: center;
}

.news_list ul li.fail {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.news_list ul li.fail>div {
    color: #202020;
    font-size: 1.4rem;
    display: flex;
    justify-content: center;
    width: 98rem;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
}
.news_list ul li.fail>div a{color:#202020;}

.news_list ul li.fail>div:before {
    content: url('/resources/img/ko/common/list_inner_box_fail_icon.svg');
    display: block;
    width: 7.5rem;
    height: 7.5rem;
}

.news_list ul li {
    border-bottom: 0.1rem solid #f3f3f3;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

.news_list ul li:hover:after {
    content: '';
    background: linear-gradient(#f2f2f2, #fff);
    display: block;
    height: 6px;
    position: absolute; 
    bottom: -7px;
    left: 0;
    width: 100%;
}

.news_list ul li .sum_img {
    display: flex;
    align-items: center;
    max-width: 19.5rem;
    width: 100%;
    max-height: 14.3rem;
    height: auto;
    overflow: hidden;
    margin-right: 3rem;
}
.news_list ul li .sum_img a{display:block;}
.news_list ul li .sum_img a:focus{border:3px solid #000;}
.news_list ul li .news_text {
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    width: auto;
    padding-right: 2.4rem;
}
.news_list ul li .news_text a{display:block;}
.news_list ul li .cate_text {
    display: block;
    color: #0052b9;
    font-size: 1.4rem;
    padding-bottom: 1rem;
}

.news_list ul li dl {
    display: block;
    margin-bottom: 1rem;
}

.news_list ul li .news_text a:hover {
    text-decoration: none;
}

.news_list ul li dl dt {
    color: #202020;
    font-size: 2.0rem;
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 1.3em;
    box-sizing: border-box;
    word-wrap: normal;
    word-break: keep-all;
}

.news_list ul li dl dd {
    color: #202020;
    font-size: 2.0rem;
    font-weight: 100;
    letter-spacing: -0.05em;
    line-height: 1.3em;
    box-sizing: border-box;
    word-wrap: normal;
    word-break: keep-all;
}

.news_list ul li .date_text {
    color: #727272;
    font-size: 1.1rem;
}

.news_list ul li .more_btn {
    position: absolute;
    right: 0;
    margin-left: auto;
    float: right;
    top: 20%;
}

.news_list ul li .more_btn span {
    display: none;
}

/*더보기*/
.list_moer_btn {
    background: #fbfbfb;
    border-bottom: 1px solid #ececec;
    height: 100px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list_moer_btn a {
    display: flex;
    justify-content: center;
    font-family: 'calibri', sans-serif;
    font-size: 1.5rem;
    color: #666;
    font-weight: 400;
}

.list_moer_btn a:hover {
    color: #0052b9;
}


/*뉴스상세*/
.page_title_view {
    border-bottom: 1px solid #f3f3f3;
    margin-top: 50px;
    padding-bottom: 50px;
}

.page_title_view h2 {
    font-weight: 700;
    font-size: 3rem;
    display: inline-block;
    letter-spacing: -0.05em;
    word-wrap: normal;
    word-break: keep-all;
}

.page_title_view .news_view_meta {
    margin-bottom: 30px;
}

.page_title_view .news_view_meta span {
    font-size: 14px;
    color: #727272;
}

.page_title_view .news_view_meta span:first-child {
    color: #0052b9;
}

.page_title_view .news_view_meta span:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    border-right: 1px solid #999999;
    margin: auto 15px;
}

.page_title_view .news_view_meta span:last-child:after {
    content: initial;
}

.view_editor {
    border-bottom: 1px solid #f3f3f3;
}

.view_editor .editor_box {
    padding-top: 50px;
    padding-bottom: 50px;
}

.view_editor .editor_box img {
    width: 100%;
}

.view_editor .editor_box iframe {
    width: 100%;
    min-height: 500px;
}

.view_editor .editor_box p {
    font-size: 1.5rem;
    color: #666666;
}

.file_box {
    font-size: 1.4rem;
    padding-top: 20px;
    padding-bottom: 20px;
}

.file_box a {
    color: #727272;
}

.file_box a:hover {
    color: #0052b9;
}

.view_btn_box {
    width: 100%;
    height: 160px;
    border-top: 1px solid #f3f3f3;
    padding-top: 35px;
    padding-bottom: 35px;
}

.view_btn_box .view_btn_box_inner {
    display: flex;
    flex: 0 1 auto;
    justify-content: flex-start;
}

.view_btn_box .view_btn_box_inner div {
    display: flex;
    width: 33%;
}

.view_btn_box .view_btn_box_inner div+div {
    justify-content: center;
}

.view_btn_box .view_btn_box_inner a {
    width: 100%;
    font-size: 1.4rem;
    color: #727272;
    letter-spacing: -0.05em;
}

.view_btn_box .view_btn_box_inner div:nth-child(2) a {
    text-align: center;
    display: flex;
    justify-content: center;
}

.view_btn_box .view_btn_box_inner a:hover,
.view_btn_box .view_btn_box_inner a:active {
    color: #0052b9;
}

.view_btn_box .view_btn_box_inner a img {
    width: auto;
}

.view_btn_box .view_btn_box_inner a p {
    width: 388px;
    height: 90px;
    position: relative;
    word-wrap: normal;
    word-break: keep-all;
}

.view_btn_box .view_btn_box_inner a p:before {
    content: '';
    height: 31px;
    width: 42px;
    background-position: 0 0;
    margin-bottom: 25px;
}

.view_btn_box .view_btn_box_inner a p.previous:before {
    display: block;
    position: relative;
    background: url('/resources/img/ko/common/btn_pn.png')no-repeat;
}

.view_btn_box .view_btn_box_inner a p.next {
    text-align: right;
    padding-top: 56px;
}

.view_btn_box .view_btn_box_inner a p.next:before {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: url('/resources/img/ko/common/btn_pn.png')no-repeat;
    transform: rotate(180deg);
}

.view_btn_box .view_btn_box_inner a:hover p:before {
    background-position: 0 -31px;
}


.view_btn_box .view_btn_box_inner a.list span {
    display: block;
    height: 28px;
    width: 38px;
    background: url('/resources/img/ko/common/btn_list.png')no-repeat;
    background-size: auto;
    background-position: 0 0;
}

.view_btn_box .view_btn_box_inner a.list:hover span {
    background-position: 0 -28px;
}

.view_btn_box .view_btn_box_inner a.list span em {
    opacity: 0;
}


/*비디오 리스트*/

.vidio_list_inner_box {
    display: flex;
    flex-wrap: wrap;
    padding-top: 65px;
    justify-content: start;
    overflow: hidden;
}

.vidio_list_inner_box li {
    display: block;
    float: left;
    position: relative;
    min-height: 100%;
    width: 320px;
    margin-bottom: 65px;
    margin-right: 10px;
}

.vidio_list_inner_box li a {
    display: block;
}

.vidio_list_inner_box li:nth-child(3n) {
    margin-right: 0;
}

.vidio_list_inner_box li a:hover:before,
.vidio_list_inner_box li a:focus:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 1px 5px 0 rgba(32, 32, 32, 0.15);
    border: 1px solid #0052b9;
    min-height: 100%;
    width: 100%;
    z-index: 2;
}

.vidio_list_inner_box li div.img_group {
    display: flex;
    position: relative;
    width: 320px;
    min-height: 320px;
    justify-content: space-between;
    align-items: center;
}

.vidio_list_inner_box li div.img_group p {
    width: 100%;
    height: 320px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: url('/resources/img/ko/common/dim-repeat.png')repeat;
}

.vidio_list_inner_box li div.img_group p img.play {
    width: 44px;
    height: 44px;
    position: absolute;
    left: 60%;
    margin-left: -60px;
    top: 60%;
    margin-top: -60px;
}

.vidio_list_inner_box li div.img_group p .img_marsk {
    position: absolute;
}

.vidio_list_inner_box li div.img_group .thum_img {
    width: 100%;
    height: 320px;
    position: absolute;
    left: 0;
    top: 0;
}

.video_news_text {
    position: relative;
    padding: 25px;
    border: 1px solid #f5f5f5;
    border-top: 0;
    z-index: 1;
}

.video_news_text.flex-box {
    display: flex;
}

.video_news_text.justify-between {
    justify-content: space-between;
}

.video_news_text.flex-box .download_group {
    display: flex;
    width: auto;
}

.video_news_text.flex-box .download_group i {
    margin-right: 0;
}

.video_news_text span {
    display: block;
    font-size: 1.1rem;
    color: #727272;
    margin-bottom: 10px;
}

.video_news_text p {
    font-size: 1.8rem;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    letter-spacing: -0.05em;
    -webkit-box-orient: vertical;
    line-height: 1.5em;
    min-height: 3em;
}

.Brochure_list_inner_box .download_group a {
    z-index: 1;
}

.brochure-grid li:hover:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    border: 1px solid #0052b9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/*홍보 리스트*/
.Brochure_list_inner_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 6rem;
}

.Brochure_list_inner_box li {
    display: block;
    float: left;
    position: relative;
    min-height: 100%;
    width: 23%;

    margin-right: 1rem;
}

.Brochure_list_inner_box li:hover:before,
.Brochure_list_inner_box li:focus:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 1px 5px 0 rgba(32, 32, 32, 0.15);
    min-height: 100%;
    width: 100%;
    z-index: 0;
}

.Brochure_list_inner_box li div.img_group {
    display: flex;
    position: relative;
    width: 100%;
    min-height: 325px;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #f5f5f5;
}

.Brochure_list_inner_box li div.img_group i[class^='icon']{
    position: absolute;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
}

.Brochure_list_inner_box li div.img_group p {
    width: 100%;
    height: 333%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: url('/resources/img/ko/common/dim-repeat.png')repeat;
}

.Brochure_list_inner_box li div.img_group p img.play {
    width: 44px;
    height: 44px;
    position: absolute;
    left: 60%;
    margin-left: -60px;
    top: 60%;
    margin-top: -60px;
}

.Brochure_list_inner_box li div.img_group p .img_marsk {
    position: absolute;
}

.Brochure_list_inner_box li div.img_group .thum_img {
    width: 100%;
    height: 100%;
    position: absolute;
    /* left: 0; */
    top: 0;
}

.Brochure_list_inner_box .video_news_text .download_group {
    width: auto;
    margin-top: 1rem;
}

.Brochure_list_inner_box .video_news_text .download_group i{
    margin-right: 0;
}

.Brochure_news_text {
    position: relative;
    padding: 25px;
    border: 1px solid #f5f5f5;
    border-top: 0;
}

.Brochure_news_text span {
    display: block;
    font-size: 1.1rem;
    color: #727272;
    margin-bottom: 10px;
}

.Brochure_news_text p {
    font-size: 1.8rem;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2em;
    height: 2.3em;
}


.brochure-grid {
    display:grid;
}

.brochure-grid li {
    position: relative;
    width: auto;
    min-height:inherit;
    margin-right: 0;
}

.brochure-grid li div.img_group {
    overflow: hidden;
    min-height: inherit;
}

.brochure-grid li div.img_group img {
    max-width: 100%;
}

div.bg_dim {
    height: 23%;
    overflow: hidden;
}

div.bg_dim i:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: url('/resources/img/ko/common/dim.png')repeat;
}



/*콘텐츠 레이아웃*/
.product_content {
    margin-top: 100px;
}




@media (max-width: 1000px) {
    .w-980 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.icon-play-wh-48 {
    width: 48px;
    height: 48px;
    background: url('/resources/img/multi_common/icon-play-wh-48.png') 0 0/48px no-repeat;
}

/**pc
========================================================================== */
@media (min-width: 980px) {

    /*980 -width*/
    .w-980 {
        width: 98.0rem;
        margin: 0 auto;
    }
    
    .brochure-grid {
        grid-template-columns: repeat(3, 1fr);
        column-gap:10px;
    }

    .section-padding {
        padding-top: 7.0rem;
        padding-bottom: 7.0rem;
    }

    .w-980.block {
        display: block;
    }

    .w-980>img {
        width: auto;
    }

    .page_title {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    /*tab*/
    .tab-button-outer {
        display: block;
    }

    .tab-select-outer {
        display: none;
    }


    .view_btn_box .view_btn_box_inner a p {
        width: 100%;
    }
    
    .brochure-grid .video_news_text {
        display: flex;
        justify-content: space-between;
    }
}


/**pad
========================================================================== */
@media (max-width: 979px) {
    .page_title {
        width: 100%;
        padding: 20px;
    }
    
    .Brochure_list_inner_box .video_news_text p {
        display: flex;
    }

    .search_box,
    .news_list {
        padding: 0;
        width: 100%;
    }

    /*.search_box .search_input{width:54em;}*/
    .search_inner {
        display: inline-flex;
        flex: 0 1 auto;
        width: -webkit-fill-available;
    }

    /*980 -width*/
    .w-980 {
        max-width: 100%;
        position: relative;
    }

    .h_inner .gnb ul>li.on>div.on {
        top: 85px;
    }


    /*뉴스리스트*/
    .news_list .list_inner_box {
        flex-wrap: initial;
        width: 100%;
    }

    .news_list ul li {
        padding-left: 20px;
        padding-right: 20px;
    }

    .news_list ul li dl dt {
        font-size: 2rem;
    }



    /*비디오 리스트*/
    .video_news_list {}

    .vidio_list_inner_box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .vidio_list_inner_box li {
        width: 32.5%;
    }

    .vidio_list_inner_box li:nth-child(3n) {
        margin-right: 0;
    }

    .vidio_list_inner_box li div.img_group {
        width: 100%;
    }

    /*홍보 리스트*/
    .Brochure_list {}

    .Brochure_list_inner_box {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .Brochure_list_inner_box li {
        width: 31.9%;
    }

    .Brochure_list_inner_box li:nth-child(3n) {
        margin-right: 0;
    }

    .Brochure_list_inner_box li div.img_group img {
        width: 100%;
    }

    .download_group a i {
        margin-right: 15px;
    }
    
    .brochure-grid {
        grid-template-columns: repeat(2, 1fr);
        column-gap:10px;
        row-gap:20px;
    }
    
    .brochure-grid li {
        width: auto;
    }


    /*뷰 유투브*/
    .view_editor .editor_box iframe {
        min-width: 100%;
        height: 100%;
        min-height: 400px;
        margin-left: auto;
    }

    .banner-slider .slider-right {
        padding: 5rem 0.5rem 5rem 2rem;
    }



    /*테이블*/
    .form-section .form-set,
    .form-section h2 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .form-section dl,
    .form-section dl dd {
        display: block;
    }

    .form-section dl dt {
        margin-bottom: 1rem;
    }

    .form-section dl dt,
    .form-section dl dd,
    .form-section dl dd input,
    .form-section dl dd .input-w-100,
    .form-section dl dd .w-50,
    .width-center-section {
        width: 100%;
    }

    .form-section .select-box {
        display: flex;
    }

    .form-section dl dd input,
    .form-section dl dd select {
        margin-bottom: 0.5rem;
    }

    .view_btn_box .view_btn_box_inner a p {
        width: 100%;
    }
}

@media (max-width: 930px) {
    .check_scroll.h_inner .gnb ul>li.on>div.on {
        top: 8rem;
    }
}


@media (max-width: 856px) {
    .vidio_list_inner_box li {
        width: 32.3%;
    }

    /* .Brochure_list_inner_box li {
        width: 48%;
    } */

    .moblie-trigger {
        display: block;
    }

    


    .form-view-section {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .form-view-section .form-set-view dl {
        display: block;
    }

    .form-view-section .form-set-view dl dt {
        font-weight: 700;
        margin-bottom: 2rem;
    }

    .form-view-section .form-set-view dl dt,
    .form-view-section .form-set-view dl:first-child dd,
    .form-view-section .form-set-view dl dd {
        width: 100%;
        padding-left: 0rem;
    }

    .form-view-section .form-set-view dl dt:after {
        content: none;
    }


    




    


    /*푸터*/
    .footer-section2 .w-980 {
        padding-bottom: 0rem;
        padding-left: 0;
        padding-right: 0;
    }

    .footer .logo_box {
        margin-bottom: 4rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .footer-section1 {
        display: none;
    }

    .footer_menu_section,
    .family_a,
    .footer_social {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .footer-section2 .w-980,
    .footer .f_menu {
        display: block;
    }

    .footer_social_section {
        width: 100%;
    }

    .footer_social {
        justify-content: flex-start;
    }

    /* .footer_social,
    .family_a {
        width: 50%;
    } */

    .footer_social_section {
        display: flex;
        flex-direction: row-reverse;
        background-color: #2a2a2a;
        padding-top: 2rem;
        padding-bottom: 2rem;
        margin-top: 2rem;
    }

    .footer-section2:before {
        content: none;
    }
}



@media (max-width: 846px) {
    .search_box .select_box label {
        width: 5.938rem;
    }

    /*.search_box .search_input{width:43.313rem;}*/


    .section.footer {
        overflow: hidden;
    }

    .family_content dl {
        width: 33%;
    }

    .family_site {
        height: 90rem;
    
    
    }
}




@media (max-width: 768px) {
    .h_inner .gnb ul {
        width: 100%;
    }

    br.m_none {
        display: none;
    }

    .m-none {
        display: none;
    }


    /*검색*/
    .search_box .search_input input::placeholder,
    .search_box .search_input input[type='text'] {
        font-size: 1.8rem;
        line-height: 18px;
    }

    .search_box .search_input input::-webkit-input-placeholder {
        font-size: 1.8rem;
        line-height: 18px;
    }

    .search_box .search_input input::-ms-input-placeholder {
        font-size: 1.8rem;
        line-height: 18px;
    }

    .search_box .search_input input::-mos-input-placeholder {
        font-size: 1.8rem;
        line-height: 18px;
    }


    .page_title {
        width: 100%;
        padding: 20px;
    }

    .search_box,
    .news_list {
        padding: 0;
        width: 100%;
    }


    /*980 -width*/
    .w-980 {
        position: relative;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    /*타이틀*/
    .page_title {
        margin-top: 0;
    }

    /*검색*/
    .first_select {
        display: block;
        height: 50px;
        text-align: center;
        vertical-align: middle;
        line-height: 50px;
    }

    .first_select p {
        height: 50px;
        text-align: center;
        vertical-align: middle;
        font-size: 13px;
    }

    .search_box .search_input input[type='text'],
    .search_box .search_input {
        display: inline-flex;
        width: 100%;
    }

    .search_inner.w-980 {
        display: flex;
        padding-left: 0;
        padding-right: 0;
    }

    /*셀렉트*/
    .search_box {
        z-index: 2;
        position: relative;
    }

    .search_box .select_box {
        min-width: 150px;
        border-right: 1px solid #f3f3f3;
    }

    .search_box .select_box ul {
        display: none;
        position: absolute;
        top: 50px;
        width: 117px;
        background: #ffffff;
    }

    .search_box .select_box li {
        display: block;
        width: 100%;
        height: 1.875rem;
    }

    .search_box .select_box input[type='radio']:checked {
        width: 100%;
        height: 1.875rem;
    }

    .search_box .select_box label {
        width: 100%;
        height: 1.875rem;
    }

    /*tab
.tab-button-outer {   display: none;  }
.tab-select-outer {    display: block;  }
.tabs.tab_box{ background:none; border-top:none;   border-bottom:none; }
*/


    /*뉴스리스트*/
    .news_list {
        z-index: 1;
        position: relative;
    }

    .news_list ul li {
        padding-top: 0;
        padding-bottom: 0;
    }

    .news_list ul li .sum_img {
        height: auto;
        max-height: 10rem;
    }

    .news_list .list_inner_box {
        display: inline-flex;
        max-width: 100%;
    }

    .news_list ul li .news_text {
        /*flex: 0 1 auto*/
        display: block;
        overflow: hidden;
        white-space: nowrap;
    }

    .news_list ul li dl dt,
    .news_list ul li dl dd {
        font-size: 2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
        flex: 0 1 auto;
    }

    .news_list ul li .more_btn {
        display: flex;
    }


    .banner-slider .flex-box {
        display: block;
    }

    .banner-slider .slider-left,
    .banner-slider .slider-right {
        width: 100%;
    }


    /*table*/
    .table_data {}

    .table_data dl {
        display: block;
    }

    .form-view-section {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .form-view-section .form-set-view dl {
        display: block;
    }

    .form-view-section .form-set-view dl dt {
        font-weight: 700;
        margin-bottom: 2rem;
    }

    .form-view-section .form-set-view dl dt,
    .form-view-section .form-set-view dl:first-child dd,
    .form-view-section .form-set-view dl dd {
        width: 100%;
        padding-left: 0rem;
    }

    .form-view-section .form-set-view dl dt:after {
        content: none;
    }

    .view_btn_box {
        min-height: 10rem;
    }

    .view_btn_box .view_btn_box_inner a p span {
        display: none;
    }

    .view_btn_box .view_btn_box_inner {
        justify-content: space-between;
        align-items: center;
    }

    .view_btn_box .view_btn_box_inner a p {
        height: auto;
    }

    .view_btn_box .view_btn_box_inner a p.next:before {
        position: relative;
    }

    .view_btn_box .view_btn_box_inner a p:before {
        width: 100%;
        margin-bottom: 0;
    }

    .view_btn_box .view_btn_box_inner a p.next,
    .view_btn_box .view_btn_box_inner a p:before {
        padding-top: 0;
    }
}










@media (max-width:700px) {
    .vidio_list_inner_box {
        justify-content: space-between;
    }

    .vidio_list_inner_box li {
        width: 48.3%;
        max-height: 100%;
        min-height: auto;
        margin-right: auto;
    }

    .vidio_list_inner_box li:nth-child(2n) {
        margin-right: 0;
    }

    .vidio_list_inner_box li:nth-child(3n) {
        margin-right: auto;
    }

    .vidio_list_inner_box li:hover:before {
        min-height: 100%;
    }

    .Brochure_list_inner_box {
        justify-content: space-between;
    }

    .Brochure_list_inner_box li {
        width: 48.3%;
        max-height: 100%;
        min-height: auto;
        margin-right: auto;
    }

    .Brochure_list_inner_box li:nth-child(2n) {
        margin-right: 0;
    }

    .Brochure_list_inner_box li:nth-child(3n) {
        margin-right: auto;
    }

    .Brochure_list_inner_box li:hover:before {
        min-height: 100%;
    }
    .brochure-grid li {
        width: auto;
    }
    
}



/**644
========================================================================== */

@media (max-width: 644px) {
    .vidio_list_inner_box li {
        margin-bottom: 30px;
    }

    .vidio_list_inner_box li:nth-child(3n) {
        margin-right: 0;
    }

    .vidio_list_inner_box li div.img_group {
        max-height: 21.3rem;
        min-height: 21.3rem;
        overflow: hidden;
    }

    .vidio_list_inner_box li div.img_group p {
        height: 320px;
    }

    .vidio_list_inner_box li div.img_group p img.play {
        left: 63%;
        margin-left: -70px;
        top: 43%;
        margin-top: -60px;
    }

    .vidio_list_inner_box li div.img_group .thum_img {
        height: 100%;
    }


    .Brochure_list_inner_box li div.img_group {
        max-height: 213px;
    }

    .Brochure_list_inner_box li div.img_group p {
        height: 320px;
    }

    .Brochure_list_inner_box li div.img_group .thum_img {
        height: 100%;
        width: auto;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
    }

    .family_content dl {
        width: 50%;
    }

    .family_site {
        height: initial;
        /*padding:0 2rem;*/
    }
    .family_site > .w-980 {border:none;}
}



/**moblie
========================================================================== */

@media (max-width: 500px) {
    .list_inner_box.w-980 {
        padding-left: 0;
        padding-right: 0;
    }

    .news_list ul li .sum_img {
        width: 64em;
        height: auto;
        margin-right: 10px;
    }

    .news_list ul li .sum_img img {
        width: 100%;
    }
    
    .Brochure_list_inner_box {
        grid-template-columns: repeat(1, 1fr);
        
    }
    .Brochure_list_inner_box li {
        width: 100%;
        max-height: 100%;
        min-height: auto;
        margin-right: auto;
    }

    .banner-slider .slider-left ul li p img {
        height: 26.5rem;
    }

    .banner-slider .slider-left ul li {
        height: auto;
    }

    .banner-slider .slider-right {
        padding: 2rem;
        height: 22rem;
        min-height: 100%;
    }

    .banner-slider .slider-right .slider-content ul li p+p {
        display: none;
    }

    .banner-slider .slider-right .slider-content ul li>div {
        max-width: 40.5rem;
    }

    .btn-right-group {
        display: none;
    }

    .banner-slider .flex-box {
        padding-left: 0;
        padding-right: 0;
    }

    .banner-btn-group {
        justify-content: left;
    }

    .banner-slider .slider-right .slider-content span {
        margin-bottom: 2rem;
    }

    .banner-slider .slider-right .slider-content ul li p {
        line-height: 2em;
    }

    .accessibility-table-cell .list-body a h3 {
        display: block;
        margin-bottom: 1rem;
    }

    .accessibility-table-cell .list-header {
        display: none;
    }

    .accessibility-table-cell .list-body>div {
        display: block;
    }

    .accessibility-table-cell .list-header span:nth-child(1),
    .accessibility-table-cell .list-body a:nth-child(1),
    .accessibility-table-cell .list-header span:nth-child(2),
    .accessibility-table-cell .list-body a:nth-child(2),
    .accessibility-table-cell .list-header span:nth-child(3),
    .accessibility-table-cell .list-body a:nth-child(3) {
        width: 100%;
        justify-content: left;
        padding-top: 0rem;
    }

    .accessibility-table-cell .list-body a:nth-child(2) h3,
    .accessibility-table-cell .list-body a:nth-child(3) h3 {
        margin-right: 2rem;
    }

    .accessibility-table-cell .list-body a:nth-child(1) h3 {
        padding-top: 2rem;
    }

    .section-padding {
        padding-top: 3.0rem;
        padding-bottom: 3.0rem;
    }

    .table_data.w-33 dl dt,
    .table_data.w-33 dl dd {
        width: 100%;
    }


    .sub_nav.w-980 {
        padding-right: 0;
    }

    .sub_nav.w-980 .social,
    .download {
        border-right: 0;
    }
}

@media (max-width: 414px) {
    .scroll_top{  
        right: 4px;
        bottom: 9%;}
        

    .vidio_list_inner_box {
        display: block;
    }

    .vidio_list_inner_box li {
        width: 100%;
    }

    #skip-menu {
        display: none;
    }

    .sub_nav>ul {
        display: none;
    }
.footer .f_menu ul.menu li:nth-child(5) a:after {
    content: '';
    margin-left: 3rem !important;


}

    
   
}

/**moblie
========================================================================== */
@media (max-width: 375px) {
    .form-section .all_agree {
        text-align: left;
        padding-left: 2rem;
        padding-right: 2rem;
        line-height: 1.5em;
    }

    .table_data.w-33 dl dd {
        width: 100%;
    }
}





/*익스플로어 전용 미디어*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .body {
        width: 980px;
        overflow-x: scroll;
    }

    .news_list ul li .sum_img {
        width: 20%;
    }

    .news_list .list_inner_box {
        flex-wrap: nowrap;
    }

    .news_list ul li .news_text {
        display: block;
        width: 80%;
    }

    .list_moer_btn {
        display: -ms-flexbox;
        -ms-flex-direction: column;
    }

    .news_list ul li dl dd,
    .news_list ul li dl dt {
        max-width: 70em;
    }

    .banner_news {
        display: block;
    }

    .search_box .search_input {
        justify-content: space-between;
        width: 100%;
    }

    .search_box .search_input input[type='text'] {
        width: fit-content;
    }

    .search_inner {
        height: 100px;
    }

    /*.banner-slider .slider-left ul li {
        width: auto;
    }*/



    .product-detail .detail-aticle {
        height: 50rem;
    }

    .company8:before,
    .company7:before {
        content: '';
        top: 0;
        left: 0;
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        background-blend-mode: unset;
    }

    


    .header:before {
        background: linear-gradient(0deg, rgba(1, 171, 236, 0) 20%, rgba(1, 171, 236, 1) 100%);
    }

    .open_content_section {
        padding-top: 20%;
    }

    .middle-content-block .full-box,
    .middle-content-block .tree-box {
        height: 49rem;
    }

    .autonomous_content_section {
        padding-top: 30rem !important;
    }

    .eco_content_section,
    .space_content_section {
        padding-top: 30rem !important;
    }
}

@media (max-width: 856px) {
    .accessibility-mark{display:none;}
}
@media (min-width: 857px) {
    .footer-section-content{position:relative;}
    .accessibility-mark{position:absolute;top:126px;right:0;}
}