@charset "utf-8";
@import "base.css";

/************************************************************************************
common
*************************************************************************************/
:root{
	accent-color:#106299;
}

body{
	overflow-x:hidden;
}

body:has(.header.open){
	overflow-y:hidden;
}

.header{
	position:fixed;
	left:0;
	right:0;
	display:flex;
	padding:0 30px;
	z-index:100;
	min-height:70px;
	transition:background 0.3s;
}

.header .bg-mob{
	display:none;
}

.header .logo{
	width:92px;
	height:70px;
	position:absolute;
	left:30px;
	top:0;
	background:url("../img/logo.png") no-repeat center / auto 32px;
}

.header .logo a{
	display:block;
	width:100%;
	height:100%;
}

.header .gnb{
	margin:0 auto;
}

.header .gnb .gnb-top-m{
	display:none;
}

.header .gnb > ul{
	display:flex;
	gap:10px;
}

.header .gnb > ul > li > a{
	color:#fff;
	font-weight:600;
	font-size:18px;
	display:flex;
	padding:0 47px;
	height:70px;
	align-items:center;
	flex-shrink:0;
	justify-content:center;
	transition:background 0.3s;
}

.header .gnb > ul > li > ul{
	padding:10px 0 20px;
	display:none;
}

.header .gnb > ul > li > ul li{
	margin-bottom:5px;
}

.header .gnb > ul > li > ul li:last-of-type{
	margin-bottom:0;
}

.header .gnb > ul > li > ul li a{
	color:#fff;
	font-weight:500;
	font-size:14px;
	padding:10px 6px;
	display:block;
	text-align:center;
	transition:all 0.3s;
	border-radius:4px;
}

.header:hover,
.header.fixed{
	background:#fff;
	box-shadow:0px 3px 9px 0px rgba(0, 0, 0, 0.1);
}

.header:hover .gnb > ul > li > a,
.header.fixed .gnb > ul > li > a{
	color:#212529;
}

.header .gnb:hover > ul li ul{
	display:block;
}

.header .gnb:hover > ul li ul li a,
.header.fixed .gnb > ul li ul li a{
	color:#212529;
}

.header .gnb > ul > li > ul li a:hover{
	color:#106299;
}

.header .btn-menu{
	display:none;
}

.footer{
	background:#171717;
	position:sticky;
    bottom:0;
	padding:40px 0;
	/*height:274px;*/
}

.footer .foot-top{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.footer .foot-top .foot-logo{
	width:150px;
	height:52px;
	flex-shrink:0;
	background:url("../img/logo_open.png") no-repeat center;
}

.footer .foot-top .foot-util{
	display:flex;
	gap:16px;
}

.footer .foot-top .foot-util a{
	font-size:14px;
	font-weight:400;
	color:rgba(255,255,255,0.6);
	transition:all 0.3s;
}

.footer .foot-top .foot-util a:hover{
	color:#fff;
}

.footer .foot-btm{
	display:flex;
	justify-content:space-between;
	padding:20px 0 0;
}

.footer .foot-btm .foot-address ul{
	display:flex;
	gap:12px 24px;
	flex-wrap:wrap;
}

.footer .foot-btm .foot-address ul li{
	display:flex;
	gap:10px;
}

.footer .foot-btm .foot-address ul li.full{
	width:100%;
}

.footer .foot-btm .foot-address ul li strong{
	font-weight:700;
	font-size:13px;
	line-height:18px;
	color:#fff;
}

.footer .foot-btm .foot-address ul li p{
	font-weight:400;
	font-size:13px;
	color:rgba(255,255,255,0.6);
	line-height:18px;
}

.footer .foot-btm .foot-address ul li p span{
	color:#fff;
	font-weight:500;
	font-size:13px;
}

.footer .foot-btm .foot-address .copy{
	font-size:12px;
	color:rgba(255,255,255,0.6);
	font-weight:400;
	text-align:left;
	margin-top:24px;
}

.footer .foot-btm .foot-btn{
	margin-left:auto;
	display:flex;
	gap:10px;
	flex-shrink:0;
	align-self:flex-end;
}

.footer .foot-btm .foot-btn a{
	height:34px;
	border:1px solid rgba(255,255,255,0.4);
	color:#fff;
	font-weight:400;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 20px;
	font-size:13px;
	transition:all 0.3s;
}

.footer .foot-btm .foot-btn a:hover{
	background:#fff;
	color:#171717;
}

.container{
	min-height:calc(100vh - 274px);
}

.content{
	padding:100px 0;
}

/************************************************************************************
input, btn, table etc
*************************************************************************************/

.input-style{
	border:1px solid #ddd;
	height:48px;
	font-size:14px;
	font-weight:400;
	color:#212529;
	padding:0 15px;
	outline:0;
}

select.input-style{
	appearance:none;
	-webkit-appearance:none;
	cursor:pointer;
	padding-right:32px;
	background:url("../img/board_select_arrow.png") no-repeat right 13px center / 12px;
}

textarea{
	resize:none;
	color:#212529;
	padding:15px;
	border:1px solid #ddd;
	font-size:14px;
	font-weight:400;
	width:100%;
	outline:0;
}

.tbl-list table th{
	text-align:center;
	height:60px;
	font-weight:700;
	font-size:16px;
	border-top:2px solid #171717;
	border-bottom:1px solid #ddd;
	vertical-align:middle;
}

.tbl-list table td{
	height:50px;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	padding:10px;
	font-weight:400;
	border-bottom:1px solid #ddd;
}

.tbl-list table tr:hover td{
	background:#f4f4f4;
}

.tbl-list table td a:hover{
	text-decoration:underline;
}

.tbl-list table td a .info{
	display:none;
}

.btn-style{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:14px;
	min-width:100px;
	height:40px;
	font-weight:500;
	transition:all 0.5s;
}

.btn-style.btn-black{
	color:#fff;
	background:#171717;
}

.btn-style.btn-black:hover{
	background-color:#2f2f2f;
}

.btn-style.btn-black:active{
	background-color:#454444;
}

.btn-style.btn-black-bor{
	color:#171717;
	background:#fff;
	border:1px solid #171717;
}

.btn-style.btn-black-bor:hover{
	background-color:#f4f4f4;
}

.btn-style.btn-black-bor:active{
	background-color:#e3e3e3;
}

.btn-style.btn-refresh,
.btn-style.btn-sound{
	min-width:48px;
	font-size:0 !important;
	background:no-repeat center;
}

.btn-style.btn-refresh{
	background-image:url("../img/ico_refresh.svg");
}

.btn-style.btn-sound{
	background-image:url("../img/ico_sound.svg");
}

.btn-audio-wrap{
	appearance:none;
	-webkit-appearance:none;
	width:0;
	height:0;
	padding:0;
	margin:0;
	overflow:hidden;
}

/************************************************************************************
content
*************************************************************************************/
.home .sec{
	min-width:100vw;
	min-height:100vh;
}

.sec1 .mySwiper{
	height:100vh;
	width:100vw;
}

.sec1 .mySwiper .swiper-wrapper .swiper-slide{
	position:relative;
}

.sec1 .mySwiper .swiper-wrapper .swiper-slide .img{
	width:100%;
	height:100%;
	display:block;
	font-size:0;
}

.sec1 .mySwiper .swiper-wrapper .swiper-slide .img img{
	object-fit:cover;
	width:100%;
	height:100%;
}

.sec1 .mySwiper .swiper-wrapper .swiper-slide .txt{
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	max-width:1280px;
	left:50%;
	transform:translateX(-50%);
	display:flex;
	flex-direction:column;
	justify-content:center;
	z-index:1;
}

.sec1 .mySwiper .swiper-wrapper .swiper-slide .txt .big-tit{
	color:#fff;
	font-size:70px;
	font-weight:800;
	text-align:left;
	display:block;
	margin-bottom:24px;
	letter-spacing:-0.5px;
}

.sec1 .mySwiper .swiper-wrapper .swiper-slide .txt p{
	text-align:left;
	font-weight:500;
	font-size:20px;
	color:#fff;
}

.sec1 .mySwiper .swiper-pagination{
	position:absolute;
	bottom:30px;
	display:flex;
	gap:16px;
	height:14px;
	justify-content:center;
}

.sec1 .mySwiper .swiper-pagination .swiper-pagination-bullet{
	background:rgba(255,255,255,0.3);
	opacity:1;
	margin:0;
	width:14px;
	height:14px;
	cursor:pointer;
}

.sec1 .mySwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#fff;
}

