@charset "UTF-8";

/* layout */
#wrap {width: 100%; min-height: 100vh; display: flex; flex-direction: column;}
.inner {width: 1400px; margin: 0 auto;}
.inner.big {width: 100% !important; max-width: 192rem; margin: 0 auto;}
#wrap.login-join {background: #F5F5F5;}

/* header */
#header {position: static; left: 0; top: 0; width: 100%; height: 8rem; padding-left: 4.8rem; display: flex; align-items: center; transition: 0.3s; justify-content: space-between; z-index: 99;}
#header.fixed {position: fixed;}
#header.on{background: #FFFFFF; }
#header.on #gnb .depth-1 > li span{color: #000000;}
#header.on .hMenu .btn-wrap button.lang,#wrap.login-join .hMenu .btn-wrap button.lang {background-image: url("../images/icon_language_on.svg");}
#header.on .hMenu .btn-wrap button.login{background-image: url("../images/icon_login_on.svg");}
#header.on .hMenu .btn-wrap button.logout,#header.active .hMenu .btn-wrap button.logout{background-image: url("../images/icon_logout_on.svg");}
#header.on .hMenu .btn-wrap button.search {background-image: url("../images/icon_search_on.svg");}
#header.on h1 a {background-image: url("../images/logo_black.svg");}
#header h1 a {display: block; width: 13rem; height: 3.8rem; background-image: url("../images/logo_white.svg"); background-repeat: no-repeat; background-position: center; background-size: cover;}
#header.active,#wrap.login-join #header {background: #ffffff; border-bottom: 1px solid #EEEEEE; }
#header.active h1 a,#wrap.login-join #header h1 a {background-image: url("../images/logo_black.svg");}
#header.active #gnb .depth-1 > li span,#wrap.login-join #gnb .depth-1 > li span {color: #000000;}
#header.active #gnb .depth-1 > li:hover span {color: #DC202E;}
#header.active .hMenu .btn-wrap button.login,#wrap.login-join .hMenu .btn-wrap button.login{background-image: url("../images/icon_login_on.svg");}
#header.active .hMenu .btn-wrap button.lang,#wrap.login-join .hMenu .btn-wrap button.lang {background-image: url("../images/icon_language_on.svg");}
#header.active .hMenu .btn-wrap button.search,#wrap.login-join .hMenu .btn-wrap button.search {background-image: url("../images/icon_search_on.svg");}

#gnb {position: absolute; left: 50%; top: 0; transform: translateX(-50%); cursor: pointer; width: 80rem; z-index: 10;}
#gnb .depth-1 {display: flex;}
#gnb .depth-1 > li {width: 100%;}
#gnb .depth-1 > li span {position: relative; display: block; font-size: 2rem; font-weight: 500; line-height: 8rem; margin: 0 auto; width: fit-content; color: #FFFFFF;}
#gnb .depth-1 > li span:after {position: absolute; left: 0; bottom: 0; display: block; content: ''; width: 0; height: 0.2rem; background: #DC202E; transition: 0.3s;}
#gnb .depth-1 > li:hover span:after {transition: 0.3s; width: 100%;}

#gnb .depth-2 {display: none; margin-top: 2.4rem;}
#gnb .depth-2 li ~ li {margin-top: 1.6rem;}
#gnb .depth-2 li a {display: block; color: #767676; font-size: 1.6rem; text-align: center; transition: 0.3s;}
#gnb .depth-2 li:hover a {color: #DC202E; transition: 0.3s;}

#gnb-sub-box {position: absolute; left: 0; top: 8rem; background: #ffffff; height: 30.8rem; width: 100%; display: none;}

