@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

*::marker {
	display: none;
}

body {
	font-family: 'Noto Sans KR', 'Dotum', '돋움', 'sans-serif';
	font-size: 18px;
}

.container {
	position: relative;
	max-width: 1200px;
	width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.inner_wrap {
	width: 1200px;
	margin: 0 auto;
}

.mob {
	display: none;
}

a {
	transition: all 0.3s;
	text-decoration: none !important;
}

a:hover {
	text-decoration: none !important;
}

ul,
ol,
li {
	list-style: none;
	margin: 0;
}

@media (max-width:991px) {

	html,
	body {
		font-size: 14px;
	}
	
	.wrap {
		padding: 53px 0 0 0;
	}
	
	.web {
		display: none;
	}
	
	.mob {
		display: block;
	}
}

.pc_hide {
	display: none;
}

.header_empty_space {
	height: 83.7px;
	background-color: #3a3a3a;
}

@media (max-width:767px) {

	html,
	body {
		font-size: 12px;
	}
	
	.inner_wrap {
		width: 100%;
		padding: 0 20px;
	}
	
	.container {
		width: 100%;
	}
	
	.header_empty_space {
		display: none;
	}
}

h1,
.h1 {
	margin: 0;
	padding: 0;
	font-size: 2em;
}

/*32*/
h2,
.h2 {
	margin: 0;
	padding: 0;
	font-size: 1.63em;
}

/*26*/
h3,
.h3 {
	margin: 0;
	padding: 0;
	font-size: 1.50em;
}

/*24*/
h4,
.h4 {
	margin: 0;
	padding: 0;
	font-size: 1.38em;
}

/*22*/
h5,
.h5 {
	margin: 0;
	padding: 0;
	font-size: 1.25em;
}

/*20*/
h6,
.h6 {
	margin: 0;
	padding: 0;
	font-size: 1.12em;
}

/*18*/
/* 컨텐츠 공통*/
.con_pd {
	padding-top: 100px;
	padding-bottom: 100px;
}

@media (max-width:991px) {
	.con_pd {
		padding-top: 15px;
		padding-bottom: 50px;
	}
}

/*기준색*/
.tc01 {
	color: #e15928 !important;
}

.kakao_bg {
	color: #361d1d;
	background: #ffd325
}

.naver_bg {
	color: #fff;
	background: #34b833;
}

.facebook_bg {
	color: #fff;
	background: #3150b3;
}

.hero {
	padding: 1% 0;
	text-align: center;
	color: #fff;
	background: #304872;
}

.hero h1 {
	font-size: 32px;
}

@media (max-width:991px) {
	.hero {
		padding: 5% 0;
	}
	
	.hero h1 {
		font-size: 2em;
	}
}

.location {
	padding: 20px 0 0 0;
}

.location a {
	display: inline-block;
	padding: 5px 15px;
	color: #fff;
	transition: all 0.5s;
	font-size: 18px;
}

.location .on,
.location a:hover {
	color: #333;
	border-radius: 50px;
	background: #fff;
}

@media (max-width:991px) {
	.location {
		padding: 15px 0 0 0;
	}
}

.cf::after {
	content: "";
	display: block;
	clear: both;
}

.required_text,
.error_text {
	color: #ed1846;
}

.quick_menu {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

.quick_menu a {
	opacity: 0.7;
	trasition: all 0.3s;
}


.quick_menu a:hover {
	opacity: 1;
}

.quick_menu a img {
	width: auto;
}

.sub_wrap {
	padding: 100px 0;
}

.sub_wrap .inner_wrap {
	max-width: 1200px;
	margin: 0 auto;
}

/* 상세페이지 */
.cont1-1 > div {
	float: left;
	width: 50%;
}

.cont1-1 > div:nth-child(1) {
	padding-right: 50px;
	padding-top: 80px;
}

.cont2-1 > div:not(.table_wrapper) {
	margin-top: 50px;
	padding: 20px 20px;
	background-color: #3a3a3a;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.5);
	color: #fff;
	overflow: hidden;
}

.cont2-1 > div:not(.table_wrapper) > p {
	margin-bottom: 50px;
}

.cont2-1 > div:not(.table_wrapper).cf2 > div {
	float: none;
	width: 100%;
}

.cont2-1 > div:not(.table_wrapper).cf2 > div:nth-of-type(1) {
	border: 3px solid #ed1846;
	padding: 10px;
}

.cont2-1 > div:not(.table_wrapper).cf2 {
	background-color: #fff;
	color: #3a3a3a;
}

.cont2-1 > div div {
	float: left;
	width: 50%;
}

.cont2-1 > div.cf1,
.cont2-2 > div.cf1 {
	position: relative;
	padding-bottom: 350px !important;
}

.cont2-1 > div.cf1 > span {
	position: absolute;
	bottom: -80px;
	left: 0;
	font-size: 460px;
	line-height: 460px;
	color: #2a2a2a;
}

.cont2-2 > div.cf1 > span {
	position: absolute;
	bottom: -100px;
	left: 0;
	font-size: 420px;
	line-height: 420px;
	color: #2a2a2a;
}

.cont2-1 > div.cf1 div:nth-child(3) {
	border: 3px solid #ed1846;
	padding: 10px;
}

.cont2-2 > div.cf1 div:nth-child(3) {
	border: 2px solid #ed1846;
	padding: 10px;
}

.cont2-1 > div div img {
	vertical-align: top;
	width: auto;
	margin-top: -50px;
}

.cont2-1 > div ul:not(:first-child) {
	margin-top: 20px;
}

.cont2-1 > div div ul h3 {
	font-size: 20px;
	font-weight: bold;
}

.cont2-1 > div.cf1 div ul h3,
.cont2-2 > div.cf1 div ul h3 {
	color: #fff;
}

.cont2-1 > div div ul h3,
.cont2-1 > div ul h3 {
	font-size: 20px;
	font-weight: bold;
}

.cont2-1 > div ul li {
	padding-left: 10px;
	font-size: 16px;
	color: #a3a3a3;
}

.cont2-1 > div div.ic {
	margin-top: 200px;
	padding: 0 50px;
}

.cont2-1 > div div.ic img,
.cont2-2 > div div.ic img {
	max-width: 400px;
}

.cont2-1 > div div.ic2 {
	margin-top: 50px;
	text-align: center;
}

.cont2-1 > div div.ic2 img {
	width: auto;
}

.cont2-1 > h2 {
	text-shadow: 0 0 3px rgb(0 0 0 / 20%);
}

.cont2-1 > h2:not(:first-of-type) {
	margin-top: 100px;
}

.cont2-1 > h2 + p {
	color: #838383;
	font-size: 16px;
}

.cont2-1 table {
	margin-top: 20px;
	font-size: 14px;
}

.cont2-1 table tbody tr:nth-child(1) td:not(:first-child) {
	vertical-align: bottom;
}

.cont2-1 table img {
	width: auto;
}

.cont2-1 table tbody tr:nth-child(1) td {
	text-align: center;
}

.cont2-1 table thead tr th,
.cont2-1 table tbody tr td {
	padding: 10px;
}

.cont2-1 table thead tr th {
	background-color: #383838;
	color: #fff;
	font-size: 20px;
	border: 1px solid #f4f4f4;
}

.cont2-1 table tbody tr td {
	border-bottom: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
}

.cont2-1 table tbody tr td:nth-child(1) {
	background-color: #f4f4f4;
	text-align: center;
}

.cont2-1 table tbody tr td {
	text-align: right;
}

.cont2-1 > div.fci_content {
	background-image: url(/gnkglobal/file/IMAGE/uu/d06cc3961ac24d36a1727ea178e573d8);
	background-size: 60%;
	background-position: left -300px bottom -300px;
	background-repeat: no-repeat;
	background-color: #fff;
	color: #3a3a3a;
	box-shadow: none;
}

.fci_content ul {
	text-align: center;
	margin: 0 !important;
	font-size: 14px;
}

.fci_content ul h3 {
	margin: 10px 0;
	color: #ed1846;
	text-align: left;
}

.fci_content ul img {
	width: 300px;
}

.fci_content ul li {
	text-align: left;
	padding-left: 0 !important;
}

.fci_content ul img {
	width: 200px !important;
	border-radius: 100%;
    margin-left: auto;
    display: inherit;
    border: 2px solid #3a3a3a;
}

.cont2-1 > div.cf3 {
	background-image: url(/gnkglobal/file/IMAGE/uu/75d273bedcf945f38adc55a776510422);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #fff;
	color: #3a3a3a;
	padding-bottom: 850px;
	position: relative;
}

.cont2-1 > div.cf3 > div {
	width: 100%;
	padding: 10px;
	border: 3px solid #ed1846;
}

.cont2-1 > div.cf3 > div > div ul h3 {
	color: #ed1846;
}

.cont2-1 .fci_content > div {
	float: right;
	width: 65%;
}

.table_wrapper {
	margin-top: 50px;
}

/*  */
.cont2-2 > div:not(.table_wrapper) {
	margin-top: 50px;
	padding: 20px 20px;
	background-color: #3a3a3a;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.5);
	color: #fff;
	overflow: hidden;
}

.cont2-2 > div div {
	float: left;
	width: 50%;
}

.cont2-2 > div div img {
	vertical-align: top;
}

.cont2-2 > div ul:not(:first-child) {
	margin-top: 20px;
}

.cont2-2 > div:not(.table_wrapper) > p {
	margin-bottom: 50px;
}

.cont2-2 > div.cf2 {
	background-image: url(/gnkglobal/file/IMAGE/uu/75d273bedcf945f38adc55a776510422);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #fff;
	color: #3a3a3a;
	padding-bottom: 600px;
	box-shadow: none;
	position: relative;
}

.cont2-2 > div.cf2 > div {
	width: 100%;
	padding: 10px;
	border: 3px solid #ed1846;
}

.cont2-2 > div div ul h3 {
	font-size: 20px;
	font-weight: bold;
}

.cont2-2 > div div ul h3,
.cont2-2 > div ul h3 {
	font-size: 20px;
	font-weight: bold;
}

.cont2-2 > div ul li {
	padding-left: 10px;
	font-size: 16px;
	color: #838383;
}

.cont2-2 > div div.ic {
	margin-top: 80px;
	padding: 0 50px;
}

.cont2-2 > div div.ic2 {
	margin-top: 150px;
	padding: 0 50px;
}

.cont2-2 > h2 {
	text-shadow: 0 0 3px rgb(0 0 0 / 20%);
}

.cont2-2 > h2:not(:first-of-type) {
	margin-top: 100px;
}

.cont2-2 > h2 + p {
	color: #838383;
	font-size: 16px;
}

.cont2-2 > div ul h3 {
	color: #ed1846;
}

.cont2-2 table {
	margin-top: 20px;
	font-size: 14px;
}

.cont2-2 table img {
	width: auto;
}

.cont2-2 table tbody tr:nth-child(1) td {
	text-align: center;
}

.cont2-2 table thead tr th,
.cont2-2 table tbody tr td {
	padding: 10px;
}

.cont2-2 table thead tr th {
	background-color: #383838;
	color: #fff;
	font-size: 20px;
	border: 1px solid #f4f4f4;
}

.cont2-2 table tbody tr td {
	border-bottom: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
}

.cont2-2 table tbody tr td:nth-child(1) {
	background-color: #f4f4f4;
	text-align: center;
}

.cont2-2 table tbody tr td {
	text-align: right;
}

.pf-img_1 {
	position: absolute;
	bottom: 200px;
	right: 308px;
	width: auto;
}

.pf-img_2 {
	position: absolute;
	bottom: 300px;
	right: 20px;
	width: auto;
}

.pf-img_3 {
	position: absolute;
	bottom: 200px;
	right: 420px;
	width: auto;
}

.pf-img_4 {
	position: absolute;
	bottom: 300px;
	right: 20px;
	width: auto;
}



.cont2-3 > h2 {
	text-shadow: 0 0 3px rgb(0 0 0 / 20%);
}

.cont2-3 > div:first-of-type {
	margin-top: 20px;
}

.cont2-3 > div {
	margin-top: 50px;
}

.cont2-3 > div h3 {
	background-color: #3a3a3a;
	padding: 10px;
	color: #fff;
}

.cont2-3 > div ul li {
	float: left;
	text-align: center;
}

.cont3-2 > h2 {
	text-shadow: 0 0 3px rgb(0 0 0 / 20%);	
}

.cont3-2 > div {
	width:100vw;
	margin-left: calc(-50vw + 50%);   
	padding: 300px 0;
	background-image: url("/asset/gnkglobal/img/main/main_visual02.jpg");
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	position: relative;
	margin-top: 20px;
	text-align: center;
}

.cont3-2 > div::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0,0,0,0.7);
	z-index: 0;
	top: 0;
	left: 0;
}