.sec2{
	display:flex;
}

.sec2 > div{
	width:50%;
	display:flex;
	align-items:center;
}

.sec2 .sec-l{
	background:#fff;
	justify-content:flex-end;
}

.sec2 .sec-r{
	padding-left:24px;
	background:url("../img/main_bg_pattern.jpg");
}

.sec2 .in{
	max-width:640px;
	width:100%;
}

.sec2 .sec-l .in{
	transform:translateX(-100px);
}

.sec-tit{
	font-size:60px;
	font-weight:800;
	color:#212529;
	display:block;
	text-align:left;
	line-height:68px;
	margin-bottom:40px;
}

.sec-txt{
	text-align:left;
	font-size:18px;
	line-height:28px;
	font-weight:400;
	margin-bottom:80px;
}

.btn-more{
	font-size:14px;
	font-weight:600;
	text-align:center;
	height:36px;
	width:120px;
	border:1px solid #212529;
	color:#212529;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	transition:all 0.5s;
}

.btn-more:hover{
	color:#fff;
	background:#212529;
}

.sec2-r-box-wrap{
	width:100%;
	display:flex; 
	gap:1px;
	flex-wrap:wrap;
}

.sec2-r-box-wrap .box{
	width:calc(calc(100% - 1px)/2);
	height:320px;
	position:relative;
	overflow:hidden;
	opacity:0;
	aspect-ratio:1/1;
}

.sec2-r-box-wrap .box.box1{
	transform:translateY(-30px);
}

.sec2-r-box-wrap .box.box2{
	transform:translateX(30px);
}

.sec2-r-box-wrap .box.box3{
	transform:translateX(-30px);
}

.sec2-r-box-wrap .box.box4{
	transform:translateY(30px);
}

.sec2-r-box-wrap .box .sec2-box{
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	position:absolute;
}

.sec2-r-box-wrap .box .sec2-box span{
	color:#fff;
	font-size:16px;
	display:block;
	font-weight:400;
}

.sec2-r-box-wrap .box .sec2-box strong{
	display:block;
	font-weight:700;
	font-size:30px;
	color:#fff;
	margin-top:16px;
}

.sec2-r-box-wrap .box .img{
	width:100%;
	display:block;
	font-size:0;
	transition:all 0.5s;
}

.sec2-r-box-wrap .box .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.sec2-r-box-wrap .box:hover .img{
	transform:scale(1.1);
}

.fixed-wrap{
	max-width:1280px;
	margin:0 auto;
	width:100%;
	height:100%;
}

.sec3{
	background:#f5f5f5;
}

.sec3 .fixed-wrap{
	display:flex;
}

.sec3 .fixed-wrap > div{
	width:50%;
}

.sec3 .sec-l{
	display:flex;
	justify-content:center;
	flex-direction:column;
	transform:translateX(-100px);
}

.sec3 .sec-r{
	display:flex;
	align-items:center;
}

.sec3 .sec-r .img{
	display:block;
	font-size:0;
	opacity:0;
	transform:translateY(-100px);
}

.sec3 .sec-r .img img{
	width:100%;
	height:auto;
}

.sec3 .company-menu{
	display:inline-flex;
	width:fit-content;
	border:1px solid #212529;
}

.sec3 .company-menu a{
	padding:0 16px;
	height:36px;
	display:inline-flex;
	align-items:center;
	font-size:14px;
	font-weight:600;
	width:100px;
	justify-content:center;
	border-left:1px solid #212529;
	transition:all 0.5s;
	background:#fff;
}

.sec3 .company-menu a:first-of-type{
	border-left:0;
}

.sec3 .company-menu a:hover{
	background:#212529;
	color:#fff;
}

.sec4{
	background:#fff;
}

.sec4 .fixed-wrap{
	display:flex;
	background:url("../img/sec03_bg_text.png") no-repeat right bottom;
}

.sec4 .fixed-wrap > div{
	width:50%;
}

.sec4 .sec-l{
	display:flex;
	justify-content:center;
	flex-direction:column;
	transform:translateX(-100px);
}

.sec4 .sec-r{
	display:flex;
	align-items:center;
}

.sec4 .home-board{
	width:100%;
	opacity:0;
	transform:translateX(100px);
}

.sec4 .home-board ul{
	width:100%;
	border-top:1px solid #212529;
}

.sec4 .home-board ul li{
	border-bottom:1px solid #212529;
}

.sec4 .home-board ul li a{
	cursor:pointer;
	display:flex;
	width:100%;
	align-items:center;
	padding:24px 10px;
}

.sec4 .home-board ul li a .date{
	font-size:16px;
	font-weight:400;
	flex-shrink:0;
	width:140px;
	text-align:left;
}

.sec4 .home-board ul li a .tit{
	width:calc(100% - 140px);
	font-weight:700;
	font-size:16px;
	text-align:left;
}

.sec4 .home-board ul li a .tit:hover{
	text-decoration:underline;
}

.sec5{
	background:url("../img/sec04_bg.jpg") no-repeat center bottom;
}

