@charset 'utf-8';
@import url('../css/notosans.css');
@import url('../css/NanumGothic.css');

/* RESET ----------- */
header,
footer,
section,
article,
aside,
nav,
menu,
figure,
figcaption {
	display: block;
}

html,
body {
	width: 100%;
}

html,
body,
ul,
ol,
li,
form,
fieldset,
legend,
dt,
dd {
	margin: 0;
	padding: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
dl {
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 16px;
}

body,
input,
textarea,
select,
button,
table,
option {
	font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif;
	font-size: 16px;
	line-height: 1.31;
	word-break: keep-all;
	color: #000;
	-webkit-text-size-adjust: 100%;
}

fieldset,
img {
	border: 0;
}

legend {
	color: #787878;
}

button {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

button,
a {
	cursor: pointer;
	text-decoration: none;
	color: #000;
}

li {
	list-style: none;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
}

blockquote,
q {
	quotes: ' ';
}

abbr,
acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

hr {
	display: none;
}

i {
	font-style: normal;
}

img {
	max-width: 100%;
}

/* COMMON ----------- */
.skip {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
}

.skip a {
	display: block;
	position: fixed;
	top: -30px;
	left: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	opacity: .8;
	color: #000;
	background-color: #fff;
}

.skip a:hover,
.skip a:active,
.skip a:focus {
	top: 0;
}

.blind {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

/* PRINT ----------- */
@media print {

	.header,
	#snb,
	#aside {
		display: none;
	}
}

/* ---------------------------------
	PLUGIN
---------------------------------*/

/* ---------------------------------
	COMMON
--------------------------------- */

/* SKIP ----------- */
.skip {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
}

.skip a {
	display: block;
	position: fixed;
	top: -30px;
	left: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	opacity: .8;
	color: #000;
	background-color: #fff;
}

.skip a:hover,
.skip a:active,
.skip a:focus {
	top: 0;
}

/* BLIND ----------- */
.blind {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

/* CLEARFIX ----------- */
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

/* IMAGE REPLACEMENT ----------- */

/* IR */
.im_rep {
	position: relative;
	margin: 10px 0;
	overflow: hidden;
}

.im_rep .img {
	text-align: center;
}

.im_rep .img img {
	max-width: 100%;
	vertical-align: top;
}

.im_rep .rep {
	position: absolute;
	top: -9999em;
	left: -9999em;
}


/* SPACE ----------- */
/* MARGIN */
.mt10 {
	margin-top: 10px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

/* APPEAR ----------- */
.m_appr {
	display: block !important;
}

.d_appr {
	display: none !important;
}

.m_appr img,
.d_appr img {
	vertical-align: top;
}

/* INLINE */
.m_appr_in {
	display: inline !important;
}

.m_appr_in {
	display: none !important;
}

/* DESKTOP */
@media all and (min-width:767px) {
	.m_appr {
		display: none !important;
	}

	.d_appr {
		display: block !important;
	}

	/* INLINE */
	.m_appr_in {
		display: none !important;
	}

	.m_appr_in {
		display: inline !important;
	}
}

/* ---------------------------------
	UI ELEMENTS
--------------------------------- */

/* 01.COLOR ----------- */

/* 02.FONT ----------- */

/* 03.ICON ----------- */
.i-base {
	display: inline-block;
	width: 38px;
	height: 27px;
	vertical-align: middle;
	text-indent: -999em;
	background-repeat: no-repeat;
}

.i-base.hamb {
	background-image: url(../resource/img/common/ico_menu.png);
}

.i-base.close {
	width: 33px;
	height: 35px;
	background-image: url(../resource/img/common/ico_close.png);
}

.i-base.home {
	width: 20px;
	height: 21px;
	background-image: url(../resource/img/common/ico_home.png);
}

.i-base.mail {
	width: 24px;
	height: 18px;
	background-image: url(../resource/img/common/ico_mail.png);
}

/* 04.FORM ----------- */
.ele_pack_wrap {
	width: 500px;
	margin: 57px auto 0;
}

.ele_pack_wrap .ele_pack {
	margin-top: 25px;
	padding-right: 20px;
}

.ele_pack_wrap .ele_lab {
	display: block;
	margin-bottom: 10px;
}

.ele_pack_wrap .full {
	width: 100%;
}

.ele_pack_wrap .ele_cont textarea {
	width: 100%;
	height: 225px;
	margin: 0;
	padding: 10px;
	border: 1px solid #e1e1e1;
}

.ele_pack_wrap .ele_btns {
	margin-top: 15px;
	vertical-align: top;
	color: #000;
}

.ele_pack_wrap .ele_btns button {
	float: right;
	width: 240px;
}

.ele_pack_wrap .ele_btns button:first-child {
	float: left;
}

/* FIELD */
.i_txt,
.i_pw {
	height: 43px;
	padding: 0 10px;
	line-height: 43px;
	vertical-align: middle;
	border: 1px solid #e1e1e1;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
}

.i_txt:focus,
.i_pw:focus {
	border-color: #eb2629;
}

.i_chk {
	border-radius: 0;
}

/* PLACEHODER */
input::-ms-input-placeholder {
	color: #575758;
}

input::-webkit-input-placeholder {
	color: #575758;
}

input::-moz-placeholder {
	color: #575758;
}

/* SELECTORS */

/* 05.TABLES/OPTIONS ----------- */

/* TABLE */

.tbl_basic {
	width: 100%;
	margin: 0 0 80px;
	font-size: 19px;
	table-layout: fixed;
	color: #6d6d73;
}

.tbl_basic th,
.tbl_basic td {
	height: 90px;
	padding: 30px 8px;
	line-height: 1.54;
	text-align: left;
	letter-spacing: -.03em;
	border: 1px solid #000;
	border-width: 1px 0;
}

.h_tit+.tbl_basic2 {
	margin-top: -10px;
}

.tbl_basic2 {
	width: 100%;
	font-size: 19px;
	table-layout: fixed;
	text-align: center;
	color: #6d6d73;
	border-top: 2px solid #000;
}

.tbl_basic2 caption {
	padding-bottom: 12px;
	text-align: right;
}

.tbl_basic2 th,
.tbl_basic2 td {
	height: 58px;
	letter-spacing: -.03em;
	border: 1px solid #b5bac4;
	border-width: 1px 0;
}

.tbl_basic2 .total {
	font-weight: bold;
	background-color: #f5f5fa;
}

.tbl_basic2 tbody th {
	background-color: #f5f5fa;
}

/* 06.BUTTON/SWITCHES ----------- */
.bt_typ1 {
	height: 50px;
	font-size: 16px;
	border: 1px solid #d3d6df;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
}

.bt_typ1.black {
	color: #fff;
	border-color: #000;
	background-color: #000;
}

/* 07.BOARD/E-COMMERCE ----------- */

/* BOARD : LIST */
.h_tit+.list_acco {
	margin-top: 60px;
}

.list_acco {
	line-height: 1.56;
	border: 2px solid #000;
	border-width: 2px 0;
}

.list_acco .list_dep>li {
	border-top: 1px solid #e1e1e1;
}

.list_acco .list_dep>li:first-child {
	border-top: 0;
}

.list_acco .list_dep>li .head_wrap a {
	display: block;
	position: relative;
	position: relative;
	min-height: 23px;
	padding: 17px 210px 20px 140px;
}

.list_acco .list_dep>li .head_wrap a:before {
	content: '';
	position: absolute;
	top: 27px;
	left: 45px;
	width: 13px;
	height: 7px;
	background: url(../resource/img/common/ico_acco_arr.png) no-repeat;
}

.list_acco .list_dep .date {
	position: absolute;
	top: 18px;
	right: 25px;
	font-size: 14px;
	color: #000;
}

.list_acco .list_dep .desc_wrap {
	display: none;
	padding: 32px 140px;
	border-top: 1px solid #e1e1e1;
	background-color: #efefef;
}

.list_acco .list_dep>li.on a {
	color: #eb2629
}

.list_acco .list_dep>li.on a:before {
	background-image: url(../resource/img/common/ico_acco_arr_on.png);
}

/* BOARD : THUMBNAIL ----------- */

/* BOARD : VIEW ----------- */

/* VIEW */

/* BOARD : BTNS ----------- */

/* PAGING */
.paginate {
	margin: 42px 0 60px;
	text-align: center;
}

.paginate .paging a,
.paginate .paging strong {
	display: inline-block;
	position: relative;
	min-width: 37px;
	height: 37px;
	margin: 0 3px 0 4px;
	font-weight: normal;
	line-height: 37px;
	text-align: center;
	vertical-align: top;
	text-decoration: none;
	border: 1px solid transparent;
}

.paginate .paging a:hover {
	color: #e60012;
}

.paginate .paging strong.on {
	color: #fff;
	background-color: #e60012;
}

.paginate .paging .first,
.paginate .paging .prev,
.paginate .paging .next,
.paginate .paging .last {
	width: 37px;
	border-color: #cdcdcd;
	background: url(../resource/img/common/ico_pg_first.png);
}

.paginate .paging .prev {
	background-image: url(../resource/img/common/ico_pg_prev.png);
}

.paginate .paging .next {
	background-image: url(../resource/img/common/ico_pg_next.png);
}

.paginate .paging .last {
	background-image: url(../resource/img/common/ico_pg_last.png);
}

/* 08.FILTERS/COMPONENTS ----------- */

/* 09.PROCESS STEPS ----------- */

/* 99.MODAL/POPUP/LAYER ----------- */

/* MW */

/* 99. SPINNER ----------- */

/* TABS ----------- */
.tab-contents .tab-cont {
	display: none;
}

.tab_typ {
	margin: 35px 0 55px;
	font-size: 17px;
	text-align: center;
}

.tab_typ li {
	display: inline-block;
	position: relative;
	padding-left: 10px;
}

.tab_typ li:before {
	content: 'I';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 3px 0;
	font-weight: 300;
	vertical-align: middle;
}

.tab_typ li:first-child {
	padding-left: 0;
}

.tab_typ li:first-child:before {
	content: '';
	display: none;
}

.tab_typ a {
	display: inline-block;
	padding: 3px;
	color: #494949;
}

.tab_typ a:hover,
.tab_typ li.on a {
	color: #eb2629;
}

/* PATH ----------- */

/* TITLE ----------- */

/* NOTIFICATION ----------- */

/* TEMPLETE ----------- */

/* ---------------------------------
	LAYOUT
--------------------------------- */
#wrap {
	min-width: 100%;
	overflow: hidden
}

/* HEADER ----------- */
.header {
	position: relative;
	z-index: 50;
	height: 340px;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../resource/img/common/bg_main_over.png) center center no-repeat;
	background-size: cover;
}

.header.sys {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
		url(../resource/img/common/bg_main_over.png) center center no-repeat;
	background-size: cover;
}

.header.busi {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
		url(../resource/img/common/bg_main_busi.png) center center no-repeat;
	background-size: cover;
}

.header.ir {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
		url(../resource/img/common/bg_main_ir.png) center center no-repeat;
	background-size: cover;
}


.header .inner {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.header .gnb {
	display: none;
	position: fixed;
	z-index: 150;
	top: -338px;
	right: 0;
	left: 0;
	min-height: 340px;
	overflow: hidden;
	font-size: 14px;
	opacity: 0;
	color: #fff;
	background: #1c212a;
}

.header .gnb a {
	color: #fff;
}

.header .gnb .logo_gnb {
	position: absolute;
	top: 50px;
	left: 33px;
	width: 100px;
}

.header .gnb .btn_close {
	position: absolute;
	top: 48px;
	right: 32px;
	padding: 5px;
}

.header .etc {
	display: flex;
	position: absolute;
	bottom: 20px;
	left: 35px;
	width: 200px;
	background: none;
	gap: 10px;
}

.header .snb {
	margin: 44px 0 0 30px;
}

.header .snb .nav {
	position: relative;
	left: 297px;
	overflow: hidden;
}

.header .snb .nav>li {
	float: left;
	margin-left: 80px;
}

.header .snb .nav>li:first-child {
	margin-left: 0;
}

.header .snb .nav>li>a {
	display: block;
	margin-bottom: 28px;
	font-size: 20px;
	letter-spacing: -.02em;
}

.header .snb .sub>li {
	margin-top: 5px;
}

.header .snb .sub>li:first-child {
	margin-top: 0;
}

.header .snb .sub a {
	display: block;
	padding: 2px 0;
}

.header .logo {
	top: 20px;
	left: 20px;
	width: 60px;
	position: absolute;
}

/* .header .btn_hamb{position:absolute;top:36px;right:14px;padding:10px;} */
.header .btn_hamb {
	position: fixed;
	right: 40px;
	top: 36px;
	padding: 10px;
}

.header .comment {
	position: absolute;
	bottom: 90px;
	left: 0;
	width: 100%;
	font-size: 24px;
	text-align: center;
	color: #fff;
}

.header .comment .h {
	margin-bottom: 60px;
	font-size: 53px;
}

.header .comment .h strong {
	font-weight: 500;
}

.header .comment p {
	font-family: 'Nanum Gothic', sans-serif;
	line-height: 1.33;
}

.header .path {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 19px;
	border-top: 1px solid #fff;
	background-color: rgba(0, 0, 0, .7);
}

.header .path a {
	display: block;
	height: 73px;
	line-height: 73px;
	text-align: center;
	color: #fff;
	border-left: 1px solid #fff;
}

.header .path a.home {
	float: left;
	width: 76px;
	text-align: center;
}

.header .path .lnb {
	float: left;
	border-right: 1px solid #fff;
}

.header .path .lnb li {
	float: left;
	min-width: 200px;
}

.header .path .lnb a {
	padding: 0 20px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	color: rgba(255, 255, 255, 1)
}

.header .path .lnb a:hover,
.header .path .lnb a:focus {
	background-color: rgba(0, 0, 0, .5);
	color: rgba(255, 255, 255, .8)
}

.header .path .lnb li.active a {
	background-color: rgba(255, 255, 255, .5);
	color: rgba(255, 255, 255, 1)
}

.header.tech {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
		url(../resource/img/common/bg_main_tech.png) center 90% no-repeat;
	background-size: cover;
}

.header.tech .comment {}

.header.busi {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
		url(../resource/img/common/bg_main_busi.png) center 81% no-repeat;
	background-size: cover;
}

.header.busi .comment {}

.header.ir {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
		url(../resource/img/common/bg_main_ir.png) center 93% no-repeat;
	background-size: cover;
}

.header.ir .comment {}

.header.supp {
	height: 338px;
	background-image: url(../resource/img/common/bg_sub_supp.png);
	background-size: cover;
}

.header.supp .comment {
	position: absolute;
	top: -9999em;
	left: -9999em;
	opacity: 0;
}

/* 硫붿씤�� 寃쎌슦 �꾩튂 議곗젙 */
.main .header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: none;
	height: auto;
}

.main .header .logo {
	position: absolute;
	width: 130px;
	top: 20px;
	left: 20px;
}



/* FOOTER ----------- */
.footer {
	width: 100%;
	height: auto;
	padding: 20px 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #6d6d74;
	background-color: #000;
	margin-top: 100px;
}

.footer .inner {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.footer address {
	display: inline-block;
	font-style: normal;
}

.footer .btn_mail {
	position: absolute;
	top: -5px;
	right: 15px;
	padding: 5px;
}

.footer .info {
	display: flex;
	flex-direction: column;
	padding: 20px 0;
	align-items: center;
}

.footer .info p {
	font-size: 16px;
	text-align: center;
	margin-bottom: 5px;
}

.footer .info img {
	width: 100px;
	margin-bottom: 20px;
}

/* SNB ----------- */
.quick_top {
	position: fixed;
	right: 50px;
	bottom: 0;
	z-index: 49;
}

.quick_top .btn_top {
	display: block;
	width: 62px;
	height: 62px;
	background: #0db3bd url(../resource/img/common/btn_top.png) 0 0 no-repeat;
}

.quick_top .btn_top:before {
	content: '';
}

/* CONTAINER ----------- */
.container {
	min-height: 1000px;
	width: 100%;
}


.section .inner {
	position: relative;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.section .h_tit {
	margin: 80px 0 64px;
	font-size: 38px;
	font-weight: bold;
	text-align: center;
}

.section .h_sub {
	margin: 20px 0 15px;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
	color: #6d6d73;
}

.section .h_strap {
	margin: 60px 0 30px 5px;
	font-size: 21px;
	text-align: left;
	color: #e3383a;
}

.section .h_cmt {
	margin: 45px 0 0;
	line-height: 1.83;
	text-align: center;
	color: #6d6d73;
}

.section .h_sub_cmt {
	margin: 45px 0 0;
	margin: 15px 0 20px;
	line-height: 1.83;
	text-align: center;
	color: #6d6d73;
}

.section.gray {
	background-color: #f6f6f6;
}

.section.wider .inner {
	width: 1330px;
}

.section.narrow {
	padding: 15px 15px 0;
}

.side {
	display: flex;
	gap: 30px;
	margin-top: 100px;
}

.section .p_dsc {
	text-align: center;
	line-height: 1.6;
	margin: -5px 0 50px;
	padding: 0 15px;
	font-size: 20px;
}

.section h3.p_dsc {
	font-size: 28px;
	margin-bottom: 40px;
}

.section h3.p_dsc.round {
	display: inline-block;
	background-color: #555;
	color: white;
	padding: 4px 30px 4px 30px;
	border-radius: 999px;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	font-size: 26px
}

.section h3.p_dsc.round.cen {
	width: auto;
	text-align: center;
}


.p_dsc.cen {
	text-align: center;
}

.round {
	display: inline-block;
	background-color: #555;
	color: white;
	padding: 4px 30px;
	border-radius: 999px;
	font-size: 26px;
	box-sizing: border-box;
}

.wrap {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.section .p_dsc.left {
	text-align: left;
	font-size: 18px;
}

.img {
	text-align: center;
	flex: 1;
}

.mg-100 {
	margin-top: 100px;
}






.place-list {
	display: flex;
	gap: 13px;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 80px;
	max-width: 100%;
	justify-content: space-between;
	/* 洹좊벑 媛꾧꺽 */

}

.place-item {
	flex: 1;
	min-width: 100px;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 16px;
	padding: 16px 8px;
	background-color: #fff;
}

.place-icon {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #555;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 24px;
}

.place-icon img {
	width: 50px;
	height: 50px;
	filter: brightness(0) invert(1);
	/* �곗깋泥섎읆 蹂댁씠寃� */
}

.place-text {
	font-size: 16px;
	color: #333;
	line-height: 1.4;
	font-weight: 600;
	word-break: break-word;
	overflow-wrap: break-word;
}




.step-grid {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 1200px;
	margin: 0 auto 100px;
	padding: 40px 20px;
	box-sizing: border-box;
}

.step-card {
	flex: 1;
	min-width: 240px;
	text-align: left;
	border: 1px solid #eee;
	border-radius: 20px;
	padding: 24px;
	background-color: #fff;
	box-sizing: border-box;
}

.step-card img {
	width: 100%;
	max-height: 300px;
	object-fit: contain;
	margin-bottom: 20px;
}

.step-card h4 {
	font-size: 22px;
	font-weight: bold;
	color: #111;
	margin-top: 45px;
	word-break: break-word;
	overflow-wrap: break-word;
}

.step-card h5 {
	font-size: 15px;
	font-weight: 600;
	color: #222;
	margin-bottom: 8px;
}

.step-card p {
	font-size: 18px;
	color: #555;
	line-height: 1.5;
	margin-top: 20px;
	word-break: break-word;
	overflow-wrap: break-word;
}










.ad-feature-grid {
	display: flex;
	gap: 24px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
	
}

.ad-card {
	border: 1px solid #e0e0e0;
	border-radius: 16px;
	padding: 24px;
	background-color: #fff;
	box-sizing: border-box;
	text-align: left;
	flex: 1;
}

.ad-icon {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background-color: #f5f5f5;
	border: 1px solid #f2f2f2;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 15px auto;
}

.ad-icon.wt {
	background-color: #4D4D4D;
	border: 0px;
}

.ad-icon img {
	width: 75px;
	height: 75px;
}

.ad-card h4 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #111;
	margin-top: 40px;
	word-break: break-word;
	overflow-wrap: break-word;
}

.ad-card p {
	font-size: 18px;
	color: #555;
	line-height: 1.6;
	word-break: break-word;
	overflow-wrap: break-word;
}

/* H */

/* TITLE */

/* ---------------------------------
	00.MAIN
--------------------------------- */

/* 硫붿씤 怨듯넻 �곸뿭 ----------- */
.sec_main {
	position: relative;
	z-index: 0;
	color: #fff;
	background: url(../resource/img/common/bg_main_over.png) 50% 0 repeat-x;
	background-size: cover;
	background-position: 26% 0;
}

.sec_main .inner {
	position: relative;
	max-width: 1200px;
	min-height: 100vh;
	margin: 0 auto;
	overflow: hidden;
}

.sec_main .h {
	margin: 426px 0 32px;
	font-size: 46px;
	font-weight: 500;
	line-height: 1.22;
	letter-spacing: -.01em;
}

.sec_main .h_cmt {
	font-size: 24px;
	font-weight: 200;
	line-height: 1.33;
	letter-spacing: -.01em;
	width: 40%;
}

.sec_main .btn_box {
	display: block;
	position: relative;
	position: absolute;
	right: 143px;
	bottom: 297px;
	width: 90px;
	height: 90px;
	padding: 12px 10px 8px;
	overflow: hidden;
	font-size: 13px;
	line-height: 1.28;
	font-weight: 500;
	color: #0D0D0D;
	border: 3px solid #6C6C6C;
	background-color: rgba(255, 255, 255, 0.6);
	/* �곗깋, 50% �щ챸 */
}

.sec_main .btn_box span {
	position: absolute;
	bottom: 12px;
	left: 8px;
	-webkit-transition: bottom .2s ease-out;
	-moz-transition: bottom .2s ease-out;
	-ms-transition: bottom .2s ease-out;
	-o-transition: bottom .2s ease-out;
	transition: bottom .2s ease-out;
	word-break: break-word;
	overflow-wrap: break-word;
}

.sec_main .btn_box:before {
	content: '';
	display: block;
	width: 21px;
	height: 21px;
	background: url(../resource/img/common/ico_plus.png) 0 0 no-repeat;
	-webkit-transition: margin .2s ease-out;
	-moz-transition: margin .2s ease-out;
	-ms-transition: margin .2s ease-out;
	-o-transition: margin .2s ease-out;
	transition: margin .2s ease-out;
}

.sec_main .btn_box:hover,
.sec_main .btn_box:active {
	background-color: #fff;
	color: #000
}

.sec_main .btn_box:hover span,
.sec_main .btn_box:active span {
	bottom: 12px;
}

.sec_main .btn_box:hover:before,
.sec_main .btn_box:active:before {
	height: 3px;
	margin: 12px 0;
	background: #000;
}

.sec_main .btn_box.v2 {
	right: 26px;
	bottom: 180px;
}

.sec_main .btn_box.v3 {
	right: 143px;
	bottom: 64px;
}

/* .sec_main .btn_box2:before{content:'';display:block;width:27px;height:3px;margin:7px 0 12px 2px;background-color:#000;} */

/* OVERVIEW */
.sec_main.over .h {
	margin: 25vh 2vw 0 0;
	color: #fff;
	text-align: right;
}

.sec_main.over .h_cmt {
	color: #fff;
	text-align: right;
	float: right;
	margin: 4vh 2vw 0 0;
	font-weight: 400;
}

/* 湲곗닠�꾪솴 */
.sec_main.tech {
	background-image: url(../resource/img/common/bg_main_tech.png);
}

.sec_main.tech .inner {
	min-height: 100vh;
}

.sec_main.tech .btn_box {
	right: auto;
	bottom: 308px;
	left: 25px;
}

.sec_main.tech .h {
	color: #0D0D0D;
	margin: 19vh 0 0 2vw;
}

.sec_main.tech .h_cmt {
	color: #0D0D0D;
	margin: 4vh 0 0 2vw;
	font-weight: 400;
}

.sec_main.tech .btn_box {
	right: auto;
	bottom: 308px;
	left: 25px;
}

.sec_main.tech .btn_box.v2 {
	left: 139px;
	bottom: 193px;
}

.sec_main.tech .btn_box.v3 {
	left: 26px;
	bottom: 120px;
}

/* �ъ뾽�뚭컻 */
.sec_main.busi {
	background-image: url(../resource/img/common/bg_main_busi.png);
}

.sec_main.busi .inner {
	min-height: 100vh;
}

.sec_main.busi .h {
	margin: 19vh 2vw 0 0;
	text-align: right;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.sec_main.busi .h_cmt {
	text-align: right;
	float: right;
	margin: 4vh 2vw 0 0;
	font-weight: 400;
}

.sec_main.busi .btn_box {
	bottom: 313px;
}

.sec_main.busi .btn_box.v1:hover span,
.sec_main.busi .btn_box.v1:active span {
	bottom: 12px;
}

.sec_main.busi .btn_box.v2 {
	bottom: 197px;
}

.sec_main.busi .btn_box.v3 {
	bottom: 80px;
}

/* IR�꾪솴 */
.sec_main.mir {
	background-image: url(../resource/img/common/bg_main_ir.png);
}

.sec_main.mir .inner {
	min-height: 100vh;
}

.sec_main.mir .h {
	margin: 19vh 2vw 0 0;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.sec_main.mir .h_cmt {
	margin: 4vh 2vw 0 0;
	font-weight: 400;
}

.sec_main.mir .btn_box {
	bottom: 197px;
	left: 25px;
}

.sec_main.mir .btn_box.v2 {
	bottom: 83px;
	left: 139px;
}

/* 怨듭� 寃뚯떆�� �곸뿭 ----------- */
.sec_main_noti .inner,
.sec_main_supp .inner {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.sec_main_noti .logo {
	position: absolute;
	top: 35px;
	left: 0;
}

.sec_main_noti .list {
	padding: 20px 0 0 290px;
	overflow: hidden;
	line-height: 1.25;
}

.sec_main_noti .list li {
	float: left;
	width: 430px;
	margin-left: 50px;
}

.sec_main_noti .list li:first-child {
	margin-left: 0;
}

.sec_main_noti .date {
	margin: 0 0 20px -15px;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	color: #75757a;
}

.sec_main_noti .date .day {
	margin: 0;
	font-size: 200px;
	line-height: .9;
	letter-spacing: -.05em;
	color: #000;
}

.sec_main_noti .date span {
	display: inline-block;
	margin: 0 0 9px 15px;
	vertical-align: text-bottom;
	letter-spacing: -.03em;
}

.sec_main_noti .subject {
	height: 60px;
	margin-bottom: 28px;
	overflow: hidden;
	font-size: 24px;
}

.sec_main_noti .dsc {
	line-height: 1.5;
	color: #75757a;
}

.sec_main_noti .ctrl {
	margin: 65px 0 90px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-align: right;
}

.sec_main_noti .ctrl button {
	display: inline-block;
	width: 42px;
	height: 42px;
	border: 1px solid #66666c;
	background: url(../resource/img/common/ico_prev_noti.png) 0 0 no-repeat;
}

.sec_main_noti .ctrl .btn_next {
	background-image: url(../resource/img/common/ico_next_noti.png);
}

/* SUPPORT �곸뿭 ----------- */
.sec_main_supp {
	padding: 66px 0 65px 60px;
	background-color: #f6f6f6;
}

.sec_main_supp .list li {
	float: left;
	position: relative;
	width: 375px;
	line-height: 1.5;
}

.sec_main_supp .list li.press {
	width: 415px;
}

.sec_main_supp .list li:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 105px;
	background-color: #000;
}

.sec_main_supp .list li:first-child:before {
	display: none;
}

.sec_main_supp .list li a {
	display: block;
	position: relative;
	min-height: 105px;
	padding: 0 60px 0 25px;
}

.sec_main_supp .list li a:before {
	content: '';
	display: block;
	position: absolute;
	right: 20px;
	bottom: 0;
	width: 40px;
	height: 40px;
	border: 1px solid #000;
	background: url(../resource/img/common/ico_more_supp.png) 0 0 no-repeat;
}

.sec_main_supp .list dt {
	margin-bottom: 16px;
	font-size: 20px;
	line-height: 1;
}

.sec_main_supp .list dd {
	letter-spacing: -.03em;
	color: #75757a;
}

/* 硫붿씤 �� �섏씠吏� ----------- */
.quick_num {
	position: fixed;
	z-index: 56;
	top: 136px;
	right: 50px;
	z-index: 0
}

.quick_num li {
	margin-top: 19px;
}

.quick_num li:first-child {
	margin-top: 0;
}

.quick_num .num {
	display: block;
	font-size: 20px;
	transform: rotate(90deg) translate(3px, 0);
	color: #fff;
	-webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	-ms-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	transition: all .15s ease-out;
}

.quick_num a {
	display: block;
	position: relative;
	height: 62px;
	padding: 0 10px 0 10px;
	overflow: hidden;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.quick_num a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	background-color: rgba(255, 255, 255, .5);
}

/* .quick_num li.on .num{margin-left:0;font-size:30px;} */
.quick_num li.on .num {
	transform: rotate(90deg) scale(1.5) translate(3px, 3px);
}

.quick_num li.on a {
	height: 86px;
}

.quick_num li.on a:before {
	width: 5px;
	background-color: rgba(255, 255, 255, 1);
}

.quick_num.black .num {
	color: #000;
}

.quick_num.black a:before {
	background-color: rgba(0, 0, 0, .5);
}

.quick_num.black li.on a:before {
	width: 5px;
	background-color: rgba(0, 0, 0, 1);
}

/* ---------------------------------
	01.OVERVIEW
--------------------------------- */

/* �뚯궗�뚭컻 ----------- */
.part_tit {
	margin: 35px 0 140px;
	font-size: 24px;
	text-align: center;
}

.corp_info {
	font-size: 16px;
}

.corp_info li {
	margin-top: 12px;
}

.corp_info li:first-child {
	margin-top: 0;
}

.corp_info dl {
	margin: 0 70px;
	overflow: hidden;
}

.corp_info dt,
.corp_info dd {
	float: left;
	width: 164px;
	min-height: 29px;
	padding: 13px 30px 7px;
	border: 1px solid #6d6d73;
}

.corp_info dt {
	font-size: 19px;
	text-align: center;
}

.corp_info dd {
	float: right;
	width: 765px;
	padding-top: 15px;
	padding-bottom: 5px;
	border-color: #eaebec;
	background-color: #eaebec;
}

.corp_info dd.divi span {
	display: inline-block;
	margin-left: 16px;
	vertical-align: top;
}

.corp_info dd.divi span:first-child {
	margin-left: 0;
}

.corp_info dd.divi .bar {
	margin: -2px -10px 0 5px;
}

.corp_history {
	margin: 68px 0 30px;
	font-size: 16px;
	text-align: center;
}

.corp_history dl {
	display: inline-block;
	overflow: hidden;
	text-align: left;
}

.corp_history dt,
.corp_history dd {
	float: left;
	width: 507px;
	margin-top: 0;
	line-height: 2.25;
	letter-spacing: -.03em;
}

.corp_history dt {
	width: 120px;
	margin-right: 50px;
	font-weight: bold;
	text-align: right;
	letter-spacing: 0;
	color: #e3383a;
}

.cert_paper {
	text-align: center;
}

.cert_paper.col2>li {
	display: inline-block;
	width: 480px;
}

.cert_paper .img {
	display: inline-block;
	margin-bottom: 30px;
	border: 1px solid #cfcfcf;
}

.cert_paper .img img {
	vertical-align: top;
}

.cert_paper dt {
	margin-bottom: 15px;
	font-size: 19px;
	font-weight: bold;
}

.cert_paper dd {
	color: #6d6d73;
}

.im_rep_organ {
	margin: 80px 0 155px;
}

/* �ㅼ떆�붽만 ----------- */
.map_cont {
	margin: 40px 0 60px;
	overflow: hidden;
}

.map_cont .map {
	float: left;
	width: 592px;
	height: 342px;
	overflow: hidden;
	line-height: 342px;
	text-align: center;
	color: #666;
	background: yellow;
}

.map_cont .info {
	float: right;
	width: 530px;
	margin: 68px 0 0;
}

.map_cont .info dt {
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: bold;
}

.map_cont .info dd {
	position: relative;
	padding-left: 40px;
	line-height: 2.31;
	color: #6d6d73;
}

.map_cont .info dd:before {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 3px;
	width: 27px;
	height: 28px;
	background: url(../resource/img/common/ico_addr.png) 0 0 no-repeat;
}

.map_cont .info dd.tel:before {
	background-image: url(../resource/img/common/ico_phone.png);
}

.map_cont .info dd.trans:before {
	background-image: url(../resource/img/common/ico_metro.png);
}

/* ---------------------------------
	02.湲곗닠�꾪솴
--------------------------------- */
.analysis {
	padding: 0 100px;
}

.cert_status {
	margin: 95px 0 90px;
	overflow: hidden;
	text-align: center;
}

.cert_status>li {
	float: left;
	width: 390px;
	margin-left: 80px;
}

.cert_status>li:first-child {
	margin-left: 0;
}

.cert_status .img {
	display: inline-block;
	margin-bottom: 60px;
	border: 1px solid #023353;
}

.cert_status .img img {
	vertical-align: top;
}

.cert_status dl {
	font-size: 19px;
	font-weight: bold;
}

.cert_status dt {
	margin-bottom: 5px;
}

.img_info {
	margin: 115px 0 135px;
	text-align: center;
}

.img_info:last-child {
	margin-bottom: 20px;
}

.img_info.plat01 {
	margin: -10px 0 -50px;
}

.img_info.plat02 {
	margin: 65px 0 5px;
}

.img_info.plat04 {
	margin: 105px 0 50px;
}

.cmt_wrap {
	margin: 50px 0 100px;
	line-height: 1.83;
	text-align: center;
	color: #6d6d73;
}

.cmt_wrap .tit {
	margin-bottom: 33px;
	font-size: 24px;
	line-height: 1.56;
	color: #000;
}

.list_circle {
	margin: 85px 0 125px;
	overflow: hidden;
}

.list_circle li {
	float: left;
	width: 200px;
	height: 115px;
	margin-left: 40px;
	padding: 85px 0 0;
	font-size: 19px;
	line-height: 1.53;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	background-color: #e3383a;
}

.list_circle li:first-child {
	height: 130px;
	margin-left: 15px;
	padding: 70px 0 0;
}

.list_tbl_col2 {
	margin: 80px 0 45px;
	padding: 0 35px;
	overflow: hidden;
	color: #6d6d73;
}

.list_tbl_col2 li {
	display: table;
	width: 100%;
	margin-top: 33px;
	table-layout: fixed;
}

.list_tbl_col2 li>div {
	display: table-cell;
	vertical-align: middle;
}

.list_tbl_col2 li>div.lft {
	width: 388px;
}

.list_tbl_col2 li>div.rgt {
	padding-left: 56px;
}

.list_tbl_col2 li:nth-child(6) {
	margin-top: 50px;
}

.list_tbl_col2 dt {
	margin-bottom: 8px;
	font-size: 20px;
	font-weight: bold;
	color: #e3383a;
}

.list_tbl_col2 dd {
	line-height: 1.83;
}

.svc_zone {
	margin: 52px 0 65px;
	text-align: center;
	background-color: #f6f6f6;
}

.svc_zone img {
	vertical-align: top;
}

/* ---------------------------------
	03.IR
--------------------------------- */
.sec_ir {
	margin: 80px 0 70px;
	padding: 0 80px;
}

.sec_ir .p_empty {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

/* ---------------------------------
	04.SUPPORT
--------------------------------- */
.sec_support {
	margin-top: 45px;
	padding: 0 20px;
}


.contact-container {
	max-width: 500px;
	margin: auto;
	padding: 40px 0;
}

.contact-container h2 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 40px;
}

.contact-container form {
	padding: 0 20px;
}

form label {
	display: block;
	font-weight: 500;
	margin-bottom: 6px;
}

.form-group {
	margin-bottom: 20px;
}

input[type="text"],
input[type="email"],
textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 14px;
	box-sizing: border-box;
}

textarea {
	resize: vertical;
	height: 120px;
}

.submit-btn {
	width: 100%;
	background-color: #3e3e3e;
	color: white;
	border: none;
	padding: 14px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.submit-btn:hover {
	background-color: #2e2e2e;
}

/* ---------------------------------
	POPUP
--------------------------------- */
.pop_wrapper {
	position: fixed;
	z-index: 50;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none
}

.pop_wrapper:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
}

.pop_wrapper .pop_wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 442px;
	transform: translate(-50%, -50%);
	background: #fff;
}

.pop_wrap .pop_cont {
	padding: 40px 35px 20px;
	text-align: center;
}

/* 濡쒓렇�� �앹뾽 ----------- */
.pop_login .pop_wrap {
	width: 630px;
}

.pop_login .pop_cont {
	padding: 55px 75px 65px;
}

.form_pop_login .h {
	margin-bottom: 33px;
	font-size: 34px;
	font-weight: bold;
	color: #000;
}

.form_pop_login .inp_row {
	margin-top: 7px;
	padding-right: 29px;
}

.form_pop_login .i_txt,
.form_pop_login .i_pw {
	width: 100%;
	height: 45px;
	padding: 0 10px 0 17px;
	line-height: 45px;
	vertical-align: middle;
	border-color: #b5bac4;
	border-radius: 0;
}

.form_pop_login .btns {
	margin: 10px 0 20px;
	overflow: hidden;
}

.form_pop_login .btn_login {
	width: 100%;
	height: 60px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #eb2629;
}

.form_pop_login .find_info {
	text-align: right;
}

.form_pop_login .find_info a {
	font-weight: bold;
}

/* .inner{background:yellow !important} */
#mainOver {
	position: relative;
	overflow: hidden;
}

.bg-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 26% 0;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity 1.5s ease-in-out;
	z-index: 0;
}

.layer1 {
	z-index: 1;
}

.layer2 {
	z-index: 2;
}

#mainOver .inner {
	position: relative;
	z-index: 10;
}


.custom-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	justify-content: center;
	align-items: center;
}

