@charset "utf-8";

/* CSS Document */
:root {
	--primary: hsla(23deg, 89%, 53%, 1); /* */
	--secondary: hsla(49deg, 91%, 55%, 1);


	--white: hsla(0deg, 0%, 100%, 1);
	--gray9: hsla(0deg, 0%, 90%, 1);
	--gray8: hsla(0deg, 0%, 80%, 1);
	--gray7: hsla(0deg, 0%, 70%, 1);
	--gray6: hsla(0deg, 0%, 60%, 1);
	--gray5: hsla(0deg, 0%, 50%, 1);
	--gray4: hsla(0deg, 0%, 40%, 1);
	--gray3: hsla(0deg, 0%, 30%, 1);
	--gray2: hsla(0deg, 0%, 20%, 1);
	--gray1: hsla(0deg, 0%, 10%, 1);

	--dark0: hsla(204deg, 0%, 13%, 1);

	--darkgreen : hsl(86, 52%, 11%);


	--deepgreen: #4DAF4E;
	--blue: #4087C6;
	--red: #C66040;
	/* --primary: #8CC640; */

}
/*
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");
*/




@font-face {
	font-family: 'gmarket';
	src: url('../fonts/GmarketSansBold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'gmarket';
	src: url('../fonts/GmarketSansMedium.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'gmarket';
	src: url('../fonts/GmarketSansLight.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'gmarket';
	src: url('../fonts/GmarketSansBold.woff2') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'gmarket';
	src: url('../fonts/GmarketSansMedium.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'gmarket';
	src: url('../fonts/GmarketSansLight.woff2') format('woff2');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/pretendard/variable/woff2/PretendardVariable.woff2') format('woff2-variations');
}


@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/* 숫자는 다른 폰트 적용 */
/*  @font-face {
font-family: "Pretendard Variable";
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
unicode-range: U+0030-0039;

}*/


/* @font-face {
font-family: 'SpoqaHanSansNeo-Regular';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
} */



:lang(ko) {
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}




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


@media(max-width: 1024px){
	.desktop-elem{ display: none; }
}



body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	color: var(--dark0);
}

#wrap {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.inner-box {
	width: 1280px !important;
	margin: 0 auto;
}

header .inner-box {
	display: none;
}

/* main visual banner */
.mainvisual {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-color: hsl(90, 100%, 99%);

	background-image: url(../img/Artboard1.png);
	background-repeat: no-repeat;
	background-position-x: 150%;
	background-position-y: -13%;
	background-size: 70%;
  
}
.mainvisual:before{
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 10em;
	left: calc(50% - 280px);
	background-image: url(../img/bg02.png);
	z-index: -1;
	background-repeat: no-repeat;
	background-size: contain;
	transform: translateX(-50%);
	opacity: .4;
}

.mainvisual .inner-box {
	display: flex;
	align-items: center;
	position: relative;
	width: 90% !important;
	max-width: 1280px;
	height: 80%;
  margin: auto;
  text-align: left;
  background-color: hsl(0 100% 100% / .6);

  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.mainvisual .inner-box .txt{
	position: relative;
	z-index:  1;
}
.mainvisual .inner-box img{  width: 58%; position: absolute;display: block;right: 2em;bottom: 10%;z-index: 0;}


/* .mainvisual .brand {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	z-index: 300;
} */

.mainvisual .brand a {
	display: block;
	padding: 1.5em 0;
	width: 180px;

	background-image: url(../img/logo.svg);
	background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
	/* background-color: red; */
}

.mainvisual .brand a img {
	width: 100%;
	visibility: hidden;
}

/* .mainvisual nav {
	position: absolute;
	top: 1.15em;
	right: 0;
	padding: 0;
	z-index: 300;
}

.mainvisual nav {
	margin-left: auto;
}

.mainvisual nav ul li {
	float: left;
} */

.mainvisual nav ul li a {
	position: relative;
	display: block;
	padding: 1.5em;
	font-size: 1.25em;
	font-weight: 700;
}

.mainvisual .main_carousel {  margin-top: -3em  }

.mainvisual .contentBox {
	position: absolute;
	top: 60px;
	left: 50%;
	width: 540px;
	margin-left: -270px;
	padding: 20px;
	background: rgba(0, 0, 0, 0.6);
	z-index: 200;
}

.mainvisual .contentBox strong {
	display: block;
	font-size: 32px;
	font-weight: 500;
	color: #fff;
	;
}

.mainvisual .contentBox p.info {
	max-width: 480px;
	margin-top: 10px;
	font-size: 15px;
	color: #d7d7d7;
}

.mainvisual .slide {
	text-align: center;
	height: 650px;
}

.mainvisual .slide .slide {
	text-align: center;
	width: 100%;
	height: 100%;
	background-size: contain !important;
}

.mainvisual .pagerWrap {
	position: absolute;
	left: 50%;
	bottom: 20px;
	margin-left: -490px;
	width: 980px;
	z-index: 201;
	text-align: center;
}

.mainvisual .pagerWrap #adv-custom-pager {
	display: inline-block;
}

.mainvisual .pagerWrap #adv-custom-pager a {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 4px;
	background: url(../img/bg_pagerOff.png) 0 0 no-repeat;
	background-size: cover;
}

.mainvisual .pagerWrap #adv-custom-pager a.cycle-pager-active {
	width: 52px;
	background: url(../img/bg_pagerOn.png) 0 0 no-repeat;
	background-size: cover;
}