.sec5 .fixed-wrap{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.sec5 .sec-tit{
	color:#fff;
	transform:translateX(-100px);
}

.sec5 .sec-txt{
	color:#fff;
	transform:translateX(-100px);
}

.sec5 .partner-list{
	width:100%;
	transform:translateY(-100px);
	opacity:0;
}

.sec5 .partner-list ul{
	display:flex;
	flex-wrap:wrap;
	gap:15px;
}

.sec5 .partner-list ul li{
	width:calc((100% - 45px)/4);
}

.sec5 .partner-list ul li img{
	width:80%;
	height:auto;
	display:block;
	margin:auto;
}

.sec6{
	background:#fff;
}

.sec6 .fixed-wrap{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.sec6 .sec-tit{
	transform:translateX(-100px);
}

.sec6 .sec-txt{
	transform:translateX(-100px);
}

.sec6 .award-swipe{
	transform:translateY(100px);
	opacity:0;
}

.sec6 .award-swipe .swiper{
	padding:0 15px;
	margin:0 -15px;
}

.sec6 .award-swipe .award-arr-wrap{
	display:flex;
	gap:10px;
}

.sec6 .award-swipe .award-arr-wrap .award-arr{
	border:2px solid #116299;
	border-radius:100%;
	width:36px;
	height:36px;
	position:inherit;
	transform:none;
	margin:0;
	transition:all 0.5s;
}

.sec6 .award-swipe .award-arr-wrap .award-arr svg{
	width:11px;
	height:auto;
}

.sec6 .award-swipe .award-arr-wrap .award-arr svg path{
	fill:#116299;
	transition:all 0.5s;
}

.sec6 .award-swipe .award-arr-wrap .award-arr:hover{
	background:#116299;
}

.sec6 .award-swipe .award-arr-wrap .award-arr:hover svg path{
	fill:#fff;
}

.sec6 .award-swipe .award-arr-wrap .award-arr.swiper-button-disabled{
	opacity:1;
	border-color:#ccc;
	background:#fff;
}

.sec6 .award-swipe .award-arr-wrap .award-arr.swiper-button-disabled svg path{
	fill:#ccc;
}

.sec6 .award-swipe .swiper .swiper-wrapper{
	padding:15px 0;
}

.sec6 .award-swipe .swiper .swiper-wrapper .swiper-slide{
	width:fit-content;
	font-size:0;
}

.sec6 .award-swipe .swiper .swiper-wrapper .swiper-slide img{
	width:261px;
	height:auto;
	box-shadow:0px 0px 15px rgba(0, 0, 0, .2);
}

.sec6 .award-swipe .award-arr{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}



/* sub */
.sub-banner{
	height:320px;
	width:100%;
	background:no-repeat center / cover;
	position:relative;
}

.sub-banner.sub1{
	background-image:url("../img/bg_sub1.png");
}

.sub-banner.sub2{
	background-image:url("../img/bg_sub2.png");
}

.sub-banner.sub3{
	background-image:url("../img/bg_sub3.png");
}

.sub-banner.sub4{
	background-image:url("../img/bg_sub4.png");
}

.sub-banner.sub5{
	background-image:url("../img/bg_sub5.png");
}

.sub-banner .banner-tit{
	position:absolute;
	left:0;
	top:0;
	right:0;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	font-size:48px;
	font-weight:700;
	text-align:center;
	line-height:50px;
	color:#fff;
	z-index:5;
}

.sub-banner .banner-tit span{
	display:block;
	font-size:24px;
	color:rgba(255,255,255,0.7);
	margin-bottom:10px;
}

.sub-menu{
	height:60px;
	background:#106299;
}

.sub-menu .fixed-wrap{
	display:flex;
	gap:1px;
}

.sub-menu .menu-depth{
	width:240px;
	height:60px;
	z-index:2;
	position:relative;
}

.sub-menu .menu-depth .menu-name{
	height:59px;
	width:240px;
	display:flex;
	padding:0 20px;
	align-items:center;
	cursor:pointer;
	background:#0c4b76 url("../img/ico_arr_w.svg") no-repeat right 10px center;
}

.sub-menu .menu-depth .menu-name span{
	font-size:16px;
	color:#fff;
	font-weight:500;
}

.sub-menu .menu-depth .menu-list{
	height:0;
	overflow:hidden;
	background:#0c4b76;
	transition:height 0.5s;
}

.sub-menu .menu-depth .menu-list ul li a{
	display:block;
	padding:12px 20px;
	font-size:13px;
	color:#fff;
	font-weight:400;
}

.sub-menu .menu-depth .menu-list ul li a:hover{
	background:rgba(0,0,0,0.1);
}

.sub-menu .menu-depth.open .menu-list{
	height:156px;
}

.sub-menu .menu-depth.open .menu-list.long{
	height:195px;
}

.sub-menu .menu-depth.open .menu-list.short{
	height:78px;
}

.sub-txt{
	text-align:center;
	font-size:28px;
	font-weight:700;
	color:#000;
	margin-bottom:60px;
	line-height:40px;
	word-break:keep-all;
}

.sub-txt.mini{
	font-size:18px;
	font-weight:400;
	line-height:30px;
	color:#222;
}

.sub-img-txt{
	display:flex;
	flex-direction:column;
	align-items:center;
}

.sub-img-txt .img{
	display:block;
	font-size:0;
}

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

.sub-img-txt p{
	text-align:left;
	font-weight:400;
	color:#000;
	line-height:30px;
	font-size:18px;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	word-break:keep-all;
}

.company-info{
	margin-top:100px;
}

.company-info .img{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:300px;
	background:url("../img/company_img2.jpg") no-repeat center;
}

.company-info .img .img-logo{
	width:150px;
	height:52px;
	background:url("../img/logo_open.png") no-repeat center;
}

.company-info .info-ul{
	margin-top:24px;
}

.company-info .info-ul ul{
	display:flex;
	flex-wrap:wrap;
	border-top:1px solid #ddd;
}

.company-info .info-ul ul li{
	padding:15px;
	width:50%;
	border-bottom:1px solid #ddd;
	display:flex;
	align-items:center;
	word-break:keep-all;
}

.company-info .info-ul ul li.full{
	width:100%;
}

.company-info .info-ul ul li strong{
	font-size:13px;
	min-width:100px;
	flex-shrink:0;
	font-weight:700;
	display:flex;
	align-items:center;
	position:relative;
}

.company-info .info-ul ul li strong:before{
	position:absolute;
	content:"";
	width:1px;
	height:14px;
	right:0;
	background:#000;
	top:50%;
	transform:translateY(-50%);
}

.company-info .info-ul ul li > div{
	width:100%;
	display:flex;
	gap:5px;
	align-items:center;
	flex-wrap:wrap;
	padding-left:15px;
}

.company-info .info-ul ul li > div p{
	font-size:13px;
	color:#000;
	font-weight:400;
}

.company-info .info-ul ul li > div .btn-pdf{
	font-size:12px;
	display:inline-flex;
	align-items:center;
	padding:5px 15px;
	background:#10629a;
	color:#fff;
	transition:all 0.3s;
	font-weight:400;
	min-width:124px;
	justify-content:center;
}

.company-info .info-ul ul li > div .btn-pdf:hover{
	background:#0c4b76;
}

.sub-txt2 p{
	text-align:center;
	font-weight:700;
	font-size:40px;
	line-height:55px;
	color:#106299;
	position:relative;
	padding-bottom:66px;
	margin-bottom:60px;
}

.sub-txt2 p:after{
	content:"";
	position:absolute;
	height:6px;
	width:300px;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	background:linear-gradient(90deg, rgba(5,152,217,1) 20%, rgba(137,210,69,1) 100%);
}

.sub-txt2 .img-box{
	font-size:0;
	display:block;
}

.sub-txt2 .img-box img{
	max-width:100%;
	height:auto;
}

.driving-ul{
	display:flex;
	flex-direction:column;
	gap:100px;
	margin-top:100px;
}

.driving-ul > li{
	display:flex;
	flex-direction:column;
	gap:16px;
}

.driving-ul > li > strong{
	font-size:24px;
	font-weight:700;
	line-height:28px;
	color:#000;
	display:block;
	padding-bottom:24px;
	position:relative;
	margin-bottom:4px;
	text-align:left;
}

.driving-ul > li > strong:after{
	position:absolute;
	bottom:0;
	height:3px;
	content:"";
	width:100px;
	left:0;
	background:#0698d8;
}

.driving-ul > li > strong span{
	color:#999;
	font-size:20px;
	font-weight:500;
	display:block;
	margin-top:6px;
	text-align:left;
}

.driving-ul > li > div .driving-txt{
	font-size:18px;
	line-height:28px;
	word-break:keep-all;
	font-weight:400;
	color:#222;
}

.ict-box-wrap{
	display:flex;
	flex-direction:column;
	gap:2px;
}

.ict-box-wrap .ict-box{
	display:flex;
	gap:6px;
}

.ict-box-wrap .ict-box .bar{
	width:10px;
	height:120px;
	flex-shrink:0;
}

.ict-box-wrap .ict-box .bar.bar1{
	background:linear-gradient(180deg, rgba(21,229,187,1) 0%, rgba(46,201,187,1) 100%);
}

.ict-box-wrap .ict-box .bar.bar2{
	background:linear-gradient(180deg, rgba(46,201,187,1) 0%, rgba(72,174,186,1) 100%);
}

.ict-box-wrap .ict-box .bar.bar3{
	background:linear-gradient(180deg, rgba(72,174,186,1) 0%, rgba(97,147,186,1) 100%);
}

.ict-box-wrap .ict-box .bar.bar4{
	background:linear-gradient(180deg, rgba(97,147,186,1) 0%, rgba(122,119,186,1) 100%);
}

.ict-box-wrap .ict-box strong{
	background:#fff;
	border:1px solid #ddd;
	height:120px;
	display:flex;
	align-items:center;
	padding:0 24px;
	font-size:18px;
	line-height:26px;
	font-weight:500;
	gap:16px;
	flex-shrink:0;
}

.ict-box-wrap .ict-box strong .ico{
	width:70px;
	height:65px;
	flex-shrink:0;
	background:no-repeat center / 100%;
}

.ict-box-wrap .ict-box strong .ico.ico1{
	background-image:url("../img/ict_img1.jpg");
}

.ict-box-wrap .ict-box strong .ico.ico2{
	background-image:url("../img/ict_img2.jpg");
}

.ict-box-wrap .ict-box strong .ico.ico3{
	background-image:url("../img/ict_img3.jpg");
}

.ict-box-wrap .ict-box strong .ico.ico4{
	background-image:url("../img/ict_img4.jpg");
}

.ict-box-wrap .ict-box > div{
	width:100%;
	background:#fff;
	border:1px solid #ddd;
	padding:24px;
	height:120px;
	display:flex;
	align-items:center;
}

.ict-box-wrap .ict-box > div p{
	font-size:16px;
	line-height:24px;
	font-weight:400;
	word-break:keep-all;
}

.dot-ul{
	display:flex;
	gap:20px;
	margin-bottom:40px;
	flex-direction:column;
}

.dot-ul > li{
	display:flex;
	gap:12px;
}

.dot-ul > li .ico{
	flex-shrink:0;
	width:20px;
	height:20px;
	background:url("../img/gateway_img5.jpg") no-repeat center / 100%;
}

.dot-ul > li .dot-tit{
	font-size:16px;
	line-height:20px;
	font-weight:500;
	text-align:left;
	word-break:keep-all;
}

.dot-ul > li > div{
	width:100%;
}

.dot-ul > li .small{
	font-size:14px;
	color:#000;
	line-height:18px;
	margin-top:8px;
	text-align:left;
	word-break:keep-all;
}

.dot-ul > li > div .ul2{
	display:flex;
	gap:5px;
	flex-direction:column;
	padding:8px 0;
}

.dot-ul > li > div .ul2 li{
	font-size:14px;
	display:flex;
	font-weight:400;
	color:#000;
	line-height:18px;
	gap:8px;
	align-items:center;
}

.dot-ul > li > div .ul2 li:before{
	content:"";
	border-radius:100%;
	width:4px;
	height:4px;
	background:#000;
	flex-shrink:0;
}

.dot-ul > li > div .ul3{
	display:flex;
	flex-direction:column;
	gap:8px;
	margin-top:5px;
}

.dot-ul > li > div .ul3 li{
	font-weight:500;
	line-height:20px;
	font-size:14px;
	display:flex;
	align-items:center;
	gap:5px;
}

.dot-ul > li > div .ul3 li:before{
	width:20px;
	height:20px;
	content:"";
	flex-shrink:0;
	background:url("../img/ico_chk_b.svg") no-repeat center / 20px 20px;
}

.dot-ul.type2{
	gap:5px;
	flex-direction:row;
}

.dot-ul.type2 > li{
	width:100%;
    background:rgba(16, 98, 153, 0.1);
	padding:20px;
	display:flex;
	flex-direction:column;
}

.dot-ul.type2 > li .ico{
	display:none;
}

.dot-ul.type2 > li div {
	height:100%;
}

.dot-ul.type2 > li div .dot-tit{
	color:#106299;
	font-weight:700;
}

.dot-ul.type2.center > li div{
	display:flex;
	align-items:center;
	justify-content:center;
}

.dot-ul.type2.center > li div .dot-tit{
	text-align:center;
	font-weight:500;
}

.func-list{
	display:flex;
	justify-content:center;
	gap:60px;
}

.func-list .func-box .cir{
	width:180px;
	height:180px;
	border-radius:100%;
	border:1px solid #ddd;
	margin-bottom:12px;
	background:no-repeat center / auto 80px;
}

.func-list .func-box .cir.cir1{
	background-image:url("../img/gateway_img1.jpg");
}

.func-list .func-box .cir.cir2{
	background-image:url("../img/gateway_img2.jpg");
}

.func-list .func-box .cir.cir3{
	background-image:url("../img/gateway_img3.jpg");
}

.func-list .func-box .cir.cir4{
	background-image:url("../img/gateway_img4.jpg");
}

.func-list .func-box p{
	font-weight:500;
	text-align:center;
	font-size:16px;
	line-height:24px;
}

.location-info{
	display:flex;
	flex-direction:column;
	gap:16px;
}

.location-info > div{
	display:flex;
}

.location-info > div strong{
	min-width:80px;
	font-size:14px;
	flex-shrink:0;
	font-weight:700;
	line-height:20px;
}

.location-info > div p{
	text-align:left;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	word-break:keep-all;
}

.map{
	height:350px;
	border:1px solid #ddd;
	border-radius:4px;
}

.search{
	display:flex;
	gap:8px;
	justify-content:flex-end;
	margin-bottom:20px;
	max-width:504px;
	margin-left:auto;
}

.search select{
	width:140px;
}

.search input{
	width:300px;
}

.search .btn-search{
	height:48px;
	width:48px;
	flex-shrink:0;
	transition:all 0.5s;
	background:#171717 url("../img/ico_search.svg") no-repeat center / 30px;
}

.search .btn-search:hover{
	background-color:#2f2f2f;
}

.search .btn-search:active{
	background-color:#454444;
}

.total{
	text-align:left;
	margin-top:12px;
}

.total p{
	font-size:14px;
}

.total p span{
	font-weight:700;
}

.view-top{
	border-top:2px solid #171717;
	border-bottom:2px solid #171717;
	padding:30px 20px;
}

.view-top .title{
	font-size:20px;
	font-weight:700;
	text-align:left;
	line-height:28px;
	margin-bottom:12px;
}

.view-top .util ul{
	display:flex;
	align-items:center;
	gap:5px 25px;
	flex-wrap:wrap;
}

.view-top .util ul li{
	display:flex;
	align-items:center;
	gap:8px;
	position:relative;
}

.view-top .util ul li:after{
	content:"";
	position:absolute;
	right:-12px;
	top:50%;
	transform:translateY(-50%);
	width:1px;
	height:14px;
	background:#666;
}

.view-top .util ul li:last-of-type:after{
	display:none;
}

.view-top .util ul li strong{
	font-weight:500;
	color:#212529;
	font-size:14px;
	line-height:14px;
}

.view-top .util ul li p{
	font-size:14px;
	line-height:14px;
	font-weight:400;
	color:#212529;
	opacity:0.9;
}

.view-btm{
	padding:30px;
	min-height:300px;
	border-bottom:1px solid #ddd;
}

.btn-wrap{
	margin-top:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
}

.form-view{
	border-top:2px solid #171717;
	border-bottom:2px solid #171717;
}

.form-view .form-line{
	display:flex;
	border-bottom:1px solid #ddd;
}

.form-view .form-line:last-of-type{
	border-bottom:0;
}

.form-view .form-line strong{
	width:160px;
	flex-shrink:0;
	font-size:14px;
	font-weight:500;
	display:flex;
	align-items:center;
	padding:10px;
}

.form-view .form-line strong .bul{
	color:#f00;
	font-weight:700;
	font-size:14px;
	margin-left:5px;
}

.form-view .form-line .form-in{
	width:100%;
	padding:10px 10px 10px 0;
}

.input-wrap{
	display:flex;
	gap:5px;
	flex-wrap:wrap;
}

.input-wrap.email{
	max-width:657px;
}

.input-wrap.email select{
	width:150px;
}

.input-wrap.email input{
	width:calc((100% - 150px - 13px - 15px)/2);
}

.input-wrap .text{
	align-self:center;
	font-size:14px;
	font-weight:400;
	min-width:12px;
}

.input-wrap .btn-style{
	height:48px;
}

.input-wrap .img-spam{
	height:48px;
	border:1px solid #ddd;
	width:100px;
	background:#f4f4f4;
	display:block;
	font-size:0;
}

.input-wrap .img-spam img{
	width:100%;
	height:100%;
}

.file-wrap{
	display:flex;
	flex-direction:column;
	gap:5px;
}

.file-wrap .file-box{
	display:flex;
	position:relative;
	gap:5px;
}

.file-wrap .file-box .input-style{
	text-overflow:ellipsis;
}

.file-wrap .file-box .upload-hidden{
	overflow:hidden; 
	position:absolute; 
	width:1px; 
	height:1px; 
	padding:0; 
	margin:-1px;
	border:0; 
	clip:rect(0, 0, 0, 0);
	cursor:pointer;
}

.file-wrap .file-box .btn-style{
	height:48px;
	cursor:pointer;
}

.file-wrap .file-box .btn-style:before{
	content:"";
	width:14px;
	height:20px;
	flex-shrink:0;
	margin-right:5px;
	background:url("../img/icon_file_clip.png") no-repeat center / auto 14px;
}

.support-privacy{
	margin-top:24px;
}

.support-privacy .support-area{
	height:200px;
	border:1px solid #ddd;
	overflow-y:auto;
	padding:10px;
	overflow-x:hidden;
	line-height:18px;
}

.support-privacy .privacy-chk{
	margin-top:10px;
}

.support-privacy .privacy-chk .chk{
	cursor:pointer;
}

.support-privacy .privacy-chk .chk input{
	appearance:none;
	-webkit-appearance:none;
	position:absolute;
}

.support-privacy .privacy-chk .chk span{
	display:flex;
	align-items:center;
	font-size:14px;
	gap:8px;
	font-weight:400;
}

.support-privacy .privacy-chk .chk span:before{
	content:"";
	flex-shrink:0;
	width:22px;
	height:22px;
	background:url("../img/icon_checkbox_type1.png") no-repeat left top / 100%;
}

.support-privacy .privacy-chk .chk input:checked + span:before{
	background-position:right bottom;
}

.bul-txt{
	text-align:right;
	font-size:14px;
	font-weight:500;
	margin-bottom:10px;
}

.bul-txt span{
	color:#f00;
	font-weight:700;
	font-size:14px;
	margin-right:5px;
}

.history-area{
	display:flex;
	flex-direction:column;
}

.history-area .history-box{
	position:relative;
	padding-top:30px;
}

.history-area .history-box:first-of-type{
	padding-top:0;
}

.history-area .history-box:before{
	content:"";
	width:1px;
	left:50%;
	transform:translateX(-50%);
	background:#ddd;
	bottom:0;
	top:0;
	position:absolute;
	z-index:0;
}

.history-area .history-box:last-of-type:before{
	bottom:10px;
}

.history-area .history-box .history-box-tit{
	text-align:center;
	position:relative;
	z-index:1;
}

.history-area .history-box .history-box-tit .year{
	font-size:20px;
	font-weight:800;
	color:#106299;
	padding:10px 0;
	background:#fff;
}

.history-area .history-box:first-of-type .year{
	padding-top:0;
}

.history-area .history-box .history-box-tit strong{
	font-size:36px;
	font-weight:500;
	display:block;
	background:#fff;
	padding-bottom:16px;
}

.history-area .history-box .history-box-tit strong span{
	font-weight:800;
}

.history-area .history-box .history-in{
	padding:40px 0;
	display:flex;
	gap:1px;
}

.history-area .history-box:last-of-type .history-in{
	padding-bottom:0;
}

.history-area .history-box .history-in > div{
	width:calc((100% - 1px)/2);
}

.history-area .history-box .history-in > div:has(.img){
	padding:0 60px;
}

.history-area .history-box .history-in .his-ul{
	display:flex;
	flex-direction:column;
	gap:30px;
}

.history-area .history-box .history-in .his-ul li{
	display:flex;
	gap:16px;
	position:relative;
}

.history-area .history-box .history-in .his-ul li p{
	font-size:16px;
	font-weight:500;
	word-break:keep-all;
	line-height:24px;
}

.history-area .history-box .history-in .his-ul li .num{
	font-size:20px;
	font-weight:700;
	color:#106299;
	min-width:26px;
}

.history-area .history-box .history-in .his-ul li .bar{
	width:50px;
	position:absolute;
	height:1px;
	top:11px;
	background:#ddd;
}

.history-area .history-box .history-in .his-ul li .bar:before{
	position:absolute;
	content:"";
	width:20px;
	height:20px;
	border-radius:100%;
	top:50%;
	transform:translateY(-50%);
	background:#007ec6;
	border:4px solid #7fbee2;
	box-sizing:border-box;
}

.history-area .history-box .history-in .his-ul.ul-r li{
	justify-content:flex-end;
	padding-right:60px;
}

.history-area .history-box .history-in .his-ul.ul-r li p{
	text-align:right;
}

.history-area .history-box .history-in .his-ul.ul-r li .bar{
	right:0;
}

.history-area .history-box .history-in .his-ul.ul-r li .bar:before{
	right:-11px;
}

.history-area .history-box .history-in .his-ul.ul-l li{
	padding-left:60px;
}

.history-area .history-box .history-in .his-ul.ul-l li .bar{
	left:0;
}

.history-area .history-box .history-in .his-ul.ul-l li .bar:before{
	left:-11px;
}

.history-area .history-box .history-in .img{
	text-align:right;
	margin-top:10px;
}

.history-area .history-box .history-in .img img{
	max-width:100%;
}

.privacy-wrap .txt1{
	text-align:left;
	font-size:14px;
	color:#000;
	font-weight:400;
	line-height:20px;
}

.privacy-wrap .big-tit1{
	display:block;
	font-weight:700;
	font-size:20px;
	color:#000;
	margin-bottom:30px;
}

.privacy-wrap .ul1{
	display:flex;
	flex-direction:column;
	gap:24px;
}

.privacy-wrap .ul1 > li > strong{
	font-size:16px;
	font-weight:700;
	line-height:16px;
	color:#000;
	display:block;
	margin-bottom:8px;
}

.privacy-wrap .ul1 > li > p{
	font-size:14px;
	font-weight:400;
	line-height:22px;
}

.privacy-wrap .ul-bar > li{
	margin-top:5px;
	color:#000;
	font-weight:400;
	position:relative;
	padding-left:9px;
	font-size:14px;
}

.privacy-wrap .ul-bar > li:before{
	content:"-";
	color:#000;
	font-size:14px;
	font-weight:400;
	left:0;
	top:1px;
	position:absolute;
}

.privacy-wrap .ul-num > li{
	position:relative;
	margin-top:5px;
	padding-left:20px;
}

.privacy-wrap .ul-num li span{
	position:absolute;
	left:0;
	top:0;
	font-size:12px;
	color:#000;
	font-weight:400;
	line-height:22px;
}

.privacy-wrap .ul-num li p{
	font-size:14px;
	color:#000;
	font-weight:400;
	line-height:22px;
}

.privacy-wrap .table1{
	max-width:400px;
	border:1px solid #ddd;
}

.privacy-wrap .table1 th{
	font-weight:700;
	padding:10px;
	font-size:14px;
	border-bottom:1px solid #ddd;
	vertical-align:middle;
	text-align:center;
	color:#000;
	border-right:1px solid #ddd;
	background:#f4f4f4;
}

.privacy-wrap .table1 td{
	font-size:14px;
	font-weight:400;
	vertical-align:middle;
	text-align:center;
	color:#000;
	padding:10px;
	border-right:1px solid #ddd;
}

.company-cir{
	display:flex;
	justify-content:center;
	gap:30px;
	margin-top:40px;
	flex-wrap:wrap;
	padding:0 30px;
}

.company-cir .company-box{
	width:120px;
	height:120px;
	border-radius:100%;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}

.company-cir .company-box:before{
	content:"";
	position:absolute;
	width:20px;
	height:20px;
	background:url("../img/ico_arr.svg") no-repeat center / 100% 100%;
	top:50%;
	transform:translateY(-50%);
	right:-25px;
}

.company-cir .company-box.box1{
	background:rgba(16, 98, 153,0.16);
}

.company-cir .company-box.box2{
	background:rgba(16, 98, 153,0.32);
}

.company-cir .company-box.box3{
	background:rgba(16, 98, 153,0.48);
}

.company-cir .company-box.box4{
	background:rgba(16, 98, 153,0.64);
}

.company-cir .company-box.box5{
	background:rgba(16, 98, 153,0.80);
}

.company-cir .company-box.box6{
	background:rgba(16, 98, 153,1);
}

.company-cir .company-box.box6:before{
	display:none;
}

.company-cir .company-box p{
	font-weight:700;
	font-size:20px;
	color:#fff;
}

.buz-img{
	width:100%;
	margin-bottom:40px;
}

.buz-img img{
	width:100%;
	height:auto;
}

.buz-wrap1{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:30px;
}

.buz-wrap1 > div{
	font-size:0;
}

.buz-wrap1 > div p{
	font-size:14px;
	font-weight:500;
	letter-spacing:-0.5px;
	width:150px;
	height:150px;
	line-height:20px;
	border-radius:100%;
	background:#f4f4f4;
	display:flex;
	justify-content:center;
	padding:10px;
	text-align:center;
	align-items:center;
}

.buz-wrap2{
	margin-top:80px;
}

.buz-wrap2 ul{
	display:flex;
	gap:5px;
}

.buz-wrap2 ul li{
	display:flex;
	padding:40px 20px;
	gap:10px;
	width:100%;
	word-break:keep-all;
	line-height:24px;
	align-items:center;
	justify-content:center;
	color:#106299;;
	font-weight:700;
	font-size:18px;
	background:rgba(16, 98, 153,0.1);;
}

.buz-wrap2 ul li:before{
	content:"";
	width:24px;
	height:24px;
	background:url("../img/ico_chk.svg") no-repeat center;
}

/************************************************************************************
Media query
*************************************************************************************/

@media screen and (max-width:1279px) {
	.container{
		padding-top:70px;
	}

	.header{
		background:#fff !important;
		transition:none;
		box-shadow:0px 3px 9px 0px rgba(0, 0, 0, 0.1) !important;
	}

	.header .logo{
		left:26px;
	}

	.header .bg-mob{
		position:fixed;
		bottom:0;
		right:0;
		left:0;
		top:0;
		background:rgba(0,0,0,0.7);
		content:"";
		z-index:99;
		display:none;
	}

	.header .gnb{
		position:fixed;
		background:#fff;
		bottom:0;
		top:0;
		right:-300px;
		width:300px;
		transition:right 0.5s;
		z-index:100;
	}

	.header .gnb .gnb-top-m{
		display:flex;
		height:70px;
		align-items:center;
	}

	.header .gnb .gnb-top-m .btn-close{
		width:70px;
		height:70px;
		flex-shrink:0;
		margin-left:auto;
		background:url("../img/ico_close.svg") no-repeat center / 24px;
	}

	.header .gnb > ul{
		flex-direction:column;
		padding:0 30px;
		overflow-x:hidden;
		overflow-y:auto;
		gap:20px;
		height:calc(100vh - 70px);
	}

	.header .gnb > ul > li > a{
		color:#000;
		padding:0;
		height:auto;
		justify-content:flex-start;
	}

	.header .gnb > ul > li > ul{
		display:block;
		padding:0;
		margin-top:8px;
	}

	.header .gnb > ul > li > ul li{
		margin-bottom:10px;
	}

	.header .gnb > ul > li > ul li a{
		color:#000;
		padding:0 0 0 14px;
		text-align:left;
	}

	.header .gnb > ul > li > ul li a:before{
		content:"-";
		padding-right:4px;
	}

	.header .btn-menu{
		display:block;
		position:absolute;
		right:0px;
		width:70px;
		height:70px;
		top:0;
		background:url("../img/ico_menu.svg") no-repeat center / 24px;
	}

	.header.open .bg-mob{
		display:block;
	}

	.header.open .gnb{
		right:0;
	}

	.home .sec{
		min-height:calc(100vh - 70px);
	}

	.sec1 .mySwiper{
		height:calc(100vh - 70px);
	}

	.sec1 .mySwiper .swiper-wrapper .swiper-slide .txt{
		padding:0 20px;
	}

	.sec2 .sec-l{
		padding:0 20px;
	}

	.sec2 .sec-l .in{
		transform:none;
	}

	.sec2 .sec-r{
		padding-right:20px;
	}

	.sec2-r-box-wrap .box{
		opacity:1;
		transform:none !important;
		height:auto;
	}

	.sec3{
		display:flex;
		align-items:center;
	}

	.sec3 .sec-l{
		transform:none;
	}

	.sec3 .sec-r{
		padding-left:24px;
	}

	.sec3 .sec-r .img{
		opacity:1;
		transform:none;
	}

	.sec4{
		display:flex;
	}

	.sec4 .fixed-wrap{
		height:auto;
	}

	.sec4 .sec-l{
		transform:none;
	}

	.sec4 .home-board{
		opacity:1;
		transform:none;
	}

	.sec5{
		display:flex;
		align-items:center;
	}

	.sec5 .sec-tit{
		transform:none;
	}

	.sec5 .sec-txt{
		transform:none;
	}

	.sec5 .partner-list{
		opacity:1;
		transform:none;
	}

	.sec6{
		display:flex;
		align-items:center;
	}

	.sec6 .sec-txt{
		transform:none;
	}

	.sec6 .sec-tit{
		transform:none;
	}

	.sec6 .award-swipe{
		transform:none;
		opacity:1;
	}

	.fixed-wrap{
		max-width:100%;
		padding:0 20px;
	}

	.sub-menu .fixed-wrap{
		padding:0;
	}
}

@media screen and (max-width:1025px) {
	.sec1 .mySwiper .swiper-wrapper .swiper-slide .txt .big-tit{
		font-size:50px;
	}

	.sec1 .mySwiper .swiper-wrapper .swiper-slide .txt p{
		font-size:16px;
	}

	.sec-tit{
		font-size:48px;
		line-height:48px;
		margin-bottom:20px;
	}

	.sec-txt{
		font-size:16px;
		line-height:24px;
	}

	.sec2-r-box-wrap .box .sec2-box strong{
		font-size:20px;
		margin-top:10px;
	}

	.sec2-r-box-wrap .box .sec2-box span{
		font-size:13px;
	}

	.sec3 .company-menu a{
		font-size:12px;
		padding:0 12px;
	}

	.sec4 .home-board ul li a .date{
		font-size:13px;
		width:100px;
	}

	.sec4 .home-board ul li a .tit{
		font-size:13px;
		width:calc(100% - 100px);
	}

	.buz-wrap1{
		gap:10px;
	}

	.sub-txt{
		font-size:24px;
	}

	.sub-img-txt p{
		font-size:16px;
		line-height:22px;
	}

	.sub-txt2 p{
		font-size:32px;
		line-height:48px;
		padding-bottom:30px;
	}

	.sub-txt.mini{
		font-size:16px;
		line-height:22px;
	}

	.sub-txt.mini br{
		display:none;
	}

	.func-list{
		gap:30px;
		flex-wrap:wrap;
	}

	.driving-ul > li > strong{
		font-size:20px;
		line-height:24px;
	}

	.driving-ul > li > strong span{
		font-size:13px;
	}

	.driving-ul > li > div .driving-txt{
		font-size:16px;
		line-height:22px;
	}
}

@media screen and (max-width:769px) {
	.footer{
		padding-bottom:20px;
	}

	.footer .foot-top .foot-util a{
		font-size:12px;
	}

	.footer .foot-top .foot-logo{
		height:30px;
		width:90px;
		background-size:auto 30px;
		background-position:left center;
	}

	.footer .foot-btm{
		flex-direction:column;
	}

	.footer .foot-btm .foot-address ul{
		gap:8px 12px;
	}

	.footer .foot-btm .foot-address ul li strong{
		font-size:12px;
	}

	.footer .foot-btm .foot-address ul li p{
		font-size:12px;
	}

	.footer .foot-btm .foot-btn{
		margin-top:8px;
	}

	.footer .foot-btm .foot-btn a{
		font-size:12px;
	}

	.sec-tit br{
		display:none;
	}

	.sec-txt{
		margin-bottom:20px;
	}

	.btn-more{
		margin-bottom:40px;
		width:100px;
	}

	.sec1 .mySwiper .swiper-wrapper .swiper-slide .txt .big-tit{
		font-size:32px;
		line-height:40px;
	}

	.sec2{
		flex-direction:column;
		justify-content:center;
		padding:60px 0;
	}

	.sec2 > div{
		width:100%;
	}

	.sec2 .sec-l{
		justify-content:flex-start;
	}

	.sec2 .sec-r{
		padding:0 20px;
		background:none;
	}

	.sec2 .in{
		max-width:100%;
	}

	.sec3,
	.sec5{
		padding:60px 0;
	}

	.sec3 .fixed-wrap{
		flex-direction:column;
	}

	.sec3 .fixed-wrap > div{
		width:100%;
	}

	.sec3 .sec-r{
		padding:0;
	}

	.sec3 .sec-r .img{
		width:100%;
	}

	.sec3 .sec-r .img img{
		width:100%;
	}

	.sec3 .company-menu{
		margin-bottom:40px;
	}

	.sec4{
		padding:60px 0 0;
	}
	
	.sec4 .fixed-wrap{
		flex-direction:column;
		justify-content:center;
		background-position:20px bottom;
		padding-bottom:60px;
		background-size:calc(100% - 40px) auto;
	}

	.sec4 .fixed-wrap > div{
		width:100%;
	}

	.sec5 .partner-list{
		margin-top:20px;
	}

	.sec6{
		padding:60px 0 45px;
	}
	
	.sec6 .award-swipe{
		margin-top:20px;
	}

	.history-area .history-box .history-box-tit strong{
		font-size:28px;
	}

	.history-area .history-box .history-box-tit .year{
		font-size:16px;
	}

	.history-area .history-box .history-in .img{
		margin-top:6px;
	}

	.history-area .history-box .history-in .his-ul{
		gap:20px;
	}

	.history-area .history-box .history-in .his-ul li{
		gap:8px;
	}

	.history-area .history-box .history-in .his-ul li p{
		font-size:13px;
		line-height:17px;
	}

	.history-area .history-box .history-in .his-ul li .num{
		font-size:16px;
		line-height:18px;
		min-width:21px;
	}

	.history-area .history-box .history-in > div:has(.img){
		padding:0 20px 0 0;
	}

	.history-area .history-box .history-in .his-ul li .bar{
		width:23px;
		top:8px;
	}

	.history-area .history-box .history-in .his-ul li .bar:before{
		width:16px;
		height:16px;
	}

	.history-area .history-box .history-in .his-ul.ul-r li{
		padding-right:30px;
	}

	.history-area .history-box .history-in .his-ul.ul-r li .bar:before{
		right:-9px;
	}

	.history-area .history-box .history-in .his-ul.ul-l li{
		padding-left:30px;
	}

	.history-area .history-box .history-in .his-ul.ul-l li .bar:before{
		left:-8px;
	}

	.sub-menu{
		height:40px;
	}

	.sub-menu .menu-depth{
		height:40px;
		width:180px;
	}

	.sub-menu .menu-depth .menu-name{
		height:39px;
		width:180px;
	}

	.sub-menu .menu-depth .menu-name span{
		font-size:13px;
	}

	.sub-banner .banner-tit{
		font-size:36px;
		line-height:40px;
	}

	.sub-banner .banner-tit span{
		font-size:18px;
		margin-bottom:6px;
	}

	.sub-txt{
		font-size:20px;
		line-height:28px;
	}

	.sub-txt.mini{
		font-size:14px;
		line-height:20px;
	}

	.buz-wrap2 ul li{
		font-size:15px;
		line-height:20px;
	}

	.sub-txt2 p{
		font-size:26px;
		line-height:34px;
		margin-bottom:24px;
	}

	.sec-tit{
		font-size:28px;
		line-height:28px;
		margin-bottom:12px;
	}

	.sec-txt{
		font-size:13px;
		line-height:19px;
	}

	.driving-ul{
		gap:60px;
		margin-top:60px;
	}
	
	.driving-ul > li > strong{
		font-size:18px;
		padding-bottom:16px;
	}

	.dot-ul{
		gap:10px;
		margin-bottom:20px;
	}

	.dot-ul > li .dot-tit{
		font-size:14px;
	}

	.dot-ul > li > div .ul2 li{
		font-size:12px;
		line-height:15px;
	}

	.dot-ul > li > div .ul2 li:before{
		width:3px;
		height:3px;
	}

	.dot-ul > li > div .ul3{
		gap:5px;
	}

	.dot-ul > li > div .ul3 li{
		font-size:12px;
		line-height:16px;
	}

	.dot-ul > li > div .ul3 li:before{
		width:16px;
		height:16px;
		background-size:16px 16px;
	}

	.dot-ul > li .small{
		font-size:12px;
		line-height:16px;
		margin-top:5px;
	}

	.dot-ul.type2{
		flex-direction:column;
	}

	.dot-ul.type2.center{
		flex-wrap:wrap;
		flex-direction:row;
	}

	.dot-ul.type2.center >  li{
		width:calc((100% - 10px)/3);
	}

	.func-list{
		gap:15px;
	}

	.func-list .func-box .cir{
		width:120px;
		height:120px;
		margin:0 auto 12px;
		background-size:auto 40px;
	}

	.func-list .func-box p{
		font-size:12px;
		line-height:15px;
	}

	.driving-ul > li > div .driving-txt{
		font-size:14px;
		line-height:20px;
	}

	.content{
		padding:60px 0;
	}

	.form-view .form-line{
		flex-direction:column;
	}

	.form-view .form-line strong{
		padding:10px 0 0;
		width:100%;
	}

	.tbl-list table{
		border-top:2px solid #171717;
	}

	.tbl-list table colgroup col{
		display:none;
	}

	.tbl-list table colgroup col:first-of-type{
		display:block;
		width:100% !important;
	}

	.tbl-list table thead{
		display:none;
	}

	.tbl-list table td{
		text-align:left;
	}

	.tbl-list table td a{
		font-size:14px;
		font-weight:700;
		text-decoration:none;
	}

	.tbl-list table td a .info{
		display:flex;
		align-items:center;
		margin-top:4px;
	}

	.tbl-list table td a .info span{
		font-size:12px;
		display:flex;
		align-items:center;
		font-weight:400;
	}

	.tbl-list table td a .info span:after{
		content:"";
		width:1px;
		margin:0 8px;
		height:8px;
		background:#000;
	}

	.tbl-list table td a .info span:last-of-type:after{
		display:none;
	}

	.tbl-list table td:first-of-type,
	.tbl-list table td:last-of-type,
	.tbl-list table td:nth-of-type(4),
	.tbl-list table td:nth-of-type(3){
		display:none;
	}

	.total p{
		font-size:12px;
	}

	.view-top .title{
		font-size:16px;
		line-height:22px;
		margin-bottom:8px;
	}

	.view-top{
		padding:20px;
	}

	.view-top .util ul li strong{
		font-size:12px;
		line-height:12px;
	}

	.view-top .util ul li p{
		font-size:12px;
		line-height:12px;
	}

	.company-info .info-ul ul li{
		width:100%;
	}

	.ict-box-wrap .ict-box .bar{
		height:100px;
	}

	.ict-box-wrap .ict-box strong{
		padding:0 15px;
		font-size:15px;
		line-height:20px;
		gap:10px;
		height:100px;
	}

	.ict-box-wrap .ict-box strong .ico{
		width:40px;
		height:40px;
		background-size:40px auto;
	}

	.ict-box-wrap .ict-box > div{
		height:100px;
		padding:15px;
	}

	.ict-box-wrap .ict-box > div p{
		font-size:12px;
		line-height:18px;
	}

	.bul-txt{
		font-size:12px;
	}
}

@media screen and (max-width:641px) {
	.container{
		min-height:calc(100vh - 234px);
	}

	.footer{
		/*height:234px;*/
	}

	.search select{
		width:120px;
		flex-shrink:0;
	}

	.search input{
		width:100%;
	}
}

@media screen and (max-width: 481px){
	.footer{
		padding:20px 0;
	}

	.footer .foot-top .foot-logo{
		height:24px;
		background-size:auto 24px;
	}

	.footer .foot-top .foot-util a{
		font-size:11px;
	}
	
	.footer .foot-btm .foot-address .copy{
		font-size:11px;
		margin-top:10px;
	}

	.footer .foot-btm .foot-address ul li p{
		font-size:11px;
	}

	.footer .foot-btm .foot-btn a{
		padding:0 13px;
		height:24px;
        font-size:11px;
	}
	
	.sec2-r-box-wrap .box .sec2-box span{
		font-size:12px;
	}

	.sec2-r-box-wrap .box .sec2-box strong{
		margin-top:5px;
	}
	
	.sec3 .company-menu a{
		width:80px;
	}

	.sec5 .partner-list ul{
		gap:10px;
	}

	.sec5 .partner-list ul li{
		width:calc((100% - 30px)/3);
	}

	.sec5 .partner-list ul li img{
		width:90%;
	}

	.sec6 .award-swipe .award-arr-wrap .award-arr{
		width:28px;
		height:28px;
	}

	.sec6 .award-swipe .award-arr-wrap .award-arr svg{
		width:8px;
	}
	
	.sub-img-txt p{
		font-size:13px;
		line-height:19px;
	}

	.sub-txt{
		margin-bottom:40px;
	}

	.company-cir{
		gap:10px 20px;
		padding:0 20px;
	}

	.company-cir .company-box{
		width:75px;
		height:75px;
	}

	.company-cir .company-box:before{
		width:14px;
		height:14px;
		right:-18px;
	}

	.company-cir .company-box p{
		font-size:16px;
	}

	.company-info{
		margin-top:60px;
	}

	.company-info .img{
		height:240px;
		background-size:cover;
	}

	.company-info .info-ul ul li{
		padding:8px;
	}

	.company-info .info-ul ul li strong{
		font-size:12px;
	}

	.company-info .info-ul ul li > div p{
		font-size:12px;
		line-height:16px;
	}

	.history-area .history-box{
		padding-top:20px;
	}

	.history-area .history-box:before{
		transform:none;
		left:10px;
	}

	.history-area .history-box .history-box-tit{
		text-align:left;
		padding-bottom:0;
	}

	.history-area .history-box .history-box-tit .year{
		padding:5px 0;
	}

	.history-area .history-box .history-box-tit strong{
		font-size:22px;
	}

	.history-area .history-box .history-in{
		padding:10px 0 20px;
	}

	.history-area .history-box .history-in .his-l{
		display:none;
	}

	.history-area .history-box .history-in .his-r{
		width:100%;
		padding-left:10px;
	}

	.history-area .history-box .history-in .his-ul{
		gap:16px;
	}
	
	.history-area .history-box .history-in .his-ul li p{
		font-size:12px;
		line-height:18px;
	}
	
	.sub-txt2 p{
		font-size:22px;
		line-height:28px;
	}

	.sub-txt2 p:after{
		width:200px;
	}

	.buz-wrap2{
		margin-top:40px;
	}

	.buz-wrap2 ul{
		flex-direction:column;
	}

	.buz-wrap2 ul li{
		padding:20px;
		justify-content:flex-start;
	}

	.driving-ul{
		gap:40px;
	}
	
	.driving-ul > li > strong{
		padding-bottom:10px;
	}

	.driving-ul > li > strong span{
		margin-top:1px;
	}

	.ict-box-wrap .ict-box{
		position:relative;
		flex-direction:column;
		padding-left:16px;
		gap:0;
	}

	.ict-box-wrap .ict-box .bar{
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		height:auto;
	}

	.ict-box-wrap .ict-box strong{
		font-size:13px;
		height:auto;
		padding:10px;
		border-bottom:0;
	}

	.ict-box-wrap .ict-box strong br{
		display:none;
	}

	.ict-box-wrap .ict-box strong .ico{
		height:24px;
		width:24px;
		background-size:auto 24px;
	}

	.ict-box-wrap .ict-box > div{
		height:auto;
	}

	.sub-banner{
		height:240px;
	}

	.dot-ul{
		gap:5px;
	}

	.dot-ul > li{
		gap:5px;
	}

	.dot-ul > li .ico{
		width:14px;
		height:14px;
		align-self:center;
	}

	.func-list .func-box{
		width:calc((100% - 15px)/2);
	}

	.func-list .func-box .cir{
		width:80px;
		height:80px;
		background-size:auto 30px;
	}

	.sub-menu .menu-depth{
		width:50%;
	}

	.sub-menu .menu-depth .menu-name{
		width:100%;
	}

	.driving-ul > li > div .driving-txt{
		font-size:12px;
		line-height:18px;
	}

	.sub-banner .banner-tit{
		font-size:28px;
		line-height:36px;
	}

	.sub-banner .banner-tit span{
		font-size:14px;
	}

	.view-top{
		padding:15px 0;
	}

	.view-top .util ul{
		gap:5px 15px;
	}

	.view-top .util ul li:after{
		height:10px;
		right:-8px;
	}

	.input-wrap.email select{
		width:120px;
	}

	.input-wrap.email input{
		width:calc((100% - 120px - 13px - 15px)/2);
	}

	.input-style{
		padding:0 8px;
		height:40px;
	}

	textarea{
		padding:8px;
	}

	.input-wrap .btn-style{
		height:40px;
	}

	.input-wrap .img-spam{
		height:40px;
	}

	.search .btn-search{
		height:40px;
		width:40px;
		background-size:24px;
	}

	.file-wrap .file-box .btn-style{
		height:40px;
	}

	.btn-style{
		min-width:80px;
		font-size:12px;
	}

	.btn-style.btn-sound,
	.btn-style.btn-refresh{
		min-width:40px;
	}

	.support-privacy .privacy-chk .chk span{
		font-size:12px;
		gap:5px;
	}

	.privacy-wrap .txt1{
		font-size:12px;
		line-height:18px;
	}

	.privacy-wrap .ul-num li{
		padding-left:18px;
	}

	.privacy-wrap .ul-num li span{
		font-size:10px;
		line-height:18px;
	}

	.privacy-wrap .ul-num li p{
		font-size:12px;
		line-height:18px;
	}

	.privacy-wrap .ul1 > li > strong{
		font-size:14px;
		line-height:20px;
	}

	.privacy-wrap .ul1 > li > p{
		font-size:12px;
		line-height:18px;
	}

	.privacy-wrap .table1 th{
		font-size:12px;
	}

	.privacy-wrap .table1 td{
		font-size:12px;
	}

	.privacy-wrap .ul-bar > li{
		font-size:12px;
		line-height:16px;
		padding-left:9px;
	}

	.privacy-wrap .ul-bar > li:before{
		font-size:12px;
		line-height:normal;
	}

	.privacy-wrap .big-tit1{
		font-size:16px;
	}

	.location-info{
		gap:12px;
	}
}