@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');



* { 
font-family: 'Pretendard', sans-serif; font-size:14px; color:#333;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{font-family: 'Pretendard', sans-serif; font-size:14px; color:#333; box-sizing:border-box; line-height:1.2;  
  -webkit-text-size-adjust : none;  /* Å©·Ò, »çÆĸ®, ¿ÀÆä¶ó ½Å¹öÀü */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* ÆÄÀ̾îÆø½º */
  -o-text-size-adjust : none;  /* ¿ÀÆä¶ó ±¸¹öÀü */}
a {text-decoration:none;}



input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {box-shadow:none; -webkit-box-shadow:none; border:1px solid #333 !Important;}

.ent {font-family: 'Montserrat', sans-serif;}


#wrap {width:100%; position:relative;}

/* header */
header {width:100%; height:100px; background:#fff; position:relative; z-index:5; }
.header_inner {display:flex; justify-content:space-between; align-items:center; width:calc(100% - 200px); max-width:100%; margin:0 auto; position:relative;}
h1.logo {position:relative; z-index:5; width:170px; height:57px;}
h1.logo a {display:block; width:100%; height:100%;}
h1.logo a img {width:100%;}
h1.logo a img.logo_main {display:none;}

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



/* gnb */
.gnb {}
.gnb_ul {display:flex; margin-right:-30px;}
.gnb_ul li {position:relative;}
.gnb_ul li:before {position:absolute; top:0; left:0; width:0; height:5px; background-color:#1f67b1; content:""; display:block; transition:0.4s width ease;}
.gnb_ul li > a {display:block; line-height:100px; padding:0 30px; font-size:20px; }
.gnb_ul li > dl {display:none; background-color:#fff; position:absolute; left:0; top:100px; z-index:2; width:100%; border:1px solid #efefef; box-shadow:0 0 5px rgb(0 0 0 / 5%);}
.gnb_ul li > dl dd {}
.gnb_ul li > dl dd a {display:block; font-size:18px; text-align:center; padding:15px 0;}


.sitemap {display:block; width:36px; margin-left:30px;}
.sitemap span {display:block; width:100%; height:3px; background-color:#111;}
.sitemap span + span {margin-top:8px;}

.header_sns {display:flex; margin-left:40px;}
.header_sns li {margin-left:12px;}
.header_sns li:fisrt-child {margin-left:0;}
.header_sns li a {display:block; height:24px;}
.header_sns li a img {height:24px;}

.mo_header_sns {display:flex; margin-top:40px; justify-content:center;}
.mo_header_sns li {margin:0 10px;}
.mo_header_sns li a {display:block; height:24px;}
.mo_header_sns li a img {height:24px;}



/* ¸ð¹ÙÀÏ */
.mobile_button {display:none; position:absolute; right:15px; top:32px; width:39px; height:29px; z-index:5;}
.mobile_button span {display:block; width:100%; height:3px; background-color:#111;}
.mobile_button span + span {margin-top:12px;}
.m_unit {display:none;}
.mMenu_close {display:block; width:32px; position:absolute; right:15px; top:33px; }
.mMenu_close span {display:block; width:100%; height:2px; background:#111; margin-bottom:7px;}
.mMenu_close span.one {transform:rotate(45deg); margin-top:4px;}
.mMenu_close span.two {display:none;}
.mMenu_close span.three {transform:rotate(135deg); margin-top:-10px;}


/* m_gnb */
.m_gnb { position:fixed; right:-50%; top:0; z-index:20; width:50%; height:100%; background:#fff; text-align:left; overflow-y:scroll; padding:80px 0 30px; transition:0.5s all ease;}
.mgnb_ul {width:100%; padding:0 15px;}
.mgnb_ul li {padding:0 0; border-bottom:1px solid #ddd;}
.mgnb_ul li:first-child {border-top:1px solid #ddd;}
.mgnb_ul li > a {position:relative; padding:22px 20px; display:block; font-size:18px; }
.mgnb_ul li > a:before {position:absolute; right:30px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); content:""; display:block; width:12px; height:7px; background-image:url('/images/faq_arrow.png'); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.mgnb_ul li dl {display:none;}
.mgnb_ul li dl dd {}
.mgnb_ul li dl dd > a {display:block; padding:12px 20px; font-size:18px;}
.mgnb_ul li dl dd:last-child > a {border-bottom:0;}
.mgnb_bg { position:fixed; top:0; right:-100%; width:100%; height:100%; transition:0.5s all ease; background-color:rgba(0,0,0,0.6); z-index:10; }

.mgnb_ul li.on > a {background-color:#1f67b1; color:#fff;}
.mgnb_ul li.on > a:before {background-image:url('/images/faq_arrow_white.png');}


/* m_reserve */
.m_reserve {
	padding:0 15px;
	margin-bottom:30px;
}
.m_reserve_Title {
	font-size:16px;
	padding: 10px;
    background-color: #1f67b1;
    color: #fff;
}
.m_reserve_box {
	display: flex;
    border: 1px solid #1f67b1;
    padding: 15px 0;
}
.m_reserve_unit {
	width:33.33%;
}
.m_reserve_unit a {
	display:flex;
	padding:0 15px;
	align-items:center;
	flex-direction:column;
}
.m_reserve_img {
	width:45px;
}
.m_reserve_img img {
	width:100%;
}
.m_reserve_tit {
	font-size:16px;
	color:#666;
	margin-top:5px;
}


/* sub_quick */
.sub_quick {
	position:fixed;
	right:-100px;
	top:100px;
	z-index:2;
	width:100px;
	height:300px;
	transition:0.5s all ease;
}
.sub_quick.active {
	right:0;
	transition:0.5s all ease;
}
.sub_quick_arrow {
	position:absolute;
	left:-60px;
	top:0;
	width:60px;
	height:60px;
	background-color:#1f67b1;
	text-align:center;
	color:#fff;	
	display:flex;
	flex-direction:column;
	align-items: center;
    justify-content: center;
	font-size:14px;
	line-height:1;
	cursor:pointer;
}
.sub_quick_arrow img {
	width:8px;
	height:14px;
	margin-bottom:7px;
}
.sub_quick_box {
	height:100%;
	border:1px solid #1f67b1;
}
.sub_quick_unit {
	height:33.33%;
}
/* .sub_quick_unit.one {
	background-color:#0a4077;
}
.sub_quick_unit.two {
	background-color:#419b10;
}
.sub_quick_unit.three {
	background-color:#eb9c0f;
} */
.sub_quick_unit a {
	position:relative;
	display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
	background-color:#fff;
}
.sub_quick_unit a:before {
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	width:80%;
	height:1px; 
	background-color:#ddd;
	content:"";
	display:block;
}
.sub_quick_unit.three a:before {
	display:none;
}
.sub_quick_img {
	width:45px;
}
.sub_quick_img img {
	width:100%;
}
.sub_quick_tit {
	font-size:15px;
	color:#333;
	margin-top:5px;
}





/* sub_contents */
.sub_contents {width:100%;}
.sub_visual {width:calc(100% - 200px); margin:0 auto; height:300px; background-image:url('/images/sub_visual.png'); background-repeat:no-repeat; background-size:cover; background-position:center center;}
.sub_visual_in {height:100%; width:1280px; max-width:100%; margin:0 auto; display:flex; align-items:center; justify-content:space-between;}
.subv_title {font-size:36px; font-weight:700; color:#fff;}
.sub_contents_in {width:1280px; max-width:100%; margin:0 auto; padding:120px 0 130px; min-height:560px;}
.sub_content_load {display:flex; justify-content:space-between; margin-bottom:45px; align-items:baseline;}
.sub_tit {font-size:32px;}
.subv_loca {display:flex; align-items:center;}
.subv_loca li {position:relative; padding:0 13px; position:relative; color:#fff;}
.subv_loca li:before {position:absolute; right:-4px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width:7px; height:12px; content:""; display:block; background:url('/images/sub_loca_arrow.png') center center no-repeat; background-size:contain;}
.subv_loca li:last-child {padding-right:0;}
.subv_loca li:last-child:before {display:none;}
.subv_loca li img {vertical-align:initial; margin-top:2px;}



/* sub_menu */
.sub_menu {width:calc(100% - 200px); margin:0 auto; border-bottom:1px solid #ddd;}
.sub_menu_ul {display:flex; align-items:center; justify-content:center; text-align:center; height:60px;}
.sub_menu_ul li {height:100%; position:relative;}
.sub_menu_ul li:before {position:absolute; left:50%; bottom:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:0; height:4px; background-color:#1f67b1; content:""; display:block; transition:0.3s all ease;}
.sub_menu_ul li a {display:flex; height:100%; align-items:center; padding:0 30px; font-size:18px; color:#666;}
.sub_menu_ul li.on:before {width:100%;}
.sub_menu_ul li.on a {color:#1f67b1; font-weight:600;}



/* footer */
footer {width:100%; position:relative;}
.footer_inner {width:1280px; max-width:100%; margin:0 auto; position:relative;}
.footer_inner:after {clear:both; content:""; display:block;}

.footer_banner {width:100%; border-top:1px solid #ddd; position:relative;}
.logo_list {width:1280px; max-width:100%; margin:0 auto;}
.logo_list:after {clear:both; content:""; display:block;}
.logo_list li {float:left; width:20%;}
.logo_list li a {display:block;}
.logo_list li a img {width:100%;}
.logo_list .slick-prev, .logo_list .slick-next {position: absolute; top:50%; display:block; width:16px; height:27px; box-sizing:border-box; padding: 0; cursor: pointer;    color: transparent;    border: none;    outline: none;    background: transparent; transform:translateY(-50%); background-position:center center; background-size:contain; background-repeat:no-repeat;}
.logo_list .slick-prev:before, .logo_list .slick-next:before {display:none !important;}
.logo_list .slick-prev { left:-20px; background-image:url('/images/foot_banner_arrow01.png'); transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease;  -webkit-transition: all 0.2s ease;}
.logo_list .slick-next { right:-20px; background-image:url('/images/foot_banner_arrow02.png'); transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease;  -webkit-transition: all 0.2s ease;}



.footer_menu {background-color:#1a1a1a; width:100%;}
.foot_menu {display:flex; padding:15px 0;}
.foot_menu li {}
.foot_menu li a {position:relative; font-size:14px; color:#b9b9b9; padding:0 15px;}
.foot_menu li a:before {position:absolute; left:0; top:3px; width:1px; height:10px; background-color:#5b5b5b; content:""; display:block;}
.foot_menu li:first-child a {padding-left:0;}
.foot_menu li:first-child a:before {display:none;}
.foot_menu li.privacy a {color:#ff7f00; font-weight:700;}


.footer_info {padding:30px 0 45px; position:relative;;  background-color:#1a1a1a; border-top:1px solid #282828;}
.footer_info .footer_inner {display:flex; background:url('/images/foot_logo.png') right center no-repeat; background-size:233px 79px;}
.foot_info_ul {}
.foot_info_ul li {font-size:14px; color:#b9b9b9;}
.foot_info_ul li + li {margin-top:5px;}
.foot_info_ul li.copyright {margin-top:45px;}
.foot_info_ul li span {font-size:1em; color:inherit;}
.foot_info_ul li span + span {margin-right:30px;}
.foot_info_call {margin-left:100px; padding-left:36px; border-left:1px solid #282828;}
.foot_call {font-size:28px; font-weight:700; color:#fff;}
.foot_info_call dl {margin-top:10px;}
.foot_info_call dl dt {font-weight:500; color:#fff; font-size:16px;}
.foot_info_call dl dd {font-size:14px; color:#fff; font-weight:100;}


/************************************ hover ************************************/
@media (hover: hover) {
  
	
		.gnb_ul li:hover:before {width:100%;  transition:0.4s width ease;}
		.gnb_ul li > dl dd a:hover {background-color:#1f67b1; color:#fff;}

		.sub_menu_ul li:hover:before {width:100%; transition:0.3s all ease;}
	



}
/************************************ hover ************************************/





/* ¹ÝÀÀÇü Áß°£±â±â 1380px »çÀÌÁî ÀÌÇÏ*/
@media all and (max-width:1480px){
	
	/* header */
	.header_inner {width:calc(100% - 100px);}



	/* sub_visual */
	.sub_visual {width:100%; padding:0 50px;}


	/* sub_menu */
	.sub_menu {width:calc(100% - 100px);}
	

}



/* ¹ÝÀÀÇü Áß°£±â±â 1280px »çÀÌÁî ÀÌÇÏ*/
@media all and (max-width:1280px){
	

	
	

	/* sub_content */
	.sub_contents_in {padding:80px 15px 90px; min-height:200px;}


	/* footer */
	.footer_inner {padding:0 15px;}
	.footer_info .footer_inner {background-position:right 15px center;}


	

}




/* ¹ÝÀÀÇü Áß°£±â±â 1100px »çÀÌÁî ÀÌÇÏ*/
@media all and (max-width:1100px){
	

	
	
	/* header */
	.header_inner {width:100%; padding:20px 0 0 20px;}
	.sitemap {display:none;}
	.header_sns {display:none;}
	.mobile_button {display:block; top:33px; right:20px;}


	/* gnb */
	.gnb {display:none;}
	.header.open .m_gnb {display:block; right:0;}
	.header.open .mgnb_bg {display:block; right:0;}
	.m_gnb {}
	.mgnb_bg {}


	/* sub_visual */
	.sub_visual {width:100%; height:240px; padding:0 15px;}
	.sub_visual_in {flex-direction:column; justify-content:center;}
	.subv_loca li:first-child {padding-left:0;}



	/* sub_menu */
	.sub_menu {width:100%; display:none;}


	/* sub_quick */
	.sub_quick {display:none;}
	



	
}

/* ¹ÝÀÀÇü Áß°£±â±â 998px »çÀÌÁî ÀÌÇÏ*/
@media all and (max-width:998px){

	
	/* footer */
	.footer_info .footer_inner {background:none; justify-content:space-between;}	
	.foot_info_call {margin-left:0; padding-left:0; border:0;}


}



/* ¹ÝÀÀÇü Áß°£±â±â 768»çÀÌÁî ÀÌÇÏ */
@media screen and (max-width: 768px) {	

	/* header */
	header {height:80px;}
	.header_inner {padding:15px 0 0 15px;}
	h1.logo {width:140px; height:47px;}
	.m_gnb {width:320px; right:-360px;}
	.mobile_button {right:15px; top:30px; width:24px;}
	.mobile_button span {height:2px;}
	.mobile_button span + span {margin-top:7px;}
	.mMenu_close {width:24px;}
	.mMenu_close span {height:2px;}


	/* sub_visual */
	.sub_visual {height:200px;}
	.sub_stxt {font-size:18px; padding-top:78px;}
	.sub_stitle {font-size:28px; margin-top:5px;}


	


	/* sub_content_in */
	.sub_content_load {margin-bottom:28px;}
	.sub_tit {font-size:28px;}


	/* footer */
	.foot_menu li a {padding:0 8px; font-size:13px;}
	.footer_info {padding:20px 0 36px;}
	.footer_info .footer_inner {jusfity-content:space-between; flex-direction:column-reverse;}
	.foot_info_call {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #3a3a3a;}
	.foot_call {font-size:24px;}
	.foot_info_call dl {margin-top:3px;}
	.foot_info_call dl dt {font-size:14px;}
	.foot_info_ul {padding-top:65px; background:url('/images/foot_logo.png') top left no-repeat; background-size:140px 46px;}
	.foot_info_ul li.copyright {margin-top:22px;}
	.foot_info_ul li span {display:block;}
	.foot_info_ul li span + span { margin-right:0; margin-top:5px; }


}



/* ¹ÝÀÀÇü ÀÛÀº±â±â 480»çÀÌÁî ÀÌÇÏ */
@media screen and (max-width: 480px) {	


	/* header */
	header {height:68px;}
	.header_inner {padding-top:13px;}
	h1.logo {width:120px; height:40px;}

	.m_gnb {padding:62px 0 30px;}
	.mgnb_ul li > a {padding:16px 20px;}
	.mgnb_ul li dl dd > a {padding:12px 20px; font-size:16px;}


	.mobile_button {top:24px;}

	.mMenu_close {width:28px; top:25px;}

	.m_reserve_img {
		width:35px;
	}
	.m_reserve_tit {
		font-size:15px;
	}

	/*sub_visual*/
	.sub_visual {height:160px;}
	.sub_stxt {font-size:14px; padding-top:58px;}
	.sub_stitle {font-size:24px;}
	


	


	/* sub_content_in */
	.sub_contents_in {padding:30px 15px 60px;}
	.sub_content_load {margin-bottom:24px;}
	.sub_tit {font-size:24px;}
	.sub_load {display:none;}




}



/* ¹ÝÀÀÇü ÀÛÀº±â±â 360»çÀÌÁî ÀÌÇÏ */
@media screen and (max-width: 360px) {	

	
	

}