.mainvisual .pagerWrap button {
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: top;
	border: none;
	font-size: 0;
	line-height: 0;
	text-indent: -999px;
}

.mainvisual .pagerWrap .btnStop {
	background: url(../img/btn_stop.png) 0 0 no-repeat;
	background-size: cover;
}

.mainvisual .pagerWrap .btnPlay {
	background: url(../img/btn_play.png) 0 0 no-repeat;
	background-size: cover;
}

.mainvisual .inner-box .btn_area_visu {
	position: absolute;
	left: 3em;
	bottom: 70px;
}

.mainvisual .slide .inner-box h2 {
	font-weight: 600;
	font-size: 3em;
	margin-bottom: 1em;
	line-height: 1.2;
	/* font-family: "gmarket"; */
	/* font-weight: 700; */
	font-family: 'SBAggroB'; 
	font-weight: normal;
	color: var(--darkgreen);
}
.mainvisual .slide .inner-box h2 .tempBr{ display: none; }
.mainvisual .slide .inner-box h5 {}

.mainvisual .slide .inner-box p {
	font-size: 1.5em;
}

.slick-dotted.slick-slider {
	margin-bottom: 0px;
}
.slick-dots {
	bottom: 25px;
}


/* 메인, 서브 본문 영역 */
#container {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	position: relative;
}

/* 위로가기 버튼 */
div.top {
	position: fixed;
	right: 30px;
	bottom: 50px;
	display: none;
	z-index: 9999;
}

div.top .circular.button {
	width: 55px;
	height: 55px;
	padding: 0;
	background: hsla(0, 0%, 0%, 0.3);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 100em;
	cursor: pointer;

}

div.top a i.chevron.icon {
	opacity: 1;
	font-size: 1.5em;
	color: #fff;
}

div.top p {
	text-align: center;
	margin-top: 7px;
	color: #000;
}

/* 비주얼 롤링배너 버튼 */
.primary-btn {
	display: inline-block;
	border: 1px solid #000;
	font-weight: 500;
	text-align: center;
	width: 200px;
	height: 48px;
	line-height: 46px;
	transition: .5s all;
	cursor: pointer;
}

.primary-btn:hover {
	background: #333;
	border: 1px solid transparent;
	color: #fff;
}

/* footer area 하단 카피라이트 */
footer {
	margin-top: 2em;
	background: #505050;
}

footer .bottom-util {
	border-bottom: 1px solid #777;
}

footer .inner-box {
	display: flex;
	padding: 2em .5em 5em;
}

footer .inner-box ul {
	margin-right: auto;
}

footer .inner-box ul li {
	float: left;
}

footer .inner-box ul li a {
	display: block;
	color: #b7b7b7;
	padding: .7em 1.3em;
	font-size: .938em;
}

footer .inner-box ul.copy {
	margin: 0 10px 0 10px;
	padding: .7em 0;
	font-size: .938em;
	display: block;
	width: 100%;
}

footer .inner-box ul.copy li {
	float: none;
	text-align: left;
	padding: 3px 0px;
	color: #b7b7b7;
	letter-spacing: 0.03em;
}

footer .inner-box ul.copy li address {
	font-style: normal;
	display: flex;
  gap: 1em;
  flex-wrap: wrap;
}

@media all and (max-width:767px) {

	/* footer */
	footer .inner-box { padding: 2em .5em 2em; 	  }
	footer .inner-box ul {
		margin: 0;
		margin: 0 auto;
	}

	footer .inner-box ul.copy li {
		display: block;
		font-size: .7333rem;
	}

	footer .inner-box ul.copy li address { flex-direction: column; flex-wrap: unset; gap: 4px  }
}

