@charset "utf-8";


/* 루트 */
:root {
    /* primary-color */
    --default-txt: #000000;
    --sub-txt: #585F74;
    --key-color: #E60013;
    --sub-key-color: #f7f1fd;
    --point-color: #cc1427;
    --sub-point-color: #ea384f;
    --deep-key-color: #651715;

    /* sub-color */
    --gray-deep: #A5A6AA;
    --gray-mid: #C9CBD2;
    --gray-lite: #ECEDF2;
    --bg-gray-color: #F8F9FA;
    --bg-blue-color: #F8FDFF;
    --bg-stroke-color: #CFF2FF;

    /* font-basic */
    --font-family: 'Pretendard', 'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '돋음', Dotum, 'Nanum Gothic', Arial, Verdana, sans-serif;
    --font-size: 16px;
    --font-weight: 400;
	  --line-height:1.5em;
    --key-font:'GmarketSans';

    /* font-style */
    --h2: 700 2.5rem/1.2 var(--font-family);
    --h3: 700 2rem/1.2 var(--font-family);
    --h4: 700 1.6rem/1.2 var(--font-family);

    --cont-inner: 1740px;
    --inner: 1200px;
}


html,body {}
body::-webkit-scrollbar { width: 6px; height: 6px; }
body::-webkit-scrollbar-thumb { background-color:#ccc; /* 스크롤바 색상 */ border-radius: 10px; /* 스크롤바 둥근 테두리 */ }
body::-webkit-scrollbar-track { background-color: transparent;  /*스크롤바 뒷 배경 색상*/ }

.scroll_box::-webkit-scrollbar { width: 6px; }
.scroll_box::-webkit-scrollbar-thumb { background-color:#ccc; /* 스크롤바 색상 */ border-radius: 10px; /* 스크롤바 둥근 테두리 */ }
.scroll_box::-webkit-scrollbar-track { background-color: transparent;  /*스크롤바 뒷 배경 색상*/ }
a { color: var(--default-txt); }


.t-black { color: var(--main-black); }
.t-key { color: var(--key-color); }
.t-sub { color: var(--sub-key-color); }
.t-point { color: var(--point-color); }
.t-dkey { color: var(--deep-key-color); }
.key-box {background:var(--key-color); padding:1em 1.5em}

.hidden { display: none; width: 0; height: 0; text-indent: -9999px; overflow: hidden; }
#accessibility, .skip, hr, legend {position:absolute;width:0; height:0; font-size:0; line-height:0;overflow:hidden; visibility:hidden ;}
#skipToContent {font-size: 0; left: 0;line-height: 0;position: absolute;top: -30px;	width: 100%;z-index: 999999;}
#skipToContent a:active, #skipToContent a:focus {font-size:13px;background-color: #333333;border: medium none;color: #FFFFFF;height: 30px;left: 0;position: absolute;text-align: center;text-decoration: underline;top: 30px;line-height: 30px;width: 100%;display: block;}
body.fixe {overflow:hidden;}

/* 폰트 굵기 */
.fw1 { font-weight: 100; }
.fw2 { font-weight: 200; }
.fw3 { font-weight: 300; }
.fw4 { font-weight: 400; }
.fw5 { font-weight: 500; }
.fw6 { font-weight: 600; }
.fw7 { font-weight: 700; }
.fw8 { font-weight: 800; }
.fw9 { font-weight: 900; }


/* padding */
.pt1em {padding-top:1em;}
.pt2em {padding-top:2em;}

.mont {font-family:'Montserrat', sans-serif; }

.main_wrap, #header, #footer_wrap { font-weight: var(--font-weight); font-family: var(--font-family); font-size: var(--font-size); color: var(--default-txt); line-height:var(--line-height);}
.main_wrap * {box-sizing: border-box;}

#header {width:100%; min-width: 1920px; background: #FBFBFB;}
.header_inner {width: 1200px; margin: 0 auto; height:80px; display: flex; justify-content: space-between; align-items: center;}
.header_inner .util {margin-left: auto;}
.header_inner .util > form {display: flex; font-size: 15px; align-items: center; gap:30px;}
.header_inner .util > form > a:not(:first-child) {position: relative;}
.header_inner .util > form > a:not(:first-child)::before {content:""; width: 1px; height: 10px; background: #333; position: absolute; left: -15px; top: 50%; transform: translateY(-50%);}
.header_inner .util > form > a.last {margin-left: 10px;}
.header_inner .util > form > a.last::before {display:none;}
.header_inner .util_serch {width: 300px; display: flex; align-items: center; gap:10px; height: 45px; border:1px solid #E0E0E0; border-radius:60px; background: #fff; justify-content: space-between;}
.header_inner .util_serch .search_input {background: none; height: 100%; width: 100%; font-size: 13px; text-indent: 1em; outline: none; border:none;}
.header_inner .util_serch .serch_submit {width: 19px; padding: 0px; margin-right:16px;}
.header_inner .language { display: flex; gap:30px; padding:0px 20px; align-items: center; height: 45px; border:1px solid #E0E0E0; border-radius:60px; background: #fff; justify-content: space-between;}
.header_inner .language > a {color: #333; font-size: 13px; position: relative;}
.header_inner .language > a:not(:first-child)::before {content:""; width: 1px; height: 10px; background: #333; position: absolute; left: -15px; top: 50%; transform: translateY(-50%);}
.header_inner .language > a.on {color:var(--key-color);}

/* wrap */
#wrap {width:100%; overflow:hidden; word-break:keep-all; transition:all 0.3s 0s ease-in-out;}
#inner_wrap {position:relative; padding:min(80px, 8vw) 10px 100px 10px;}
.inner {max-width:var(--inner); margin:0 auto;}
.wrap:after {display: none !important;}




/* GNB */
.w_gnb * {transition: all 0.3s 0s ease-in-out; box-sizing:border-box;}
.w_gnb {background: #F9F8F8; position: relative;}
.w_gnb::before {content:""; width: 100%; height: 1px; background:#E0E0E0; position: absolute; left: 50%; top: 0px; transform: translateX(-50%);}
.w_gnb .gnb {display:flex; flex-wrap:wrap; justify-content:space-between; width:1200px; height: 60px; margin: 0 auto;}

.w_gnb .gnb > li > a {display:block; color:#000; display: flex; align-items: center; height: 100%; font-size: 15px;}


.w_gnb .sub_menu {display:none;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background:#2d3749}
.w_gnb .sub_menu  {position:absolute; left:0px; width:100%; min-width: max-content; padding:20px 5px; padding-bottom:40px; box-sizing:inherit; overflow:hidden; top:100%; display:none}
.w_gnb .sub_menu > li {padding:3px 0px 3px 0; letter-spacing:-0.5px; text-align:left;}
.w_gnb .sub_menu > li > a {word-break:auto-phrase; display:block; font-size:16px; font-weight:500; padding:3px 0px;  line-height:1.3em; color: #fff;}
.w_gnb .sub_menu > li > a:hover {color:#fff; text-decoration:underline}


.gnb_sub {border-top:1px solid #E0E0E0;position:absolute; display:none; left:0%; top:100%; width:100%; background:#F9F8F8; z-index: 9; padding:30px 0px; font-size: 15px; line-height: 1.4em; transition: none}
.gnb_sub .dep02_tab {display: none;}
.gnb_sub .dep02 {display: flex; width: 1200px; margin: 0 auto; gap:10px 25px; flex-wrap: wrap; }
.gnb_sub .dep02 > li > a {display: flex; width: 220px; align-items: center; justify-content: center; color:#000; border: 1px solid #DDDDDD; border-radius:4px; background: #fff; height: 45px; }
.gnb_sub .dep02 > li:hover > a {color: var(--key-color); border-color: var(--key-color);}
.gnb_sub .dep03 {padding-top:10px}
.gnb_sub .dep03 > li {padding-left:10px; line-height: 1.6em; position: relative}
.gnb_sub .dep03 > li::before {content:""; width: 3px; height: 3px; background: var(--key-color); border-radius:100%; position: absolute; left: 0px; top:9px;}
.gnb_sub .dep03 > li + li {margin-top: 10px;}
.gnb_sub .dep04 > li > a {font-weight: 100; line-height: 1.6em;}

#tab1c2 {display:none;}



.section { width: 100%; min-width:1920px; margin: 0 auto; padding:70px 0px; position: relative;}
.section .inner {max-width:1620px}
.section .more {position:absolute; right:0px; top:0px;}
.section .more > a {display:flex; font-size:13px; align-items:center;}
.section .more span {display:flex; width:30px; aspect-ratio: 1/1; border-radius:8px; border:1px solid #CCCCCC; justify-content:center; align-items:center; margin-left:10px; color:#000; position:relative;}
.section .more span:after {display:block; content:""; width:10px; height:2px; background:#000; position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-1px; transition:all 0.5s;}
.section .more span:before {display:block; content:""; width:2px; height:10px; background:#000; position:absolute; left:50%; top:50%; margin-top:-5px; margin-left:-1px; transition:all 0.5s;}
.section .more > a:hover span:after {transform:rotate(90deg);}
.section .more > a:hover span:before {transform:rotate(90deg);}
.m_tit {padding:1em 0px 0.8em 0px; color:#000000; font-size:2.88888em; line-height:120%; font-weight:400; }
.m_tit > strong {font-weight:800;}
.m_tit_txt {color:#e71b36; margin-bottom: 0.3em; font-weight:600;}
.m_tit_txt + .m_tit {padding-top:0px;}


#section1 {padding:0px; }
.main_visual {max-width: 100%; width: 1920px; margin: 0 auto;}
.main_visual .banner_slide {position: relative; overflow: hidden; }
.main_visual .swiper-slide { position: relative;}
.main_visual .swiper-slide .bg_img {position:absolute; transform: translateX(-50%) scale(1.1); left: 50%; top: 0px; width:100%; height:100%; object-fit: cover;transition:all 2s 0s ease-out;}
.main_visual .swiper-slide-active .bg_img { transform:translateX(-50%) scale(1);}
.main_visual .txt_frame {position:relative; height:820px; z-index:2; color:#fff; display: flex; justify-content: center; flex-direction: column; width:100%; max-width:var(--cont-inner); padding:0px 10px; margin:0 auto;}
.main_visual .txt_a {font-size:52px; font-weight:100; line-height: 1.5em;}
.main_visual .txt_b {font-size:32px; padding-top: 0.8em; line-height: 1.4em;}
.main_visual  strong {font-weight: 800;}
.main_visual .key_visual {max-width: var(--cont-inner); width: 100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index:3; display: flex;  align-items:flex-start; flex-direction: column; height: 100%; color: #fff; color: #fff; line-height: 1.4em; padding-top:380px;}

.main_visual .swiper-pagination {max-width: var(--cont-inner); width: 100%; position: absolute; left: 50%; bottom:100px; transform: translateX(-50%); gap: 10px; justify-content: flex-start; }
.main_visual .swiper-pagination-bullet {border: none;}
.main_visual .swiper-pagination-bullet-active {position: relative; background: #fff;}
.main_visual .swiper-pagination-bullet-active::after {content: ""; width:calc(100% + 8px); height: calc(100% + 8px); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius:100%; border:1px solid #fff;}
.slide_arrow {display: block; width:60px; height:60px;  background-color: rgba(255, 255, 255, 0.3) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: flex; gap:2em; justify-content: space-between; padding:clamp(15px, 5vw, 30px); color: #fff; position: absolute; z-index: 4; cursor: pointer; border-radius:100%;}
.swiper-button-prev {background: url(../img/main/bt_prev.svg) no-repeat center center;}
.swiper-button-next {background: url(../img/main/bt_next.svg) no-repeat center center;}

.main_tit {display: flex; gap: 1em; align-items: flex-end; font-size: 36px; font-weight: 600; line-height: 1.4em; color: #000; margin-bottom: 30px; justify-content: center;}
.main_banner {width: 1620px; margin: 0 auto;}
.main_banner * {transition: all 0.3s 0s ease-in-out;}
.main_banner > li {height: 150px; display: flex; justify-content: flex-start; align-items: center; overflow: hidden; border-radius:16px ;}
.main_banner > li + li {margin-top: 20px;}
.main_banner > li > p {width: 1200px; margin: 0 auto; color: #fff; font-size: 24px; line-height: 1.4em;}
.main_banner > li:nth-child(1) {background: url(../img/main/banner01.jpg) no-repeat center top/cover;}
.main_banner > li:nth-child(2) {background: url(../img/main/banner02.jpg) no-repeat center top/cover;}
.main_banner > li:nth-child(3) {background: url(../img/main/banner03.jpg) no-repeat center top/cover;}


.main_solutions {display: flex; justify-content: center; gap: 30px;}
.main_solutions > li * {transition: all 0.3s 0s ease-in-out;}
.main_solutions .box {display: flex; flex-direction: column; width: 380px; height: 380px; border:1px solid #CCCCCC; padding:20px 30px; background: #fff; font-size:16px; color: #000;}
.main_solutions .category {display: flex; width: 140px; height: 40px; border: 1px solid var(--key-color); align-items: center; justify-content: center; color: var(--key-color); margin-left: auto;}
.main_solutions .icon {margin:10px 0px 20px 0px; }
.main_solutions .icon img {-webkit-filter:invert(0%) sepia(0%) saturate(31%) hue-rotate(161deg) brightness(93%) contrast(106%);;}
.main_solutions dt {font-size: 22px; font-weight: 700;}
.main_solutions dd {padding-top: 10px;}
.main_solutions .view {margin-top: auto; display: flex; gap:10px; align-items: center; font-size: 13px;}
.main_solutions .box:hover {border-color: var(--key-color); color: var(--key-color);}
.main_solutions .box:hover .icon img {-webkit-filter:none;}
.main_solutions .box:hover .view img {-webkit-filter:invert(14%) sepia(89%) saturate(7460%) hue-rotate(351deg) brightness(87%) contrast(107%);;}

#section3 {background:#F7F7F7;}

.main_board_wrap {display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto;}
.main_board_wrap > div {width:590px; position: relative; }
.main_board_wrap h4 {font-size: 22px; margin-bottom:20px;}
.main_board_wrap .more {position:absolute; right: 0px; top: 0px;}
.main_board_wrap .banner a {width: 100%; height: 260px; background: url(../img/main/banner.jpg) no-repeat left top; display: flex; flex-direction: column; justify-content: center; padding: 0px 40px; color: #fff; gap:20px;}
.main_board_wrap .banner .txt_a {font-size: 30px; line-height: 1.4em; font-weight: 600;}
.main_board_wrap .banner .txt_a img {margin-bottom: 10px;}
.main_board_wrap .banner .bt {display: flex; align-items: center; justify-content: center; gap: 30px; border:1px solid rgba(255, 255, 255, 50%); border-radius:50px; height: 48px; width: 164px; font-size: 15px;}

.main_news .box {border:1px solid #ccc; padding:19px 40px; height: 260px;}
.main_news .news_list li * {transition: all 0.3s 0s ease-in-out;}
.main_news .news_list li {display:flex; align-items:center; justify-content:space-between; position:relative; overflow: hidden; height: 73px; }
.main_news .news_list li + li {border-top: 1px solid #CCCCCC;}
.main_news .news_list li a {flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size: 18px; color: #000;}
.main_news .news_list li .date {color:#666; min-width:7em; text-align:right; font-size:13px;}
.main_news .news_list li:hover a {color: var(--key-color);}
.main_news .news_list li:hover .date {color: var(--key-color);}




/* footer */
#footer_wrap {background:#272727; margin-top: 50px; color: #fff; min-width: 1920px; font-size: 14px;}
#footer_wrap a {color: #fff;}
.footer_top {display: flex; justify-content: space-between; align-items: center; height:80px; border-bottom: 1px solid #333333;}
.footer_top .navi {display:flex; flex-wrap: wrap; gap:30px;}
.footer_top .navi > li {position: relative;}
.footer_top .navi > li + li::before {content:""; width: 1px; height:8px; background: #fff; position: absolute; left: -15px; top: 50%; opacity: 0.3; transform: translateY(-50%);}

.family_site {margin-left: auto; display: flex; align-items: center; gap: 30px;}
.family_site .list  {display: flex; gap:20px; align-items: center;}

.footer {display: flex; justify-content: space-between; padding:30px 0px}
.footer > li.etc {display: none;}
.footer.fixed:after {display: none;}
.footer > li > a {font-size:16px;}
.footer .footer_sub {margin-top:10px; line-height: 1.4em;}
.footer .footer_sub a {font-weight:100; opacity: 0.5; line-height: 1.5em; }

.footer_bottom {position: relative; z-index: 2; height: 100px; display: flex; align-items: center; gap: 50px; font-weight: 100;}
.footer_bottom .top {margin-left: auto;}
.footer_bottom::before {content: ""; min-width: 1920px; width: 100vw; height: 100%; background: #1E1E1E; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: -1;}

#footer .go_top {position:absolute; right:0px; top:50%; transform: translateY(-50%); z-index:99}
#footer .go_top > a {display:flex; width:74px; aspect-ratio:1/1; line-height:1.6em; background:#fff; justify-content:center; text-align: center; align-items:center; flex-direction:column; color:#000; font-size:12px; font-weight:400; border-radius:100%;}





/* 레이어팝 */
.layerPop {-webkit-overflow-scrolling:touch; display: flex; align-items: center; justify-content:center; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; padding:10px; z-index:99999;  background:rgba(0, 0, 0, 50%); font-size:var(--font-size); line-height:1.5em; padding:10px;}
.pop_wrap {width:100%; max-height:100%; padding:clamp(15px, 2vw, 20px) clamp(15px, 2vw, 30px); position:relative;  background:#fff; border-radius: clamp(10px, 3vw, 20px);}
.pop_wrap .pop_body {padding:15px 0px; word-break:keep-all; overflow-y:auto; max-height:90dvh;}
.pop_wrap .pop_body::-webkit-scrollbar { width: 6px; }
.pop_wrap .pop_body::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
.pop_wrap .pop_body::-webkit-scrollbar-track { background-color: transparent; }
.pop_wrap .x_btn {position:absolute; right:clamp(10px, 2vw, 30px); top:clamp(25px, 4vw, 30px); display:block; cursor:pointer; background:none; width:30px; height:30px;  font-size:1px !important; text-indent:-999999px;}
.pop_wrap .x_btn:after {display:block; content:""; width:20px; height:2px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.pop_wrap .x_btn:before {display:block; content:""; width:20px; height:2px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.pop_wrap .pop_head.bg_no {background:#fff;}
.pop_wrap .pop_head.bg_no .title {color:#000; border-bottom:2px solid #000}
.pop_wrap .pop_head.bg_no .x_btn:after {background:#000}
.pop_wrap .pop_head.bg_no .x_btn:before {background:#000;}
.pop_wrap .pop_head {background:var(--key-color); position:relative;}

.pop_wrap .pop_head .title {font-size:26px; line-height:140%; color:#fff; padding:15px 50px 15px 0px; text-align:left; font-weight:700;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}



/* 팝업 */
.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../img/common/close.png) no-repeat right center; background-size:20px auto;}
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative; padding:0px 10px;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}


.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; font-family:Pretendard; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Pretendard; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Pretendard; color:#444444; font-size:22px; line-height:38px;}