*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:15px;
}
body {
line-height:1;
font-family: 'GmarketSansMedium', 'NotoSansKR', sans-serif;
font-weight: 400;
color: #4c4c4c;
padding: 2rem;
margin:0;
padding:0;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-ms-overflow-style: none; /* for Internet Explorer, Edge */
scrollbar-width: none; /* for Firefox */
overflow-y: scroll;
}
body::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}
a {
text-decoration:none;
padding:0;
margin:0;
color:black;
}
button:focus {outline:0;}
input:focus {outline:0;}
textarea {
resize: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
u,div,span {
	text-underline-offset:3px;
}
.scroll::-webkit-scrollbar {
display: none;
}
.scroll {
-ms-overflow-style: none; /* 인터넷 익스플로러 */
scrollbar-width: none; /* 파이어폭스 */
}

.font-nsr {font-family: 'NotoSansKR';font-weight: 400;}
.font-nmj {font-family: 'Nanum Myeongjo';font-weight: 400;}
.font-nmg {font-family: 'Nanum Gothic';font-weight: 400;}
.font-sans-b {font-family: 'GmarketSansBold';font-weight: 400;}
.font-sans-m {font-family: 'GmarketSansMedium';font-weight: 400;}
.font-sans-l {font-family: 'GmarketSansLight';font-weight: 400;}

#main_wrapping {width:60%;margin-left:auto;margin-right:auto;}
#header {position:relative;width:100%;}

/* slide */
#slide_wrap {position: relative;width:100%;}
.owl-theme .owl-dots .owl-dot span {width: 1rem;height: 1rem;margin: 0.5rem;display: block;-webkit-backface-visibility: visible;-moz-border-radius: 14px;-webkit-border-radius: 14px;border-radius: 14px;background: #fff;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {border: 2px solid #fff;background-color: transparent;}
.owl-theme .owl-nav.disabled + .owl-dots {position: absolute;bottom: 2%;width: 100%;text-align: center;}
.slidewrap .txt {position: absolute;width: 100%;left: 0;z-index: 100;top: 25%;color: #fff;}
.slidewrap .txt span {font-weight: 200;display: inline-block;line-height: 1.5;font-size: 2.4rem;}
.slidewrap .txt h2 {font-size: 1.7rem;font-weight: 400;border-bottom: 1px solid #fff;display: inline-block;line-height: 1.5;margin-bottom: 35px;}
.slidewrap .txt p {font-size: 2.6rem;font-weight: 600;letter-spacing: -1px;margin-bottom: 4%;}
.slidewrap .txt .btn-link {font-size: 18px;border: 1px solid #fff;border-radius: 0px;padding: 0.5% 2% 0.5% 2%;}
.slide-img {display: inline-block; background-size: cover; width: 100%; max-width: 100%;}
.slide-img2 {display: block; background-size: cover; width: 50%; max-width: 50%;    margin: auto;}
.slide-img3 {display: table; background-size: cover; width: 10%; max-width: 10%;    margin: auto;}
.item {text-align:center;}

/* top menu */
#top_menu {position:absolute;top:1%;left:0;display:flex;width:97%;z-index:200;margin-left:2%;margin-top:2%;flex: auto;}
#top_menu_left {width:30%;display:flex;flex: auto;}
#top_logo {position:relative;left:3rem;top:0.1rem;}
#top_logo_img {width:10rem;}
#top_menu_right {width:70%;font-size:0.7rem;line-height:180%;color:white;position:relative;margin-top:1.5%;flex:auto;}
#top_menu_right_txt {position:absolute;width:100%;right:4.5%;text-align:right;font-size:0.9rem;}
#top_menu_right_txt_span {font-weight:bold;font-size:0.9rem;}
.gnb-button {position: relative;z-index: 200;cursor: pointer;top:35%;left:4%;}
.gnb-button .icon-bar {display: block;width: 1.4rem;height: 0.2rem;margin-bottom: 0.4rem;background: #ffffff;}

/* popup menu */
#black_screen {position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5);z-index:999;display:none;}
#menu_base {position:absolute;width:60%;aspect-ratio:1/0.45;top:12%;left:20%;z-index:999;background-color:white;display:none;}
#menu_main_wrap {width:86%;margin-left:7%;height:80%;}
#menu_base_top {width:100%;height:15%;margin-top:5%;display:flex;text-align:center;}
#menu_base_top_logo {width:20%;height:100%;display:flex;align-items:center;}
#menu_base_top_logo > a > img {width:90%;}
#menu_base_top_txt {width:50%;height:100%;text-align:left;display:table;padding-left:4%;}
#menu_base_top_txt > span {display:table-cell;vertical-align:middle;font-size:0.90rem; line-height:140%;}
.menu_base_top_icon {width:8.7%;height:100%;display:flex;align-items:center;}
.menu_base_top_icon > a > img {width:70%;}
#menu_base_main {width:100%;height:50%;margin-top:5%;}
.menu_base_line_1 {width:100%;height:40%;display:flex;justify-content:center; color:#142f58;}
.menu_base_line_2 {width:100%;height:28%;display:flex;justify-content:center;margin-top:2%;color:#142f58;}
.menu_base_line_title {width:27%;height:100%;border-top:3px solid #142f58;padding-top:1%;font-weight:bold;font-size:1.5rem;text-align:center;line-height:2rem;}
.menu_base_list {width:100%;height:50%;list-style:none;display:flex;flex-flow: row wrap;align-content: flex-start;text-align:center;color:#142f58;}
.menu_base_list > li {width:25%;height:2.8rem;font-size:1.3rem;line-height:2rem;}
#menu_base_bottom {width:100%;height:20%;background-color:#aaaaaa;color:white;text-align:center;display:flex;justify-content:center;}
#menu_base_bottom_left {width:49%;height:100%;display:table;text-align:right;padding-right:2%;}
#menu_base_bottom_left > span {display:table-cell;vertical-align:middle;font-size:1.2rem}
#menu_base_bottom_line {position:relative;top:30%;width:2%;height:40%;border-left:1px solid #fff;}
#menu_base_bottom_right {width:49%;height:100%;display:flex; flex-wrap: nowrap; align-items: center;}
#menu_base_bottom_right_txt {font-size:1.2rem;}

#menu_base_close {position:absolute;top:102%;width:100%;height:10%;background-color:rgba(0,0,0,0);text-align:right;color:white;vertical-align:bottom;font-weight:bold;}
/* footer */
#footer {width:100%;height:22vh;background-color:#909090;padding:8px;padding-top:3%;display:flex;}
#footer_left {width:28%;height:60%;position:relative;}
#footer_left_logo {position:absolute;max-width:56%; max-height:100%;width:auto; height:auto;margin:auto;top:0; bottom:0; left:0; right:0;}
#footer_txt_span {display:table-cell;vertical-align:middle;line-height:140%;font-size:0.60rem;letter-spacing:0.05rem;font-weight:bold;text-align:left;}
#footer_right {width:70%;height:70%;display:flex;flex-flow: row wrap;align-content: flex-start;}
#footer_icon {width:50%;height:90%; padding-topy:5%;display:flex;justify-content:center;flex:auto;border-left:1px solid #fff;}
.footer_icon_item {width:16%;text-align:center;position:relative;}
.footer_icon_img {position:absolute;max-width:34%; max-height:100%;width:auto; height:auto;margin:auto;top:0; bottom:0; left:0; right:0;}
#footer_txt {width:50%;height:100%;display:table;text-align:center;color:white;}

/* main contents */
#contents_wrapping {width:100%;padding-top:5%;padding-bottom:5%;}
#contents_inside_wrapping {width:70%;margin-left:auto;margin-right:auto;}
.contents_block {width:100%;margin-bottom:7rem;}
.contents_title {width:100%;text-align:center; color:#141f3d;font-size:2rem;vertical-align:bottom;margin-top:60px;height:50px;}
.contents_inside {width:100%;display:flex;flex-flow: row wrap;align-content: flex-start;}
.contents_inside_sideblock {width:50%;padding:3px;aspect-ratio:1/0.6;}
.contents_inside_normal {width:50%;padding:3px;aspect-ratio:1/0.6;}
.contents_inside_link_sideblock {width:100%;height:100%;display:flex;position:relative;}
.contents_inside_normal_side_left {width:35%;height:100%;text-align:center;display:table;}
.contents_inside_normal_side_right {width:65%;height:100%;background-position:center;background-size:cover;text-align:center;display:table;}
.contents_inside_normal_side_right_txt {width:100%;height:100%;text-align:center;display:table;opacity:0;transition: background-color 0.3s;}
.contents_inside_text {display: table-cell;vertical-align: middle;color:black;font-size:1.2rem;line-height:140%;}
.contents_inside_text_right {display: table-cell;vertical-align: middle;color:white;font-size:1.2rem;line-height:120%;}
.contents_inside_text_white {display: table-cell;vertical-align: middle;color:white;font-size:1.2rem;line-height:120%;}
.contents_inside_text_top {font-weight:bold;font-size:1.4rem;}
.contents_inside_normal_inner {width:100%;height:100%;background-position:center;background-size:cover;text-align:center;display:table;}
.contents_sub_title {width:100%;text-align:center;font-weight:bold;color:black;font-size:1.5rem;vertical-align:bottom;margin-top:60px;height:50px;text-decoration: underline;}
.contents_sub_title_bottom {
	width:100%;text-align:center;
}
.contents_sub_title_bottom .title_main {
	font-size:2.5rem;
	line-height:120%;
		color:black;
}
.contents_sub_title_bottom .title_sub {
	font-size:1.4rem;
	line-height:120%;
	color:black;
}
.contents_inside_sub {
	width:100%;
	font-size:1rem;
	line-height:180%;
	text-align:center;
}


/* utils */
.bold {
	font-weight:bold;
}
.box_gray {
	background-color:#EDEDED;
	line-height:160%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:3%;
	padding-right:3%;
}

.box_gray2 {
	position: relative;
	background-color:#EDEDED;
	line-height:160%;
	top:-36px;
	padding-top:1%;
	padding-bottom:1%;
	padding-left:2%;
	padding-right:2%;
}

.spacing-top {
	margin-top:3%;
}

.spacing-top-l {
	margin-top:3%;
	line-height:220%;
}

.spacing-top-s {
	margin-top:1%;
}
.spacing-top-x {
	margin-top:-1%;
}
.font_size_3 {
	font-size:1.4rem;
}
.font_size_2 {
	font-size:1.2rem;
}
.font_size_1 {
	font-size:1.0rem;
	
}
.font_size_0 {
	font-size:0.8rem;
	
}
.txt_under {
	text-decoration:underline;
}

.txt_nounder {
	text-decoration:none;
}

.color_navy {
	color:#0C2D5F;
	
}

.color_blue {
	color:#00acfa;
	
}
.color_orange {
	color:#ff9813;
	
}

.color_black {
	color:#000000;
	

	
}

/* mobile vertical */
@media (max-width: 575px) {
	html {
		font-size:8px;
	}
	#main_wrapping {
		width:100%;
	}
	#contents_inside_wrapping {
		width:95%;
	}
	.contents_inside_normal_side_left{
		width:56%;
	}
	.contents_inside_normal_side_right{
		width:55%;
	}
	.item {
		min-height:40%;
	}
	.slide-img {
		height:100%;
	}
	#top_logo {
		position:relative;
		left:2rem;
		top:0.1rem;
		}
	#footer_txt {
		width:95%;
		height:50%;
		font-size:0.3rem;
	}
	#menu_base {
		width:100%;
		left:0;
		aspect-ratio:1/0.9;
	}
	.menu_base_list > li {
		width:40%;
	}
	.menu_base_line_2 {
		margin-top:3.5%;
	}
	#footer_icon {
		border-left:0;
		border-top:1px solid #fff;
	}
	#top_menu_right {
		margin-top:3%;
	}
	#footer_left_logo {
		
		max-width:100%;
		top:10px;
	}
	.footer_icon_img {
		max-width:50%;
	}

	#footer_txt_span {

		display:table-cell;vertical-align:middle;line-height:120%;letter-spacing:0.1rem;font-weight:bold;text-align:center;}
} 

 
/* mobild horizon */
@media (min-width: 576px) and (max-width: 767px) {
	html {
		font-size:8px;
	}
	#main_wrapping {
		width:70%;
	}
	#contents_inside_wrapping {
		width:80%;
	}
	.contents_inside_normal_side_left{
		width:45%;
	}
	.contents_inside_normal_side_right{
		width:55%;
	}
	#menu_base {
		width:100%;
		left:0;
		aspect-ratio:1/0.45;
	}
	.menu_base_list > li {
		width:25%;
	}
}

/* pad  */
@media (min-width: 768px) and (max-width: 991px) {
	html {
		font-size:13px;
	}
	#main_wrapping {
		width:70%;
	}
	#contents_inside_wrapping {
		width:80%;
	}
	#menu_base {
		width:100%;
		left:0;
		aspect-ratio:1/0.55;
	}
	.menu_base_list > li {
		width:33%;
	}
	.menu_base_line_2 {
		margin-top:2.5%;
	}
}
 
/* desk  */
@media (min-width: 1000px) {
	html {
		font-size:15px;
	}
	#main_wrapping {
		width:100%;
	}
	#contents_inside_wrapping {
		width:55%;
	}
	.item {
		min-height:60%;
	}
	.slide-img {
		height:100%;
	}
	.menu_base_list > li {
		width:25%;
	}
}