@media all and (max-width:480px) {

	/* footer */
	footer .inner-box ul {
		margin: 0 auto;
	}

	footer .inner-box ul li a {
		padding: .7em;
	}

	footer .inner-box ul.copy li {
		
	}
	footer .inner-box ul.copy li address span{ display: flex; gap: 4px; align-items: center; }

}


#context {
	overflow: hidden;
  }


.main section {
	width: 100%;
}

.main footer {
	margin-top: 0;
}

/* section1 */
.section1 .area_menu_bg {
	display: flex;
	flex-direction: column;
	width: 100%;
	background: #ED5025;
}

.section1 .area_menu_bg .inner-box {
	padding-left: 0;
	padding-right: 0;
}

.section1 .area_menu_bg .global_tab.typeB {
	margin: 0 auto;
	/* background: #ED5025; */
	background: linear-gradient( 175deg, #8CC640, #4DAF4E );
}

.global_tab.typeB a {
	width: 25%;
}
.global_tab.typeB a.on {
	background: var(--darkgreen)
}
.global_tab.typeB a:hover {
	background: var(--darkgreen);
}

/* section2 */
.section2 .inner-box {
	display: flex;
	flex-direction: column;
}

.section2 .inner-box .area_info_hro {
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding: 3em;
	border-bottom: 1px solid #ddd;
}

.section2 .inner-box .area_info_hro:last-child {
	border-bottom: 0;
}

.section2 .inner-box .area_info_hro .info_sec {
	padding-right: 2em;
}

.section2 .inner-box .area_info_hro .info_tit {
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 1.75em;
}

.section2 .inner-box .area_info_hro .info_cont {
	margin-bottom: 1.25em;
	font-size: 1.15em;
	line-height: 1.6;
}

.section2 .inner-box .area_info_hro .info_link {
	display: inline-block;
	border-bottom: 1px solid;
	font-weight: bold;
	font-size: 1.25em;
}

.section2 .inner-box .area_info_hro .info_img {
	display: flex;
	align-content: center;
	align-items: center;
}

.section2 .inner-box .area_info_hro .info_img img {
	width: 180px;
	height: fit-content;
}

/* section3 */
.section3 {
	padding: 4em 0;
	background: hsl(0, 0%, 94%);
}

.section3 .ui.cards>.card>.content>.header:not(.ui),
.section3 .ui.card>.content>.header:not(.ui) {
	text-align: center;
	margin-bottom: .5em;
	color: #222;
	font-family: 'SBAggroB'; /* 'gmarket' */
	font-weight: normal;
	font-size: 1.375em;
	margin-top: 1em;
	line-height: 1.3;
	letter-spacing: normal;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 3em;
}

.section3 .ui.cards>.card>.content,
.section3 .ui.card>.content {
	min-height: 420px
}

.section3 .ui.card>.content.ico_bg01 {
	background: url(../img/icon_01.png) no-repeat right bottom;
}

.section3 .ui.card>.content.ico_bg02 {
	background: url(../img/icon_02.png) no-repeat right bottom;
}

.section3 .ui.card>.content.ico_bg03 {
	background: url(../img/icon_03.png) no-repeat right bottom;
}

.section3 .ui.card>.content.ico_bg04 {
	background: url(../img/icon_04.png) no-repeat right bottom;
}

.section3 .ui.card>.content.ico_bg05 {
	background: url(../img/icon_05.png) no-repeat right bottom;
}

.section3 .ui.card>.content.ico_bg06 {
	background: url(../img/icon_06.png) no-repeat right bottom;
}

.section3 .ui.cards>.card>.content .meta {
	text-align: center;
	margin-bottom: 1.5em;
}

.section3 .ui.cards>.card>.content .meta .category,
.section3 .ui.card>.content .meta .category {
	font-size: 1.25em;
	color: #EC5024;
}

.section3 .ui.cards>.card>.content>.description,
.section3 .ui.card>.content>.description {
	color: #222;
	line-height: 1.6;
	/* font-family: 'gmarket'; */
	font-weight: 300;
}

.section3 .ui.card>.content[class*="ico_bg"] {
	background-size: 4.5em;
  background-position-x: 90%;
  background-position-y: 90%;
}


/* section4 */
.section4 {  display: none;
	padding: 2.5em 0;
}

/* section5 */
.section5 {
	padding: 4em 0 4em 0;
	background: #f7f7f7;
}

.section5 .inner-box .tit_area {
	padding: 2.5em 0;
}

.section5 .inner-box h3 {
	display: inline-block;
	padding: .5em;
	margin-bottom: .3em;
	background: #f7f7f7;
	font-size: 2.667em;
}
.section5 .inner-box .ui.card{ overflow: hidden; }
.section5 .inner-box .ui.card>.content>.header {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.section5 .inner-box .image{ 
	height: 300px;
	text-align: center;
	color: var(--gray5);
}
.section5 .inner-box .image > img{
	height: 100% !important;
  object-fit: cover;
  object-position: top;
}

.section5 .btn {
	margin-right: 0;
	padding: .75em 4em;
	font-size: 1.125em;
	color: hsl(0, 0%, 33.3%);
	border-color: hsl(0, 0%, 33.3%);
	border-style: solid;
	border-width: 1px;
	background: hsl(0, 0%, 97.6%);
	display: inline-block;
}




/* section6 */
.section6 {
	padding: 4em 0;
	background: url(../img/m_bg_sec5-2.jpg) no-repeat center;
	background-size: cover;
}

.section6 .inner-box {}

.section6 .ui.cards>.card {
	/* width: 33.33333333%; margin-left: 0; margin-right: 0; */
	box-shadow: none;
	/* border-radius: 0; */
}

.section6 .ui.card table.card_in_dt {
	width: 100%;
	font-size: 18px;
}

.section6 .ui.card table.card_in_dt th,
.section6 .ui.card table.card_in_dt td {
	padding: .7em 0;
}

.section6 .ui.card table.card_in_dt td {
	color: #222;
	text-align: right;
}

.section6 .ui.card table.card_in_dt td .table th,
.section6 .ui.card table.card_in_dt td .table td {
	text-align: center;
}

.section6 .ui.card table.card_in_dt th {
	color: var(--gray4);
	font-weight: 300;
}


.section6 .ui.cards>.card>.content>.header:not(.ui),
.section6 .ui.card>.content>.header:not(.ui) {
	text-align: center;
	margin-top: .5em;
	color: #222;
	/* font-family: 'gmarket'; */
	font-weight: 700;
	font-size: 1.375em;
	line-height: 1;
	margin-bottom: 1em;
	color: var(--gray3);
}

.section6 .ui.cards>.card>.content>.smfont:not(.ui),
.section6 .ui.card>.content>.smfont:not(.ui) {
	text-align: center;
	margin-top: .25em;
	margin-bottom: .75em;
	font-size: 2em;
	font-family: 'SBAggroB';
	font-weight: normal;
	color: var(--dark0);
}

.section6 .ui.cards>.card>.content>.smfont:not(.ui) small,
.section6 .ui.card>.content>.smfont:not(.ui) small {
	font-size: .7em;
	padding: 0 4px;
}

.section6 .ui.cards>.card .meta,
.section6 .ui.card .meta {
	text-align: left;
	padding: .25em 0;
}

.section6 .ui.cards>.card .meta .category,
.section6 .ui.card .meta .category {
	font-weight: bold;
	font-size: 1em;
	color: var(--gray3);
}

.section6 .ui.cards>.card .meta~.meta {
	border-top: 1px solid var(--gray9);
	margin-top: 1.5em;
	padding-top: 1.5em;
}


.section6 .ui.cards>.card>.content,
.ui.card>.content {
	padding: 2em 2em !important;
}

.section6 .ui.circular.button {
	border-radius: 100em;
	width: 1.4em;
	height: 1.4em;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin: 0;
	  margin-top: 0px;
	  margin-bottom: 0px;
	background-color: HSL(23.8, 89.2%, 52.9%);
  }
.section6 .ui.circular.button i {margin-top: 2px;}

@media(max-width: 480px){
	.section6 .ui.card table.card_in_dt { font-size: 16px; }
}


/* section7 */
.section7 {
	background: #eee;
}

.section7 .area_info_secu {
	border-bottom: 1px solid #ddd;
}

.section7 .area_info_secu.sec01 {
	padding: 2.5em 0;
	background: url(../img/bg_info_secu01-2.png) no-repeat right bottom;
	background-size: 33%;
}

.section7 .area_info_secu.sec02 {
	padding: 2.5em 0;
	background: url(../img/bg_info_secu02-2.png) no-repeat right bottom;
	background-size: 47%;
}

.section7 .area_info_secu.sec03 {
	padding: 2.5em 0;
	background: url(../img/bg_info_secu03-2.png) no-repeat right bottom;
	background-size: 33%;
}

.section7 .area_info_secu .secu_tit {
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 1.75em;
}

.section7 .area_info_secu .orange_tit {
	margin-bottom: .5em;
	font-size: 1.25em;
	color: #EC5024;
}

.section7 .area_info_secu p {
	font-size: 1.15em;
}

.section7 .area_info_secu ul.ui.list {
	margin: .25em 0em 1em 1.75em;
}

.section7 .area_info_secu .info_link {
	display: inline-block;
	padding-top: 1em !important;
	padding-bottom: .15em !important;
	margin-bottom: 1em !important;
	border-bottom: 2px solid;
	font-weight: bold;
	font-size: 1.25em !important;
}

.section7 .area_info_secu .title {
	margin-bottom: .5em
}

.section7 .area_info_secu .content {
	padding: 1.5em !important;
	background: #fff;
	border-radius: 12px
}

.section7 .area_info_secu .content img {
	max-width: 100%;
}

.section7 .area_info_secu .content h5.secu_tit {
	margin-bottom: .5em;
	font-weight: bold;
	font-size: 1.25em;
}

.section7 .area_info_secu .content p {
	margin-bottom: 2em;
	font-size: 1em;
}

.section7 .area_info_secu .content p.tit {
	margin-bottom: .5em;
	font-weight: bold;
	font-size: 1em;
}

.section7 .area_info_secu .content .ui.steps .step {
	flex-direction: column;
	padding: 1.5em;
}

.section7 .area_info_secu .content .ui.steps .step .content {
	padding: .25em !important;
}

.section7 .area_info_secu .content .ui.steps .step .icon {
	margin: 0;
	font-size: 1.5em;
	color: #ED5025;
}

.section7 .area_info_secu .content .ui.steps .step .title {
	text-align: center;
}

/* section8 */
.section8 {
	padding: 4em 0;
	background: url(../img/m_bg_bottom2.jpg) no-repeat center #868892;
	background-size: cover;
}

.section8 .bg_white77 {
	background: rgba(255, 255, 255, .77);
	border-radius: 0.28571429rem !important;
}

.section8 .tbl > li > dl > dt { vertical-align: baseline;  padding-top: 1.3em; }
.section8 .ui.form textarea {
	margin: 0em;
	-webkit-appearance: none;
	tap-highlight-color: rgba(255, 255, 255, 0);
	padding: 0.78571429em 1em;
	background: HSL(0, 0%, 100%);
	border: 1px solid var(--gray7);
	outline: none;
	color: hsl(0, 0%, 0%);
	border-radius: 2px;
	box-shadow: 0em 0em 0em 0em transparent inset;
	-webkit-transition: color 0.1s ease, border-color 0.1s ease;
	transition: color 0.1s ease, border-color 0.1s ease;
	line-height: 1.4857;
	resize: none;
	border-radius: 4px;

}
.section8 .ui.form label{ display: block;  color: var(--gray2); }
.section8 .ui.form input{  border-radius: 4px; min-height: 2.75em; }

.section8 .ui.form textarea,
.section8 .ui.form input,
.section8 .ui.selection.dropdown{ border: 1px solid var(--gray7); }

.section8 .tit_comm{ font-size: 1.5em; }
.section8 .time-sort{ display: inline-flex; align-items: center; }


@media( max-width: 480px){
	.section8 .tbl > li > dl > dt { padding-top: 8px; }
	.section8 .time-sort{ display: none; }
}

/* table_basic */
.table_basic {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	font-size: 1em;
	border-top: 1px solid #333 !important;
}

.table_basic thead tr th {
	padding: .675em 1em;
	text-align: center;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #f7f7f7;
}

.table_basic tbody tr th {
	padding: .675em 1em;
	text-align: center;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #f0f0f0;
}

.table_basic tbody tr td {
	padding: .675em 1em;
	min-height: 43px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	word-wrap: break-word;
	word-break: break-all;
}

.table_basic tbody tr td.center {
	text-align: center;
}

.table_basic thead tr th:first-child,
.table_basic tbody tr th:first-child,
.table_basic tbody tr td:first-child {
	border-left: none;
	/*border-right:1px solid #e1e4e8;*/
}

/*언어 선택*/
.top_lang {position: relative;}
.top_lang .cont_box {position: relative; top:50%; transform: translateY(-50%);}
.top_lang .cont_box .tit a {display:block; text-align:left; border-radius:0px; padding:4px 26px 5px 10px; font-size:0.875em; font-weight:700; color:#333; background: url(../img/lang_more.svg) right center no-repeat;}
.top_lang .cont_box .tit a:hover {color:#222;}
.top_lang .cont_box .cont {display:none; position:absolute; top:25px; left:0; z-index:1000;}
.top_lang .cont_box .cont ul {display: flex; flex-direction: column; padding: 10px; background-color: rgba(0, 0, 0, 0.65); border-radius: 10px;}
.top_lang .cont_box .cont ul li { margin:0; height:auto;}
.top_lang .cont_box .cont a {display:block; text-align:left; border-radius:0px; padding:5px 10px 5px 10px; font-size:0.875em; color:#fff;}
.top_lang .cont_box .cont a:hover,
.top_lang .cont_box .cont a.on {color:#78ff1f;}

.rtable {
	/*!
// IE needs inline-block to position scrolling shadows otherwise use:
// display: block;
// max-width: min-content;
*/
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	border-collapse: collapse;
	border-spacing: 0;
}

.rtable,
.rtable--flip tbody {
	background: radial-gradient(left, ellipse, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0) 75%) 0 center,
		radial-gradient(right, ellipse, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
	background-size: 10px 100%, 10px 100%;
	background-attachment: scroll, scroll;
	background-repeat: no-repeat;
}

.rtable td:first-child,
.rtable--flip tbody tr:first-child {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
	background-repeat: no-repeat;
	background-size: 20px 100%;
}

.rtable td:last-child,
.rtable--flip tbody tr:last-child {
	background-image: linear-gradient(to left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-size: 20px 100%;
}

.rtable th {
	padding: .675em 1em;
	min-height: 43px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	word-wrap: break-word;
	word-break: break-all;
}

.rtable th,
.rtable td {
	padding: 6px 12px;
	border: 1px solid #ddd;
}

.rtable th:last-child,
.rtable td:last-child {
	border-right: 0;
}

.rtable--flip {
	display: flex;
	overflow: hidden;
	background: none;
}

.rtable--flip thead {
	display: flex;
	flex-shrink: 0;
	min-width: min-content;
}

.rtable--flip tbody {
	display: flex;
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
}

.rtable--flip tr {
	display: flex;
	flex-direction: column;
	min-width: min-content;
	flex-shrink: 0;
}

.rtable--flip td,
.rtable--flip th {
	display: block;
}

.rtable--flip td {
	background-image: none !important;
	border-left: 0;
}

.rtable--flip th:not(:last-child),
.rtable--flip td:not(:last-child) {
	border-bottom: 0;
}

[data-aos="new-animation"] {
	opacity: 0;
	transition-property: transform, opacity;

	&.aos-animate {
		opacity: 1;
	}

	@media screen and (min-width: 768px) {
		transform: translateX(100px);

		&.aos-animate {
			transform: translateX(0);
		}
	}
}


@media all and (max-width:1280px) {
	.inner-box {
		width: 100% !important;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.mainvisual .brand {
		top: 1em;
		/* left: 1em; */
	}

	.mainvisual .brand a {
		/* padding: 0; */
	}
	.mainvisual:before{ display: none }
	.mainvisual .inner-box {
		

	}
	.mainvisual .inner-box img{  width: 40%; right: 2em; bottom: 10%; }

	.mainvisual .slide {
		height: 500px;
	}

	.mainvisual .inner-box .btn_area_visu {
		left: 10em;
	}
}

@media all and (max-width:1024px) {
	body {
		font-size: .875em;
	}

	header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
		background: #fff;
		z-index: 99;
	}

	.mainvisual .brand {
		/* left: 1.5em; */
	}

	.mainvisual .brand a {
		width: 150px;
	}
	.mainvisual .inner-box{ 
		flex-direction: column; padding: 1rem; align-items: flex-start; 
		gap:1em;
	}
	.mainvisual .slide .inner-box h2 { font-size: 2em;  }
	.mainvisual .slide .inner-box h2 .tempBr{ display: initial; }
	.mainvisual .inner-box .txt { padding-top: 2rem;  }
	.mainvisual .inner-box img { 
		right: 50%; 
		transform: translateX(50%);/* position: relative; bottom: unset;     align-self: end; 
		width: auto; max-width: 90%;  */
	}
	.mainvisual .inner-box .btn_area_visu {
		left: 11em;
		bottom: 50px
	}

	.mainvisual .inner-box .btn_area_visu .primary-btn {
		width: 120px;
		height: 35px;
		line-height: 33px;
	}

	.main section {
		padding: 2em;
	}

	.main .section0,
	.main .section1 {
		padding: 0;
	}

	/* new */
	.section2 .inner-box .area_info_hro {
		padding: 2em;
	}

	.section2 .inner-box .area_info_hro .info_img img {
		width: 150px;
	}

	/* main visual banner */
	.mainvisual {
		position: relative;
		z-index: 1;
		overflow: hidden;
	}

	.mainvisual .slide {
		height: 500px;
	}

	/* section2 */
	.section2 .inner-box {
		display: flex;
		flex-direction: column;
	}

	.section2 .inner-box h3 {
		font-size: 2.4em;
	}

	.section2 .inner-box p {
		margin-bottom: 1.75em;
	}

	.section2 .inner-box .flex_cont {
		align-items: flex-start;
	}

	/* section3 */
	.section3 {
		background-position: center;
	}

	/* section7 */
	.section7 {
		background-position: center;
	}
}

@media all and (max-width:1023px) {
	.mainvisual .inner-box .btn_area_visu {
		left: 3em;
		bottom: 50px
	}
}

@media all and (max-width:767px) {

	/*******************************
	main
*******************************/
	.mainvisual {
		position: relative;
		z-index: 1;
		overflow: hidden;
		background-position-x: 0;
		background-position-y: 272px;
		background-size: 150%;

	}

	.inner-box {
		padding-left: 0;
		padding-right: 0;
	}

	div.top {
		display: none;
		/* position: fixed; right: 10px; bottom: 30px; display: none; z-index: 9999;*/
	}

	.main .section0,
	.main .section1 {
		padding: 0;
	}

	.mainvisual .slide {
		/* height: 250px; */
	}

	.mainvisual .inner-box .btn_area_visu {
		left: 2em;
		bottom: 50px;
	}

	.mainvisual .brand {
		left: 0;
	}

	.mainvisual .brand a {
		display: block;
		padding: 1em .5em;
		width: 130px;
	}

	.mainvisual nav {
		top: .25em;
	}

	.mainvisual .brand {
		top: 0;
	}

	.mainvisual nav ul li a {
		padding: 1.5em .5em;
		font-size: 1em;
	}



	.section6 .ui.cards>.card {
		width: calc(100% - 2em) !important;
		margin: 1em 1em;
	}

	/* new */
	.section2 .inner-box .area_info_hro {
		flex-direction: column;
		padding: 1.75em 0;
	}

	.section2 .inner-box .area_info_hro .info_sec {
		padding-right: 0;
	}

	.section2 .inner-box .area_info_hro .info_img {
		justify-content: flex-end;
	}

	.section3 .ui.cards>.card>.content,
	.section3 .ui.card>.content {
		min-height: 300px;
	}

	.section3 .ui.card>.content.ico_bg01,
	.section3 .ui.card>.content.ico_bg02,
	.section3 .ui.card>.content.ico_bg03,
	.section3 .ui.card>.content.ico_bg04,
	.section3 .ui.card>.content.ico_bg05,
	.section3 .ui.card>.content.ico_bg06 {
		background-size: 30%;
	}

	.section3 .ui.card > .content[class*="ico_bg"] {
		background-size: 4.5em;
		background-position-x: 90%;
		background-position-y: 95%;
	}

	.ui.segment {
		margin: 0;
		padding: 0;
	}

	.section8 {
		background: #f0f0f0;
	}

	.section8 .bg_white77 {
		background: transparent;
	}

	.section7 .area_info_secu.sec01 .inner-box {
		padding: 2em 0 7em 0;
		background-size: 50%;
	}

	.section7 .area_info_secu.sec02 .inner-box {
		padding: 2em 0 7em 0;
		background-size: 60%;
	}

	.section7 .area_info_secu.sec03 .inner-box {
		padding: 2em 0 7em 0;
		background-size: 55%;
	}

	.section7 .area_info_secu .secu_tit {
		margin-bottom: 1em;
		font-weight: bold;
		font-size: 1.75em;
	}

	.section7 .area_info_secu .orange_tit {
		margin-bottom: .5em;
		font-size: 1.25em;
		color: #EC5024;
	}

	.section7 .area_info_secu p {
		font-size: 1.15em;
	}

	.section7 .area_info_secu ul.ui.list {
		margin: .25em 0em 1em 1.75em;
	}

	/* section3 */
	.section3 .inner-box .flex_cont .box .num_txt {
		font-size: 2.267em;
	}

	/* section4 */
	.section4 .inner-box .flex_cont {
		display: flex;
		flex-direction: column;
	}

	/* section7 */
	.section7 .inner-box {
		padding: 0;
	}

}

@media all and (max-width:480px) {

	/*  main  */
	.mainvisual .slide {
		/* height: 300px; */
	}

	.mainvisual .pagerWrap {
		bottom: 5px;
	}

	.sub-wrap {
		padding-top: 0;
	}

	.online-listBox .ui.card .ui.form .field {
		margin-bottom: 0 !important;
	}

	.main section {
		padding: 1.5em;
	}

	.mainvisual {
		position: relative;
		z-index: 1;
		overflow: hidden;
	}

	/* section2 */
	.section2 .inner-box {
		flex-direction: column;
		padding: 0;
	}

	.section2 .inner-box h3 {
		font-size: 1.75em
	}

	.section2 .inner-box p {
		font-size: 0.933em;
	}

	.section2 .inner-box .flex_cont {
		display: flex;
		flex-direction: column;
		margin: 0;
	}

	/* section3 */
	.section3 .inner-box {
		padding: 0;
	}

	.section3 .inner-box h3 {
		font-size: 1.75em;
	}

	.section3 .inner-box .flex_cont {
		flex: 1 1 auto;
		flex-wrap: wrap;
	}

	/* section4 */
	.section4 .inner-box {
		padding: 0;
	}

	.section4 .inner-box .flex_cont {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		margin: 0;
	}

	/* section5 */
	.section5 .inner-box {
		padding: 0;
	}

	.section5 .inner-box .tit_area {
		background: none;
	}

	.section5 .inner-box h3 {
		display: inline-block;
		padding: 0;
		margin-bottom: .5em;
		background: #f7f7f7;
		font-size: 1.75em;
	}

	.section5 .ui.grid>.column {
		padding: .5em;
	}
	.section5 .inner-box .image{ height: 180px;}



	/* section6 */
	.section6 .inner-box {
		padding: 0;
	}

	.section6 .inner-box h3 {
		margin-bottom: 1em;
		padding: 5px 20px;
		font-size: 1.2em;
	}

	.section6 .inner-box .img_txt {
		margin-bottom: 1.5em;
	}

	.section6 .inner-box .review_slider {
		margin: 0;
		padding: 0;
		margin-bottom: 1.5em;
		padding-bottom: 2em;
	}

	.section6 .inner-box .review_slider div p {
		font-size: 1.067em;
	}

	.section6 .inner-box .slick-prev,
	.slick-next {
		display: none !important;
	}

	/* section7 */
	.section7 .inner-box .customer_go_btn {
		flex-direction: column;
	}

	.section7 .inner-box .customer_go_btn .customer_go {
		margin: 0;
		margin-bottom: .5em;
	}

	.section7 .inner-box .customer_go_btn .customer_go span {
		margin-left: 1.5em;
	}


	/* service_end */
	.service_end_area {
		width: 100%;
		margin: auto;
		background: transparent;
	}

	.service_end_area h1 {
		font-weight: 600;
		font-size: 3em;
		color: #101010;
	}

	.service_end_area h3 {
		margin-bottom: 1em;
		font-weight: 300;
		font-size: 1.25em;
		color: #333;
	}

	.service_end_area img {
		margin-bottom: 2em;
	}

	.service_end_area .divider {
		margin: 1rem 0 !important;
	}
}






/* 수정_230920 */
.compMenu {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 5;
}


.ico{
    display: inline-block;
    width: 2em; height: 2em;
    color: currentColor;
    vertical-align: middle; /* 수정_230615 */
}
.ico:before{
    content: '';
    display: block; width: 100%; height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    color: currentColor;  background-color: currentColor; 
}
.ico[class*="icon-"]:before,
.ico[class*="ico-"]:before {
    -webkit-mask-size: contain;
    -webkit-mask-position-x: 50%;
    -webkit-mask-position-y: calc(50% - 0px);
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    mask-position-x: 50%;
    mask-position-y: 50%;
}
.ico.icon-upload:before { color: #fff;   -webkit-mask-image: url(../img/icon-upload.svg);    mask-image: url(../img/icon-upload.svg); }


.btn-orange {
	color: hsl(0, 0%, 94.5%);
	border: 0;
  background: var(--deepgreen);
  }

  .mainvisual .compNav{
	flex-direction: row;
	justify-content: space-between;  align-items: center;
width: 100% !important;
top: unset !important;
transform: none !important;
z-index: 5;
background-color: transparent;
margin-top: 2em;
  margin-bottom: 0;
}
.mainvisual .compNav nav ul { display: inline-flex }
.mainvisual .compNav .brand{ margin-top: auto; margin-bottom: auto }
.compCardList .off{ display: none !important;  }
/* .compCardList{  max-height: 100%   } */