@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=Ubuntu:wght@400;500;700&display=swap');



* { 
font-family: 'Pretendard', sans-serif; font-size:16px; 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:16px; color:#333; box-sizing:border-box; line-height:1.2;}
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;}


#wrap {width:100%; position:relative; overflow:hidden;}
.ent {font-family: 'Ubuntu', sans-serif;}

/* header */
header {position:relative; height:100px; /* background:red; */ border-bottom:1px solid #efefef;transition:0.5s all ease;  background:#fff;  height:90px;}
.header_inner {max-width:1280px; width:100%; margin:0 auto; position:relative; padding:16px 0; }
.header_inner h1 {position:relative; z-index:15; width:250px; bottom: -10px; }
.header_inner h1 img {width:100%;}

.btn_sitemap {position:absolute; right:0; top:56%; z-index:15; transform:translateY(-50%); -webkit-transform:translateY(-50%); display:block; width:32px; height:20px;}
.btn_sitemap span {display:block; width:100%; height:2px; background:#333333; margin-bottom:8px;}
.btn_sitemap span.sthree {margin-bottom:0;}



/* ¸ð¹ÙÀÏ */
.mobile_button {display:none; position:absolute; right:15px; top:32px; width:32px; height:29px; z-index:5;}
.mobile_button span {display:block; width:100%; height:2px; margin-bottom:10px; background:#333;}
.mobile_button span.three {margin-bottom:0;}
.m_unit {display:none; background:#fff;}
.menu_close {display:block; margin:20px 15px 20px auto; width:50px; text-align:center; background:#fff; padding:6px 10px; border-radius:100px; color:#666; }
.menu_close span {display:block; width:100%; height:3px; background:#004098; margin-bottom:7px;}
.menu_close span.one {transform:rotate(45deg); margin-top:4px;}
.menu_close span.two {display:none;}
.menu_close span.three {transform:rotate(135deg); margin-top:-10px;}
.m_bg {display:none;}




/* gnb */
.gnb {position:absolute; left:0; top:0; width:100%; text-align:center; height:90px; z-index:10; height:100%; text-align:center; /* overflow:hidden; */  transition:0.3s all ease;}
.gnb_ul {position:relative; display:inline-block;margin-left: 200px;}
.gnb_ul li {position:relative; float:left; }
.gnb_ul li > a {position:relative; display:block; font-size:20px; font-weight:500; padding:0px 80px 0px; line-height:90px;  color:#333333;}
.gnb_ul li dl {display:none; padding:10px 5px; position:absolute; left:50%; top:90px; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:160px; background:#fff; border-bottom:1px solid #efefef; border-right:1px solid #efefef; border-left:1px solid #efefef;}
.gnb_ul li dl:before {position:absolute; left:-1px; top:0; content:""; display:block; width:calc(100% + 2px); height:3px; background-image:linear-gradient(45deg, #295ba0, #26ae37);}
.gnb_ul li dl dd {}
.gnb_ul li dl dd > a {display:block; font-size:18px; padding:10px 5px; text-align:center; word-break:keep-all; }



.header.on .gnb {transition:0.3s all ease;}


	
/* m_gnb */
.m_gnb {display:none; position:fixed; left:auto; right:-100%; top:0; width:500px; height:100%; text-align:left; z-index:17; background:#fff; transition:0.4s all ease; background-image:url('/images/content_bg.png'); background-size:280px 279px; background-position:right bottom; background-repeat:no-repeat;}
.m_gnb .mgnb_ul { display:block; }
.m_gnb .mgnb_ul li {display:block; overflow:hidden;}
.m_gnb .mgnb_ul li:last-child {margin-bottom:0;}
.m_gnb .mgnb_ul li > a {position:relative; padding:15px 15px; font-size:18px; display:block; background-color:#295ba0; color:#fff;}
.m_gnb .mgnb_ul li dl {padding:0 20px;}
.m_gnb .mgnb_ul li dl dd {}
.m_gnb .mgnb_ul li dl dd > a {display:block; text-align:left; padding:10px 0;}
.m_gnb .mgnb_ul li.on {border:1px solid #004098; border-radius:;}
.m_gnb .mgnb_ul li.on > a {background:#004098; color:#fff;}
.m_gnb .m_gnb_logo{display: inline-block;    float: left;   height: 40px;    margin-top: 15px;    margin-left: 15px;}

.m_bg {background:rgba(0,0,0,0.6); position:fixed; top:0; right:-100%; width:100%; height:100%; transition:0.5s all ease;}




/* sub_contents */
.sub_contents {width:100%; background-image:url('/images/content_bg.png'); background-size:; background-repeat:no-repeat; background-position:right bottom;}
.sub_visual {width:100%; padding-top:120px;}
.sub_visualIn {display:flex; align-items:end; justify-content:space-between; width:1280px; max-width:100%; margin:0 auto;}
.sub_title {color:#111; font-weight:800; font-size:36px;}
.sub_title span {font-size:20px; font-weight:700; margin-left:24px; font-size:20px; color:#295ba0;}
.sub_contents_in {position:relative; width:1280px; max-width:100%; margin:0 auto; padding:120px 0 128px; min-height:520px;}


/* sub_path */
.sub_path { display:flex; align-items:center; justify-content:center; margin-top:10px;}
.sub_path li {float:left; padding:0 9px; position:relative; color:#666;}
.sub_path li:before {position:absolute; left:0px; top:8px; content:""; display:block; width:2px; height:2px; border-radius:50%; background-color:#b0b0b0;}
.sub_path li a {font-size:16px; color:#fff; position:relative;  display:block;}
.sub_path li a img {width:17px; height:17px;}
.sub_path li.sub_home {padding-left:0;}
.sub_path li.sub_home:before {display:none;}
.sub_path li:last-child {padding-right:0;}




/* footer */
footer {width:100%; position:relative; background:#1d6099;}
.footer_inner {width:1280px; max-width:100%; margin:0 auto; position:relative;}
.footer_inner:after {clear:both; content:""; display:block;}
.footer_info { position:relative;}
.footer_info .footer_inner { padding:32px 0 28px; }
.footer_p {color:#fff; margin-bottom:8px;}
.footer_p span {margin-right:36px; color:inherit; font-size:1em;}
.footer_p span.bold {font-weight:700;}
.footer_p span:last-child {margin-right:0px;}
.footer_p a.fcy {margin-right:36px; color:#fbff00; font-weight:700; font-size:1em;}
.copyright {margin-top:38px; color:#a5a5a5;}
.foot_contact {position:absolute; right:0; top:0; height:100%; background:rgba(255,255,255,0.1); display:flex; align-items:center;}
.foot_contact dl {padding:32px 32px;}
.foot_contact dt {color:#fff; font-size:16px; font-weight:700;}
.foot_contact dd {color:#fff; font-size:32px; font-weight:700; margin:12px 0 0;}
.foot_contact dd span {display:block; font-size:16px; color:rgba(255,255,255,0.7); margin-top:12px; font-weight:400;}
.footer_inner .logo_blackssss {position: absolute;top: 55px;right: 0px;}



/************************************ hover ************************************/
@media (hover: hover) {
  
	
		/* gnb */			
		.gnb_ul li dl dd > a:hover {font-weight:600; color:#004098;}


		/* submenu */
		.sub_menu_list li a:hover {background:#faa827; color:#fff;}

	



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



/* ¹ÝÀÀÇü Áß°£±â±â 1200px »çÀÌÁî ÀÌÇÏ*/
@media all and (max-width:1280px){
	
	
	
	/* header_inner */
	.header_inner {padding:16px 15px;}
	.btn_sitemap {right:15px;}

	/* main_contentsIn */
	.main_contentsIn {padding:0 15px;}

	/* footer_inner */
	.footer_info .footer_inner {padding:38px 0 28px 15px;}

	.footer_info .footer_inner .logo_blackssss{right:15px;}

	/* sub_visual */
	.sub_visualIn {padding:0 15px;}


	/* sub_content_in */
	.sub_contents_in {padding:120px 15px 128px;}

}



/* ¹ÝÀÀÇü Áß°£±â±â 1100px »çÀÌÁî ÀÌÇÏ*/
@media all and (max-width:1100px){
	/* header */
	.mobile_button {display:block;}	
	.btn_sitemap {display:none;}


	/* gnb */
	.m_bg {display:block; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:16; right:-100%; top:0; transition:0.4s all ease;}
	.gnb {display:none;}
	.m_gnb {display:block;}

	.header.open .m_gnb {right:0; transition:0.4s all ease; height:100%;}
	.header.open .m_bg {right:0; transition:0.4s all ease;}
	
}

/* ¹ÝÀÀÇü Áß°£±â±â 1100px »çÀÌÁî ÀÌÇÏ*/
@media all and (max-width:1000px){
	.footer_info .footer_inner .logo_blackssss{
		top: initial;
		bottom: 20px;
	}
	
}



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


	/* footer */
	.footer_info .footer_inner {padding:38px 15px 28px;}
	.foot_contact {position:initial; display:block;}
	.foot_contact dl {padding:18px 16px;}
	
}



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

	header {height:76px; background:transparent;}
	.header_inner {padding:16px 15px;}
	h1.logo {bottom: 0px;}
	.mobile_button {top:26px;}
	
	/*gnb */
	.m_gnb {width:400px;}


	/* sub_visual */
	.sub_visual {padding-top:80px;}
	.sub_title {font-size:28px;}	
	.sub_title span {margin-left:12px; font-size:16px;}

	.sub_path {display:none;}

	.sub_contents_in {padding:80px 15px 100px;}


	

	/* footer */
	.footer_inner {padding:10px 15px 0;}
	.footer_info {padding:20px 0 36px;}
	.footer_info .footer_inner {background-image:none; padding:0 15px; text-align:center; }	
	.footer_p span {display:block; margin-right:0; margin-bottom:5px;}
	.copyright {margin-top:30px;}

	.footer_info .footer_inner .logo_blackssss{
		position: relative;
		margin: 20px auto;
		margin-bottom: 0px;
		top: 0px;
	}

	.m_gnb {background-size:150px 150px; background-position: center bottom;}

}



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

	
	.m_gnb {width:320px;} 
	.m_gnb .mgnb_ul li > a {font-size:16px; padding:16px 20px;}

	.main_visual_in .main_visual_text{top:40%;}

	
	/* sub_visual */
	.sub_title {font-size:28px;}	
	.sub_title span {margin-left:0px; margin-top:3px; display:block;  font-size:16px;}

	/* sub_content_in */
	.sub_contents_in {padding:70px 15px 80px;}


	/* sub_contents */
	.sub_contents {background-size:280px 279px;}


	/* footer */	
	.footer_p  {font-size:14px;}
	.foot_contact dt {font-size:14px;}
	.foot_contact dd {font-size:20px; margin:5px 0 0;}
	.foot_contact dd span {font-size:14px; margin-top:5px;}
	.copyright {font-size:14px;}


}



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

	
	

}