.custom-modal-content {
	background-color: #fff;
	padding: 30px 20px;
	border-radius: 8px;
	text-align: center;
	min-width: 300px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.custom-modal-content p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.5;
}

.modal-close {
	padding: 8px 16px;
	font-size: 14px;
	background-color: #000;
	color: #fff;
	border: none;
	cursor: pointer;
	border-radius: 4px;
}



.feature-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
	max-width: 1000px;
	margin: 100px auto 0;

}

.feature-item {
	border: 1px solid #e0e0e0;
	border-radius: 16px;
	padding: 24px;
	text-align: center;
	background-color: #fff;
}


.feature-item h3 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #222;

}

.feature-item p {
	font-size: 18px;
	color: #555;
	line-height: 1.6;
	word-break: break-word;
	overflow-wrap: break-word;

}

.icon-circle {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #555;
	/* �꾩씠肄� 諛곌꼍�� */
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px auto 54px;
}

.icon-circle img {
	height: 50px;
	filter: brightness(0) invert(1);
	/* �곗깋 �꾩씠肄섏쿂�� 蹂댁씠寃� */
}


/* responsive.css */



@media (max-width: 1350px) { 
	.sec_main.over .h {
		margin: 25vh 2vw 0 0;
		color: #fff;
		text-align: right;
	}

}