.cont3-2 > div > p {
	color: #fff;
	font-size: 30px;
	position: relative;
	z-index: 1;
}

.cont3-2 > div > div {
	position: relative;
	z-index: 1;
	border: 1px solid #fff;
	padding: 30px;
	max-width: 1200px;
	margin: 20px auto 50px;
	box-shadow: 0 0 3px 1px rgba(255,255,255,0.7);
}

.cont3-2 > div > div p {
	color: #fff;
	text-align: center;
	font-size: 24px;
}

.cont3-2 > div img {
	width: auto;
	position: relative;
	z-index: 1;
}

.cont5-1 > h2 {
	text-shadow: 0 0 3px rgb(0 0 0 / 20%);	
}

.cont5-1 > div {
	margin-top: 20px;
	position: relative;
}

.cont5-1 > div div {
}

.cont5-1 > div > div:nth-child(2) {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 300px;
	height: 460px;
	z-index: 99999;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.5);	
}

.cont5-1 > div > div:nth-child(2) h3 {
	border-bottom: 2px solid #333;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

.cont5-1 > div > div:nth-child(2) ul li:not(:last-child) {
	margin-bottom: 10px;
}


.cont5-1 > div .root_daum_roughmap .wrap_controllers {
	display: none !important;
}

@media (max-width: 768px) {
	.sub_wrap .inner_wrap {
		width: 100%;
	}
	
	.cont1-1 {
		display:flex;
		flex-direction: column-reverse;
	}
	
	.cont1-1 > div {
		float: left;
		width: 100%;
	}
	
	.cont1-1 > div:nth-child(1) {
		padding-right: 0px;
		padding-top: 20px;
		font-size: 16px;
	}
	
	.cont2-1 table thead tr th {
		font-size: 16px;
	}
	
	.table_wrapper {
		width: 100%;
		overflow-x: scroll;
	}
	
	.table_wrapper table {
		width: 1000px;
	}
	
	.tstxt {
		float: right;
		color: #8e8e8e;
	}
	
	.cont2-1 > div div.ic,
	.cont2-1 > div div.ic2,
	.cont2-2 > div div.ic {
		margin-top: 0;
		padding: 0;
		margin-bottom: 20px;
	}
	
	.cont2-1 > div div,
	.cont2-2 > div div {
		width: 100%;
	}
	
	.fci_content ul {
		width: 100%;
		padding: 20px 0;
		height: auto;
		border-bottom: 1px solid #7a7a7a;
	}
	
	.fci_content ul h3 {
		margin: 10px 0;
	}
	
	.fci_content ul img {
		width: 300px;
	}
	
	.fci_content ul li {
		width: 100%;
		margin: 0 auto;
	}
	
	.cont2-3 > div ul li {
		width: 50%;
	}
	
	.cont2-3 > div:first-of-type {
		margin-top: 20px;
	}
	
	.default .write_content.asac > div:nth-child(2) {
		width: 100% !important;
	}
	
	.default .write_content.asac > div:nth-child(3) {
		display: none;
	}

	.cont3-2 > div {
		padding: 150px 0;
	}
	
	.cont5-1 > div > div:nth-child(2) {
		position: static;
		top: 0px;
		left: 0px;
		width: 100%;
		height: auto;
		padding: 20px;
		z-index: 99999;
	}
	
	.cont2-1 > div div img {
		width: 100%;
		margin-top: 20px;
	}
	
	.cont2-1 > div.cf1, .cont2-2 > div.cf1 {
		padding-bottom: 20px !important;
	}
	
	.cont2-1 > div.cf1 > span,
	.cont2-2 > div.cf1 > span {
		display: none;
	}
	
	.cont2-1 > div:not(.table_wrapper) > p {
		margin-bottom: 20px;
		margin-top: 20px;
	}
	
	.pf-img_1,
	.pf-img_2,
	.pf-img_3,
	.pf-img_4 {
		width: 100%;
		position: static;
		margin-top: 20px;
	}
	
	.cont2-1 > div.cf3 {
		padding-bottom: 20px;
	}
	
	.cont2-1 .fci_content > div {
		width: 100%;
	}
	
	.cont2-2 > div div img {
		margin-top: 20px;
	}
	
	.cont2-2 > div.cf2 {
		padding-bottom: 150px;
	}
}