@charset "UTF-8";

.device_pc { display:block !important; }
.device_mobile { display:none !important; }

img { max-width:100%; height:auto; }

/*** 헤더 ***/
.header { position:relative; }
.header .inner { position:absolute; top:0; left:0; right:0; width:100%; height:11rem; border-bottom:1px solid rgba(255,255,255,.2); z-index:9999999; padding:0 11rem; display:flex; align-items:center; }
.header .logo a { display:block; width:9.2rem; height:5.5rem; background:url('../../images/main/ico_logo.svg') 50% 50% no-repeat; background-size:contain; }
.header .member { margin-left:auto; display:flex; align-items:center; }
.header .member a { padding:0 2rem; height:4rem; line-height:4rem; border-radius:2rem; border:1px solid rgba(255,255,255,.3); font-size:1.6rem; font-weight:400; color:#fff; margin-left:0.5rem;}
.header .member a:first-child { margin-left:0; }
.header .member .btn_menu { margin-left:4rem; width:3rem; height:2.3rem; background:url('../../images/main/ico_menu.svg') 50% 50% no-repeat; background-size:contain; }

/*** 비주얼 ***/
.visual-sec, .main-swiper { height:100vh; position:relative;  }
.main-swiper:after {content:'';display: block;position:absolute; top:0;left:0; bottom:0; right:0; background:url("../../images/main/visual_1.jpg")no-repeat center; width:100%; height:100vh; background-size: cover; z-index: -1;}

.visual-sec .txt-box {
	position: absolute;
	left: 50%;
	top: 50%;
	box-sizing: border-box;
	width: 90%;
	padding: 0 2.0rem;
	transform: translate(-50%, -60%);
	z-index: 10;
}
.visual-sec .txt-box > h3 {
	color: #fff;
	font-size: 3rem;
	font-weight: 400;
	line-height: 1.4;
	word-break: keep-all;
	transform: translateY(20px);
	opacity: 0;
	transition: 1s 0.2s;
}
.visual-sec .txt-box > p {
	color: #fff;
	margin-top: 1.6em;
	font-size: 1.6rem;
	transform: translateY(20px);
	opacity: 0;
	word-break: keep-all;
	transition: 1s 0.4s;
}
.visual-sec .swiper-slide-active .txt-box > h3,
.visual-sec .swiper-slide-active .txt-box > p {
	transform: translateY(0);
	opacity: 1;
}

.visual-sec .img-box {
  display: block;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.visual-sec img {
	transform: scale(1.05);
	transition: 1.5s 0.1s;
}
.visual-sec .swiper-slide-active img {
	transform: scale(1.0);
}
.visual-sec .all-box {
	position: absolute;
	display: inline-flex;
	width: 90%;
	left: 50%;
	bottom: 60px;
	box-sizing: border-box;
	padding: 0 20px;
	transform: translate(-50%, -50%);
	z-index: 20;
}
.visual-sec .progress-box {
	position: relative;
	width: 185px;
	z-index: 11;
}

.visual-sec .progress-box .conWrap { display:flex; align-items:Center; }
.visual-sec .progress-box .conWrap .swiper-btnArea { margin-left:auto; display:flex; align-items:Center; }
.visual-sec .progress-box a{ margin:0 0 10px; width:15px; height:40px; text-indent:-9999px; cursor:pointer;opacity:1;}
.visual-sec .progress-box a.btnPlay {background:url('../../images/main/ico_play.png') no-repeat center center; background-size:8px auto;} 
.visual-sec .progress-box a.btnPause {background:url('../../images/main/ico_pause.png') no-repeat center center; background-size:8px auto;} 

.visual-sec .swiper-pagination {
	margin:0 0 15px;
	display: flex;
	align-items:center;
	color: #fff;
	position:relative;
	left:0 !important;
	top:0 !important;
	bottom:0 !important;
	gap:15px;
}
.visual-sec .swiper-pagination .current { font-size:36px; font-weight:700; color:#fff; }
.visual-sec .swiper-pagination .line { font-size:24px; font-weight:500; color:#ccc; margin:0 5px; }
.visual-sec .swiper-pagination .total { font-size:24px; font-weight:500; color:#ccc; }
.visual-sec .autoplay-progress {
	width: 185px;
	height: 2px;
	background-color: rgba(0, 0, 0, 0.1);
}

.visual-sec .autoplay-progress svg {
	--progress: 0;
	width: 100%;
	stroke-width: 2px;
	stroke: #fff;
	fill: none;
	stroke-dashoffset: calc(100 * (1 - var(--progress)));
	stroke-dasharray: 100;
}
.visual-sec .scrollDown { position:absolute; right:5rem; bottom:4rem; z-index:9; }
.visual-sec .swiper-slide video { position: absolute; top: 50%; left: 50%; z-index: -1; min-height:100vh; min-width:100vw; object-fit: fill;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.visual-sec .visualCon { position:absolute; top:/* 25rem */ 27%; left:50%; transform:translateX(-50%); z-index:999; text-align:center; width: 100%; }
.visual-sec .visualCon h2 { font-size:2rem; font-weight:400; color:rgba(255,255,255,.8); }
.visual-sec .visualCon h1 { display:block; margin:1rem 0 0; font-family: 'GmarketSans'; font-size:7rem; font-weight:700; color:rgba(255,255,255,1); }
.visual-sec .visualCon form { margin:5rem 0 0; display:inline-block; }
.visual-sec .visualCon form .inner { display:flex; justify-content:center; position: relative; }
.visual-sec .visualCon form .inner .frm_input { width:65rem; height:7rem; background:#fff; border-radius:3.5rem; padding:0 3rem; font-size:2rem; }
.visual-sec .visualCon form .inner .frm_input::placeholder { font-size: 1.2em; }
.visual-sec .visualCon form .inner .btn_sch { margin-left:1rem; width:7.2rem; height:7.2rem; background:url('../../images/main/ico_sch.svg') 50% 100% no-repeat; background-size:contain; }
.visual-sec .visualCon form .tag { margin:2.2rem 0 0 1rem; display:flex; gap:1rem; justify-content: center; }
.visual-sec .visualCon form .tag li { font-size:1.8rem; font-weight:400; color:#fff; }
.visual-sec .visualCon form .tag li:hover {
    color: #e92525; /* Change text color */
    transform: scale(1.1); /* Slightly enlarge the item */
    cursor: pointer;
}

/*** what we do ***/
.section_2 { padding:10rem 13rem 9.5rem 20rem; height:100%;  }	
.section_2 .inner { position:relative; height:100%; }
.section_2 .title { position:absolute; top:-2rem; left:0; z-index:999; }
.section_2 .title:after { content:""; display:block; margin:3.5rem 0 0; border-bottom:0.3rem solid #222; width:4rem; }
.section_2 .title h2 { font-size:8.2rem; font-weight:700; }
.section_2 .title h2 span { color:#0366D8; }
.section_2 .title .description { text-transform:uppercase; font-size:2.8rem; font-weight:400; }
.section_2 .section2-swiper { height:100%; }
.section_2 .section2-swiper .swiper-pagination { }
.section_2 .section2-swiper .swiper-pagination-bullet { opacity:1; width:1.5rem; height:1.5rem; background:none; border:2px solid #00489B; margin:0 0 3rem !important; }
.section_2 .section2-swiper .swiper-pagination-bullet-active { position:relative; width:1.5rem; height:1.5rem; background:none; border:2px solid #00489B; }
.section_2 .section2-swiper .swiper-pagination-bullet-active:before { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:0.5rem; height:0.5rem; border-radius:100%; background:#00489B; }
.section_2 .section2-swiper .swiper-slide { display:flex; align-items:center; justify-content:flex-end; }
.section_2 .section2-swiper .conList { display:flex; gap:4rem; margin-right:6rem; }
.section_2 .section2-swiper .conList li { width:42rem; }
.section_2 .section2-swiper .conList li:nth-child(1) { margin-top:20rem; }
.section_2 .section2-swiper .conList li:nth-child(2) { margin-top:10rem; }
.section_2 .section2-swiper .conList li:nth-child(3) { }
.section_2 .section2-swiper .conList li .txt { margin:2rem 0 0; font-size:2.3rem; font-weight:700; }

/*** 표준화 ***/
.section_3 { height:100%; background:url('../../images/main/section_3_bg.svg') 50% 100% no-repeat; background-size:cover; }	
.section_3 .inner { position:relative; height:100%; }	
.section_3 .title { position:absolute; top:10rem; left:20rem; z-index:999; }
.section_3 .title:after { content:""; display:block; margin:3.5rem 0 0; border-bottom:0.3rem solid #fff; width:4rem; }
.section_3 .title h2 { font-size:8.2rem; font-weight:700; color:#fff; }
.section_3 .title h2 span { color:#0366D8; }
.section_3 .title .description { text-transform:uppercase; font-size:2.8rem; font-weight:400; color:#fff; }
.section_3 .con_img { position:absolute; left:0; bottom:0; }
.section_3 .section3-swiper { height:100%; }
.section_3 .section3-swiper .swiper-pagination { }
.section_3 .section3-swiper .swiper-pagination-bullet { opacity:1; width:1.5rem; height:1.5rem; background:none; border:2px solid #fff; margin:0 0 3rem !important; }
.section_3 .section3-swiper .swiper-pagination-bullet-active { position:relative; width:1.5rem; height:1.5rem; background:none; border:2px solid #fff; }
.section_3 .section3-swiper .swiper-pagination-bullet-active:before { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:0.5rem; height:0.5rem; border-radius:100%; background:#fff; }

.section_3 .section3-swiper .swiper-slide { display:flex; justify-content:flex-end; }
.section_3 .con { position:relative; width:94rem; padding:10rem 0 0 0; margin-right:5rem;  }
.section_3 .con > div { display:flex; position:relative; }
.section_3 .con .hexagon:hover span { display:none; }
.section_3 .con .hexagon{  position:relative; text-transform:uppercase; display:flex; text-align:center; align-items:center; justify-content:center; width:23rem; height:23rem; background:url('../../images/main/hexagon_bg.png') 50% 50% no-repeat; font-size:2rem; font-weight:500; color:#fff; position:relative; }

.section_3 .con .hexagon .bg { transition:all 0.2s ease-in; opacity:0; }
.section_3 .con .hexagon:hover > .bg { opacity:1; }
.section_3 .con .hexagon.c1:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c1.png') 50% 50% no-repeat;  }
.section_3 .con .hexagon.c2:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c2.png') 50% 50% no-repeat;  }
.section_3 .con .hexagon.c3:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c3.png') 50% 50% no-repeat;  }
.section_3 .con .hexagon.c4:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c4.png') 50% 50% no-repeat;  }
.section_3 .con .hexagon.c5:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c5.png') 50% 50% no-repeat;  }
.section_3 .con .hexagon.c6:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c6.png') 50% 50% no-repeat;  }
.section_3 .con .hexagon.c7:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c7.png') 50% 50% no-repeat;  }
.section_3 .con .hexagon.c8:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c8.png') 50% 50% no-repeat;  }
.section_3 .con .hexagon.c9:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c9.png') 50% 50% no-repeat;  }
.section_3 .con .hexagon.c10:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c10.png') 50% 50% no-repeat;  }

/*** 푸터 ***/
.footer { height:40rem !important; padding:8rem 11rem 9rem; display:flex; background:#222; }
.footer .logo { width:13rem; height:7.7rem; background:url('../../images/main/ico_logo.svg') 50% 50% no-repeat; background-size:cover; }
.footer .info { margin:9rem 0 0; display:flex; gap:0.5rem; }
.footer .info li { height:5rem; padding:0 3rem; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.3); border-radius:0.5rem; }
.footer .info li a { font-size:1.8rem; font-weight:500; color:#eee; }
.footer .info li a.fc_blue { color:#339CFF; }
.footer .col_right { margin-left:auto; }
.footer .col_right dl { display:flex; align-items:center; }
.footer .col_right dl:not(:last-child) { margin:0 0 2rem; }
.footer .col_right dl dt { text-transform:uppercase; font-size:1.8rem; font-weight:500; color:rgba(255,255,255,.3); width:11rem; margin-right:3.7rem; }
.footer .col_right dl dd { font-size:1.8rem; font-weight:500; color:rgba(255,255,255,.9); }
.footer .col_right .Family_link { font-size:1.8rem; font-weight:400; color:rgba(255,255,255,.9); height:4.5rem; padding:0 2rem; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.3); border-radius:0.5rem; }
.footer .col_right .Family_link i { margin-left:1rem; display:inline-block; width:1.6rem; height:1.6rem; background:url('../../images/main/ico_family_link.svg') 50% 50% no-repeat; }
.footer .col_right .copyright { margin:6rem 0 0; font-size:1.6rem; font-weight:500; color:rgba(255,255,255,.3); }

/* 로그인/로그아웃 메뉴 */
.hide {	display: none; }

/* 검색창 - 자동완성 */
.ser_select_main {
    position: relative;
    z-index: 1000;
    top: /* 70px; */ -7px;
    width: 65rem;
	display: block;
}
.ser_select_wrap {
/*     font-family: -apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",'나눔바른고딕 옛한글','NanumBarunGothic YetHangul',sans-serif; */
    border: 1px solid #e4e7e8;
    border-top: 0;
    border-radius: 0 0 6px 6px;
	box-shadow: 0 5px 6px 1px rgba(64,60,67,.24);
    letter-spacing: -.25px;
    line-height: 1.8rem;
    background-color: #fff;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	display: block;
}
.ser_select_wrap .top_fixer {
    position: relative;
    height: 100%;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ser_select_wrap .top_fixer:before {
    content: '';
    position: absolute;
    top: 0;
    right: 18px;
    left: 18px;
    z-index: 1;
    height: 1px;
    background-color: #eff2f4;
}
.ser_select_wrap .kwd_lst {
    overflow: hidden;
    position: relative;
    height: 34px;
    padding-left:18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 34px;
}
.ser_select_wrap .kwd_lst .kwd {
    display: block;
    position: relative;
    padding-left: 25px;
    color: #202020;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* 자동완성 수정 */
    text-align: left;
    padding-left: 12px;
    font-size: 17px;
}
.ser_select_wrap a {
    text-decoration: none;
}
.ser_select_wrap .ico_search {
    background: url("../../images/main/icon_search.png") no-repeat 0 0;
    background-size: 20px;
    min-height: 20px;
    min-width: 20px;
    height: 20px;
    width: 20px;
	position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.mark {
/* 	color: #0072e7 #666666; */
	font-weight: 400 500;
}
.mark:hover {
/* 	color: #0072e7 #5a92d2 #ff0000b0; */
	font-weight: 600;
}
/* .br_7 { border-radius: 7px; } */







/* 반응형 - 확대 */
@media only screen and (max-width:1366px) {
	/*** 헤더 ***/
	.header { position:relative; }
	.header .inner { position:absolute; top:0; left:0; right:0; width:100%; height:11rem; border-bottom:1px solid rgba(255,255,255,.2); z-index:9999999; padding:0 7rem; display:flex; align-items:center; }
	.header .logo a { display:block; width:9.2rem; height:5.5rem; background:url('../../images/main/ico_logo.svg') 50% 50% no-repeat; background-size:contain; }
	.header .member { margin-left:auto; display:flex; align-items:center; }
	.header .member a { padding:0 2rem; height:4rem; line-height:4rem; border-radius:2rem; border:1px solid rgba(255,255,255,.3); font-size:1.6rem; font-weight:400; color:#fff; }
	.header .member a:nth-child(2) { margin-left:0.5rem; }
	.header .member .btn_menu { margin-left:4rem; width:3rem; height:2.3rem; background:url('../../images/main/ico_menu.svg') 50% 50% no-repeat; background-size:contain; }
}

/* 너비가 110%일 때 */
@media only screen and (min-width: 1537px) and (max-width: 1746px) {
	.section_2 .title { position:absolute; top:-5rem; left:0rem; z-index:999; }
	.section_2 .section2-swiper .conList { display:flex; gap:4rem; margin-right:6rem; width: 85%; }
	.section_2 .section2-swiper .conList li .txt { margin:2rem 0 0; font-size:2rem; font-weight:700; }
	.section_3 .title { position:absolute; top:5rem; left:20rem; z-index:999; }
	.section_3 .con { position:relative; width:94rem; padding:4rem 0 0 0; margin-right:1rem;  }
}

@media only screen and (max-width:1600px) {
	/*** what we do ***/
	.section_2 { padding:3rem 20rem 7rem 20rem; height:100%;  }	
	.section_2 .inner { position:relative; height:100%; }
	.section_2 .title { position:relative; top:-2rem; left:0; z-index:999; }
	.section_2 .title:after { content:""; display:block; margin:3.5rem 0 0; border-bottom:0.3rem solid #222; width:4rem; }
	.section_2 .title h2 { font-size:8.2rem; font-weight:700; }
	.section_2 .title h2 span { color:#0366D8; }
	.section_2 .title .description { text-transform:uppercase; font-size:2.8rem; font-weight:400; }
	.section_2 .section2-swiper { height:100%; }
	.section_2 .section2-swiper .swiper-pagination { }
	.section_2 .section2-swiper .swiper-pagination-bullet { opacity:1; width:1.5rem; height:1.5rem; background:none; border:2px solid #00489B; margin:0 0 3rem !important; }
	.section_2 .section2-swiper .swiper-pagination-bullet-active { position:relative; width:1.5rem; height:1.5rem; background:none; border:2px solid #00489B; }
	.section_2 .section2-swiper .swiper-pagination-bullet-active:before { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:0.5rem; height:0.5rem; border-radius:100%; background:#00489B; }
	.section_2 .section2-swiper .swiper-slide { height:auto !important; display:block; align-items:center; justify-content:flex-end; }
	.section_2 .section2-swiper .conList { display:flex; gap:4rem; margin-right:0; margin:3rem 0 0; }
	.section_2 .section2-swiper .conList li { flex:1; }
	.section_2 .section2-swiper .conList li img { max-width:100%; }
	.section_2 .section2-swiper .conList li:nth-child(1) { margin-top:0; }
	.section_2 .section2-swiper .conList li:nth-child(2) { margin-top:0; }
	.section_2 .section2-swiper .conList li:nth-child(3) { }
	.section_2 .section2-swiper .conList li .txt { margin:2rem 0 0; font-size:2rem; font-weight:700; }
}

@media only screen and (max-width:1366px) {
	/*** what we do ***/
	.section_2 { padding:2rem 15rem 0rem 15rem; height:100%;  }	
	.section_2 .inner { position:relative; height:100%; }
	.section_2 .title { position:relative; top:-2rem; left:0; z-index:999; }
	.section_2 .title:after { content:""; display:block; margin:2.5rem 0 0; border-bottom:0.3rem solid #222; width:4rem; }
	.section_2 .title h2 { font-size:8.2rem; font-weight:700; }
	.section_2 .title h2 span { color:#0366D8; }
	.section_2 .title .description { text-transform:uppercase; font-size:2.8rem; font-weight:400; }
	.section_2 .section2-swiper { height:100%; }
	.section_2 .section2-swiper .swiper-pagination { }
	.section_2 .section2-swiper .swiper-pagination-bullet { opacity:1; width:1.5rem; height:1.5rem; background:none; border:2px solid #00489B; margin:0 0 3rem !important; }
	.section_2 .section2-swiper .swiper-pagination-bullet-active { position:relative; width:1.5rem; height:1.5rem; background:none; border:2px solid #00489B; }
	.section_2 .section2-swiper .swiper-pagination-bullet-active:before { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:0.5rem; height:0.5rem; border-radius:100%; background:#00489B; }
	.section_2 .section2-swiper .swiper-slide { height:auto !important; display:block; align-items:center; justify-content:flex-end; }
	.section_2 .section2-swiper .conList { display:flex; gap:4rem; margin-right:0; margin:1rem 0 0; }
	.section_2 .section2-swiper .conList li { flex:1; }
	.section_2 .section2-swiper .conList li img { max-width:100%; }
	.section_2 .section2-swiper .conList li:nth-child(1) { margin-top:0; }
	.section_2 .section2-swiper .conList li:nth-child(2) { margin-top:0; }
	.section_2 .section2-swiper .conList li:nth-child(3) { }
	.section_2 .section2-swiper .conList li .txt { margin:2rem 0 0; font-size:1.6rem; font-weight:700; }
}

@media only screen and (max-width:1600px) {
	/*** 표준화 ***/
	.section_3 { height:100%; background:url('../../images/main/section_3_bg.svg') 0 100% no-repeat; background-size:cover; }	
	.section_3 .inner { position:relative; height:100%; }	
	.section_3 .title { position:absolute; top:5rem; left:20rem; z-index:999; }
	.section_3 .title:after { content:""; display:block; margin:3.5rem 0 0; border-bottom:0.3rem solid #fff; width:4rem; }
	.section_3 .title h2 { font-size:8.2rem; font-weight:700; color:#fff; }
	.section_3 .title h2 span { color:#0366D8; }
	.section_3 .title .description { text-transform:uppercase; font-size:2.8rem; font-weight:400; color:#fff; }
	.section_3 .con_img { position:absolute; left:0; bottom:0; }
	.section_3 .con_img img { max-width:70rem; }
	.section_3 .section3-swiper { height:100%; }
	.section_3 .section3-swiper .swiper-pagination { }
	.section_3 .section3-swiper .swiper-pagination-bullet { opacity:1; width:1.5rem; height:1.5rem; background:none; border:2px solid #fff; margin:0 0 3rem !important; }
	.section_3 .section3-swiper .swiper-pagination-bullet-active { position:relative; width:1.5rem; height:1.5rem; background:none; border:2px solid #fff; }
	.section_3 .section3-swiper .swiper-pagination-bullet-active:before { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:0.5rem; height:0.5rem; border-radius:100%; background:#fff; }

	.section_3 .section3-swiper .swiper-slide { height:auto !important; display:flex; justify-content:flex-end; }
	.section_3 .con { position:relative; width:90rem; padding:0rem 0 0 0; margin-right:5rem;  }
	.section_3 .con > div { display:flex; position:relative; }
	.section_3 .con .hexagon:hover span { display:none; }
	.section_3 .con .hexagon{  position:relative; text-transform:uppercase; display:flex; text-align:center; align-items:center; justify-content:center; width:23rem; height:23rem; background:url('../../images/main/hexagon_bg.png') 50% 50% no-repeat; font-size:2rem; font-weight:500; color:#fff; position:relative; }

	.section_3 .con .hexagon .bg { transition:all 0.2s ease-in; opacity:0; }
	.section_3 .con .hexagon:hover > .bg { opacity:1; }
	.section_3 .con .hexagon.c1:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c1.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c2:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c2.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c3:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c3.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c4:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c4.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c5:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c5.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c6:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c6.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c7:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c7.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c8:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c8.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c9:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c9.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c10:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c10.png') 50% 50% no-repeat;  }
}

@media only screen and (max-width:1366px) {
	/*** 표준화 ***/
	.section_3 { height:100%; background:url('../../images/main/section_3_bg.svg') 0 100% no-repeat; background-size:cover; }	
	.section_3 .inner { position:relative; height:100%; }	
	.section_3 .title { position:absolute; top:5rem; left:7rem; z-index:999; }
	.section_3 .title:after { content:""; display:block; margin:3.5rem 0 0; border-bottom:0.3rem solid #fff; width:4rem; }
	.section_3 .title h2 { font-size:8.2rem; font-weight:700; color:#fff; }
	.section_3 .title h2 span { color:#0366D8; }
	.section_3 .title .description { text-transform:uppercase; font-size:2.8rem; font-weight:400; color:#fff; }
	.section_3 .con_img { position:absolute; left:0; bottom:0; }
	.section_3 .con_img img { max-width:50rem; }
	.section_3 .section3-swiper { height:100%; }
	.section_3 .section3-swiper .swiper-pagination { }
	.section_3 .section3-swiper .swiper-pagination-bullet { opacity:1; width:1.5rem; height:1.5rem; background:none; border:2px solid #fff; margin:0 0 3rem !important; }
	.section_3 .section3-swiper .swiper-pagination-bullet-active { position:relative; width:1.5rem; height:1.5rem; background:none; border:2px solid #fff; }
	.section_3 .section3-swiper .swiper-pagination-bullet-active:before { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:0.5rem; height:0.5rem; border-radius:100%; background:#fff; }

	.section_3 .section3-swiper .swiper-slide { height:auto !important; display:flex; justify-content:flex-end; }
	.section_3 .con { position:relative; width:94rem; padding:10rem 0 0 0; margin-right:5rem;  }
	.section_3 .con > div { display:flex; position:relative; }
	.section_3 .con .hexagon:hover span { display:none; }
	.section_3 .con .hexagon{  position:relative; text-transform:uppercase; display:flex; text-align:center; align-items:center; justify-content:center; width:23rem; height:23rem; background:url('../../images/main/hexagon_bg.png') 50% 50% no-repeat; font-size:2rem; font-weight:500; color:#fff; position:relative; }

	.section_3 .con .hexagon .bg { transition:all 0.2s ease-in; opacity:0; }
	.section_3 .con .hexagon:hover > .bg { opacity:1; }
	.section_3 .con .hexagon.c1:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c1.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c2:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c2.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c3:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c3.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c4:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c4.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c5:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c5.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c6:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c6.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c7:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c7.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c8:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c8.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c9:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c9.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c10:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c10.png') 50% 50% no-repeat;  }

	.section_3 .device_pc { display:none !important; }
	.section_3 .device_mobile { display:block !important; }

	.con_list { width:45%; margin:7rem 0 0; }
	.con_list li { padding:0 1.6rem; line-height:5rem; background:url('../../images/main/ico_section_3_off.svg') no-repeat; background-position:right 1.6rem center; }
	.con_list li:hover,
	.con_list li:active { background:#fff url('../../images/main/ico_section_3_on.svg') no-repeat; background-position:right 1.6rem center;  }
	.con_list li:hover a,
	.con_list li:active a { color:#111; border:0; }
	.con_list li a { display:block; font-size:1.5rem; font-weight:500; color:#fff; border-bottom:1px solid #333; }
}

@media only screen and (max-width:1366px) {
	/*** 푸터 ***/
	.footer { height:auto !important; padding:4rem 1.6rem; display:block !important; background:#222; }
	.footer .logo { width:9rem; height:5.2rem; margin:0 auto; background:url('../../images/main/ico_logo.svg') 50% 50% no-repeat; background-size:cover; }
	.footer .info { margin:4rem 0 0; display:block; gap:0.5rem; }
	.footer .info li { height:5rem; padding:0 3rem; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.3); border-radius:0.5rem; }
	.footer .info li + li { margin:1rem 0 0; }
	.footer .info li a { font-size:1.8rem; font-weight:500; color:#eee; }
	.footer .info li a.fc_blue { color:#339CFF; }
	.footer .col_right { margin-left:auto; margin:3rem 0 0; }
	.footer .col_right dl { width:100%; display:block; align-items:center; }
	.footer .col_right dl:not(:last-child) { margin:0 0 2rem; }
	.footer .col_right dl dt { text-transform:uppercase; font-size:1.8rem; font-weight:500; color:rgba(255,255,255,.3); width:auto; margin-right:0; }
	.footer .col_right dl dd { margin:1rem 0 0; font-size:1.8rem; font-weight:500; color:rgba(255,255,255,.9); }
	.footer .col_right .Family_link { width:100%; font-size:1.8rem; font-weight:400; color:rgba(255,255,255,.9); height:4.5rem; padding:0 2rem; display:flex; align-items:center; justify-content:flex-start; border:1px solid rgba(255,255,255,.3); border-radius:0.5rem; }
	.footer .col_right .Family_link i { margin-left:auto; display:inline-block; width:1.6rem; height:1.6rem; background:url('../../images/main/ico_family_link.svg') 50% 50% no-repeat; }
	.footer .col_right .copyright { margin:4rem 0 0; font-size:1.6rem; font-weight:500; color:rgba(255,255,255,.3); }
}




/* 반응형 - 모바일 */
@media only screen and (max-width:1023px) {
	/*** 헤더 ***/
	html { min-width:100%; overflow-x:hidden; }
	
	img { width:100%; height:auto; object-fit:cover; }
	.device_pc { display:none !important; }
	.device_mobile { display:block !important; }
	
	.header { height:auto !important; position:relative; }
	.header .inner { position:absolute; top:0; left:0; right:0; width:100%; height:6rem; border-bottom:1px solid rgba(255,255,255,.2); z-index:9999999; padding:0 1.6rem; display:flex; align-items:center; }
	.header .logo a { display:block; width:6rem; height:3.5rem; background:url('../../images/main/ico_logo.svg') 50% 50% no-repeat; background-size:contain; }
	.header .member { margin-left:auto; display:flex; align-items:center; }
	.header .member a { padding:0 1rem; height:3rem; line-height:3rem; border-radius:2rem; border:1px solid rgba(255,255,255,.3); font-size:1.3rem; font-weight:400; color:#fff; }
	.header .member a:nth-child(2) { margin-left:0.5rem; }
	.header .member .btn_menu { display:none; margin-left:4rem; width:3rem; height:2.3rem; background:url('../../images/main/ico_menu.svg') 50% 50% no-repeat; background-size:contain; }
}

@media only screen and (max-width:1023px) {
	/*** 비주얼 ***/
	.visual-sec, .main-swiper { height:54rem !important; position:relative;  }
	.visual-sec .txt-box {
		position: absolute;
		left: 50%;
		top: 50%;
		box-sizing: border-box;
		width: 90%;
		padding: 0 2.0rem;
		transform: translate(-50%, -60%);
		z-index: 10;
	}
	.visual-sec .txt-box > h3 {
		color: #fff;
		font-size: 3rem;
		font-weight: 400;
		line-height: 1.4;
		word-break: keep-all;
		transform: translateY(20px);
		opacity: 0;
		transition: 1s 0.2s;
	}
	.visual-sec .txt-box > p {
		color: #fff;
		margin-top: 1.6em;
		font-size: 1.6rem;
		transform: translateY(20px);
		opacity: 0;
		word-break: keep-all;
		transition: 1s 0.4s;
	}
	.visual-sec .swiper-slide-active .txt-box > h3,
	.visual-sec .swiper-slide-active .txt-box > p {
		transform: translateY(0);
		opacity: 1;
	}

	.visual-sec .img-box {
	  display: block;
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}
	.visual-sec img {
		transform: scale(1.05);
		transition: 1.5s 0.1s;
	}
	.visual-sec .swiper-slide-active img {
		transform: scale(1.0);
	}
	.visual-sec .all-box {
		position: absolute;
		display: inline-flex;
		width: auto;
		left: 1.6rem;
		bottom: 3rem;
		box-sizing: border-box;
		padding: 0 20px;
		transform: none;
		z-index: 20;
	}
	.visual-sec .progress-box {
		position: relative;
		width: 12.5rem;
		z-index: 11;
	}

	.visual-sec .progress-box .conWrap { display:flex; align-items:Center; }
	.visual-sec .progress-box .conWrap .swiper-btnArea { margin-left:auto; display:flex; align-items:Center; }
	.visual-sec .progress-box a{ margin:0 0 10px; width:15px; height:40px; text-indent:-9999px; cursor:pointer;opacity:1;}
	.visual-sec .progress-box a.btnPlay {background:url('../../images/main/ico_play.png') no-repeat center center; background-size:8px auto;} 
	.visual-sec .progress-box a.btnPause {background:url('../../images/main/ico_pause.png') no-repeat center center; background-size:8px auto;} 

	.visual-sec .swiper-pagination {
		margin:0 0 12px;
		display: flex;
		align-items:center;
		color: #fff;
		position:relative;
		left:0 !important;
		top:0 !important;
		bottom:0 !important;
		gap:1rem;
	}
	.visual-sec .swiper-pagination .current { font-size:2.8rem; font-weight:700; color:#fff; }
	.visual-sec .swiper-pagination .line { font-size:1.6rem; font-weight:500; color:#ccc; margin:0; }
	.visual-sec .swiper-pagination .total { font-size:1.6rem; font-weight:500; color:#ccc; }
	.visual-sec .autoplay-progress {
		width: 12.5rem;
		height: 2px;
		background-color: rgba(0, 0, 0, 0.1);
	}

	.visual-sec .autoplay-progress svg {
		--progress: 0;
		width: 100%;
		stroke-width: 2px;
		stroke: #fff;
		fill: none;
		stroke-dashoffset: calc(100 * (1 - var(--progress)));
		stroke-dasharray: 100;
	}
	.visual-sec .scrollDown { display:none; position:absolute; right:5rem; bottom:4rem; z-index:9; }
	.visual-sec .swiper-slide video { position: absolute; top: 50%; left: 50%; z-index: -1; min-height:100vh; min-width:100vw; object-fit: fill;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.visual-sec .visualCon { width:100%; position:absolute; top:12rem; left:50%; transform:translateX(-50%); z-index:999; text-align:center; }
	.visual-sec .visualCon h2 { font-size:1.4rem; font-weight:400; color:rgba(255,255,255,.8); }
	.visual-sec .visualCon h1 { display:block; margin:1rem 0 0; font-family: 'GmarketSans'; font-size:4rem; font-weight:700; color:rgba(255,255,255,1); }
	.visual-sec .visualCon form { width:100%; margin:3rem 0 0; display:block; padding:0 1.6rem; }
	.visual-sec .visualCon form .inner { display:flex; justify-content:center; }
	.visual-sec .visualCon form .inner .frm_input { flex:1; width:100%; height:4.2rem; background:#fff; border-radius:2.1rem; padding:0 3rem; font-size:1.7rem; }
	.visual-sec .visualCon form .inner .btn_sch { margin-left:1rem; width:4.2rem; height:4.2rem; background:url('../../images/main/ico_sch.svg') 50% 100% no-repeat; background-size:contain; }
	.visual-sec .visualCon form .tag { margin:1rem 0 0 0; display:flex; justify-content:center; gap:0.8rem; }
	.visual-sec .visualCon form .tag li { font-size:1.5rem; font-weight:400; color:#fff; text-overflow: ellipsis; max-width: 20%; white-space: nowrap; overflow: hidden}
}

@media only screen and (max-width:1023px) {
	/*** what we do ***/
	.section_2 { padding:6rem 1.6rem 0; height:auto !important; }	
	.section_2 .inner { position:relative; height:100%; }
	.section_2 .title { position:relative; top:0; left:0; z-index:999; }
	.section_2 .title:after { content:""; display:block; margin:2.6rem 0 0; border-bottom:0.3rem solid #222; width:4rem; }
	.section_2 .title h2 { font-size:5.2rem; font-weight:700; }
	.section_2 .title h2 span { color:#0366D8; }
	.section_2 .title .description { text-transform:uppercase; font-size:2rem; font-weight:400; }
	.section_2 .section2-swiper { height:auto; }
	.section_2 .section2-swiper .swiper-pagination { }
	.section_2 .section2-swiper .swiper-pagination-bullet { opacity:1; width:1.5rem; height:1.5rem; background:none; border:2px solid #00489B; margin:0 0 3rem !important; }
	.section_2 .section2-swiper .swiper-pagination-bullet-active { position:relative; width:1.5rem; height:1.5rem; background:none; border:2px solid #00489B; }
	.section_2 .section2-swiper .swiper-pagination-bullet-active:before { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:0.5rem; height:0.5rem; border-radius:100%; background:#00489B; }
	.section_2 .section2-swiper .swiper-slide { display:block; align-items:center; justify-content:flex-end; height: 1576px; }
	.section_2 .section2-swiper .conList { display:block; gap:4rem; margin-right:0; margin:3rem 0 0; }
	.section_2 .section2-swiper .conList li { width:100%; }
	.section_2 .section2-swiper .conList li:nth-child(1) { margin-top:0; }
	.section_2 .section2-swiper .conList li:nth-child(2) { margin-top:4rem; }
	.section_2 .section2-swiper .conList li:nth-child(3) { margin-top:4rem; }
	.section_2 .section2-swiper .conList li .txt { margin:2rem 0 0; font-size:2.6rem; font-weight:700; letter-spacing:-1px; }
}

@media only screen and (max-width:1023px) {
	/*** 표준화 ***/
	.section_3 { margin:6rem 0 0; padding:0 0 4rem; height:auto !important; background:url('../../images/main/section_3_bg.svg') 50% 100% no-repeat; background-size:cover; }	
	.section_3 .inner { position:relative; height:auto; }	
	.section_3 .title { position:relative; top:0; left:0; z-index:999; padding:6rem 1.6rem 0; }
	.section_3 .title:after { content:""; display:block; margin:3.5rem 0 0; border-bottom:0.3rem solid #fff; width:4rem; }
	.section_3 .title h2 { font-size:5.2rem; font-weight:700; color:#fff; }
	.section_3 .title h2 span { color:#0366D8; }
	.section_3 .title .description { text-transform:uppercase; font-size:2rem; font-weight:400; color:#fff; }
	.section_3 .con_img { position:relative; left:0; bottom:0; margin:6rem 0 0; padding-right:3rem; }
	.section_3 .section3-swiper { height:100%; }
	.section_3 .section3-swiper .swiper-pagination { }
	.section_3 .section3-swiper .swiper-pagination-bullet { opacity:1; width:1.5rem; height:1.5rem; background:none; border:2px solid #fff; margin:0 0 3rem !important; }
	.section_3 .section3-swiper .swiper-pagination-bullet-active { position:relative; width:1.5rem; height:1.5rem; background:none; border:2px solid #fff; }
	.section_3 .section3-swiper .swiper-pagination-bullet-active:before { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:0.5rem; height:0.5rem; border-radius:100%; background:#fff; }

	.section_3 .section3-swiper .swiper-slide { display:block; justify-content:flex-end; }
	.section_3 .con { position:relative; width:94rem; padding:10rem 0 0 0; margin-right:5rem;  }
	.section_3 .con > div { display:flex; position:relative; }
	.section_3 .con .hexagon:hover span { display:none; }
	.section_3 .con .hexagon{  position:relative; text-transform:uppercase; display:flex; text-align:center; align-items:center; justify-content:center; width:23rem; height:23rem; background:url('../../images/main/hexagon_bg.png') 50% 50% no-repeat; font-size:2rem; font-weight:500; color:#fff; position:relative; }

	.section_3 .con .hexagon .bg { transition:all 0.2s ease-in; opacity:0; }
	.section_3 .con .hexagon:hover > .bg { opacity:1; }
	.section_3 .con .hexagon.c1:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c1.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c2:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c2.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c3:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c3.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c4:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c4.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c5:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c5.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c6:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c6.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c7:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c7.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c8:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c8.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c9:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c9.png') 50% 50% no-repeat;  }
	.section_3 .con .hexagon.c10:hover > .bg { position:absolute; top:-6rem; left:-5.7rem; width:34.5rem; height:34.5rem; background:url('../../images/main/hexagon_over_c10.png') 50% 50% no-repeat;  }

	.con_list { width:100%; margin:5rem 0 0; }
	.con_list li { padding:0 1.6rem; line-height:4.2rem; background:url('../../images/main/ico_section_3_off.svg') no-repeat; background-position:right 1.6rem center; }
	.con_list li:hover,
	.con_list li:active { background:#fff url('../../images/main/ico_section_3_on.svg') no-repeat; background-position:right 1.6rem center;  }
	.con_list li:hover a,
	.con_list li:active a { color:#111; border:0; }
	.con_list li a { display:block; font-size:1.5rem; font-weight:500; color:#fff; border-bottom:1px solid #333; }
}

@media only screen and (max-width:1023px) {
	/*** 푸터 ***/
	.footer { height:auto !important; padding:4rem 1.6rem; display:block; background:#222; }
	.footer .logo { width:9rem; height:5.2rem; margin:0 auto; background:url('../../images/main/ico_logo.svg') 50% 50% no-repeat; background-size:cover; }
	.footer .info { margin:4rem 0 0; display:block; gap:0.5rem; }
	.footer .info li { height:5rem; padding:0 3rem; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.3); border-radius:0.5rem; }
	.footer .info li + li { margin:1rem 0 0; }
	.footer .info li a { font-size:1.8rem; font-weight:500; color:#eee; }
	.footer .info li a.fc_blue { color:#339CFF; }
	.footer .col_right { margin-left:auto; margin:3rem 0 0; }
	.footer .col_right dl { width:100%; display:block; align-items:center; }
	.footer .col_right dl:not(:last-child) { margin:0 0 2rem; }
	.footer .col_right dl dt { text-transform:uppercase; font-size:1.8rem; font-weight:500; color:rgba(255,255,255,.3); width:auto; margin-right:0; }
	.footer .col_right dl dd { margin:1rem 0 0; font-size:1.8rem; font-weight:500; color:rgba(255,255,255,.9); }
	.footer .col_right .Family_link { width:100%; font-size:1.8rem; font-weight:400; color:rgba(255,255,255,.9); height:4.5rem; padding:0 2rem; display:flex; align-items:center; justify-content:flex-start; border:1px solid rgba(255,255,255,.3); border-radius:0.5rem; }
	.footer .col_right .Family_link i { margin-left:auto; display:inline-block; width:1.6rem; height:1.6rem; background:url('../../images/main/ico_family_link.svg') 50% 50% no-repeat; }
	.footer .col_right .copyright { margin:4rem 0 0; font-size:1.6rem; font-weight:500; color:rgba(255,255,255,.3); }
}

/* 2024-07-23[s] 자동완성검색 */
.modal_auto_sch { display:none; }
.modal_auto_sch .dim { position:fixed; top:0; left:0; width:100%; height:100%; /* background:rgba(0,0,0,.2); */ z-index:99; }
.modal_auto_sch .sch { position:absolute; top:100%; left:0; z-index:999; width:100%; background:#fff; box-shadow:5px 10px 10px 0 rgba(0,0,0,.05); border-radius:1rem; border-top:1px solid #ddd; border: 1px solid rgba(0, 0, 0, .1); }
.modal_auto_sch.main .sch { width:calc(100% - 8.2rem) }

.modal_auto_sch .sch .keywordList { margin:20px 0; overflow-y:auto; }
.modal_auto_sch .sch .keywordList::-webkit-scrollbar { width: 0.5rem; }
.modal_auto_sch .sch .keywordList::-webkit-scrollbar-thumb { background:#ddd; border-radius: 0.5rem; }
.modal_auto_sch .sch .keywordList::-webkit-scrollbar-track { background:#f8f8f8  }
.modal_auto_sch .sch .keywordList li { cursor:pointer; line-height:40px; display:flex; align-items:center; padding:0 30px;  }
.modal_auto_sch .sch .keywordList li:hover { background-color:#f8f8f8; text-decoration:underline; }
.modal_auto_sch .sch .keywordList li::before { content:""; margin-right:10px; width:22px; height:22px; background:url("../../images/sub/ico_auto_sch.svg") no-repeat 0 50%; }
.modal_auto_sch .sch .keywordList li::after { content:""; margin-left:auto; width:22px; height:22px; background:url("../../images/sub/ico_auto_sch_apply.svg") no-repeat 100% 50%; }

.modal_auto_sch .sch .ft { border-top:1px solid #D9D9D9; height:50px; display:flex; align-items:center; padding:0 30px;  }
.modal_auto_sch .sch .ft .btn_auto_sch_off { font-size:18px; font-weight:400; color:#757575; }
.modal_auto_sch .sch .ft .btn_auto_sch_close { margin-left:auto; width:86px; height:34px; line-height:34px; background:#333; border-radius:4px; font-size:15px; color:#fff; }
/* 2024-07-23[e] 자동완성검색 */


/* 모바일 반응형 세로 (해상도 ~ 479px)*/
@media only screen and (max-width:479px) {
	.header .member a{font-size:1.2rem; line-height: 2.9rem; padding:0 0.8rem;}
	.visual-sec .visualCon form .tag li{max-width: 33.33%;}
	.visual-sec .visualCon form .tag li:nth-child(n + 4){display: none;}
}