@media (max-width: 767px) {

	/* �꾩껜 �⑺띁 : 怨좎젙 理쒖냼 �� �쒓굅, �좊룞�곸씤 �⑤뵫 �곸슜 */
	#wrap {
		width: 100%;
		box-sizing: border-box;
		min-width: 0;
		/* 湲곗〈 1200px �쒗븳 �쒓굅 */
	}


	/* �ㅻ뜑 �대� */

	.header {
		position: relative;
		z-index: 50;
		height: 230px;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
			url(../resource/img/common/bg_main_over.png) center center no-repeat;
		background-size: cover;
	}


	.header.tech {
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
			url(../resource/img/common/bg_main_tech.png) center center no-repeat;
		background-size: cover;
	}


	.header .etc {
		display: flex;
		position: absolute;
		top: 25px;
		bottom: auto;
		left: 35px;
		width: 170px;
		background: none;
		gap: 10px;
	}



	.header .inner {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	.main .header .logo {
		width: 80px;
	}

	.header .comment .h {
		margin-bottom: 0px;
		font-size: 28px;
	}

	/* 硫붿씤 �뱀뀡 �대� */
	.sec_main .inner {
		width: 100%;
		padding: 0 25px;
		box-sizing: border-box;
	}


	/* �ㅻ퉬寃뚯씠�� �곸뿭 �ш뎄�� */
	.header .gnb {
		width: 100%;
		height: 100vh;
		background: #1c212a;
		opacity: 1;
		top: 0;
	}

	.header .gnb .btn_close {
		position: absolute;
		top: 15px;
		right: 15px;
		padding: 5px;
	}

	.header .gnb .logo_gnb {
		display: none;
	}





	.header .snb {
		margin: 0;
		height: 100%;
	}

	.header .snb .nav {
		display: flex;
		flex-direction: column;
		left: 0;
		overflow: auto;
		padding: 100px 40px 60px;
	}

	.header .snb .nav>li {
		float: left;
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		border-bottom: 1px solid #6e6e6e;
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.header .snb .nav>li:first-child {
		margin-left: 0;
	}


	.header .snb .nav>li>a {
		display: block;
		margin-bottom: 20px;
		font-size: 22px;
		letter-spacing: -.02em;
		color: #bbbbbb;
	}

	.header .snb .sub>li {
		margin-top: 5px;
		margin-bottom: 15px;
	}

	.header .snb .sub>li:first-child {
		margin-top: 0;
	}

	.header .snb .sub>li:last-child {
		margin-bottom: 0;
	}

	.header .snb .sub a {
		display: block;
		padding: 2px 0;
		font-size: 18px;
	}



	.header .path {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		font-size: 19px;
		border-top: 1px solid #fff;
		background-color: rgba(0, 0, 0, .7);
	}

	.header .path .inner {
		display: flex;
	}

	.header .path a {
		display: block;
		height: 60px;
		line-height: 60px;
		text-align: center;
		color: #fff;
		border-left: 1px solid #fff;
	}

	.header .path a.home {
		width: 63px;
		text-align: center;
	}

	.header .path .lnb {
		width: 100%;
		border-right: 1px solid #fff;
	}

	.header .path .lnb ul {
		display: flex;
		width: 100%;
	}

	.header .path .lnb ul li {
		min-width: auto;
		float: none;
		flex: 1;
	}

	.header .path .lnb a {
		font-size: 12px;
		padding: 0 10px;
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-ms-transition: all .2s ease-out;
		-o-transition: all .2s ease-out;
		transition: all .2s ease-out;
		color: rgba(255, 255, 255, 1);
		line-height: 18px;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 60px;
		color: #fff;
		text-align: center;
	}

	.header .path .lnb a:hover,
	.header .path .lnb a:focus {
		background-color: rgba(0, 0, 0, .5);
		color: rgba(255, 255, 255, .8)
	}

	.header .path .lnb li.active a {
		background-color: rgba(255, 255, 255, .5);
		color: rgba(255, 255, 255, 1)
		
	}






	.quick_num {
		display: none;
	}

	/* �꾨쾭嫄� 硫붾돱 踰꾪듉 �꾩튂 議곗젙 */
	.header .btn_hamb {
		right: 15px;
		top: 15px;
	}

	/* �듯깙 踰꾪듉 �꾩튂 議곗젙 */
	.quick_top {
		right: 15px;
		bottom: 15px;
	}

	/* �띿뒪�� �ш린 諛� 踰꾪듉 �ш린 議곗젙 */

	.sec_main.over {
		background-image: url(../resource/img/common/bg_main_over.png);
		background-position: 26% 0;
		background-repeat: no-repeat;
	}

	.sec_main.tech {
		background-image: url(../resource/img/common/bg_main_tech.png);
		background-position: 55% 0;
		background-repeat: no-repeat;
	}

	.sec_main.busi {
		background-image: url(../resource/img/common/bg_main_busi.png);
		background-position: 42% 0;
		background-repeat: no-repeat;
	}

	.sec_main.mir {
		background-image: url(../resource/img/common/bg_main_ir.png);
		background-position: 68% 0;
		background-repeat: no-repeat;
	}

	.sec_main .h {
		font-size: 27px;
		margin: 93px 0;
		font-weight: 600;
	}

	.sec_main.tech .h {
		margin: 11vh 0 0 2vw;
	}

	.sec_main.busi .h {
		margin: 13vh 0 0 2vw;
	}

	.sec_main.mir .h {
		margin: 13vh 0 0 2vw;
	}

	.sec_main .h_cmt {
		font-size: 16px;
	}

	.sec_main.over .h {
		text-align: left;
		margin: 120px 0;
	}

	.section .h_tit {
		margin: 80px 0 64px;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
	}

	.section .p_dsc {
		text-align: center;
		line-height: 1.6;
		margin: -5px 0 50px;
		padding: 0 15px;
		font-size: 18px;
		word-break: break-word;
		overflow-wrap: break-word;
	}

	.h_cmt {
		display: none;
	}

	.btn_box {
		width: 80px;
		height: 80px;
		padding: 8px;
		font-size: 12px;
	}


	.side {
		display: flex;
		gap: 60px;
		margin-top: 100px;
		flex-direction: column;
	}


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


	.section h3.p_dsc.round {
		display: inline-block;
		background-color: #555;
		color: white;
		padding: 4px 30px 4px 30px;
		border-radius: 999px;
		width: 100%;
		text-align: left;
		box-sizing: border-box;
		font-size: 20px;
		margin-bottom: 30px;
		overflow-wrap: break-word;
		text-align: center;
	}


	.section .p_dsc.left {
		text-align: left;
		font-size: 16px;
		word-break: break-word;
		overflow-wrap: break-word;
	}


	.icon-circle {
		width: 100px;
		height: 100px;
		border-radius: 50%;
		background-color: #555;
		/* �꾩씠肄� 諛곌꼍�� */
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 10px auto 54px;
	}


	.icon-circle img {
		height: 40px;
		filter: brightness(0) invert(1);
		/* �곗깋 �꾩씠肄섏쿂�� 蹂댁씠寃� */
	}


	.section h3.p_dsc {
		font-size: 22px;
		margin-bottom: 40px;
	}


	.step-card {
		flex: 1;
		min-width: 240px;
		text-align: center;
		border: 1px solid #eee;
		border-radius: 20px;
		padding: 24px;
		background-color: #fff;
		box-sizing: border-box;
	}



	.ad-feature-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 24px;
		max-width: 1200px;
		margin: 0 auto;
		padding: 40px 20px;
	}


	.ad-card {
		border: 1px solid #e0e0e0;
		border-radius: 16px;
		padding: 24px;
		background-color: #fff;
		box-sizing: border-box;
		text-align: center;
	}	

	/* 湲고� �꾩슂�� �곕씪 異붽� �ㅽ��� 議곗젙 */
	/* ��: �대�吏�, �⑤뵫, 留덉쭊, �고듃 �ш린 �� */

	.container {
		width: 100%;
		min-height: auto;
	}

	.container .content {
		padding: 0 15px;
	}

	.contact-container {
		max-width: 500px;
		margin: 40px auto;
	}

	.contact-container h2 {
		text-align: center;
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 40px;
	}

	.contact-container form {
		padding: 0 20px;
	}

	form label {
		display: block;
		font-weight: 500;
		margin-bottom: 6px;
	}

	.form-group {
		margin-bottom: 20px;
	}

	input[type="text"],
	input[type="email"],
	textarea {
		width: 100%;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 6px;
		font-size: 14px;
		box-sizing: border-box;
	}

	textarea {
		resize: vertical;
		height: 120px;
	}

	.submit-btn {
		width: 100%;
		background-color: #3e3e3e;
		color: white;
		border: none;
		padding: 14px;
		border-radius: 4px;
		font-size: 16px;
		font-weight: bold;
		cursor: pointer;
		transition: background-color 0.3s ease;
	}

	.submit-btn:hover {
		background-color: #2e2e2e;
	}




	.sec_main.over .btn_box.v1 {
		right: 116px;
		bottom: 241px;
		width: 75px;
		height: 75px;
	}

	.sec_main.over .btn_box.v2 {
		right: 15px;
		bottom: 141px;
		width: 75px;
		height: 75px;
	}

	.sec_main.over .btn_box.v3 {
		right: 116px;
		bottom: 40px;
		width: 75px;
		height: 75px;
	}

	.footer {
		width: 100%;
		padding: 20px 0;
		font-size: 12px;
		font-weight: bold;
		color: #BEBEBE;
		background-color: #000;
		height: auto;
	}

	.footer .inner {
		position: relative;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	.footer address {
		display: inline-block;
		font-style: normal;
		text-align: center;
	}

	.footer .btn_mail {
		position: absolute;
		top: -5px;
		right: 15px;
		padding: 5px;
	}

	.footer .info {
		display: flex;
		flex-direction: column;
		margin-bottom: 9px;
		margin: auto;
		width: 100%;
	}

	.footer .info p {
		text-align: center;
		margin-bottom: 5px;
	}

	.footer .info img {
		width: 80px;
		margin: 20px auto 40px;
	}
}