@charset "utf-8";
 
#body_fade						{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.80;z-index:9990000;}
#popup_fade						{display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.80;z-index:9999900;}
#top_menu_fade					{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.50;z-index:9980000;}

:root {
	--main:#1a64c3;
	--sub:#1f3faa; 
	--gra:linear-gradient(135deg, #3068c9 0%,#034694 100%);
	--gra1:linear-gradient(45deg, #02cbdf 0%, #0063b7 100%);
}

/* Layout    ================================================================================== */
.web_size					{position:relative; max-width:1400px; margin:0 auto; } 

#header_main, #header_sub	{position:relative; padding:150px 0 0 0; overflow:hidden;}  
#header_sub:after			{content:''; position:absolute; left:0; top:150px; width:100%; height:250px; background:linear-gradient(#f5f7fd, #fff); z-indeX:-1;}

#sub_wrap					{position:relative; padding:80px 0;}
#sub_main					{margin-left:330px;}  
#main_contents				{position:relative; padding-bottom:60px; min-height:500px;}
#sub_title					{padding-bottom:30px; border-bottom:1px solid #ddd; margin-bottom:40px;}
#sub_title h3				{font-family: 'S-CoreDream-6Bold'; font-size:2.2em; line-height:1; color:#111; letter-spacing:-2px;}
#sub_title .location				{position:relative; display:flex; gap:0 35px; margin-top:20px;}
#sub_title .location .home			{font-size:0.85em;}
#sub_title .location>div			{position:relative;}
#sub_title .location>div:before		{content:''; position:absolute; top:10px; left:-25px; border:solid #aaa; border-width:1px 1px 0 0; padding:3px; transform:rotate(45deg);}
#sub_title .location>div:first-child:before	{display:none;}
#sub_title .location>div a			{font-family: 'S-CoreDream-4Regular'; color:#888; font-size:0.95em;}
#sub_title .location .current	{font-family: 'S-CoreDream-5Medium'; color:#444;}	 

#left_menu					{position:absolute; width:260px; top:60px; z-index:1;}
#left_menu h2				{font-family: 'S-CoreDream-5Medium'; text-align:center; color:#fff; font-size:28px; height:200px; padding-top:60px; letter-spacing:-1px; background:var(--gra); border-radius:60px 20px 20px 20px; margin:0 20px 0 -20px; }
.snb 						{position:relative; padding:20px 30px 30px 30px; background:#fff; box-shadow:0 0 20px 1px rgba(128,128,128,0.2); border-radius:10px 10px 40px 10px; margin-top:-75px;}
.snb>li						{position:relative;}
.snb>li:before				{content:''; position:absolute; top:24px; right:9px; z-index:1; border:solid #adadad; border-width:2px 2px 0 0; padding:2px; transform: rotate(45deg);}
.snb>li:after				{position:absolute; content:''; right:0; top:16px; width:22px; height:22px; background:#f8f8f8; border-radius:3px;}
.snb>li a					{font-family: 'S-CoreDream-4Regular'; position:relative; display:block; text-indent:5px; line-height:56px; letter-spacing:-1px; color:#666; border-bottom:1px solid #e5e5e5; }
.snb>li a:after				{content:''; width:0; height:2px; background:var(--sub); position:absolute; z-index:1; bottom:-1px; left:0; transition:all 0.3s ease; overflow:hidden; display:inline-block;}
.snb>li.current a, .snb>li:hover a	{font-family: 'S-CoreDream-5Medium'; color:var(--sub); }	
.snb>li.current a:after, .snb>li:hover a:after	{width:100%;}
.snb .current:after			{background:var(--sub);}	
.snb .current:before		{border-color:#fff;}
.snb>li>ul 					{display:none;}

#sub_navigation				{display:none; position:relative; background:var(--main); line-height:60px;}   
#sub_navigation .home		{float:left; border-right:1px solid rgba(256,256,256,.3); width:60px; text-align:center;}
#sub_navigation .path01		{display:flex;}
#sub_navigation .path_arrow		{text-indent:20px;}
#sub_navigation .path_arrow02	{border-right:1px solid rgba(256,256,256,.3); border-left:1px solid rgba(256,256,256,.3);}
#sub_navigation a			{font-family: 'S-CoreDream-4Regular'; display:block; color:#fff; letter-spacing:-0.75px; width:250px; } 
#sub_navigation .sub_navigation_depth			{position:relative;}
#sub_navigation .sub_navigation_depth p			{font-family: 'S-CoreDream-4Regular'; background:url("../image/common/path_arrow2.png") no-repeat 90% 0; cursor:pointer; text-indent:20px;}
#sub_navigation .sub_navigation_depth p.current	{background-position:right -34px;}
#sub_navigation .sub_navigation_depth p.on		{background-position:right -80px;}
#sub_navigation .sub_navigation_depth ul		{display:none; position:absolute;  width:100%; z-index:111; border-top:1px solid #5f93d5;}
#sub_navigation .sub_navigation_depth ul a		{line-height:52px; font-size:0.95em; background:var(--main); border-bottom:1px solid rgba(256,256,256,.3); transition:all 0.3s ease; cursor:pointer; text-indent:20px;}
#sub_navigation .sub_navigation_depth ul a:hover	{background:#1b7fdc; text-indent:25px;}

#main_contents .input_form		{padding:0 10px; line-height:40px; font-size:1em;}
#main_contents select			{min-height:40px; padding:0 10px;}

/* 카피라이트   ==================================================================================== */ 
.copyright						{position:relative; background:#212428; padding:60px 0; font-size:0.95em;}
.copyright ul					{display:flex; gap:0 20px;}  
.copyright ul li a				{color:rgba(255,255,255,.6); letter-spacing:-1px;}
.copyright ul li:first-child a	{font-weight:500; color:#fff;}
.copyright address				{font-style:normal; color:rgba(255,255,255,.5); line-height:1.8; padding:20px 0;}
.copyright address span			{padding-right:20px;}
.copyright address span br		{display:none;}
.copyright .copy				{color:rgba(255,255,255,.3);} 

.btn_top						{position:fixed; right:40px; bottom:40px; width:60px; line-height:60px; text-align:center; z-index:2200; background:#1a64c3; border-radius:3px; box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.btn_top i						{color:#fff;}


/*  서브페이지 탭메뉴   ==================================================================================== */
.sub_tabmenu01					{display:flex; justify-content:space-around; gap:5px; text-align:center; width:100%; margin-bottom:40px;}
.sub_tabmenu01 li				{width:100%; text-align:center; cursor:pointer; }
.sub_tabmenu01 li a				{font-family: 'S-CoreDream-4Regular'; display:block; color:#555; background:#F1F3F5; line-height:56px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 10px; border-radius:3px;}
.sub_tabmenu01 .on a			{font-family: 'S-CoreDream-5Medium'; color:#fff; background:#153260; }

.sub_tabmenu02 						{display:flex; justify-content:center; border-bottom:1px solid #e0e0e0; margin:-40px 0 40px 0;}
.sub_tabmenu02 li					{position:relative; border-bottom:2px solid #fff;}
.sub_tabmenu02 li:after				{content:''; position:absolute; top:0; left:0; bottom:0; width:1px; height:15px; margin:auto; background:#ddd;}
.sub_tabmenu02 li:first-child:after	{display:none;}
.sub_tabmenu02 li a					{font-family: 'S-CoreDream-4Regular'; display:block; color:#797979; line-height:60px; height:58px; padding:0 20px;}
.sub_tabmenu02 li:last-child a:after{display:none;}
.sub_tabmenu02 .on					{border-color:var(--main);}
.sub_tabmenu02 .on a 				{font-family: 'S-CoreDream-5Medium'; color:var(--main);}
.sub_tabmenu02 a:hover				{color:var(--main);}

.sub_tabmenu03						{text-align:center; margin:-20px 0 40px 0; }
.sub_tabmenu03 li					{display:inline-block; margin-right:3px;}
.sub_tabmenu03 li:last-child		{margin:0;}
.sub_tabmenu03 li a					{display:inline-block; background:#f7f7f7; color:#555; font-size:0.95em; height:36px; line-height:34px; padding:0 15px; border-radius:3px; }
.sub_tabmenu03 li a:hover, .sub_tabmenu03 .on a	{background:var(--main); color:#fff; font-weight:500;}


@media screen and (max-width:1400px) {
	#left_menu					{left:20px;}
	#sub_main					{margin-right:20px;}

	.copyright					{padding:60px 20px;}
}
@media screen and (max-width:1200px) {
	#sub_navigation				{display:block;}
	#left_menu					{display:none;}
	#sub_main					{margin:0 20px;}
}
@media screen and (max-width:1024px) {
	#header_main, #header_sub	{padding:60px 0 0 0;}  

	#sub_navigation				{line-height:50px; font-size:0.95em;}
	#sub_navigation .home		{width:45px; font-size:13px;}
	#sub_navigation a, #sub_navigation .path_arrow02	{width:100%;}
	#sub_navigation .sub_navigation_depth p	{text-indent:15px;}
	#sub_navigation .path_arrow	{text-indent:15px; width:100%;}

	#sub_wrap					{padding:40px 0;}
	#sub_main					{margin:0 15px;}
	#main_contents				{min-height:400px; padding-bottom:40px;}
	#sub_title					{border:none; padding:0; margin-bottom:30px;}
	#header_sub:after, #sub_title .location		{display:none;}
	#sub_title h3				{text-align:center; font-size:1.6em;}
	#sub_title h3:after			{content:''; width:30px; height:2px; background:var(--main); margin:15px auto 0 auto; display:block;}

	.sub_tabmenu01				{flex-wrap:wrap; margin-bottom:20px; gap:3px;}
	.sub_tabmenu01 li			{flex:1 1 40%;}
	.sub_tabmenu01 li a			{line-height:46px; font-size:0.95em;}
	.sub_tabmenu02				{margin:-20px 0 20px 0;}
	.sub_tabmenu02 li			{flex-grow: 1; min-width:auto;}
	.sub_tabmenu02 li a			{height:42px; line-height:44px; font-size:0.95em; padding:0; text-align:center;}
	.sub_tabmenu03 li a			{height:32px; line-height:30px; padding:0 10px; font-size:0.85em;}

	.copyright					{padding:40px 15px; text-align:center; font-size:0.85em;}
	.copyright ul				{justify-content:center;}
	.copyright address			{display:flex; justify-content:center; flex-wrap:wrap; padding:10px 0; gap:0 15px; line-height:1.6;}
	.copyright address span:first-child	{width:100%;}
	.copyright address br		{display:none;}
	.copyright address span		{padding:0;}

	.btn_top					{right:20px; bottom:0; border-radius:3px 3px 0 0; width:50px; line-height:50px; opacity:1;}

	#main_contents .input_form		{padding:0 7px; line-height:32px; font-size:0.95em;}
	#main_contents select			{min-height:32px; padding:0 5px;}
}

@media screen and (max-width:768px) {
	#sng_bigimg_layer			{width:90% !important; }
}


/*  A 태그    ==================================================================================== */
a:link, a:visited, a:active		{text-decoration:none; color:#666666; } 
a:hover							{text-decoration:none; color:#151515; }
a.a_color01:link, a.a_color01:visited, a.a_color01:active	{text-decoration:none; color:#ff6600; } 
a.a_color01:hover											{text-decoration:underline; color:#ff6600; }


/*   이메일무단수집 거부  ================================================================================== */
.cyber_mail_box				{border:5px solid #efefef; text-align:center; padding:80px;}
.cyber_mail_box i			{display:block; width:140px; line-height:140px; border-radius:100%; text-align:center; margin:0 auto 30px auto; background:#ddd; color:#fff; font-size:70px;}
.cyber_mail_box dt			{font-size:1.6em; color:#333; letter-spacing:-2px; font-weight:700; border-bottom:1px dashed #bbb; padding-bottom:30px; margin-bottom:30px;}
.cyber_mail_box dd			{color:#797979; }


@media screen and (max-width:1024px) {
	.cyber_mail_box			{padding:40px 20px;}
	.cyber_mail_box i		{width:100px; line-height:100px; font-size:50px; margin-bottom:20px;}
	.cyber_mail_box dt		{font-size:1.4em; padding-bottom:20px; margin-bottom:20px;}
	.cyber_mail_box dd		{font-size:0.95em;}
}
 

/*   통합검색   =============================================================================================*/ 
.sub_search_top					{padding:60px 0; text-align:center;  margin-bottom:40px; background:var(--gra);}
.sub_search_top .box			{position:relative; margin:0 auto 20px auto; width:550px; border-radius:50px; overflow:hidden;}
.sub_search_top .search_input	{float:left; width:calc(90% - 25px); padding:0 25px; line-height:60px; color:#333; border:0; font-size:1em;}
.sub_search_top .btn			{position:absolute; right:0; bottom:0; width:60px; text-align:center; line-height:60px; background:#042954; color:#fff; font-size:1.3em; border-radius:100%;}
.sub_search_top .tag span:first-child	{font-family: 'S-CoreDream-5Medium'; margin-right:15px; color:#fff;}
.sub_search_top .tag a					{font-family: 'S-CoreDream-4Regular'; display:inline-block; color:#fff; font-size:0.85em; padding:0 15px; margin:0 2px; border:1px solid rgba(256,256,256,.5); border-radius:15px; letter-spacing:-1px;}
.sub_search_top .tag a:hover			{border-color:#fff;}
.sub_search_top .btn:hover		{background:#000;}

.search_title					{font-family: 'S-CoreDream-5Medium'; text-align:left; padding-bottom:15px; font-size:1.4em; color:#111; border-bottom:1px solid #555; letter-spacing:-1px;}
.search_title span				{color:var(--main); margin-left:10px; font-size:16px;}

.search_infotitle						{text-align: center; font-size:1.4em; ; color:#111; letter-spacing:-1px; margin-bottom:40px;}
.search_infotitle p						{font-family: 'S-CoreDream-4Regular';  position:relative; display: inline-block;  padding:20px 40px;}
.search_infotitle span:first-child		{font-family: 'S-CoreDream-7ExtraBold'; font-size:30px; color:var(--main); margin-right:5px;}
.search_infotitle span:last-child		{font-family: 'GmarketSansBold'; font-size:36px; letter-spacing:0;  margin:0 3px 0 5px;}
.search_infotitle p:before				{display:block; position:absolute; content:''; top:0; left:0; border:2px solid #ddd; padding:10px 14px 6px 2px; border-width:8px 8px 0 0; transform:rotate(-90deg);}
.search_infotitle p:after				{display:block; position:absolute; content:''; bottom:0; right:0; border:2px solid #ddd; padding:10px 14px 6px 2px; border-width:8px 8px 0 0; transform:rotate(90deg);}

.search_list_more_btn			{display: inline-block; line-height:30px; padding:0 10px; color:#555; font-size:15px; border: 1px solid #ccc; cursor: pointer; margin-bottom:5px; }
.search_list_more_btn:hover		{background:var(--main); border-color:var(--main); color:#fff; }

.search_list_wrap01				{padding:17px 10px; border-bottom:1px solid #ddd; overflow:hidden;}
.search_list_title01			{font-weight:500; font-size:1.05em; color:#333; padding-bottom:10px; letter-spacing:-0.75px;}
.search_list_title02			{font-weight:500; font-size:23px; color:#555; padding-bottom:5px; }
.search_list_cont02				{color:#666; letter-spacing:-0.75px; line-height:140%;}
.search_list_path				{color:#999; font-size:0.9em; margin-top:10px;}
.search_list_link				{padding-bottom:10px; }
.search_list_link a				{color:#1c78f4;}

.search_list_wrap01 .img			{position: relative; float: left; width:200px; aspect-ratio:6 / 3; height:auto;  margin-right:30px; }
.search_list_wrap01 .img img		{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: 70px; max-width: 80% !important;}
.search_list_wrap01 .txt			{float: left; width: calc(100% - 280px); position: relative; }
.search_list_wrap01 .subject		{font-size:1.05em; padding-bottom:10px; letter-spacing:-0.75px;}
.search_list_wrap01 .subject a		{color: #333; font-weight:500; }
.search_list_wrap01 .txt li			{color: #666; margin: 0 30px 0 0; word-break: keep-all; float: left;}
.search_list_wrap01 .txt li em		{float: left; display: block; font-weight:500; color: #3a475a; margin-right: 10px;font-style:normal;}

.sub_search_wrap h4					{padding-bottom:15px; border-bottom:2px solid #777; margin:0;}
.sub_search_wrap h4 .search_cnt		{display:inline-block; color:#d40000; margin-left:7px; letter-spacing:0; font-size:14px;}

.search_dl						{padding:2px 0px; }
.search_dl dt					{float:left; background:url('../image/common/icon02.gif') no-repeat 4px 7px; padding: 0 0 0 14px; letter-spacing: -1px; font-weight: bold; }
.search_dl dd					{margin: 0 0 0 85px; }

.search_box02					{border:2px solid #ddd; background-color:#f5f5f5; padding:20px; text-align:center; } 
.search_cate_title				{color:#ff6600; font-weight:500; padding:4px 10px; border:1px solid #d5d5d5; margin:20px 0 5px 0; background-color:#f5f5f5; }
.search_list01					{padding:10px; border-bottom:1px solid #dfdfdf; }
.search_top_cate				{border-top:2px solid #f0f0f0; padding:20px 10px 5px 10px; }
.search_top_cate_list			{padding-left:10px; }
.search_top_cate_list li		{background:url("../image/common/icon01.gif") no-repeat 20px 6px; padding:0 0 3px 29px; float:left; list-style:none; }

.search_tabmenu01					{width:100%; border-left:1px solid #ccc; border-top:1px solid #ccc; min-height:40px; overflow:hidden; margin-bottom:50px; }
.search_tabmenu01 li				{width:9.1%; float:left; border-right:1px solid #ccc; border-bottom:1px solid #ccc; height:45px; line-height: 45px; text-align:center; background:#fefefe; }
.search_tabmenu01 li:first-child	{width:9%;}
.search_tabmenu01 li a				{font-weight: 500; font-size:13px; padding:0 5px; color:#333; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.search_tabmenu01 li.on				{background:#3a7cda; }
.search_tabmenu01 li.on a			{color:#fff; }

.search_table						{border-collapse:collapse; width:100%; table-layout:fixed; background:#f4f4f4;  } 
.search_table thead th				{padding:10px 8px; font-weight:bold; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; font-size:0.95em; background-color:#f4f4f4; }
.search_table thead th:last-child	{border-right:1px solid #fff;  }
.search_table tbody th				{color:#444; line-height:150%; padding:11px 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafbfc; text-align:center; }
.search_table tbody td				{color:#444; line-height:150%; padding:11px 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#ffffff; }
.search_table tbody td:first-child	{border-left:1px solid #fff; }
.search_table tbody td:last-child	{border-right:1px solid #fff; }
.search_table tbody .stxt			{color:#666; font-size:0.85em; line-height:150%; letter-spacing:-0.5px;  }
.search_table a						{color:#666; }


@media screen and (max-width:1400px) {
	.sub_search_wrap			{padding:0 20px;}
}

@media screen and (max-width:1024px) {
	.sub_search_top				{padding:25px 10px; margin-bottom:20px;}
	.sub_search_top .box		{margin-bottom:10px; width:90%;}
	.sub_search_top .search_input	{line-height:50px; padding-left:20px; width:calc(90% - 10px); }
	.sub_search_top .btn		{width:50px; line-height:50px; font-size:1em;}
	.sub_search_top .tag span:first-child	{margin-right:10px; font-size:0.9em;}
	.sub_search_top .tag a	{font-size:0.85em; padding:0 12px;}

	.search_infotitle			{font-size:1em; margin:20px;}
	.search_infotitle p			{padding:10px 20px;}
	.search_infotitle span:first-child	{font-size:20px;}
	.search_infotitle span:last-child	{font-size:28px;}
	.search_infotitle p:before,	.search_infotitle p:after	{border-width:6px 6px 0 0;}

	.search_title				{font-size:1.2em; padding-bottom:10px;}
	.search_title span			{font-size:15px; margin-left:7px;}
	.search_list_more_btn		{line-height:28px; font-size:14px;}
	.search_list_wrap01			{padding:10px 5px;}
	.search_list_title01		{font-size:1em; padding-bottom:7px;}
	.search_list_cont02			{font-size:0.9em;}
	.search_list_path			{font-size:0.85em; margin-top:5px;}
	.search_list_wrap01 .img	{width:120px; margin-right:10px;}
	.search_list_wrap01 .subject	{font-size:1em; padding-bottom:5px;}
	.search_list_wrap01 .txt li		{font-size:0.95em; margin-right:15px;}

	.sub_search_wrap .h50p		{height:30px;}

}

@media screen and (max-width:768px) {
	.search_list_wrap01 .img		{float:none; width: 100%; height:90px;}
	.search_list_wrap01 .txt		{float:none; width: 100%;}
}


/* 사이트맵	   ==================================================================================== */ 
#sitemap_wrap					{position:fixed; top:0; left:0; width:100%; height:100%; z-index:50000000000000; background:#21345f; display:none; transition:all 0.5s ease;} 
#sitemap_wrap .sitemap_wrap		{position:relative; max-width:1400px; height:100%; margin:0 auto; padding:7% 0; overflow:auto;}
#sitemap_wrap .close			{position:absolute; display:inline-block; top:10px; right:0; width:60px; height:60px; cursor:pointer; z-index:1; transition: all 0.2s; opacity:0.8;}
#sitemap_wrap .close:after		{position:absolute; content:''; top:30px; left:7px; width:40px; height:2px; background:#fff; transform:rotate(45deg);}
#sitemap_wrap .close:before		{position:absolute; content:''; top:30px; left:7px; width:40px; height:2px; background:#fff; transform:rotate(315deg);}
#sitemap_wrap .close:hover		{opacity:1;}
#sitemap_wrap h2				{font-family: 'S-CoreDream-7ExtraBold'; text-align:center; color:#fff; margin-bottom:40px; font-size:2.4em; letter-spacing:-2px;line-height:1;}
.cont_wrap						{display:grid; grid-template-columns:repeat(4, 1fr); gap:40px 30px;}
.site_tit						{font-family: 'S-CoreDream-5Medium'; font-size:1.3em; text-align:center; color:#fff; background:rgba(256,256,256,.1); padding:20px 0; border-radius:20px 5px; margin-bottom:20px; letter-spacing:-1px;}
.menu_ul li						{position:relative; list-style:none; padding:0 0 0 15px; margin-bottom:12px;}
.menu_ul li:after				{position:absolute; content:''; display:block; left:0; top:12px; width:4px; height:4px; border-radius:20px; background:#fff;}
.menu_ul li a					{font-family: 'S-CoreDream-4Regular'; color:#fff; line-height:160%; letter-spacing:-1px; opacity:0.7; font-size:1.1em;}
.menu_ul li:last-child			{margin:0;}
.menu_ul li a:hover				{text-decoration:underline; opacity:1;}
.menu_ul>li>ul					{padding:12px 0 8px 0;}
.menu_ul>li>ul>li				{margin-bottom:5px;}
.menu_ul>li>ul>li a				{font-size:0.95em;}
.menu_ul>li>ul>li:after			{width:5px; height:1px; border-radius:0;}


@media screen and (max-width:1400px) {
	#sitemap_wrap .sitemap_wrap	{padding:8% 20px;}
}


/* 인트로페이지   ================================================================================== */
.intro_container				{position:relative; width:100%; height:100vh; background:url("../image/common/int_bg.png") no-repeat center 50%; background-size:cover; text-align:center; overflow:hidden;}
.intro_container .wrap			{position:absolute; top:20%; transform:translateY(-50%); width:100%; z-index:1; animation:slide-up 2s cubic-bezier(.5,.2,0,1) forwards;}
.intro_container h1				{position:absolute; top:60px; left:60px; }
.intro_container h1 img			{height:81px;}
.intro_container h2				{font-family: 'S-CoreDream-3Light'; font-size:2.1em; color:#fff; letter-spacing:-2px; line-height:1.4; }
.intro_container h2 strong		{font-family: 'S-CoreDream-7ExtraBold'; display:block; font-size:52px; letter-spacing:-4px;}
.intro_container .banner		{max-width:1200px; display:grid; grid-template-columns:35% auto; gap:40px; margin:60px auto 80px auto;}
.intro_container .home			{display:grid; align-items:center; box-shadow:0 0 20px 1px rgba(0,0,0,0.2); height:320px; background:url("../image/common/int_bg01.png") no-repeat center 50%; background-size:cover; border-radius:20px;}
.intro_container .home:hover	{transform: translateY(-10px); transition: .5s;}
.intro_container .home span		{font-family: 'GmarketSansMedium'; color:#ffe400; font-size:1.1em; display:block; margin-bottom:10px;}
.intro_container .home .tit		{font-family: 'S-CoreDream-4Regular'; font-size:1.6em; color:#fff; letter-spacing:-2px; line-height:1.4;}
.intro_container .home .tit strong	{font-family: 'S-CoreDream-5Medium'; display:block; font-size:35px;}
.intro_container .home .more	{font-family: 'S-CoreDream-4Regular'; width:140px; line-height:52px; background:rgba(0,0,0,0.6); margin:30px auto 0 auto; color:#fff; border-radius:50px;}
.intro_container .banner>ul		{display:grid; grid-template-columns:repeat(2, 1fr); gap:15px; text-align:left;}
.intro_container .banner>ul a	{display:block; color:#222; font-size:1.3em; text-indent:95px; border-radius:10px; background:url("../image/common/int_acc01.png") no-repeat 25px center #fff; background-size:52px; box-shadow:0 0 20px 1px rgba(0,0,0,0.2);}
.intro_container .banner>ul li	{position:Relative; font-family: 'S-CoreDream-4Regular'; letter-spacing:-1px; display:grid; align-items:Center; height:100%; }
.intro_container .banner>ul li:after	{position:absolute; content:''; right:25px; top:43%; border:solid #aaa; border-width:4px 4px 0 0; padding:5px; transform:rotate(45deg); border-radius:2px; opacity:0.8;}
.intro_container .banner>ul a:nth-child(2)	{background-image:url("../image/common/int_acc02.png");}
.intro_container .banner>ul a:nth-child(3)	{background-image:url("../image/common/int_acc03.png");}
.intro_container .banner>ul a:nth-child(4)	{background-image:url("../image/common/int_acc04.png");}
.intro_container .banner>ul a:last-child	{background-image:url("../image/common/int_acc05.png");}
.intro_container .banner>ul li:hover:after	{border-color:var(--main); margin-right:-5px; transition: .2s;}
.intro_container .banner>ul li br	{display:none;}
.intro_container .footer		{font-size:0.95em; color:rgba(255,255,255,.8); line-height:1.4;}
.intro_container .footer .logo	{display:flex; gap:20px; justify-content:center; margin-bottom:30px;}


@media screen and (max-width:1400px) {
	.intro_container h1			{left:40px;}
}

@media screen and (max-width:1200px) {
	.intro_container .wrap		{padding:0 40px;}
	.intro_container .banner	{grid-template-columns:50% auto; width:100%; gap:20px;}
	.intro_container .banner>ul	{grid-template-columns:1fr; gap:5px;}
	.intro_container .banner>ul a	{font-size:1.1em; background-size:42px; text-indent:70px; background-position:15px center; }
	.intro_container .banner>ul li:after	{right:15px; padding:3px;}
}

@media screen and (max-width:1024px) {
	.intro_container h1			{position:relative; left:0; top:0; padding-top:20px;}
	.intro_container h1 img		{height:60px;}
	.intro_container h2			{font-size:1.4em;}
	.intro_container h2 strong	{font-size:40px;}
	.intro_container .banner	{margin:40px auto;}
	.intro_container .home .tit	{font-size:1.2em;}
	.intro_container .home .tit strong	{font-size:27px;}
	.intro_container .home .more	{width:120px; line-height:42px; margin-top:20px; font-size:0.95em;}
	.intro_container .footer	{font-size:0.85em;}
	.intro_container .footer .logo	{margin-bottom:20px; gap:15px;}
	.intro_container .footer .logo img	{height:20px;}
}

@media screen and (max-width:768px) {
	.intro_container				{height:auto; padding:20px 0;}
	.intro_container .wrap			{position:relative; top:0; transform:none; padding:40px 20px;}
	.intro_container h2				{font-size:1.1em;}
	.intro_container h2 strong		{font-size:25px;}
	.intro_container .banner		{margin:20px auto; grid-template-columns:1fr; gap:10px;}
	.intro_container .home			{height:220px;}
	.intro_container .banner>ul		{grid-template-columns:repeat(2, 1fr); text-align:center; gap:10px;}
	.intro_container .banner>ul li	{height:auto; display:block; padding:75px 0 15px 0;}
	.intro_container .banner>ul a	{text-indent:0; background-position:center 20px;}
	.intro_container .banner>ul li br	{display:block;}
	.intro_container .footer .logo img	{width:80%; height:auto;}
}