@charset "utf-8";


/* wrap */
.wrap{width:100%; min-width:100%; margin:auto;}

/* header */
header{width: 100%;}
.header_layout{width: 100%; height: auto; position: relative; background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position:fixed; left:50%; top:0; transform: translateX(-50%); z-index: 1500;}
.header_layout.sub{border-bottom: none;}
.header_logo{width: fit-content; height: 96px; max-height: 96px; padding-left: 40px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); overflow: hidden;}
.header_logo > a{width: 100%; height: 100%; max-height: 100%; display: flex; align-items: center; gap: 10px; cursor: pointer;}
.header_logo > a > img{width: 40px; height: 40px; object-fit: contain; display: inline-block;}
.header_logo > a > p{font-size: 20px; font-weight: 700; color: var(--white); font-family: var(--eng);}
.header_logo > a:nth-child(2) > p{color: var(--main);}
.header_logo > a > p > span{margin-left: 5px;}
.header_right{height: 100%; padding-right: 10px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: flex; justify-content: end; align-items: center; gap: 5px;}
.header_search{width: 230px; height: 42px; position: relative; border-bottom: 1px solid var(--white);}
.input_header_search{width: 100%; height: 100%; padding: 0 20px 0 10px; font-size: 16px; font-weight: 300; color: var(--white);}
.input_header_search::placeholder{font-size: 12px; font-weight: 300; color: var(--white);}
.input_header_search.scrolled::placeholder{color: var(--black);}
.btn_header_search{width: 42px; height: 100%; position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.btn_header_search > img{width: 28px; height: 28px; display: block;}
.header_lan{position: relative;}
.header_lan_box{width: 100px; height: 42px; padding: 0 15px; position: relative; display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--white); cursor: pointer;}
.header_lan_box.box02{padding: 0; position: absolute; bottom: -50px; left: 0; display: none;}
.header_lan_box.box02 > a{width: 100%; padding: 0 15px; display: flex; justify-content: space-between; align-items: center;}
.header_lan_txt{font-size: 14px; font-weight: 500; color: var(--white); font-family: var(--eng);}
.header_lan_icon{width: 20px; height: 20px;}
.header_hamburger{display: none; justify-content: center; align-items: center; width: 50px; height: 100%; cursor: pointer;}
.header_hamburger > img{width: 36px; height: 36px; margin-left: 10px;}
.header_container{width: 100%; height: 96px; background: transparent;}
.header_nav_wrap{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.header_nav{width: auto; height: 100%; display:flex; justify-content: space-between; align-items:center; gap: 100px;}
.nav_menu{width: 100%; height: 100%;}
.nav_menu > a{width: 180px; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 400; color: var(--white);}
.header_drop{width: 100%; display: none; border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.header_sub{width: 100%; display: flex; justify-content: center; background: var(--white);}
.haader_sub_nav{display:flex; justify-content: space-between; align-items: start; gap: 80px;}
.haader_sub_nav > ul{width: 200px; height: 100%; padding: 20px 0; display: flex; flex-direction: column; gap: 14px; font-size: 16px; font-weight: 300; color: #505050; text-align: center;}
.haader_sub_nav > ul:hover{background: #fafafa;}
.haader_sub_nav > ul > li{width: 100%;}
.haader_sub_nav > ul > li > a{width: 100%; padding: 5px 0;}
.haader_sub_nav > ul > li > a:hover{color: var(--main);}
/* header responsive */
.header_nav_r_layout{width: 100%; height: 100%; display: none; position: fixed; left: 0; top: 0; z-index: 2000; background: var(--white);}
.header_r{width: 100%; height: 70px; position: relative; border-bottom: 1px solid #eee;}
.header_r .header_logo > a > p{color: var(--main);}
.header_close{width: 50px; height: 100%; display: flex; justify-content: end; align-items: center;}
.header_close > img{width: 36px; height: 36px;}
.nav_r_menu{width: 100%; padding: 20px 35px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; cursor: pointer;}
.nav_r_menu > p{font-size: 16px; font-weight: 500;}
.nav_r_menu:hover{color: var(--main);}
.nav_r_menu_icon{width: 20px; height: 20px;}
.nav_r_menu_icon.active{transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.nav_r_menu_icon.inactive{transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
.nav_r_menu_icon > img{width: 100%; height: 100%; object-fit: contain; display: block;}
.nav_r_drop{width: 100%; display: none; background: #f4f4f4;}
.nav_r_drop > li{width: 100%; padding: 0 10px;}
.nav_r_drop > li > a{width: 100%; padding: 18px 35px; display: block; border-bottom: 1px solid #e2e2e2; font-size: 14px; font-weight: 400; cursor: pointer;}
.nav_r_drop > li > a:hover{color: var(--main);}
.nav_r_copyright{margin-top: 30px; font-size: 12px; font-weight: 300; color: rgb(145, 145, 145); text-align: center; line-height: 19px;}

/* modal(popup) */
.modal{width: 100%; max-width: 740px; padding: 0 30px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1000;}
.modal_wrap{width: 100%; height: 100%; padding: 20px 20px 90px; position: relative; background: var(--white); box-shadow: 0px 10px 50px rgba(0, 10, 50, 0.4); border-radius: 10px; overflow: hidden;}
.modal_content{width: 100%; max-height: 390px; padding-right: 10px; overflow-y: auto; overflow-x: hidden; margin: 0 auto; text-align: center; word-break: break-all;}
.modal_content::-webkit-scrollbar{width: 5px;}
.modal_content::-webkit-scrollbar-thumb {height: 10%; background: var(--main); border-radius: 10px;}
.modal_content::-webkit-scrollbar-track {background: rgba(230, 230, 230, 0.5);}
.modal_img{width: 100%; margin: 0 auto;}
.modal_img > img{width: 100%; height: 100%; margin: 0 auto; object-fit: contain; display: block;}
.modal_content > p{width: 100%; margin: 0 auto;}
.modal_content > p > img{width: 100%; max-width: 100%; height: auto; margin: 10px auto; object-fit: contain; display: block;}
.btn_modal_wrap{width: calc(100% - 40px); height: 90px; background: var(--white); position: absolute; bottom: 0; left: 20px; display: flex; justify-content: space-between; align-items: center; gap: 10px;}
.btn_modal{width: 100%; height: 50px; background: var(--main); border-radius: 10px; font-size: 16px; font-weight: 500; color: var(--white); cursor: pointer;}
.modal_bg{content: ""; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 500; background: rgba(0,0,0,0.5);}

/* main */
/* index */
/* fullpage */
main{width: 100%;}
.no_scroll{overflow: hidden !important;}
.full_swiper{width: 100%; height: 100vh; height: 100svh;}
.swiper-wrapper.bg {min-height: 100vh; min-height: 100svh;}
.full_wrapper{width: 100%; height: 100%;}
.full_slide{width: 100%; height: 100%; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.full_nav{right: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.full_nav > span { width: 7px; height: 7px; background-color: var(--white); opacity: 1; border-radius: 10px; text-align: center; vertical-align: middle;}
.full_nav > span:hover{background-color: var(--main);}
.full_nav span.swiper-pagination-bullet-active {width: 13px; height: 13px; background-color: var(--main); position: relative;}
.full_nav span.swiper-pagination-bullet-active::before{content: ""; width: 21px; height: 21px; position: absolute; left: -6px; top: -6px; display: block; border: 2px solid var(--main); border-radius: 100%;}
.full_nav_line{width: 1px; height: 200px; position: fixed; top: 50%; right: 36px; transform: translateY(-50%); z-index: 9; background-color: var(--white);}
/* .full_nav_txt_list{position: fixed; top: 50%; right: 56px; transform: translateY(-50%); z-index: 9; display: flex; flex-direction: column; gap: 20px;}
.full_nav_txt{font-size: 14px; font-weight: 400; color: var(--main); text-align: right; opacity: 0;}
.full_nav_txt.fnt01{opacity: 1;} */
.full_nav_txt_list{z-index: 9; display: flex; flex-direction: column; gap: 20px;}
.full_nav_txt{font-size: 14px; font-weight: 400; color: var(--main); text-align: right; display: none;}
.full_nav_txt.fnt01{display: block; position: fixed; right: 56px; top: calc(50% - 75px); transform: translateY(-50%); z-index: 9;}
.full_nav_txt.fnt02{position: fixed; right: 56px; top: calc(50% - 37px); transform: translateY(-50%); z-index: 9;}
.full_nav_txt.fnt03{position: fixed; right: 56px; top: calc(50%); transform: translateY(-50%); z-index: 9;}
.full_nav_txt.fnt04{position: fixed; right: 56px; top: calc(50% + 37px); transform: translateY(-50%); z-index: 9;}
.full_nav_txt.fnt05{position: fixed; right: 56px; top: calc(50% + 75px); transform: translateY(-50%); z-index: 9;}

.visual_swiper{width: 100%; height: 100%;}
.visual_wrapper{width: 100%; height: 100%;}
.visual_slide{width: 100%; height: 100%;}
.main_img{width: 100%; height: 100%; position: relative; animation-name: img_grow 14s ease-in-out infinite alternate; -webkit-animation: img_grow 10s ease-in-out infinite alternate;}
@keyframes img_grow{
  0% {transform: scale(1.2); -webkit-transform: scale(1.2);}
  100% {transform: scale(1.6); -webkit-transform: scale(1.6);}
}
.main_img > img{width: 100%; height: 100%; margin: auto; object-fit: cover; display: block;}
.main_bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; animation: fadeBlack 4s ease-in-out; animation-fill-mode: forwards; -webkit-transform-origin: center center; animation-iteration-count: 1; background: rgba(0, 0, 0, 0.5); z-index: 5;}
@keyframes fadeBlack{
  0% {background: #000;}
  100% {background: rgba(0, 0, 0, 0.5);}
}
.video_area{width: 100%; height: 100%; margin: 0 auto; padding: 0; position: relative; display: flex; justify-content: center; align-items: center;}
.visual_video{width: 100%; height: 100%; object-fit: cover;}
.visual_content{position: absolute; top: 30%; left: 220px; z-index: 6; word-break: break-all; animation-name: fadeInUp; transform: translateY(0px); opacity: 1; animation-duration: 10s; animation-timing-function: ease; animation-iteration-count: 1;}
.visual_title{font-size: 70px; font-weight: 300; color: var(--white); line-height: 96px;}
.visual_title > span{display: block;}
.visual_line{width: 120px; height: 2px; margin: 20px 0 30px; background: var(--white);}
.visual_txt{font-size: 28px; font-weight: 300; color: var(--white); line-height: 42px;}
.visual_prev, .visual_next{margin-top: 20px; padding: 36px; top: 50%; transform: translateY(-50%); transition: 0.5s; background-color: rgba(0, 0, 0, 0.3); background-size: 50px; z-index: 50;}
.visual_prev{left:40px; right:auto; background-image:url(../img/icons/common/icon_prev.svg);}
.visual_next{right:40px; left:auto; background-image:url(../img/icons/common/icon_next.svg);}
.visual_prev:hover, .visual_next:hover{padding: 36px; background-color: rgba(0, 0, 0, 0.5);}
.visual_nav{bottom: 40px; right: 60px; z-index: 10; display: flex;}
.visual_nav > span {width: max-content; height: auto; padding-bottom: 5px; background: none; border-bottom: 3px solid  rgba(255, 255, 255, 0.5); border-radius: 0; font-size: 12px; font-weight: 400; color: rgba(255, 255, 255, 0.5); text-align: center; transition: all 0.5s ease-in-out;}
.visual_nav > span.swiper-pagination-bullet-active{border-bottom: 3px solid  rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); position: relative; transition: all 0.5s ease-in-out;}


.main_content{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 6;}
/* main01 */
.main01_content{width: 1400px; height: 100%; margin: 0 auto; padding: 0 15px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.main01_title{font-size: 48px; font-weight: 600; color: var(--white);  text-align: center;}
.main01_line{width: 180px; height: 2px; margin: 30px auto; background: var(--main); text-align: center;}
.main01_txt{margin-bottom: 100px; font-size: 24px; font-weight: 300; color: var(--white); text-align: center; line-height: 36px;}
.main01_card_box{width: 100%; display: flex; justify-content: center; align-items: center;}
.main01_card{width: 25%; height: 425px; padding: 30px; position: relative; background-size: 100% 100%; overflow: hidden; text-align: left;}
.main01_card:hover{width: 35%; transform: scale(1.05); transition: 0.5s;}
.main01_card_bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 4; background: rgba(0, 0, 0, 0.3);}
.main01_sub_txt_box{position: absolute; top: 30px; left: 30px; z-index: 5;}
.main01_sub_title{font-size: 22px; font-weight: 500; color: var(--white); line-height: 34px;}
.main01_sub_title > span{display: block;}
.main01_sub_txt{margin-top: 15px; font-size: 16px; font-weight: 300; color: var(--white); word-break: keep-all;}
/* .main01_card:nth-child(1){background-color: cadetblue;}
.main01_card:nth-child(2){background-color: salmon;}
.main01_card:nth-child(3){background-color: lightpink;}
.main01_card:nth-child(4){background-color: cornflowerblue;} */
.main01_card:nth-child(1){background-image: url(../img/images/index/main/distribution03.jpg);}
.main01_card:nth-child(2){background-image: url(../img/images/index/main/mall04.jpg);}
.main01_card:nth-child(3){background-image: url(../img/images/index/main/franchise01.jpg);}
.main01_card:nth-child(4){background-image: url(../img/images/index/main/real_estate05.jpg);}

/* main02 */
.main02_content{width: 1400px; height: 100%; margin: 0 auto; padding: 180px 0; display: flex; justify-content: space-between; align-items: start; gap: 30px;}
.main02_txt_area{min-width: 450px; color: var(--white); text-align: left; position: relative;}
.main02_txt_area > li > span{display: block; word-break: break-all;}
.main02_txt_area > li:nth-child(1){margin: 6px 0 30px; font-size: 56px; font-weight: 600;}
.main02_txt_area > li:nth-child(2), .main02_txt_area > li:nth-child(4){margin-bottom: 70px; font-size: 28px; font-weight: 300; line-height: 36px; word-break: break-all;}
.main02_txt_area > li:nth-child(3){margin-bottom: 10px; font-size: 30px; font-weight: 600;}
.main02_viewmore > a{width: 120px; height: 40px; margin-bottom: 30px; position: relative; display: block; font-size: 18px; color: var(--white); font-family: var(--eng); text-decoration: none; text-align: center;}
.main02_viewmore > a::before{content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; display: inline-block; background: var(--white);}
.main02_img_area{width: 100%; max-width: 840px; min-width: 580px; height: 680px; overflow: hidden;}
.main02_swiper{width: 100%; height: 100%;}
.main02_slide{width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center;}
.main02_slide:hover .main02_slide_bg{transform: translateY(0); transition: 0.5s;}
.main02_slide:hover .main02_slide_txt{height: 60px; bottom: 30px; transform: translateY(0); transition: 0.5s;}
.main02_slide > img{width: 100%; height: 100%; object-fit: cover;}
.main02_slide_bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(3, 3, 3, 0.5) 75%); transform: translateY(100%);}
.main02_slide_txt{width: 100%; height: 30px; padding: 0 45px; position: absolute; bottom: 40px; left: 0; color: var(--white); letter-spacing: 1px; overflow: hidden; transform: translateY(60%);}
.main02_slide_txt > p:nth-child(1){font-size: 24px; font-weight: 500;}
.main02_slide_txt > p:nth-child(2){padding-top: 10px; font-size: 16px; font-weight: 300;}
.main02_prev, .main02_next{width: 70px; height: 70px; bottom: -100px; padding: 32px; transition: 0.5s; background-color: var(--white); background-size: 16px; border-radius: 100%;}
.main02_prev{left: 0; transition: 0.5s; background-image:url(../img/icons/common/icon_prev02.svg);}
.main02_next{left: 80px; transition: 0.5s; background-image:url(../img/icons/common/icon_next02.svg);}
.main02_prev:hover{background-image:url(../img/icons/common/icon_prev02_wh.svg); background-color: var(--main);}
.main02_next:hover{background-image:url(../img/icons/common/icon_next02_wh.svg); background-color: var(--main);}

/* main03 */
.main03_swiper{width: 100%; height: 100%;}
.main03_wrapper{width: 100%; height: 100%;}
.main03_slide{width: 100%; height: 100%;}
.main03_content{width: 1400px; height: 100%; margin: 0 auto; display: flex; justify-content: start; align-items: center;}
.main03_txt_area > p:nth-child(1){font-size: 44px; font-weight: 500; color: var(--white); line-height: 54px; word-break: break-all;}
.main03_txt_area > p:nth-child(2){margin: 26px 0 30px; font-size: 16px; font-weight: 300; color: var(--white); word-break: break-all;}
.btn_main03{width: 250px; padding: 20px 20px; display: inline-block; border: 1px solid var(--white); font-size: 16px; font-weight: 300; color: var(--white); text-align: center; cursor: pointer;}
.btn_main03:hover{background: var(--white); border: 1px solid #d4d4d4; color: var(--black); transition: all 0.5s ease-in-out;}
.main03_nav{bottom: 40px; z-index: 10;}
.main03_nav > span {width: 15px; height: 15px; background-color: #fff; border-radius: 15px; text-align: center; transition: all 0.5s ease-in-out;}
.main03_nav span.swiper-pagination-bullet-active {width: 40px; height: 15px; opacity: 1; position: relative; transition: all 0.5s ease-in-out;}

/* main04 */
.main04_content{width: 1400px; height: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.main04_content > p{padding-top: 140px; font-size: 34px; font-weight: 500; color: var(--white); text-align: center;}


/* sub page layout : 공통 */
.subpage_visual{width: 100%; height: 550px; position: relative; overflow: hidden;}
.subpage_visual_bg{width: 100%; height: 100%; object-fit: cover; display: block; animation: zoom 3s ease-in-out; animation-fill-mode: forwards; -webkit-transform-origin: center center; animation-iteration-count: 1;}
@keyframes zoom{
  0% {transform: scale(1.2); -webkit-transform: scale(1.2);}
  100% {transform: scale(1); -webkit-transform: scale(1);}
}
.subpage_txt{width: 100%; height: 100%; padding: 0 20px; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; color: var(--white); text-align: center; word-break: break-all; animation-name: fadeInUp; transform: translateY(0px); opacity: 1; animation-duration: 10s; animation-timing-function: ease; animation-iteration-count: 1;}
.subpage_txt > p:nth-child(1){font-size: 50px; font-weight: 500; animation-delay: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.subpage_txt > p:nth-child(2){margin-top: 14px; font-size: 22px; font-weight: 400; animation-delay: 1.5s;}
@keyframes fadeInUp{
  0% {transform: translateY(50px); opacity: 0;}
  30% {transform: translateY(0); opacity: 1;}
  80% {transform: translateY(0); opacity: 1;}
  100% {transform: translateY(0); opacity: 1;}
}
.sub_menu_nav{height: 80px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #eee; cursor: pointer;}
.sub_menu_select_box{width: 240px; height: 100%; margin-right: 30px; padding: 0 20px; position: relative; border-left: 1px solid #eee; border-right: 1px solid #eee; cursor: pointer;}
.custom_select{width: 100%; height: 100%; position: relative; display: flex; justify-content: space-between; align-items: center; font-size: 18px; cursor: pointer;}
.custom_select_txt{padding-left: 6px; font-size: 18px; font-weight: 400; color: var(--main_txt);}
.sub_menu_select_icon01{width: fit-content; height: 100%; display: flex; align-items: center;}
.sub_menu_select_icon02{width: fit-content; height: 100%; display: flex; align-items: center; }
.sub_menu_select_icon02 > div{width: 32px; height: 32px; background: #f1f1f1; border-radius: 100%;}
.custom_select_list{width: 240px; height: auto; position: absolute; top: 80px; left: -1px; z-index: 15; background: var(--white); border-bottom: solid 1px #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; font-size: 18px; font-weight: 400; color: var(--main_txt); text-align: center;}
.custom_select_option { height: 48px; line-height: 48px; cursor: pointer;}
.custom_select_option:hover {background-color: var(--main); color: var(--white);}
.sub_menu_list{height: 100%; display: flex; justify-content: center; align-items: center;}
.sub_menu_list > li{height: 100%; padding: 0 20px;}
.sub_menu_list > li.active{height: 100%; color: var(--main);}
.sub_menu_list > li > a{width: 100%; height: 100%; display: flex; align-items: center; font-size: 18px; font-weight: 400; color: var(--main_txt);}
.sub_menu_list > li > a.active{height: 100%; border-bottom: 3px solid var(--main); font-weight: 500; color: var(--main);}
/* 반응형 서브 메뉴 */
.sub_rps_menu{display: none; width: 100%; height: 52px; position: absolute; top: 360px; left: 0; z-index: 20; background: var(--white);}
.sub_rps_menu_select{width: 100%; height: 100%; padding: 0 25px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; cursor: pointer;}
.sub_rps_menu_txt{font-size: 16px; font-weight: 500;}
.sub_rps_menu_select:hover > img{transform: rotate(180deg); transition: all .5s ease-in-out;}
.sub_rps_menu_list{width: 100%; background: var(--white); }
.sub_rps_menu_option{width: 100%; height: 50px; padding: 0 25px; display: flex; justify-content: start; align-items: center; border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 400; cursor: pointer;}
/* 서브페이지 타이틀 공통 레이아웃 */
.subpage_main_container{width: 100%; margin: 120px 0 100px; opacity: 1; animation-name: fadeIn; animation-duration: 1s; animation-delay: 0.1s; visibility: visible; animation-fill-mode: both; overflow: hidden;}
@keyframes fadeIn{
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.subpage_main_inner{width: auto; max-width: 1400px; margin: 0 auto;}
.subpage_main_inner.back{overflow: hidden;}
.subpage_main_title{width: 100%; margin-bottom: 50px; padding: 0 15px; text-align: center; position: relative; }
.subpage_main_title.industry{margin-bottom: 25px;}
.subpage_main_title.company{margin-bottom: 180px;}
.subpage_main_title.company::before{content: ''; display: block; width: 600px; height: 410px; background: url(../../assets/img/images/subpage_etc/building_bg.png) no-repeat; opacity: 0.5; position: absolute; left: 35%; top: -90px; transform: translateX(-50%); z-index: -1;}
.subpage_main_title > h1{margin-bottom: 10px; font-size: 42px; font-weight: 500; color: #191919; overflow: hidden; word-break: break-all; text-overflow: ellipsis; white-space: nowrap;}
.subpage_main_title > h1.company{font-size: 50px; font-weight: 700; color: var(--main);}
.subpage_main_title > h5{font-size: 40px; font-weight: 500; color: #999; overflow: hidden; word-break: break-all; text-overflow: ellipsis; white-space: nowrap;}
.subpage_main_title > p{margin-bottom: 50px; font-size: 24px; font-weight: 300; line-height: 36px; word-break: break-all;}

/* 기업소개 : 회사개요 */
.company_content{width: 100%; display: flex; justify-content: space-between;}
.company_txt{width: 50%; text-align: left;}
.company_txt > img{width: 70px}
.company_txt > p:nth-child(2){padding: 20px 0 30px; font-size: 32px; font-weight: 500; color: var(--main_txt);}
.company_txt > p:nth-child(3){font-size: 26px; font-weight: 300; color: #333; line-height: 40px;}
.company_img{width: 50%;}
.company_img > img{width: 100%; height: 650px; object-fit: cover; margin: 0 auto;}
.company_table{width: 100%; margin: 80px 0 100px; border-top: 2px var(--main_txt) solid;}
.company_table > tbody > tr{border-bottom: 1px #e3e3e3 solid; font-size: 18px; color: var(--main_txt); text-align: left;}
.company_table > tbody > tr > th{width: 336px; padding: 20px 40px; background: #f5f5f5; font-weight: 500;}
.company_table > tbody > tr > td{padding: 20px 18px; font-weight: 300;}

/* 기업소개 : 사업의 배경 */
.corver {position: absolute; top: 0; background-color: #fff; width: 100%; height: 100%; z-index: 1;}
.business_con {height: 800px; display: flex;}
.business_con div {width: 100%;}
.business_content{position: relative;}
/* 가운데 선 부분 */
.line { border-left: 1px solid #bdbdbd; z-index: 1100; height: 99%; position: absolute; left: 50%; }
.line > div { background-color: #aec6d8; position: absolute; border-radius: 50%; z-index: 1500; width: 20px !important; height: 20px; left: 50%; transform: translate(-50%,-50%); }
.line > div:nth-child(2) { top: 27%; }
.line > div:nth-child(3) { top: 52%; }
.line > div:nth-child(4) { top: 77%; }
.line > div:nth-child(5) { top: 100%; }
.line > div::after{content: ""; width: 7px; height: 7px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; background-color: var(--main); z-index: 900; }

.business_con_img{position: relative; width: 50%; min-width: 50%; padding: 0 0;}
.business_con_img > img{object-fit: cover; width: 100%; height: 450px; margin-top: 200px; padding: 0 60px;}
.business_con_img.right > img{position: absolute; right: 60px;}
.business_con_img.left > img{position: absolute; left: 60px; object-fit: cover;}
.fade_txt1{margin-top: 140px; line-height: 65px; word-break: break-all;}
.fade_txt1.font80{font-size: 80px;}
.fade_txt1 span{font-family: var(--eng);}

/* 애니메이션 */
/* 우에서 좌 페이드 인 */
@keyframes fadeInUp1 { 0% { opacity: 1; transform: translateX(0); } 25% { opacity: 1; transform: translateX(0); } 100% { opacity: 1; transform: translateX(0); } 100% { opacity: 1; transform: translateX(-800px); } }
/* 좌에서 우 페이드 인 */
@keyframes fadeInUp4 { 0% { opacity: 1; transform: translateX(0px); } 25% { opacity: 1; transform: translateX(0px); } 100% { opacity: 1; transform: translateX(800px); } }
@keyframes fadeOutUp2 { from { opacity: 1; } to { opacity: 0; } }
/* 색 변경 애니메이션 */
@keyframes fadeInUp3 { from { filter: grayscale(100%); } to { filter: grayscale(0%); } }
.fadebox { animation-duration: 2.5s; animation-fill-mode: forwards; }
.active { animation-name: fadeOutUp2; }
.fadebox1 { animation-name: fadeInUp1; }
.fadebox4 { animation-name: fadeInUp4; }
.fadebox3 { animation-name: fadeInUp3; }
.business_txt_card ul { font-size: 15px; color: #474747; margin-top: 50px; padding: 0 90px;}
.business_txt_card ul li {margin-top: 30px; word-break: break-all;}
.fade_txt1.box2 { font-size: 80px; margin-top: 140px; }
.business_li_r li, .business_li_l li { position: relative; }
.business_li_r li::before { content: ""; width: 2px; height: 2px; border-radius: 50%; background-color: #8a8a8a; position: absolute; top: 7px; left: -10px; }
.business_li_l li::after { content: ""; width: 2px; height: 2px; border-radius: 50%; background-color: #8a8a8a; position: absolute; top: 7px; right: -10px; }
.fade_txt1 { font-size: 90px; font-weight: bold; color: #fff; font-family:"montserrat";}

/* 글자 애니메이션 */
.fade_txt1.active span:nth-child(1) { animation: letter-glow 0.5s 0.2s; animation-fill-mode: both; }
.fade_txt1.active span:nth-child(2) { animation: letter-glow 0.5s 0.3s; animation-fill-mode: both; }
.fade_txt1.active span:nth-child(3) { animation: letter-glow 0.5s 0.4s; animation-fill-mode: both; }
.fade_txt1.active span:nth-child(4) { animation: letter-glow 0.5s 0.5s; animation-fill-mode: both; }
.fade_txt1.active span:nth-child(5) { animation: letter-glow 0.5s 0.6s; animation-fill-mode: both; }
.fade_txt1.active span:nth-child(6) { animation: letter-glow 0.5s 0.7s; animation-fill-mode: both; }
.fade_txt1.active span:nth-child(7) { animation: letter-glow 0.5s 0.8s; animation-fill-mode: both; }
.fade_txt1.active span:nth-child(8) { animation: letter-glow 0.5s 0.9s; animation-fill-mode: both; }
.fade_txt1.active span:nth-child(9) { animation: letter-glow 0.5s 1s; animation-fill-mode: both; }
.fade_txt1.active span:nth-child(10) { animation: letter-glow 0.5s 1.1s; animation-fill-mode: both; }
.fade_txt1.active span:nth-child(11) { animation: letter-glow 0.5s 1.2s; animation-fill-mode: both; }
.fade_txt1.active span:nth-child(12) { animation: letter-glow 0.8s 1.4s; animation-fill-mode: both; }
@keyframes letter-glow { 0% { color: #f5f5f5; } 100% { color: var(--main); } }
.fade_txt1.reactive span:nth-child(1) { animation: letter-glowOut 0.5s 0.2s; animation-fill-mode: both; }
.fade_txt1.reactive span:nth-child(2) { animation: letter-glowOut 0.5s 0.3s; animation-fill-mode: both; }
.fade_txt1.reactive span:nth-child(3) { animation: letter-glowOut 0.5s 0.4s; animation-fill-mode: both; }
.fade_txt1.reactive span:nth-child(4) { animation: letter-glowOut 0.5s 0.5s; animation-fill-mode: both; }
.fade_txt1.reactive span:nth-child(5) { animation: letter-glowOut 0.5s 0.6s; animation-fill-mode: both; }
.fade_txt1.reactive span:nth-child(6) { animation: letter-glowOut 0.5s 0.7s; animation-fill-mode: both; }
.fade_txt1.reactive span:nth-child(7) { animation: letter-glowOut 0.5s 0.8s; animation-fill-mode: both; }
.fade_txt1.reactive span:nth-child(8) { animation: letter-glowOut 0.5s 0.9s; animation-fill-mode: both; }
@keyframes letter-glowOut { 0% { color: var(--main); } 100% { color: #fff } }

/* 기업소개 : 인사말 */
.greetings_content{width: 100%;}
.greetings_banner{width: 100%; height: 500px; padding-top: 100px; position: relative;}
.greetings_banner_bg{width: 100%; height: 400px; position: relative; overflow: hidden; background: #D8DFE7;}
.greetings_banner_bg > img{width: 150%; position: absolute; right: -600px; top: -300px;}
.greetings_banner > img{width: auto; height: 100%; object-fit: cover; position: absolute; right: 0; bottom: 0; display: block;}
.greetings_banner_txt{position: absolute; top: 240px; left: 110px; word-break: break-all; line-height: 48px;}
.greetings_banner_txt > p:nth-child(1){font-size: 38px; font-weight: 500;}
.greetings_span{display: block;}
.greetings_banner_txt > p:nth-child(2){margin-top: 20px; position: relative; display: inline-block; font-size: 16px; font-weight: 400; color: #333333;}
.greetings_banner_txt > p:nth-child(2)::before{content: ''; width: 100%; height: 1px; margin-top: 36px; position: absolute; background: var(--black);}
.greetings_banner_txt > p:nth-child(2) > span{font-size: 20px;}
.greetings_txt_box{width: 100%; margin-top: 160px; display: flex; align-items: start; gap: 120px;}
.greetings_txt_title{width: 30%; min-width: 370px; font-size: 50px; font-weight: 700; color: #191919; line-height: 70px;}
.greetings_txt_title .greetings_title_line{position: relative; z-index: 0;}
.greetings_txt_title .greetings_title_line::before{content: ''; width: 100%; height: 15px; margin-top: 46px; position: absolute; background: var(--main); opacity: 0.5; z-index: -1;}
.greetings_current{width: 100%; margin-top: 10px; font-size: 18px; font-weight: 300; color: var(--main_txt); line-height: 40px;}
.greetings_current > li{max-width: 100%; word-break: keep-all;}
.greetings_txt{width: 100%; font-size: 18px; font-weight: 300; color: var(--main_txt); line-height: 40px;}
.greetings_txt.brief{border-left: 1px solid var(--main); padding-left: 20px; position: relative;}
.brief_history{margin-top: 30px; padding-left: 10px; display: flex; align-items: start; gap: 40px;}
.brief_history:last-child{padding-bottom: 30px;}
.brief_history_year{min-width: 56px; font-size: 22px; font-weight: 500; color: var(--black);}
.brief_history:last-child .brief_history_txt{border-left: none;}
.brief_history_txt > span{display: block;}
.brief_history_dot{width: 12px; height: 12px; position: absolute;  left: -6px; display: block; background: var(--main); border-radius: 50%;}
.brief_history_dot.top{top: 0px;}
.brief_history_dot.bottom{bottom: 0px;}
.greetings_sign{display: flex; flex-direction: column; align-items: end;}
.greetings_sign > p{margin: 20px 0 10px; font-size: 20px; font-weight: 300; color: var(--main_txt); word-break: keep-all;}
.greetings_sign > p > span{font-weight: 500;}
.greetings_sign > img{width: 240px; height: 60px; border: 1px solid gray;}

/* 기업소개 : 경영이념 */
.management_content{width: 100%;}
.management_main{width: 100%; margin-top: 150px; padding: 100px 0 0;}
.management_main01{width: 100%; position: relative;}
.management_main_bg{width: 100%; height: 100%; min-height: 700px; object-fit: cover; display: block;}
.management_main01_content{width: 100%; position: absolute; top: -100px; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.management_main_img_wrap{width: 900px; max-width: 900px;}
.management_main_img{width: 100%; height: 0; padding-top: calc(410 / 900 * 100%); position: relative;}
.management_main_img > img{width: 100%; height: 100%;  object-fit: cover; display: block; position: absolute; top: 0; left: 0;}
.management_main01_content > p{margin: 70px 0 100px; padding: 0 10px; font-size: 35px; font-weight: 300; color: var(--white); line-height: 48px; text-align: center; word-break: keep-all;}
.management_main01_content > p > span{display: block;}
.management_main02{width: 100%; height: 300px; position: relative;}
.management_main02_content{width: 110%; max-width: 110%; position: absolute; top: -100px; left: -5%; display: flex; justify-content: space-between; align-items: start; gap: 20px;}
.management_list{width: 100%;}
.management_list_img{width: 94%; height: auto; margin: 0 auto;}
.management_list_img > img{width: 100%; height: 100%; object-fit: cover; }
.management_list > p{text-align: center; word-break: keep-all; padding: 0 5px;}
.management_list > p:nth-child(2){margin-top: 20px; font-size: 24px; font-weight: 500; color: var(--main);}
.management_list > p:nth-child(3){margin-top: 10px; font-size: 18px; font-weight: 300; color: #191919; line-height: 26px;}
.management_sub{width: 100%; margin-top: 50px; text-align: center;}
.management_sub > h3{font-size: 30px; font-weight: 400; color: #191919;}
.management_sub > p{margin: 20px 0 50px; font-size: 24px; font-weight: 300; line-height: 34px; word-break: keep-all;}
.management_sub_img{width: 100%; height: auto; overflow: hidden; }
.management_sub_img > img{width: 60%; min-width: 900px; height: 100%; margin: 0 auto; object-fit: contain; display: block;}

/* 기업소개 : 오시는길 */
.way_content{width: 100%;}
.way_map{width: 100%; height: 520px;}
.map_google{width: 100%; height: 100%; border: 1px solid #eee;}
/* .gmnoprint, .gm-control-active.gm-fullscreen-control {display: none;} */
.way_info{width: 100%; margin-top: 60px;}
.way_info_title{margin-bottom: 24px; display: flex; justify-content: space-between; align-items: center;}
.way_info_title_txt{display: flex; align-items: center; gap: 18px;}
.way_info_title_txt > p:nth-child(1){font-size: 33px; font-weight: 700; color: #212121;}
.way_info_title_txt > p:nth-child(2){padding-top: 4px; font-size: 22px; font-weight: 300; color: #868686; font-family: var(--eng);}
.way_info_title_btn{width: auto; height: 35px; margin-right: 5px; padding: 0 10px; display: flex; justify-content: space-between; align-items: center; gap: 3px; border: 1px solid var(--black); cursor: pointer;}
.way_info_title_btn > img{width: 16px; height: 16px; object-fit: contain; display: block;}
.way_info_title_btn > p{font-size: 16px; font-weight: 500;}
.way_table{width: 100%; border-top: 3px solid var(--black);}
.way_table > tbody > tr{border-bottom: 1px #ddd solid; font-size: 18px; color: var(--main_txt); text-align: left;}
.way_table > tbody > tr > th{width: 336px; padding: 20px 40px; font-weight: 400;}
.way_table > tbody > tr > td{padding: 20px 18px; font-weight: 300;}
.way_badge{width: max-content; margin-right: 6px; padding: 4px 7px; background: #7182f5; border-radius: 0.2em; font-size: 12px; font-weight: 300; color: #fff; text-align: center; line-height: 14px; letter-spacing: 1px;}
.way_bus{margin-top: 10px; display: block;}

/* 플랫폼소개 : 부서안내 */
.team_content{width: 100%; padding-top: 50px;}
.team_list{width: 100%; margin: 0 auto 280px; position: relative; display: flex; justify-content: space-between; align-items: start; opacity: 0; }
/* .team_list:last-child{margin-bottom: 0;} */
.team_list::before{content: ''; width: 700px; height: 420px; position: absolute; left: -16%; bottom: -180px; display: block; background: url(../../assets/img/images/subpage_etc/truck_left.png) no-repeat; background-size: contain; opacity: 0.4;}
.team_list.right::before{right: -16%; left: unset; background: url(../../assets/img/images/subpage_etc/truck_right.png) no-repeat; background-size: contain;}
.fade_in_up{animation-name: fadeInUp2; animation-duration: 1s; animation-delay: 0.1s; animation-fill-mode: forwards; visibility: visible;}
@keyframes fadeInUp2{
  0%{opacity: 0; transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0);}
  100%{opacity: 1;}
}
.team_img{width: 50%; padding-top: calc(500 / 540 * 50%); position: relative; opacity: 0; box-shadow: 2px 4px 16px 0 rgb(0 0 0 / 14%); border-radius: 100px 0; overflow: hidden;}
.team_img.top{display: none;}
.team_img > img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; display: block;}
.fade_in_left{animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; animation-duration: 2s; animation-delay: 1s; animation-fill-mode: forwards; visibility: visible;}
@keyframes fadeInLeft{
  0%{opacity: 0; transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0);}
  100%{opacity: 1;}
}
.fade_in_right{animation-name: fadeInRight; -webkit-animation-name: fadeInRight; animation-duration: 2s; animation-delay: 1s; animation-fill-mode: forwards; visibility: visible;}
@keyframes fadeInRight{
  0%{opacity: 0; transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0);}
  100%{opacity: 1;}
}
.team_txt_box{width: 50%; padding: 70px 0 0 70px; position: relative;}
.team_txt_box.right{padding: 70px 70px 0 0;}
.team_title{padding-left: 30px; position: relative; font-size: 30px; font-weight: 500; color: var(--main_txt); word-break: break-all;}
.team_title::before{content: ''; width: 10px; height: 90%; position: absolute; left: 0; top: 3px; display: block; background: var(--main);}
.team_title > span{padding-left: 20px; font-size: 26px; font-weight: 400; color: #999; font-family: var(--eng);}
.team_txt{width: 100%; margin-top: 35px; display: flex; align-items: start; gap: 10px;}
.team_txt > div{width: 20px; min-width: 20px; padding-top: 6px;}
.team_txt > div > img{width: 100%; height: 100%; object-fit: cover; display: block;}
.team_txt > p{font-size: 20px; font-weight: 400; color: #666; line-height: 34px; word-break: break-all;}
.team_txt_span{display: flex; align-items: start; gap: 5px; margin-bottom: 10px;}

/* 업계정보 : 공통 */
.info_total{margin-bottom: 10px;}
.info_total > p{width: max-content; padding: 10px 25px; border: 1px #eee solid; border-radius: 50px; color: var(--text_gray); font-size: 13px; font-weight: 300;}
/* 검색 btn */
.info_search_btn{transition: 500ms; cursor: pointer; width: 42px; height: 35px; border: 1px #eee solid; display: flex; justify-content: center; align-items: center; }
.info_search_btn:hover.info_search_btn img{filter: contrast(100%); transition: 500ms;}
.info_search_btn:hover{border: 2px solid #050505; border-radius: 6px;}
/* .info_search_btn img:hover { filter: contrast(100%); } */
.info_search_btn img{filter: contrast(0%); object-fit: cover; width: 18px; height: 18px; transition: 500ms;}
/* 검색창 popup */
.info_search_popup{padding: 14px; z-index: 1100; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0;}
.info_search_popup fieldset{padding: 0; margin: 0; box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2); border: none; width: 330px; height: 177px; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
.info_search_p_title{padding: 0; border-bottom: 0; background-color: var(--main); width: 100%; padding: 0; margin: 0; float: left; line-height: 55px; color: #E9EBFA; }
.info_search_p_icon{width: 20px; height: 16px; margin-left: 20px; margin-right: 5px;}
.info_search_popup form{display: flex; flex-direction: column; width: 90%; margin-top: 16px; }
.info_search_popup select{color: #888; width: 100%; height: 100%; height: 40px; border: 1px solid #d0d3db; background-color: #F5F5F5; padding-left: 5px; }
.info_search_popup select:focus{border: 1px solid var(--main); }
.info_search_p_input{height: 40px; width: 100%; background-color: #F5F5F5; margin-top: 10px; position: relative; }
.info_search_p_input input{ border: 1px solid #d0d3db; line-height: 40px; color: #888; font-size: 14px; width: 100%; padding-left: 5px; }
.info_search_p_input input:focus{ border: 1px solid var(--main);}
.info_search_p_input input::placeholder { color: #888; font-size: 14px; }
.info_search_p_input button { cursor: pointer; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 0; }
.info_search_p_input button img { object-fit: contain; width: 18px; height: 18px;}
.info_cancel_btn {width: 50px; height: 55px; position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.info_cancel_btn > img {width: 15px; height: 11px; object-fit: contain;}
/* 페이지 */
.pg_nav_wrap {width: 100%; height: 30px; margin-top: 20px;}
.pg_nav_icon{width: 30px; height: 30px; border: 1px solid #eee; border-radius: 3px;}
.pg_nav_icon > a{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.pg_nav_icon > a > img{width: 12px; height: auto; object-fit: cover;}
.pg_nav_wrap ul{display: flex; gap: 5px;}
.pg_nav_wrap ul > li{width: 30px; height: 30px; border: 1px solid #eee; border-radius: 3px;}
.pg_nav_wrap ul > li > a{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: var(--white); font-family: var(--eng); color: #959595; cursor: pointer;}
.pg_nav_wrap ul > li > a.active{background-color: #3b3d41; color: #fff; cursor: default;}

/* 업계정보 : 공지사항 */
.notice_content{width: 100%;}
.notice_form{border-top: 1px solid var(--line); height: auto; width: 100%; margin-bottom: 200px;}
.notice_wrap {width: 100%; overflow-x: scroll;}
.notice_wrap::-webkit-scrollbar {background-color: #fff; height: 10px; margin-top: 5px !important;}
.notice_wrap::-webkit-scrollbar-thumb { background: #b6b6b6 !important; border-radius: 10px;}
.notice_wrap::-webkit-scrollbar-track { background-color: #fff !important; }

.notice_wrap > table{width: 100%; table-layout: fixed; min-width: 800px;}
.notice_wrap thead {color: #191919; width: 100%; justify-content: space-between;}
.notice_wrap table th{min-width: 250px !important; padding: 15px 20px; font-weight: normal; text-align: center; border-bottom: 1px solid #ececec; border-top: 1px solid #000; height: 30px; background-color: #f9f9f9; color: #000; font-size: 17px; font-weight: 600; word-break: break-all;}
.notice_wrap tbody tr{width: 100%; cursor: pointer;}
.notice_wrap tbody tr td{text-align: center; font-size: 18px; padding: 25px 5px; color: var(--text_gray); border-bottom: 1px solid #ececec; font-weight: 300; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.notice_wrap tbody tr th{background-color: #fff; font-weight: 400; min-width: 250px; border: 1px solid red;}


/* 업계정보 : 에이프드아카데미 & 참고자료 */
.academy_content{width: 100%;}
.references_content{width: 100%;}
.info_sub_wrap{width: 100%; padding-top: 40px;}
.info_sub_wrap ul{width: 100%; height: auto; display: grid; gap: 30px 30px; grid-template-columns: 1fr 1fr 1fr 1fr;}
.info_sub_wrap li{width: 100%; height: auto; overflow: hidden; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.0); border: 1px #d9d9d9 solid; margin: 0; padding: 0; transition: .3s;}
.info_sub_wrap li > a{width: 100%; height: auto;}
.info_sub_wrap li:hover{ box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); transition: .3s;}
.info_sub_img{width: 100%; max-width: 100%; padding-top: calc(228 / 325.5 * 100%); position: relative;}
.info_sub_img img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; cursor: pointer;}
.info_sub_txt{width: 100%; height: 110px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between;}
.date_icon, .view_icon{width: 13px; height: 13px; display: flex; justify-content: center; align-items: center;}
.view_icon > img{width: 13px; height: 13px; object-fit: contain;}
.date_icon > img{width: 13px; height: 13px; object-fit: contain;}
.info_sub_txt > div:nth-child(1){width: 100%;}
.info_sub_con_title{width: max-content; max-width: 100%; margin-bottom: 10px; position: relative; cursor: pointer; font-size: 20px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.info_sub_con_title::before{background: var(--main); opacity: .7; content: ''; height: 5px; left: 0; margin-top: 18px; position: absolute; width: 0%; transition: 0.5s; z-index: -1;}
.info_sub_con_date{width: 100%; display: flex; justify-content: space-between; align-items: center; text-align: start;}
.info_sub_wrap li:hover .info_sub_con_title::before{width: 100%; transition: .5s;}
.info_sub_null{height: 50px; text-align: center; color: var(--text_gray); font-size: 18px;}

/* 업계정보 : 상세페이지 */
.info_details_title{width: 100%; border-top: 2px #000 solid; border-bottom: 1px #e0e0e0 solid; background-color: #fcfcfc; display: block; padding: 20px; margin: 5px 0 0; padding-top: 22px; padding-bottom: 22px; word-break: break-all; width: 100%; font-size: 19px; font-weight: 700;}
.info_details_top{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f1f1f1;}
.info_details_profile{width: 42px; height: 42px; margin: 0 20px; border-radius: 50%; overflow: hidden;}
.info_details_profile img{width: 100%; object-fit: cover;}
.info_details_top_txt{font-size: 19px;}
.info_details_top_date{display: flex; align-items: center; gap: 5px;}
.view_icon20, .clock_icon20{width: 20px; height: 20px; display: flex; justify-content: center; align-items: center;}
.view_icon20 > img{width: 20px; height: 20px; object-fit: contain;}
.clock_icon20 > img{width: 20px; height: 20px; object-fit: contain;}
.info_date_time{font-family: var(--eng); color: #888;}
.info_list_btn{height: 40px; width: 40px; cursor: pointer; filter: contrast(100%); transition: 500ms;}
.info_list_btn a{height: 100%; display: flex; justify-content: center; align-items: center;}
.info_list_btn a img{width: 20px; height: 20px; object-fit: contain;}
.info_list_btn:hover{filter: contrast(0%); transition: 500ms;}
.info_details_con{width: 100%; height: auto; margin: 0 auto; padding: 20px; text-align: center;}
.info_details_con > p{width: 100%; word-break: break-all;}
.info_details_con > p > img{max-width: 70%; margin: 20px auto;}
.info_c_sns{margin-bottom: 10px; padding: 20px 0; display: flex; justify-content: end; align-items: center; gap: 3px;}
.info_c_sns_wrap{width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 50%;}
.info_c_sns_wrap.facebook{background: #3b5997;}
.info_c_sns_wrap.twitter{background: #09aeee;}
.info_c_sns_wrap > img{width: 20px; height: 20px; object-fit: contain; display: block;}
.info_c_img{width: 100%;}
.info_c_img > img{object-fit: contain; width: 100%;}
.info_c_txt{margin: 60px 0; line-height: 17px; font-size: 17px; font-weight: 300;}
.info_move_list{width: 100%; margin: 20px 0;}
.info_move_list li{display: flex; justify-content: space-between;}
.info_move_list li:first-child{border-top: 1px solid #d9d9d9;}
.info_move_list li:last-child{border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
.info_move_title{width: 200px; margin-right: 40px; padding: 20px 0; color: #000; background-color: #F9F9F9; text-align: center; font-weight: 600; font-size: 16px;}
.info_move_list a{cursor: pointer; font-size: 16px; font-weight: 300;}
.info_move_list a:hover{text-decoration: underline;}
.info_move_date{padding-right: 15px; display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 500; font-family: var(--eng); color: #b3b3b3;}
.m_list_btn{width: 100%; display: flex; justify-content: flex-end; margin-bottom: 150px;}
.m_list_btn button{width: 100px; height: 45px; border: 1px solid #d9d9d9; cursor: pointer; font-size: 18px; font-weight: 600; color: #4c4c4c;}

/* 검색 */
.search_content{width: 100%;}
.search_content > form{width: 100%; margin-bottom: 10px;}
.search_content > form > fieldset{width: 100%; padding: 30px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 5px; background: #f7f7f7; border: none; text-align: center;}
.search_select{width: 175px; height: 45px; padding: 0 5px; background: var(--white); border: 1px solid #d0d3db; border-radius: 3px; font-size: 16px; font-weight: 300; color: var(--main_txt);}
.search_select:focus{box-shadow: 0 0 3px var(--main); border: 1px solid rgba(1, 112, 193, 0.5) !important;}
.search_select > option{margin-top: 3px; background: var(--white); font-size: 16px; font-weight: 300; color: var(--main_txt);}
.search_box{display: flex; align-items: center; gap: 5px;}
.search_input{width: 300px; height: 45px; padding: 0 5px; background: var(--white); border: 1px solid #d0d3db; border-radius: 3px; font-size: 16px; font-weight: 300; color: var(--main_txt);}
.search_input::placeholder{font-size: 16px; font-weight: 300; color: var(--main_txt);}
.search_input:focus{box-shadow: 0 0 3px var(--main); border: 1px solid rgba(1, 112, 193, 0.5) !important;}
.search_btn{width: 90px; height: 45px; padding-right: 3px; display: flex; justify-content: center; align-items: center; background: #434a54; border-radius: 3px; cursor: pointer;}
.search_btn > img{width: 20px; height: 20px;}
.search_btn > span{padding-top: 2px; font-size: 16px; font-weight: 700; color: var(--white);}
.search_switch{width: 120px; margin-left: 5px; display: flex; align-items: center;}
.search_switch .search_radio_btn{width: 50%; height: 45px;}
.search_switch .search_radio_btn > input[type=radio]{display: none;}
.search_switch .search_radio_btn > label{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: var(--white); border: 1px solid #bbc0c6; cursor: pointer;}
.search_switch .search_radio_btn.and > label{border-right: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.search_switch .search_radio_btn.or > label{border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.search_switch .search_radio_btn > input[type=radio]:checked + label{background: var(--main); border: none; color: var(--white);}
.search_null{padding: 20px 0 !important; font-size: 18px; font-weight: 300; color: #666; text-align: center;}
.search_result_top{width: 100%; height: 60px; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: rgba(1, 112, 193, 0.1); border: 1px solid rgba(1, 112, 193, 0.3); border-radius: 5px;}
.search_result_top > p{font-size: 20px; color: var(--main_txt);}
.search_result_top > p > span{color: var(--main);}
.search_result_top > ul > li{font-size: 16px; font-weight: 300; color: var(--main_txt);}
.result_top_line{margin: 0 6px; font-size: 10px;}
.search_filter{margin: 20px 0 28px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
.search_filter > li{padding: 8px 15px; border: 1px solid rgba(1, 112, 193, 0.3); border-radius: 30px; font-size: 18px; font-weight: 700; color: var(--main); cursor: pointer;}
.search_filter > li.active{background: var(--main); border: none; color: var(--white);}
.search_result_title{padding-bottom: 15px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee;}
.search_result_title > h2:hover{color: rgb(2, 46, 78); text-decoration: underline;}
.search_result_title > p{font-size: 20px; color: var(--main); cursor: pointer;}
.search_result_list{width: 100%; padding: 20px 0 10px; border-bottom: 1px solid #eee; font-size: 20px; font-weight: 300;}
.search_list_title{display: flex; align-items: center; gap: 5px; font-size: 22px;}
.search_list_txt{margin: 10px 0; word-break: break-all;}
.search_list_user{display: flex; align-items: center; gap: 10px;}
.search_profile_img{width: 22px; height: 22px; margin-right: 5px; border-radius: 50%; overflow: hidden;}
.search_profile_img > img{width: 100%; height: 100%; object-fit: cover; display: block;}
.search_list_date{width: 100%; display: flex; }
.search_date_img{width: 22px; height: 22px; margin-right: 5px; padding-bottom: 2px;}

/* footer */
footer{transition: .8s; width: auto; background-color: #050505; padding-top: 103px; padding-bottom: 10px;}
.footer_layout{width: auto; max-width: 1400px; margin: 0 auto; padding: 0 15px 10px; background-color: #050505;}
.footer_layout > address{font-weight: 300; font-size: 16px; line-height: 23px; color: var(--text_footer); font-style: normal; word-break: break-all;}
.ad05{display: block;}
.footer_menu{margin: 32px 0 40px 0;}
.footer_menu li{margin-right: 50px; position: relative; cursor: pointer;}
.footer_menu ul li::before{color: #979ba3; content: "|"; font-size: 12px; position: absolute; right: -25px;}
.footer_menu ul li:last-child::before{content: "";}
.footer_menu li a{color: var(--text_footer); font-weight: bold;}
.footer_menu li a:hover{text-decoration: underline;}



/* 미디어쿼리 */
@media (min-width: 1000px){
  .info_form{padding-left: 15px; padding-right: 15px;}
  .info_total_list{padding-left: 15px; padding-right: 15px;}
}
@media (min-width: 801px){
  .info_form{padding-left: 50px; padding-right: 50px;}
  .info_total_list{padding-left: 50px; padding-right: 50px;}
}
@media (max-width: 1850px){
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{left: -15%;}
  .team_list.right::before{right: -15%;}
}
@media (max-width: 1820px){
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{left: -14%;}
  .team_list.right::before{right: -14%;}
}
@media (max-width: 1800px){
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{left: -13%;}
  .team_list.right::before{right: -13%;}
}
@media (max-width: 1770px){
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{left: -12%;}
  .team_list.right::before{right: -12%;}
}
@media (max-width: 1740px){
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{left: -11%;}
  .team_list.right::before{right: -11%;}
}
@media (max-width: 1710px){
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{left: -10%;}
  .team_list.right::before{right: -10%;}
}
@media (max-width: 1680px){
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{left: -9%;}
  .team_list.right::before{right: -9%;}
}
@media (max-width: 1660px){
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{left: -8%;}
  .team_list.right::before{right: -8%;}
}
@media (max-width: 1630px){
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{left: -7%;}
  .team_list.right::before{right: -7%;}
}
@media (max-width: 1600px){
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{left: -6%;}
  .team_list.right::before{right: -6%;}
}
@media (max-width: 1570px){
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{left: -5%;}
  .team_list.right::before{right: -5%;}
}
@media (max-width: 1540px){
  /* header */
  .header_search{display: none;}
  .header_nav_wrap{padding-left: 400px;}
  .header_sub{padding-left: 400px;}
  /* 기업소개 : 경영이념 */
  .management_main02_content{width: 106%; max-width: 106%; left: -3%; gap: 15px;}
  .management_list_img{width: 94%; height: auto; margin: 0 auto;}
  .management_list_img > img{width: 100%; height: 100%; object-fit: cover; }
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{left: -4%;}
  .team_list.right::before{right: -4%;}
}
@media (max-width: 1520px){
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{left: -3%;}
  .team_list.right::before{right: -3%;}
}
@media (max-width: 1490px){
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{left: -2%;}
  .team_list.right::before{right: -2%;}
}
@media (max-width: 1480px){
  /* 기업소개 : 경영이념 */
  .management_main02_content{width: 100%; max-width: 100%; left: 0; gap: 10px;}
}
@media (max-width: 1460px){
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{left: -1%;}
  .team_list.right::before{right: -1%;}
}
@media (max-width: 1430px){
  /* index : main layout */
  .main01_content{width: 100%; padding: 0 30px;}
  .main02_content{width: 100%; padding: 180px 15px;}
  .main03_content{width: 100%; padding: 0 15px;}
  .main04_content{width: 100%; padding: 0 15px;}

  /* subpage layout */
  .subpage_main_inner{width: 100%;}
  .company_content, .greetings_content, .management_content, .way_content,
  .notice_content, .academy_content, .references_content, .info_detail_content, .search_content{padding: 0 15px;}
  .team_content{padding: 50px 15px 0;}
  .company_table{width: calc(100% - 30px); margin: 80px 15px 100px;}
  /* 기업소개 : 사업의 배경 */
  .fade_txt1{font-size: 76px !important;}
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{left: 0; bottom: -160px; width: 500px; height: 300px;}
  .team_list.right::before{right: 0; width: 500px; height: 300px;}
  .team_txt_box{padding: 50px 0 0 50px;}
  .team_txt_box.right{padding: 50px 50px 0 0;}
  /* footer */
  .footer_layout {max-width: 1430px;}
}
@media (max-width: 1280px){
  /* header */
  .header_right{padding-right: 15px;}
  .header_nav{gap: 10px;}
  .nav_menu > a{width: 180px;}
  .header_sub{width: 100%; display: flex; justify-content: center;}
  .haader_sub_nav{gap: 0;}
  .haader_sub_nav > ul{width: 190px;}
  /* sub page layout : 공통 */
  .subpage_txt{padding-top: 80px;}
  .sub_menu_nav{width: 100%; height: 70px; padding: 0 15px; justify-content: start;}
  .sub_menu_select_box{width: 200px; min-width: 200px; padding: 0 15px;}
  .custom_select{width: 100%; font-size: 16px;}
  .custom_select_txt{padding-left: 6px; font-size: 16px;}
  .sub_menu_select_icon02 > div{width: 28px; height: 28px;}
  .custom_select_list{width: 200px; top: 70px; font-size: 16px;}
  .sub_menu_list.sml01{width: 100%; display: grid; gap: 0; grid-template-columns: repeat(5, 1fr);}
  .sub_menu_list.sml02{width: 100%; display: grid; gap: 0; grid-template-columns: repeat(1, 1fr);}
  .sub_menu_list.sml03{width: 100%; display: grid; gap: 0; grid-template-columns: repeat(3, 1fr);}
  .sub_menu_list > li{padding: 0;}
  .sub_menu_list > li > a{justify-content: center; font-size: 16px; font-weight: 400;}
  .sub_menu_list > li > a.active{border-bottom: 1px solid var(--main);}
  /* 기업소개 : 사업의 배경 */
  .fade_txt1{font-size: 70px !important;}
  /* 기업소개 : 경영이념 */
  .management_main02{height: 250px;}
}
@media screen and (max-width: 1200px){
  /* index : main01 */
  .main01_sub_title{font-size: 20px; line-height: 32px;}
  /* 기업소개 : 사업의 배경 */
  .fade_txt1{font-size: 64px !important;}
  /* 기업소개 : 인사말 */
  .greetings_banner_txt{top: 220px;}
  .greetings_banner_txt > p:nth-child(1) > span{display: block;}
  /* 플랫폼소개 : 부서안내 */
  .team_title > span{padding-left: 0; display: block;}
  /* footer */
  .footer_layout{max-width: 1170px;}
}
@media (max-width: 1110px){
  /* index : main01 */
  .main01_sub_title{font-size: 18px; line-height: 28px;}
  .main01_sub_txt{font-size: 14px;}
}
@media (max-width: 1090px){
  /* index : main02 */
  .main02_txt_area{min-width: 0;}
  .main02_img_area{max-width: 580px;}
}
@media (max-width: 1050px){
  /* index : visual */
  .visual_content{left: 190px;}
  /* 기업소개 : 사업의 배경 */
  .fade_txt1{font-size: 60px !important;}
}
@media (max-width: 1040px){
  /* 기업소개 : 경영이념 */
  .management_main02{height: 200px;}
  .management_list > p:nth-child(2){font-size: 22px;}
  .management_list > p:nth-child(3){font-size: 16px; line-height: 24px;}
  /* 플랫폼소개 : 부서안내 */
  .team_txt_box{padding: 40px 0 0 40px;}
  .team_txt_box.right{padding: 40px 40px 0 0;}
  .team_title{font-size: 24px;}
  .team_title > span{font-size: 20px;}
  .team_txt{margin-top: 24px;}
  .team_txt > p{font-size: 18px; line-height: 32px;}
}

/* 태블릿 & 모바일 버전 */
@media screen and (max-width: 992px){
  /* header */
  .header_container{height: 70px;}
  .header_logo{height: 70px; max-height: 70px; padding-left: 15px;}
  .header_logo > a{width: 100%; height: 100%; max-height: 70px;}
  .header_right{padding-right: 16px;}
  .header_hamburger{display: flex;}
  .header_nav_wrap{display: none;}
  .header_drop{display: none !important;}
  /* modal(popup) */
  .modal_wrap{padding: 20px 20px 90px;}
  .modal_content{max-height: 340px; padding-right: 0; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none;}
  .modal_content::-webkit-scrollbar{display: none;}
  .modal_content > p > img{margin: 5px auto;}
  .btn_modal_wrap{height: 90px; bottom: 0; background: var(--white);}
  /* index : visual */
  .full_nav{display: none;}
  .full_nav_line{display: none;}
  .full_nav_txt_list{display: none;}
  .visual_content{width: 100%; left: 0; text-align: center;}
  .visual_title{margin-bottom: 12px; font-size: 24px; line-height: 30px;}
  .visual_line{margin: 12px auto 15px;}
  .visual_txt{font-size: 14px; color: rgba(255, 255, 255, 0.8); line-height: 20px;}
  .visual_prev, .visual_next{display: none;}
  /* index : main01 */
  .main01_content{width: 100%; padding: 0 30px;}
  .main01_title{font-size: 26px;}
  .main01_line{margin: 20px auto;}
  .main01_txt{margin-bottom: 50px; font-size: 20px; line-height: 24px;}
  .main01_card_box{flex-wrap: wrap;}
  .main01_card{width: 50%; height: 300px; padding: 20px;}
  .main01_card:hover{width: 50%;}
  .main01_sub_title{font-size: 16px; line-height: 24px; word-break: keep-all;}
  /* index : main02 */
  .main02_content{flex-direction: column; justify-content: center; gap: 30px;}
  .main02_txt_area > li:nth-child(1){margin: 0 0 10px 0; font-size: 24px;}
  .main02_txt_area > li:nth-child(2), .main02_txt_area > li:nth-child(4){margin-bottom: 40px; font-size: 18px; line-height: 24px;}
  .main02_txt_area > li:nth-child(3){font-size: 20px;}
  .main02_txt_area > li > span{display: inline-block;}
  .main02_txt_area > li > span:nth-child(1){margin-right: 5px;}
  .main02_img_area{width: 100%; max-width: 100%; min-width: 0; max-height: 320px;}
  .main02_slide:hover .main02_slide_txt{height: 50px; bottom: 20px;}
  .main02_slide_txt{padding: 0 15px; bottom: 30px;}
  .main02_slide_txt > p:nth-child(1){font-size: 16px; font-weight: 500;}
  .main02_slide_txt > p:nth-child(2){padding-top: 10px; font-size: 12px;}
  .main02_prev, .main02_next{display: none;}
  /* index : main03 */
  .main03_content{justify-content: center; text-align: center;}
  .main03_txt_area > p:nth-child(1){font-size: 18px; line-height: 26px;}
  .main03_txt_area > p:nth-child(2){margin: 12px 0 16px; font-size: 14px; color: rgba(255, 255, 255, .5);}
  .btn_main03{width: 150px;}
  .btn_main03 > a{width: 100%; padding: 12px 16px; border: 1px solid var(--black); font-size: 14px;}
  /* index : main04 */
  .main04_content > p{padding-top: 90px; font-size: 20px;}

  /* sub page layout : 공통 */
  .subpage_visual{height: 360px;}
  .subpage_txt > p:nth-child(1){font-size: 20px;}
  .subpage_txt > p:nth-child(2){margin-top: 6px; font-size: 16px;}
  .sub_menu_nav{display: none;}
  .sub_rps_menu{display: block;}
  .subpage_main_container{margin: 100px 0 100px;}
  .subpage_main_title.company{margin-bottom: 50px;}
  .subpage_main_title.company::before{width: 500px; height: 210px; left: 35%;}
  .subpage_main_title > h1{font-size: 22px; margin-bottom: 8px;}
  .subpage_main_title > h1.company{font-size: 22px;}
  .subpage_main_title > h5{font-size: 22px; font-weight: 400;}
  .subpage_main_title > p{font-size: 16px; line-height: 22px;}

  /* 기업소개 : 회사개요 */
  .company_content{flex-direction: column; justify-content: space-between;}
  .company_txt{width: 100%;}
  .company_txt > img{width: 50px}
  .company_txt > p:nth-child(2){padding: 10px 0 20px; font-size: 16px; font-weight: 500;}
  .company_txt > p:nth-child(3){font-size: 20px; line-height: 24px;}
  .company_img{width: 100%; margin-top: 40px;}
  .company_table > tbody > tr{font-size: 14px;}
  .company_table > tbody > tr > th{width: 25%; min-width: 90px; padding: 16px 8px; font-weight: 500;}
  .company_table > tbody > tr > td{padding: 16px 8px; font-weight: 300;}
  /* 기업소개 : 사업의 배경 */
  .fade_txt1{font-size: 50px !important;}
  /* 기업소개 : 인사말 */
  .greetings_banner{height: 400px;}
  .greetings_banner_bg{height: 300px; }
  .greetings_banner_bg > img{right: -400px; top: -200px;}
  .greetings_banner_txt{top: 180px; left: 80px; line-height: 36px;}
  .greetings_banner_txt > p:nth-child(1){font-size: 24px;}
  .greetings_txt_box{width: 100%; margin-top: 80px; flex-direction: column; gap: 30px;}
  .greetings_txt_title{width: 100%; min-width: 0px; max-width: 100%; font-size: 24px; line-height: 36px;}
  .greetings_txt_title .greetings_title_line::before{height: 8px; margin-top: 24px;}
  .greetings_current{font-size: 18px; line-height: 34px;}
  .greetings_txt{font-size: 16px; line-height: 28px;}
  .greetings_txt.brief{padding-left: 10px;}
  .brief_history_year{font-size: 20px;}
  .greetings_sign > p{font-size: 16px}
  /* 기업소개 : 경영이념 */
  .management_main{margin-top: 50px;}
  .management_main_bg{min-height: 550px;}
  .management_main01_content{top: -80px;}
  .management_main_img_wrap{width: 80%; max-width: 900px;}
  .management_main01_content > p{margin: 50px 0 80px; font-size: 30px; line-height: 48px;}
  .management_main02{height: 250px;}
  .management_main02_content{top: -50px;}
  .management_sub_img > img{width: 90%; min-width: 0;}
  /* 기업소개 : 오시는 길 */
  .way_info{margin-top: 80px;}
  .way_info_title{margin-bottom: 14px;}
  .way_info_title_txt{gap: 10px;}
  .way_info_title_txt > p:nth-child(1){font-size: 20px;}
  .way_info_title_txt > p:nth-child(2){padding-top: 2px; font-size: 14px;}
  .way_info_title_btn > img{width: 14px; height: 14px;}
  .way_info_title_btn > p{font-size: 14px}
  .way_table > tbody > tr{font-size: 14px;}
  .way_table > tbody > tr > th{width: 60px; padding: 16px 10px;}
  .way_table > tbody > tr > td{padding: 16px 8px;}
  /* 업계정보 : 공통 */
  .info_total > p{padding: 10px 13px;}
  /* 업계정보 : 공지사항 */
  .notice_wrap table th{padding: 12px 0; font-size: 13px;}
  .notice_wrap tbody tr td{font-size: 14px; padding: 25px 5px;}
  .th_none{display: none;}
  /* 업계정보 : 에이프드아카데미 & 참고자료 */
  .info_sub_wrap ul{grid-template-columns: 1fr 1fr;}
  /* 업계정보 : 상세페이지 */
  .info_details_top_txt{font-size: 16px;}
  .info_details_con > p > img{max-width: 100%;}
  .info_move_title{width: 80px; margin-right: 10px; font-size: 14px; color: #606060;}
  .info_move_list a{font-size: 14px;}
  .info_move_date{display: none;}
  .m_list_btn button{width: 80px; height: 38px; font-size: 14px;}

  /* 검색 */
  .search_result_top > p{font-size: 18px;}
  .search_result_top > ul > li{font-size: 14px;}
  .search_filter > li{font-size: 14px;}
  .search_result_title > h2{font-size: 18px;}
  .search_result_title > p{font-size: 14px;}
  .search_result_list{font-size: 14px;}
  .search_list_title{font-size: 18px;}
  .search_profile_img{width: 16px; height: 16px;}
  .search_date_img{width: 16px; height: 16px;}

  /* footer */
  .footer_layout {max-width: 970px;}
  .footer_none {display: none;}
  .footer_menu ul {text-align: center; padding: 0; margin: 0; width: 100%; display: flex; justify-content: center; }
  .footer_menu ul li {margin: 0 10px;}
  .footer_menu ul li::before{right: -12px; top: 50%; transform: translate(-50%,-50%);}
  .footer_menu ul li a{ font-size: 13px; font-weight: 300; }
  footer{padding-top: 1px;}
  address{font-size: 13px !important; text-align: center;}
}
@media screen and (max-width: 940px){
  .management_main_bg{min-height: 500px;}
}
@media screen and (max-width: 910px){
  /* 기업소개 : 경영이념 */
  .management_main01_content > p{margin: 50px 0 90px; font-size: 26px; line-height: 40px;}
  .management_main02{height: 700px;}
  .management_main02_content{margin: 0 auto; top: -50px; flex-wrap: wrap; justify-content: center; gap: 30px;}
  .management_list{width: 42%;}
  .management_list_img > img{width: 100%; height: 100%;}
}
@media (max-width: 860px){
  /* 기업소개 : 사업의 배경 */
  .business_content{padding-right: 15px;}
  .business_con{height: 700px;}
  .business_con.last_con{margin-top: 100px;}
  .business_txt_con{height: 100%; flex: none;}
  .section1{flex-direction: column;}
  .corver{display: none;}
  .line{height: 96%; top: -60px; left: 20px;}
  .line > div:nth-child(2) { top: 29%; }
  .line > div:nth-child(3) { top: 50%; }
  .line > div:nth-child(4) { top: 79%; }
  .line > div:nth-child(5) { top: 100%; }
  .business_con{width: 90%; position: relative; top: 0; right: 0; margin-left: 50px;}
  .business_txt_card ul{padding:0 30px !important; margin: 0;}
  .business_con_img > img{position: absolute; left: 40%; top: 0% !important; transform: translate(-40%,-60%); width: 100%; height: 250px; object-fit: cover; margin: 0; padding: 0; }
  .business_con_img.respon1{top: -150px;}
  .business_con_img.respon2{top: -600px;}
  .business_con_img.respon3{top: 0;}
  .business_con_img.respon4{top: -600px;}
  .business_con{padding-top: 100px;}
  .fade_txt1{justify-content: flex-start; padding-left: 25px;}
  .business_content{margin-top: 100px;}
  .business_li_r{padding: 0;}
  .business_li_l li{text-align: left;}
  .business_li_l li::after{left: -10px;}
  .business_txt_card ul li{margin-top: 15px;}
  .fade_txt1.font80{margin-top: 110px;}
  /* 기업소개 : 경영이념 */
  .management_main02{height: 650px;}
  .management_sub > h3{font-size: 26px;}
  .management_sub > p{font-size: 20px; line-height: 30px;}
  /* 플랫폼소개 : 부서안내 */
  .team_content{padding-top: 10px;}
  .team_list{margin: 0 auto 100px; flex-direction: column; justify-content: center;}
  .team_list::before{bottom: -30px; opacity: 0.2;}
  .team_img{width: 100%; padding-top: 300px;}
  .team_img.top{display: block;}
  .team_img.bottom{display: none;}
  .team_txt_box{width: 100%; padding: 20px 0 0 0;}
  .team_txt_box.right{padding: 20px 0 0 0;}
  .team_title{font-size: 20px;}
  .team_txt{margin-top: 20px;}
  .team_txt > div{width: 18px; min-width: 18px; padding-top: 3px;}
  .team_txt > p{font-size: 16px; line-height: 24px;}
  /* .respon_2{transform: translate(-40%,-60%);} */
  .img_franchise2{ transform: translate(-40%,-50%) !important;}
  .business_txt_con.respon3{margin-top: 80px;}
}

@media screen and (max-width: 768px){
  /* 기업소개 : 경영이념 */
  .management_main02{height: 600px;}
  /* 업계정보 : 에이프드아카데미 & 참고자료 */
  .info_sub_wrap ul{grid-template-columns: 1fr;}
  /* footer */
  .footer_layout{max-width: 750px;}
}
@media screen and (max-width: 700px){
  /* 기업소개 : 경영이념 */
  .management_main_bg{min-height: 50vh; min-height: 50svh;}
  .management_main01_content > p{margin: 50px 0 90px; font-size: 22px; line-height: 36px;}
  .management_main02_content{gap: 22px;}
  .management_list{width: 44%;}
  .management_list > p:nth-child(2){margin-top: 16px; font-size: 20px;}
  .management_list > p:nth-child(3){margin-top: 10px; font-size: 14px; line-height: 22px;}
  .management_sub{margin-top: 0px;}
  .management_sub > h3{font-size: 20px;}
  .management_sub > p{margin: 20px 0 30px; font-size: 16px; line-height: 20px;}
  /* 기업소개 : 인사말 */
  .greetings_banner{height: 250px; padding-top: 50px;}
  .greetings_banner_bg{height: 200px; }
  .greetings_banner_bg > img{right: -200px; top: -100px;}
  .greetings_banner_txt{top: 100px; left: 40px; line-height: 26px;}
  .greetings_banner_txt > p:nth-child(1){font-size: 18px;}
  .greetings_banner_txt > p:nth-child(2){margin-top: 14px; font-size: 14px;}
  .greetings_banner_txt > p:nth-child(2)::before{margin-top: 26px;}
  .greetings_banner_txt > p:nth-child(2) > span{font-size: 16px;}
}
@media screen and (max-width: 640px){
  /* index : main01 */
  .main01_content{width: 100%; padding: 0 30px;}
  .main01_title{font-size: 16px;}
  .main01_line{margin: 10px auto;}
  .main01_txt{margin-bottom: 60px; font-size: 14px; line-height: 24px;}
  .main01_card{height: 200px;}
  .main01_card:hover{width: 50%;}
  .main01_sub_title{font-size: 14px; word-break: keep-all;}
  .main01_sub_txt{display: none;}
  /* 기업소개 : 회사개요 */
  .company_img > img{height: 500px;}
}
@media screen and (max-width: 600px){
  /* 기업소개 : 경영이념 */
  .management_main_bg{min-height: 44vh; min-height: 44svh;}
  .management_main01_content > p{margin: 40px 0 80px; font-size: 18px; line-height: 30px;}
  .management_main02{height: 550px;}
  .management_main02_content{gap: 14px;}
  .management_list{width: 46%;}
  /* 기업소개 : 인사말 */
  .brief_history{gap: 30px;}
  .brief_history_dot{width: 10px; height: 10px; left: -5px;}
  /* 업계정보 : 상세페이지 */
  .info_details_title{font-size: 16px;}
  .info_details_top_txt{font-size: 14px;}
  .info_details_top_date{display: none;}
  .fbox2{margin-top: 80px;}
}
@media screen and (max-width: 550px){
  /* 기업소개 : 오시는 길 */
  .way_map{width: 100%; height: auto; padding-top: calc(520 / 520 * 100%); position: relative;}
  .map_google{width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; border: 1px solid #eee;}
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{width: 300px; height: 200px;}
  .team_list.right::before{width: 300px; height: 200px;}
}
@media screen and (max-width: 500px){
  /* 기업소개 : 회사개요 */
  .company_img > img{height: 350px;}
  /* 기업소개 : 사업의 배경 */
  .fade_txt1{ font-size: 45px !important;}
  .business_txt_card ul{padding: 0 !important; padding-right: 20px !important;}
  .fade_txt1{ padding:0;}
  /* 기업소개 : 경영이념 */
  .management_main01_content > p > span{display: inline-block; margin-left: 5px;}
  /* 검색 */
  .search_content > form > fieldset{padding: 20px;}
  .search_select{width: 150px; height: 40px; font-size: 14px;}
  .search_select > option{font-size: 14px;}
  .search_input{width: 200px; height: 40px; font-size: 14px;}
  .search_input::placeholder{font-size: 14px;}
  .search_btn{width: 50px; height: 40px; padding-right: 3px; display: flex; justify-content: center; align-items: center; }
  .search_btn > img{width: 14px; height: 14px;}
  .search_btn > span{padding-bottom: 2px; font-size: 12px; font-weight: 500;}
  .search_switch{width: 120px; margin-left: 5px; display: flex; align-items: center;}
  .search_switch .search_radio_btn{width: 50%; height: 40px;}
  .search_switch .search_radio_btn > label{font-size: 14px;}
  .search_result_top > p{font-size: 16px;}
  .search_result_top > ul > li{font-size: 12px;}
}
@media screen and (max-width: 450px){
  /* header */
  .header_logo > a > p{font-size: 16px; font-weight: 600;}
  .header_logo > a > p > span{margin-left: 0; display: block;}
  /* modal(popup) */
  .btn_modal{height: 50px; font-size: 14px;}
  /* 기업소개 : 사업의 배경 */
  .business_con_img > img{width: 96%;}
  /* 기업소개 : 인사말 */
  .greetings_banner{height: 200px; padding-top: 20px;}
  .greetings_banner_bg{height: 180px; }
  .greetings_banner_bg > img{right: -150px; top: -50px;}
  .greetings_banner_txt{top: 60px; left: 20px; line-height: 22px;}
  .greetings_banner_txt > p:nth-child(1){font-size: 16px;}
  .greetings_banner_txt > p:nth-child(2){margin-top: 14px; font-size: 12px;}
  .greetings_banner_txt > p:nth-child(2)::before{margin-top: 24px;}
  .greetings_banner_txt > p:nth-child(2) > span{font-size: 14px;}
  .greetings_current{margin-top: 10px; font-size: 16px; line-height: 28px;}
  .greetings_txt{font-size: 14px; line-height: 26px;}
  .brief_history{gap: 20px;}
  .brief_history_year{min-width: 40px; font-size: 16px;}
  .brief_history_dot{width: 8px; height: 8px; left: -4px;}
  /* 기업소개 : 경영이념 */
  .management_main02{height: 420px;}
  .management_list > p:nth-child(2){margin-top: 10px; font-size: 16px;}
  .management_list > p:nth-child(3){margin-top: 8px; font-size: 12px; line-height: 18px;}
}
@media screen and (max-width: 400px){
  /* index : main01 */
  .main01_txt{margin-bottom: 30px;}
  .main01_card{height: 180px; padding: 15px;}
  /* index : main02 */
  .main02_content{gap: 0;}
  .main02_viewmore > a::before{bottom: 5px;}
  .main02_img_area{min-height: 180px;}
  /* main03 */
  .main03_nav{bottom: 30px;}
  .main03_nav > span {width: 10px; height: 10px;}
  .main03_nav span.swiper-pagination-bullet-active {width: 30px; height: 10px;}
  /* sub page layout : 공통 */
  .subpage_main_title.company::before{left: 15%;}
  /* 기업소개 : 사업의 배경 */
  .fade_txt1{font-size: 36px !important; line-height: 40px;}
  .business_con_img > img{width: 94%;}
  /* 기업소개 : 오시는 길 */
  .way_info_title_txt{flex-direction: column; align-items: start; gap: 5px;}
  .way_info_title_txt > p:nth-child(2){padding-left: 2px;}
}
@media screen and (max-width:350px){
  /* modal(popup) */
  .btn_modal{font-size: 12px;}
  /* 기업소개 : 사업의 배경 */
  .fade_txt1{font-size: 20px !important;}
  /* 플랫폼소개 : 부서안내 */
  .team_list::before{width: 200px; height: 100px;}
  .team_list.right::before{width: 200px; height: 100px;}
}

@media screen and (max-width:320px){
  /* 플랫폼소개 : 부서안내 */
  /* .team_list::before{width: 180px; height: 90px;}
  .team_list.right::before{width: 180px; height: 90px;} */
}


@media screen and (max-width:300px){
  /* sub page layout : 공통 */
  .subpage_main_title.company::before{width: 400px; height: 210px; left: 10%;}

  /* 기업소개 : 사업의 배경 */
  .fade_txt1{font-size: 15px !important;}
  .business_con_img > img{width: 90%;}
}