.hMenu {display: flex; align-items: center;}
.hMenu .btn-wrap {position: relative; display: flex; align-items: center; margin-right: 4rem; height: 8rem;}
.hMenu .btn-wrap > button {width: 2.8rem; height: 2.8rem; background-size: cover; background-repeat: no-repeat; background-position: center;}
.hMenu .btn-wrap > button ~ button {margin-left: 2.4rem;}
.hMenu .btn-wrap button.login {background-image: url("../images/icon_login.svg");}
.hMenu .btn-wrap button.logout {background-image: url("../images/icon_logout.svg");}
.hMenu .btn-wrap button.lang {background-image: url("../images/icon_language.svg");}
.hMenu .btn-wrap button.search {background-image: url("../images/icon_search.svg");}
.hMenu .btn-wrap .lang-select {position: absolute; left: 50%; top: 6.4rem; transform: translateX(-50%); width: 12rem; background-color: #ffffff; border-radius: 0.8rem; text-align: center; padding: 2rem 0; display: none;}
.hMenu .btn-wrap button.lang.active {background-image: url("../images/icon_language_active.svg")}
.hMenu .btn-wrap .lang-select li ~ li {margin-top: 1.2rem;}
.hMenu .btn-wrap .lang-select button {font-size: 1.8rem; line-height: 2.4rem;}
.hMenu .btn-wrap .lang-select button:hover {color: #DC202E;}
.hMenu .menu {width: 8rem; height: 8rem; background: #000000 url("../images/icon_menu.svg") no-repeat center/3.2rem;}
.hMenu a {display: flex; align-items: center; height: 8rem; padding: 0 3rem; width: 21.2rem; color: #ffffff; line-height: 2.4rem; background: #DC202E url("../images/icon_arrow_next.svg") no-repeat right 2rem center;}

/* GNB검색 */
.search-popup{width: 100%;height: 45rem;z-index: 100;position: fixed;top:0;left: 0;background-color: #ffffff; display: none;}
.search-wrap{width: 132rem; height: 100%; position: absolute; left: 50%; transform: translateX(-50%);  top: 0; }
.search-popup .search-area{width: 70rem; position: relative; left: 50%; top: 10rem; transform: translateX(-50%);}
.search-popup .search-area h2{font-size: 4rem; font-weight: 700;}
.search-popup .search-area .search-input {position: relative; width: 70rem; margin: 4rem 0;}
.search-popup .search-area .search-input input {width: 100%; height: 6rem; padding: 1.2rem 0 1.4rem; font-size: 2.2rem; border-bottom: 2px solid #000000;}
.search-popup .search-area .search-input input::placeholder {color: #888888;}
.search-popup .search-area .search-input button {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2.8rem; height: 2.8rem; background: url("../images/icon_search_on.svg") no-repeat center/cover;}
.search-popup .close-btn{background: url("../images/icon_close_black.svg")no-repeat center/cover; width: 2.8rem; height: 2.8rem; position: absolute; top:2.5rem; right: 14.219%;}

/* footer */
#footer {width: 100%; background: #222222; padding: 6rem 0; margin-top: auto;}
#footer .footer-logo{width: 13rem; height: 3.8rem; background-image: url("../images/logo_gray.svg"); font-size: 0;}
#footer .tel-img{width: 6rem; height: 6rem; background-image: url("../images/icon_call.svg"); margin-right: 1.6rem; font-size: 0;}
#footer .fax-img{width: 6rem; height: 6rem; background-image: url("../images/icon_fax.svg"); margin-right: 1.6rem; font-size: 0;}
#footer .email-img{width: 6rem; height: 6rem; background-image: url("../images/icon_email.svg"); margin-right: 1.6rem; font-size: 0;}
#footer .inner {display: flex;}
#footer h2 {margin-right: 11rem;}
#footer .footer-cont {width: calc(100% - 24rem);}
#footer .footer-menu {display: flex; align-items: center; justify-content: space-between; padding-bottom: 2.4rem; border-bottom: 1px solid rgba(255, 255, 255, 0.06); margin-bottom: 3.2rem;}
#footer .footer-menu ul {display: flex; align-items: center;}
#footer .q-menu li ~ li {margin-left: 4.8rem;}
#footer .q-menu li a {color: #ffffff; font-size: 2.2rem; font-weight: 700;}
#footer .p-menu li ~ li {margin-left: 2rem;}
#footer .p-menu li a {color: rgba(255, 255, 255, 0.4);}
#footer .address-wrap {position: relative; display: flex; justify-content: space-between;}
#footer address {font-style: normal;}
#footer address span {display: block; color: rgba(255, 255, 255, 0.5); line-height: 2.4rem;}
#footer .address-wrap ul {display: flex; align-items: center;}
#footer .address-wrap ul li {display: flex; align-items: center; color: #ffffff; font-weight: 700;}
#footer .address-wrap ul li ~ li {margin-left: 6rem;}
#footer .address-wrap ul li span {line-height: 2.4rem;}
#footer .address-wrap ul li p {font-size: 2.4rem;}
#footer .top-btn {position: absolute; right: 0; bottom: 0; width: 4.8rem; height: 4.8rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.1); font-size: 1.4rem; font-weight: 700; color: #ffffff;}

/* gnb-menu */
#lnb-nav{display: none;}
.lnb-menu{width: 100%; height: 100vh; background-color: #ffffff; position: fixed; top:0; left: 0; z-index: 9999; display: flex; align-items: center; transition: 0.3s;}
.lnb-menu header{position: fixed; top:0; left: 0; padding-left: 4.8rem; width: 100%; display: flex; justify-content: space-between; align-items: center;z-index: 99;}

.company .lnb-img{background: url("../images/@image_company_gnb_bg.png")no-repeat; background-size: cover; min-width: 85.5rem; min-height: 100%;}
.product .lnb-img{background: url("../images/@image_business_gnb_bg.png")no-repeat; background-size: cover; min-width: 85.5rem; min-height: 100%;}
.product .lnb-sub{width: calc(100% - 85.5rem);}

.lnb-img {padding-top: 32rem; display: flex;}
.lnb-main {margin-left: auto; margin-right: 11.5rem;}
.lnb-list{width: 100%; height: 100%; display: flex; padding-top: 30rem;}


.lnb-menu h1 a {display: block; width: 13rem; height: 3.6rem; background-image: url("../images/logo_white.svg"); background-repeat: no-repeat; background-position: center; background-size: cover;}
.lnb-menu .hMenu .lang-btn{margin-right: 2rem;}
.lnb-menu .hMenu .lang{height: 8rem; padding: 0 2rem; position: relative;}
.lnb-menu .hMenu .lang::after{content: ''; display: block; width: 0.1rem; height: 1.6rem; background-color: #D9D9D9; position: absolute; top:50%; right: 0; transform: translateY(-50%);}
.lnb-menu .hMenu .lang:last-of-type::after{content: none;}
.lnb-menu .hMenu .lang span{font-size: 2rem; margin: 0 auto; display: inline-block; position: relative; line-height: 1.8;}
.lnb-menu .hMenu .lang span::after,.lnb-menu .hMenu .lang.active span::after {position: absolute;left: 0;bottom: 0;display: block;content: '';height: 0.2rem;background: #DC202E;transition: 0.3s;}
.lnb-menu .hMenu .lang span::after{width: 0;}
.lnb-menu .hMenu .lang.active span::after {width: 100%;}
.lnb-menu .hMenu .lang:hover,.lnb-menu .hMenu .lang.active span{color: #DC202E; font-weight: 700;}
.lnb-menu .hMenu .lang:hover span::after{transition: 0.3s; width: 100%;}
.lnb-menu .hMenu .menu.close{background: #000000 url("../images/icon_close_white.svg")no-repeat center/3.2rem;}

.lnb-main li {margin-bottom: 4rem; display: flex; align-items: center;}
.lnb-main li.active{color: rgba(255,255,255,1); font-weight: 700; font-size: 6rem; position: relative;}
.lnb-main li.active::after{content: ''; display: block; width: 8rem; height: 0.4rem; background-color: #ffffff; margin-left: 4rem;}
.lnb-main li{color: rgba(255,255,255,0.3); font-weight: 700; font-size: 6rem; position: relative;}

.lnb-list .lnb-sub {width: 100%; overflow-y: auto;}
.lnb-sub{margin-left: 12rem;}
.lnb-sub ul.main-tit {display: flex; flex-wrap: wrap; margin: -0.5% -2%; padding: 2rem 0; list-style: none; width: 100%;}
.lnb-sub ul.main-tit span{font-size: 2.8rem; margin-bottom: 2rem; display: block;}
.lnb-sub .lnb-title{font-size: 4rem; font-weight: 700; color: #aaaaaa; position: relative; padding: 2rem 0;}
.lnb-sub .lnb-title:hover{color: #DC202E;}
.lnb-sub .lnb-title::after{content: ''; display: block; position: absolute; width: 2.3rem; height: 2.3rem; background: url("../images/icon_accordion_plus.svg")no-repeat; top:50%; transform: translateY(-50%); right: -4.3rem;}
.lnb-sub .lnb-title:hover::after {content: ''; display: block; position: absolute; width: 2.3rem; height: 2.3rem; background: url("../images/icon_accordion_plus_hover.svg")no-repeat; top:50%; transform: translateY(-50%); right: -4.3rem;}
.main-tit > li{width: fit-content; margin: 0.5% 2%;}

.lnb-sub li .content {display: none;}
.lnb-sub li .content.on {display: block;}
.lnb-sub li.on .lnb-title {color: #DC202E;font-weight: bold;}
.lnb-sub li.on .lnb-title::after { background: url("../images/icon_accordion_minus.svg")no-repeat; width: 2.3rem; height: 0.3rem;}

.sub-tit{width: 100%;}
.sub-tit li:not(.main-menu){text-align: left; width: 100%; font-size: 2rem; color: #767676; position: relative; padding-left: 0.875rem;}
.sub-tit li:not(.main-menu):hover a{color: #DC202E;}
.sub-tit li:not(.main-menu):hover::before {background: #DC202E;}
.sub-tit li:not(.main-menu) ~ li{margin-top: 0.4rem;}
.sub-tit li:not(.main-menu)::before{content: ''; background: #888888; width: 0.267rem; height: 0.267rem; border-radius: 50%; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.sub-tit li.main-menu {color: #000000; font-size: 2.8rem; margin-bottom: 2rem;}

/* sub-page */
.sub-page .inner {width: 126rem;}
.sub-page .sub-banner {width: 100%; height: 40rem;}
.sub-page .sub-banner .inner {margin: 0 auto; padding-bottom: 6rem; display: flex; height: 100%;}
.sub-page .sub-banner .inner h2 {margin-top: auto; font-weight: 700; font-size: 6rem; color: #ffffff; line-height: 7.2rem;}

.sub-page .snb {width: 100%; height: 7rem; border-bottom: 1px solid #EAEAEA; position: sticky; top: 8rem; background: #ffffff; z-index: 5;}
.sub-page .snb ul {display: flex; align-items: center; height: 100%; width: 126rem; margin: 0 auto;}
.sub-page .snb ul li {height: 100%; display: flex; align-items: center; justify-content: center;}
.sub-page .snb ul li a {font-size: 1.8rem; color: #767676;}
.sub-page .snb ul li.active {position: relative;}
.sub-page .snb ul li.active:after {position: absolute; left: 0; bottom: -0.1rem; display: block; content: ''; width: 100%; height: 0.4rem; background: #DC202E;}
.sub-page .snb ul li.active a {color: #000000; font-weight: 700;}
.sub-page .snb ul li ~ li {margin-left: 6rem;}

.sub-page .sub-cont {padding: 10rem 0 12rem;}
.sub-page .sub-cont .sub-tit {text-align: center; font-size: 6rem; font-weight: 700; line-height: 7.2rem; margin-bottom: 6rem;}
.sub-page .sub-cont .btn-wrap {display: flex; align-items: center; justify-content: center; margin-top: 6rem;}
.sub-page .sub-cont .btn-wrap button ~ button {margin-left: 0.8rem;}

/* list 공통 */
.list {margin: 6rem 0;}
.list li .cate,.item-list li .date {display: block; width: 14rem; margin-right: 2rem; color: #888888;}
.dl-list li ~ li,.item-list li ~ li {margin-top: 1rem;}
.dl-list li:hover,.item-list li:hover {border-color: #DC202E;}
.dl-list li:hover .tit,.item-list li:hover .tit {font-weight: 700;}
.dl-list li .tit,.item-list li .tit {color: #222222; font-size: 1.8rem;}

/* dl-thumb-list */
.dl-thumb-list ul {display: flex; flex-wrap: wrap; margin: -3rem;}
.dl-thumb-list ul li {width: 38rem; margin: 3rem;}
.dl-thumb-list ul li button,.dl-thumb-list ul li a {position: relative; width: 100%; height: 53.8rem; overflow: hidden; margin-bottom: 2.4rem; border: 1px solid #EEEEEE;}
.dl-thumb-list ul li a {display: block;}
.dl-thumb-list ul li .dim {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(220, 32, 46, 0.8); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: 0.3s;}
.dl-thumb-list ul li .dim .txt {font-size: 2.4rem; color: #ffffff; line-height: 2rem; margin-bottom: 3.2rem;}
.dl-thumb-list ul li .dim .icon {display: block; width: 5.3rem; height: 5.3rem; border-radius: 50%; background: url("../images/icon_download_bg_white.svg") no-repeat center/cover;}
.dl-thumb-list ul li button img,.dl-thumb-list ul li a img {width: 100%; height: 100%; object-fit: cover;}
.dl-thumb-list ul li button:hover .dim,.dl-thumb-list ul li a:hover .dim {opacity: 1; transition: 0.3s;}
.dl-thumb-list .tit {font-size: 2.2rem; color: #222222; line-height: 3.4rem; font-weight: 700; word-break: break-all;}
.dl-thumb-list .date {line-height: 2.4rem; color: #888888;}

/* dl-list */
.dl-list li {height: 8.5rem; border: 1px solid #D9D9D9; display: flex; align-items: center; padding: 0 4rem 0 3rem; text-align: center; cursor: pointer;}
.dl-list li .num {font-size: 1.4rem; color: #222222; display: block; width: 24rem; text-align: center;}
.dl-list li > div {display: flex; align-items: center;}
.dl-list li button {width: 2.6rem; height: 2.3rem; background: url("../images/icon_download.svg") no-repeat center/cover;}

/* item-list */
.item-list li {height: 8.5rem; border: 1px solid #D9D9D9;}
.item-list li a {display: flex; width: 100%; height: 100%; align-items: center; padding-left: 3rem; background: url("../images/icon_arrow_list.svg") no-repeat right 5rem center/3.6rem;}
.item-list li:hover a {background: url("../images/icon_arrow_list_red.svg") no-repeat right 5rem center/3.6rem;}

/* detail-view */
.detail-view .title-wrap {display: flex; align-items: center; padding-bottom: 4rem;}
.detail-view .title-wrap .tit {font-size: 3.2rem; font-weight: 700; line-height: 4rem; margin-bottom: 2rem;}
.detail-view .title-wrap .info {color: #888888; display: flex; align-items: center;}
.detail-view .title-wrap .info span {display: flex; align-items: center;}
.detail-view .title-wrap .info span:after {display: block; content: ''; width: 0.1rem; height: 1.6rem; background: #D9D9D9; margin: 0 1rem;}
.detail-view .title-wrap .info span:last-of-type:after {display: none;}
.detail-view .title-wrap .share-btn {width: 3.6rem; height: 3.6rem; background: url("../images/icon_share.svg") no-repeat center/cover;}

.detail-view .cont-wrap {padding: 6rem 0; text-align: center; border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; color: #767676; line-height: 2.4rem; text-align: left;}
.detail-view .cont-wrap figure {margin: 0 auto; width: fit-content;}
#companyInfo .detail-view .cont-wrap figure {width: 100%;}
.detail-view .cont-wrap img {max-width: 126rem; margin-bottom: 4rem;}
/*.detail-view .cont-wrap pre {white-space: pre-wrap; color: #767676; line-height: 2.4rem; text-align: left;}*/

.detail-view .prev-next {display: flex; align-items: center; justify-content: space-between; padding: 2.8rem 0; border-bottom: 1px solid #D9D9D9;}
.detail-view .prev-next div {display: flex; align-items: center; font-size: 1.8rem;}
.detail-view .prev-next div a {display: flex; align-items: center;}
.detail-view .prev-next div p {color: #767676;}
.detail-view .prev a {margin-right: 2rem;}
.detail-view .next a {margin-left: 2rem;}
.detail-view .prev a:before,.detail-view .next a:after {display: block; content: ''; width: 3.2rem; height: 3.2rem; background-repeat: no-repeat; background-size: cover; background-position: center;}
.detail-view .prev a:before {background-image: url("../images/icon_board_arrow_prev.svg"); margin-right: 2rem;}
.detail-view .next a:after {background-image: url("../images/icon_board_arrow_next.svg"); margin-left: 2rem;}

/* notice-box */
.notice-box {width: 100%; padding: 4rem; background: #F5F5F5;}
.notice-box p {color: #222222; font-size: 2.2rem; font-weight: 700; line-height: 3.4rem; margin-bottom: 1.6rem;}
.notice-box li {position: relative; color: #767676; padding-left: 1.2rem;}
.notice-box li ~ li {margin-top: 0.4rem;}
.notice-box li:before {position: absolute; content: ''; display: block; width: 0.267rem; height: 0.267rem; background: #888888; border-radius: 50%; transform: translate(0, -50%); left: 0; top: 50%;}

/* menu-dropdown */
.menu-dropdown {position: relative; height: 5.2rem; min-width: 28.6rem; width: fit-content; margin: 0 auto; text-align: center;}
.menu-dropdown button {font-size: 4rem; font-weight: 700; padding-right: 3.2rem; background: url("../images/icon_arrow_down_button.svg") no-repeat right center/2.4rem; line-height: 5.2rem;}
.menu-dropdown .dropdown-wrap {position: absolute; left: 0; top: 6.4rem; text-align: center; border-top: 2px solid #222222; width: 100%; display: none;}
.menu-dropdown .dropdown-menu {border: 1px solid #F5F5F5; background: #FFFFFF; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); border-radius: 0 0 8px 8px; padding: 2rem 0;}
.menu-dropdown .dropdown-menu li ~ li {margin-top: 1.2rem;}
.menu-dropdown .dropdown-menu li:hover a {color: #DC202E; transition: 0.3s;}
.menu-dropdown .dropdown-menu a {font-size: 1.8rem; transition: 0.3s;}

/* cate-menu */
.cate-menu {margin-top: 5.8rem;}
.cate-2depth {display: flex; flex-wrap: wrap; margin: 0 -3rem;}
.cate-2depth li.active:after {display: block; content: ''; width: 100%; height: 0.4rem; background: #DC202E;}
.cate-2depth li {min-width: fit-content; margin: 0 3rem;}
/*.cate-2depth li + li {margin-left: 6rem;}*/
.cate-2depth li a {display: flex; align-items: center; height: 7rem; font-size: 1.8rem; color: #767676;}
.cate-2depth li.active a {font-weight: 700; color: #000000;}

.cate-3depth {width: 100%; height: 7rem; background: #F5F5F5; border-top: 1px solid #EAEAEA;}
.cate-3depth ul {display: flex; align-items: center; height: 100%;}
.cate-3depth ul li ~ li {margin-left: 4rem;}
.cate-3depth ul li a {color: #767676}
.cate-3depth ul li.active a {color: #DC202E; font-weight: 700;}

/* map-info-window */
.map-info-window {position: absolute; left: 0; bottom: 7rem; margin-left: -1.75rem; border: 2px solid #DC202E;}
.map-info-window .title {width: 100%; background: #DC202E; display: flex; align-items: center; justify-content: space-between; height: 4rem; padding: 0 1.6rem;}
.map-info-window .title p {color: #FFFFFF; font-size: 1.8rem; font-weight: 700;}
.map-info-window .title .close {width: 2.4rem; height: 2.4rem; background: url("../images/icon_close_white_02.svg") no-repeat center/cover;}
.map-info-window .body {background: #FFFFFF; padding: 1.6rem 2.4rem;}
.map-info-window .body dl {display: flex; align-items: baseline;}
.map-info-window .body dl ~ dl {margin-top: 1rem;}
.map-info-window .body dt {width: 5rem; font-size: 1.4rem; color: #222222; margin-right: 1rem;}
.map-info-window .body dd {width: 24rem; white-space: pre-wrap; color: #888888; font-size: 1.4rem;}

/* map-area, map-info */
.map-area {border: 1px solid #D9D9D9;}
.map-info {display: flex; margin-top: 2rem;}
.map-info > div {border: 1px solid #D9D9D9; width: 100%; display: flex; padding: 2.4rem 4rem;}
.map-info > div ~ div {border-left: none;}
.map-info .icon {display: flex; align-items: center; justify-content: center; width: 8rem; height: 8rem; border-radius: 50%; background: #DC202E; margin-right: 4rem;}
.map-info > div > div {font-size: 1.8rem; color: #767676;}
.map-info div + h4 {margin-top: 2rem;}
.map-info h4 {color: #222222; font-weight: 700; margin-bottom: 1.2rem;}
.map-info p, #companyInfo .map-info span {line-height: 2.4rem;}
.map-info strong {font-weight: 400; color: #222222;}
.map-info > div > div span ~ span {padding-left: 2rem;}

/* policy */
#policy .sub-banner {background: url("../images/banner_policy.jpg") no-repeat center/cover;}
#policy section ~ section {margin-top: 4rem;}
#policy .notice-txt {color: #222222;}
#policy .notice-txt p ~ p {margin-top: 3rem;}
#policy .table-cont h3 {font-size: 2.2rem; font-weight: 700; margin-bottom: 1.6rem;}
#policy .table-cont p {color: #767676;}
#policy .table-cont ul {margin-top: 0.8rem; padding-left: 2rem;}
#policy .table-cont ul li {color: #767676;}
#policy .table-cont .table-wrap {border-top: 1px solid #222222;margin-top: 0.8rem;}
#policy .table-cont .common-table.horizontal {border: none;}
#policy .table-cont .common-table.horizontal td {color: #767676;}
#policy .only-txt p {color: #767676;}
#policy .only-txt p + p {margin-top: 2.5rem;}
#policy .only-txt ul {margin-top: 2.5rem;}
#policy .only-txt ul li {color: #222222;}
#policy .policy-list h3 {font-size: 2.2rem; font-weight: 700; margin-bottom: 1.6rem;}
#policy .policy-list p {color: #767676;}
#policy .policy-list p + h3,#policy .policy-list ul + h3 {margin-top: 4rem;}
#policy .policy-list ul li {color: #767676;}
#policy .policy-list ul li ~ li {margin-top: 0.8rem;}
#policy .policy-list ul li .common-list {margin-top: 0.8rem; padding-left: 2rem;}
#policy .policy-list ul li .common-list li ~ li {margin-top: 0.4rem;}
.sub-page .sub-cont.email {padding-bottom: 38.6rem;}

/* 제품 메인 */
#companyMain .banner,#productMain .banner {position: relative;}
.bannerSwiper {width: 100%; height: 100vh;}
.bannerSwiper .swiper-slide {position: relative;}
.bannerSwiper .swiper-controller {position: absolute; top: 26rem; left: 26rem; z-index: 10; display: none; align-items: center;}
.bannerSwiper .swiper-pagination {position: unset; width: fit-content; display: flex; align-items: center;}
.bannerSwiper .swiper-pagination-bullet {width: fit-content; background: none; color: #ffffff; opacity: 40%; height: auto; font-weight: 700; display: flex; align-items: center; margin: 0 0 0 2.4rem !important; border-radius: unset;}
.bannerSwiper .swiper-pagination-bullet:first-child {margin-left: 0 !important;}
.bannerSwiper .swiper-pagination-bullet .line {display: none; width: 8rem; height: 0.2rem; background: rgba(255, 255, 255, 0.5); margin-left: 1.2rem;}
.bannerSwiper .swiper-pagination-bullet-active {opacity: 1;}
.bannerSwiper .swiper-pagination-bullet-active + .swiper-pagination-bullet {margin-left: 1.2rem;}
.bannerSwiper .swiper-pagination-bullet-active .line {position: relative; display: block;}
.bannerSwiper .swiper-pagination-bullet-active .line:after {position: absolute; left: 0; top: 0; display: block; content: ''; width: 0; height: 100%; background: #ffffff; animation: countingBar 5s linear forwards;}
.bannerSwiper .slide-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url("../images/@image_pMain_banner_01.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover;}
#companyMain .bannerSwiper .slide-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url("../images/@image_cMain_banner_01.jpg");}
.bannerSwiper .slide-cont {position: absolute; left: 26rem; top: 60vh; display: flex; flex-direction: column; color: #ffffff;}
.bannerSwiper .slide-tit {font-size: 6rem; line-height: 7.2rem; width: 65rem; font-weight: 900; margin-bottom: 2rem;}
#companyMain .bannerSwiper .slide-tit {width: 79rem;}
.bannerSwiper .slide-desc {font-size: 2.4rem; width: 52rem; line-height: 3.6rem; margin-bottom: 6rem;}
#companyMain .bannerSwiper .slide-desc {width: 74rem;}
.bannerSwiper .view-more-btn {color: #ffffff;}
.bannerSwiper .swiper-button-pause {width: 0.9rem; height: 1.2rem; background: url("../images/icon_pause.svg") no-repeat center/cover; margin-left: 2.4rem;}
.bannerSwiper .swiper-button-play {width: 0.9rem; height: 1.2rem; background: url("../images/icon_play.svg") no-repeat center/cover; margin-left: 2.4rem; display: none;}

.custom-file button {margin-left: 0.8rem; width: 4rem; height: 4rem; background-repeat: no-repeat; background-size: contain; background-position: center;}
.custom-file button:not(.delete-btn) {min-width: 4rem;}
.custom-file .minus-btn {background-image: url("../images/icon_minus_btn.svg");}
.custom-file .plus-btn {background-image: url("../images/icon_plus_btn.svg");}
.custom-file ~ .custom-file {margin-top: 1.2rem;}

.wrap-loading {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #2b2b2b6b; z-index: 1000; display: flex; align-items: center; justify-content: center;}

/* 제품 메인 상단 배너 */
#topBanner {position: fixed; left: 0; top: 0; width: 100%; height: 60rem; overflow: hidden; z-index: 1000;}
#topBanner img {width: 100%; height: 100%; object-fit: cover;}
#topBanner .small-img-swiper {display: none;}
#topBanner .close-btn {position: absolute; right: 26rem; top: 0; width: 6.4rem; height: 6.4rem; background: url("../images/top_banner_close.svg") no-repeat center/cover; z-index: 100;}
#topBanner .close-btn.small {width: 4rem; height: 4rem;}

.ui-widget-header .ui-icon {background-image: url("https://code.jquery.com/ui/1.13.2/themes/base/images/ui-icons_444444_256x240.png") !important;}
.menu-scroll {overflow: hidden;overflow-x: auto;}
.menu-scroll::-webkit-scrollbar {display: block; height: 1rem;}
.menu-scroll::-webkit-scrollbar-thumb {background: #999999; background-clip: padding-box;
    border: 0.2rem solid transparent; border-radius: 10px;}
body {min-width: 1400px;}
#wrap {overflow: hidden;}

/* 뉴스 스와이퍼 */
.report{ background: #F5F5F5;}
.report .contents-wrap{max-width: 140rem; margin: 0 auto; padding: 12rem 0; min-width: 140rem;}
.report .contents-wrap h2.sub-title {font-size: 3rem; font-weight: 700; position: relative;}
.report .contents-wrap h2.sub-title::before{content: url("../images/icon_ellipse_black.svg");  position: absolute; top: -3rem;}
.reportSwiper{margin-top: 1.2rem;}
.reportSwiper .swiper-top{display: flex;align-items: center;justify-content: space-between;}
.reportSwiper .swiper-top h3.swiper-title{font-size: 6rem; font-weight: 700;}
.reportSwiper .swiper-top .swiper-pagination{color: rgba(0,0,0,0.3); position: unset; font-size: 2rem; font-weight: 700;}
.reportSwiper .swiper-top .swiper-button-next:after{font-size: 0; content: url("../images/icon_swiper_next.svg");}
.reportSwiper .swiper-top .swiper-button-prev:after{font-size: 0; content: url("../images/icon_swiper_prev.svg");}
.reportSwiper .swiper-top .pagination{width: 21.5rem;position: relative; margin: unset;}
.reportSwiper .swiper-top .pagination .pagination-fraction{padding: 0 2rem; content: url("../images/icon_divder_gray.svg");}
.reportSwiper .swiper-top .swiper-pagination-current{color: #000000;}

.reportSwiper .swiper-wrapper{height: 8rem; margin-top: 4.8rem;}
.reportSwiper .swiper-wrapper .swiper-slide {font-size: 18px; background-color: #222222; color: #ffffff; border-radius: 4.6rem;  display: flex;justify-content: space-between; align-items: center;}
.reportSwiper .swiper-wrapper .swiper-slide a {display: flex; align-items: center; width: 100%; padding: 2.8rem 6rem;}
.reportSwiper .swiper-wrapper .swiper-slide span{font-weight: 700;}
.reportSwiper .swiper-wrapper .swiper-slide span::after{content: ''; width: 0.1rem; height: 1.6rem; background-color: #D9D9D9; display: inline-block; margin-left: 4rem;}
.reportSwiper .swiper-wrapper .swiper-slide p{width: calc(100% - 26rem); padding-left: 4rem;}
/* 링크이동 버튼 */
.link-btn{content: url("../images/icon_link_white.svg"); width: 6rem; height: 0.8rem;}

/*  breadcrumb */
.breadcrumb{display: flex; margin-bottom: 2rem;}
.breadcrumb li a{color: #767676; font-size: 1.2rem; display: flex; align-items: center;}
.breadcrumb li a:after{content: ''; background: url("/images/icon_arrow_list_gray.svg")no-repeat;  display: block; width: 1.5rem; height: 1.5rem;  flex-shrink: 0;}
.breadcrumb li:last-of-type a:after{content: none;}

/* animation */
@keyframes countingBar {
    0% {width: 0;}
    100% {width:100%;}
}

@media all and (max-width: 1920px) {
    .lnb-sub {margin-left: 6.061%;}
    #gnb {width: 33%;}
    .product .lnb-sub{width: 100%;}
    .product .lnb-img,.company .lnb-img {min-width: 31.25%; padding-top: 19.2rem;}
    .lnb-main {margin-right: 13.333%; margin-left: 23.333%;}
    .lnb-list {padding-top: 19.2rem;}
}

@media all and (max-width: 1440px) {
    #gnb {display: none;}
    .report .contents-wrap, .what .contents-wrap {width: 72.917%; max-width: unset; min-width: unset;}
}


/* 2024-03-20 제품 브랜드 로고 이미지 추가*/
.logo-img{
    position: absolute;
    left: 15px;
    top:25px;
    z-index: 9;
}
.logo-img img{width: 100%; height: 100%; object-fit: contain;}

/*24-08-30 메인슬라이더 수정*/
.mainVisual{position: relative;overflow: hidden;left:50%;transform: translateX(-50%);}
.mainVisualSwiper {width: 100%; height: 100vh;}
.mainVisualSwiper .swiper-slide{width:100%;height:100vh;overflow: hidden;} 
.mainVisualSwiper .swiper-bg{width:100%;height:100%;transition: all 5s ease;}
.mainVisualSwiper .swiper-bg video,
.mainVisualSwiper .swiper-bg img{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.mainVisualSwiper .swiper-bg video{min-width:100%;min-height:100%;width:auto;height:auto;object-fit: cover;}
.mainVisualSwiper .swiper-bg img{width:100%;height:100%;object-fit: cover;}
.mainVisualSwiper .swiper__text{position: absolute;left: 26rem;top: 60vh;display: flex;flex-direction: column;color:#fff}
.mainVisualSwiper .swiper__text__t1{font-size: 6rem;line-height: 7.2rem;width: 65rem;font-weight: 900;margin-bottom: 2rem;}
.mainVisualSwiper .swiper__text__t2{font-size: 2.4rem;width: 52rem;line-height: 3.6rem;margin-bottom: 6rem;}
.mainVisualSwiper .swiper-controller{display: flex;}
.mainVisualSwiper .swiper-slide {position: relative;}
.mainVisualSwiper .swiper-controller {position: absolute; top: 26rem; left: 26rem; z-index: 10; align-items: center;}
.mainVisualSwiper .swiper-pagination {position: unset; width: fit-content; display: flex; align-items: center;}
.mainVisualSwiper .swiper-pagination-bullet {width: fit-content; background: none; color: #ffffff; opacity: 40%; height: auto; font-weight: 700; display: flex; align-items: center; margin: 0 0 0 2.4rem !important; border-radius: unset;}
.mainVisualSwiper .swiper-pagination-bullet:first-child {margin-left: 0 !important;}
.mainVisualSwiper .swiper-pagination-bullet .line {display: none; width: 8rem; height: 0.2rem; background: rgba(255, 255, 255, 0.5); margin-left: 1.2rem;}
.mainVisualSwiper .swiper-pagination-bullet-active {opacity: 1;}
.mainVisualSwiper .swiper-pagination-bullet-active + .swiper-pagination-bullet {margin-left: 1.2rem;}
.mainVisualSwiper .swiper-pagination-bullet-active .line {position: relative; display: block;}
.mainVisualSwiper .swiper-pagination-bullet-active .line em{position: absolute; left: 0; top: 0; display: block; content: ''; width: 0; height: 100%; background: #ffffff; animation: countingBar 5s linear forwards;}
.mainVisualSwiper .view-more-btn {color: #ffffff;}
.mainVisualSwiper .swiper-button-pause {width: 0.9rem; height: 1.2rem; background: url("https://www.inter-m.com/images/icon_pause.svg") no-repeat center/cover; margin-left: 2.4rem;}
.mainVisualSwiper .swiper-button-play {width: 0.9rem; height: 1.2rem; background: url("https://www.inter-m.com/images/icon_play.svg") no-repeat center/cover; margin-left: 2.4rem; display: none;}
@media all and (max-width: 1440px){
    .mainVisualSwiper .swiper-controller{left: 13.542%;top: 24.074%;}
}

/*Cyber Security*/    
.sub-cont-security1{padding:0 0 10rem}
.sub-cont-security1 .inner{display: flex;justify-content: space-between;}
.security1__img{width:42.86%}
.security1__items{width:50.79%;display: flex;flex-direction: column;}
.security1__items .num{display: inline-block;font-size:32px;line-height: 1.25;color:#DC202E;font-weight: 700;border-bottom:4px solid #DC202E}
.security1__items .desc{font-size: 18px;line-height: 1.33;color:#767676;margin-top: 28px;}
.security1__item{border-bottom:1px solid #eee;flex:1;padding:32px 0}
.security1__item:first-child{border-top:1px solid #eee}
.security1__item .dot{font-size: 1.6rem;margin-top: 1.2rem;position: relative;padding-left:1.2rem}
.security1__item .dot::before{content: '';display: block;width:4px;height:4px;background-color: #888;border-radius: 50%;position: absolute;top:1rem;left:0}
.sub-cont-security2{background-color: #f5f5f5;padding:12rem 0;margin-bottom: -12rem;}
.sub-cont .sub-cont-security2 .sub-tit{font-size: 3.2rem;margin-bottom: 3rem;}
.sub-cont-security2 .vnReports{margin: 6rem 0;}
.sub-cont-security2 .vnReports__item{display: flex;padding:30px 50px 30px 30px;align-items: center;background-color: #fff;}
.sub-cont-security2 .vnReports__item .date{font-size: 1.6rem;color:#888;width:140px;text-align: center;margin-right: 2rem;}
.sub-cont-security2 .vnReports__item .tit{font-size: 1.8rem;color:#222;}
.sub-cont-security2 .vnReports__item .icon{display:block;width: 26px;height:26px;background: url(https://www.inter-m.com/en/images/icon_download_bg_white.svg) no-repeat 50% 50%;margin-left:auto;font-size: 0;}
.sub-cont-security2 .vnReports__item + .vnReports__item{margin-top: 1rem;}