@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;}

html							{font-size:17px;}
@media screen and (max-width:1024px) {
html							{font-size:16px;} 
}

.web_size					{position:relative;max-width:1400px;margin:0 auto;} 
/* HEAD    ================================================================================== */
#header_main,  
#header_sub					{position:relative; overflow:hidden;}  
   
#sub_top					{position:relative; height:380px; overflow:hidden;}
.sub_topimg					{position:absolute; content:''; width:100%; height:100%; animation:imgScale 3s both;}
#sub_top p					{font-family: 'S-CoreDream-7ExtraBold'; position:absolute; font-size:2.6em; letter-spacing:-2px; top:60%; transform:translateY(-60%); z-index:1; text-shadow:2px 2px 5px rgba(0,0,0,0.1); width:100%; text-align:center;  color:#fff; line-height:1;} 
#sub_top p span				{font-family: 'S-CoreDream-4Regular'; display:block; font-size:25px; margin-top:20px;}
#sub_top h3					{display:none;}

#sub_wrap					{position:relative; padding:0;} 
#sub_wrap:before			{position:absolute; left:-50px; top:-60px; content:''; display:block; width:1500px; height:60px; background:#fff; z-index:1; border-radius:30px 30px 0 0;}
#sub_main					{margin:0 0 0 330px;}  


/* 서브 왼쪽메뉴   ===================================================================================== */ 
#left_menu					{width:260px; float:left; z-index:2;}   
#left_menu .nav_top			{text-align:center; background:#f3991d; height:180px; border-radius:10px;}	
#left_menu h2				{font-family: 'S-CoreDream-4Regular'; display:block;color:#fff;font-size:30px;letter-spacing:-2px; padding-top:60px; line-height:1.2;} 
#left_menu h2 br			{display:none;}
#left_menu em				{display:block; font-style:normal; margin-top:15px;color:#fff;opacity:0.7; letter-spacing:0; text-transform:uppercase; font-size:0.85em;}

#snb						{width:100%;}
#snb ul						{padding:0; margin:10px 0 0 0;}
#snb ul li					{width:100%; letter-spacing:0; margin-bottom:5px; }
#snb ul li a				{position:relative; display:block; padding:0 20px; line-height:58px; color:#414141; letter-spacing:-1px; border:1px solid #ddd; background:#fff; border-radius:5px;}
#snb ul li a:after			{content: ''; position: absolute; right: 0; top:27px; width:23px; height: 2px; background-color:#f5a100; transform:scale(0); transition:all 0.2s;}
#snb ul li a:hover, 
#snb ul li .on				{color:#333; border-color:#f5a100; font-weight:500;}  
#snb ul .current a			{border-color:#f5a100; color:#333; font-weight:500;} 
#snb ul .current a:after, 
#snb ul li:hover a:after	{transform:scale(1); }
.lnb_color1					{color:#333; font-weight:500;}
#snb ul ul					{background:#f4f4f4; padding:10px 20px; margin:0; border-bottom:1px solid #e8e8e8;}
#snb ul ul li				{margin:10px 0;}
#snb ul ul li a				{position:relative; border:0; font-size:0.95em; line-height:1.2; height:auto; padding:0 0 0 10px; color:#666 !important; background:#f4f4f4; font-weight:300 !important;letter-spacing:-0.75px; }
#snb ul ul li a:after		{display:none;}
#snb ul ul li a:before		{content:''; position:absolute; top:0; left:0; bottom:0; width:3px; height:3px; border-radius:100%; margin:auto; background:#3165c1;}
#snb ul ul li:hover a,
#snb ul ul .on a,
.lnb_color2					{text-decoration:underline; color:#333;}


/*   서브페이지    ==================================================================================== */
#main_contents				{position:relative; margin:0 0 120px 0; min-height:600px; } 
#sub_title					{width:100%; overflow:hidden; ; margin:0 0 60px 0;} 
#sub_title h3				{font-family: 'S-CoreDream-5Medium'; line-height:1; font-size:36px;  color:#333; letter-spacing:-3px; padding-top:10px;}

#sub_navigation				{float:right;}   
#sub_navigation a			{padding:0 3px; color:#999;font-size:0.9em; letter-spacing:-0.75px;} 
.sub_navigation_home		{float:left; width:13px; height:20px; background:url("../image/common/path_img.png") no-repeat center 8px; cursor:pointer; }
.path01						{float:left; background:url("../image/common/path_arrow.png") no-repeat 6px 50%; padding:0 0 0 12px;  } 
.path_arrow					{float:left; }
.path_arrow02				{float:left; background:url("../image/common/path_arrow.png") no-repeat 6px 50%; padding:0 0 0 12px;  }

.sub_tab					{display:none;}


/* 이벤트 메뉴 랩*/
#sub_main2					{margin:0; padding:40px 0 0 0; }  
#sub_main2 #sub_title		{display:none;}


/* 하단 카피라이트   ==================================================================================== */ 
.copyright					{padding:60px 0; background:#212428; font-size:0.95em;}  
 
.copyright_btn				{display:flex; gap:0 25px;}
.copyright_btn li:last-child	{padding:0;}
.copyright_btn li a			{color:rgba(255,255,255,.7);}
.copyright_btn li:first-child a	{color:#fff; font-weight:500;}
.copyright_btn .admin 		{background:#13b5b1; color:#fff; padding:2px 8px; border-radius:2px; font-size:0.8em; letter-spacing:-0.5px;}
.copyright_btn .admin i		{margin-right:3px;}
.copyright address				{font-style:normal; color:rgba(255,255,255,.5); line-height:180%; padding:25px 0;}
.copyright address span			{position:relative; display:inline-block; padding-right:25px;} 
.copyright address span:after	{position:absolute; content:''; top:8px; right:12px; width:1px; height:13px; background:#777;}
.copyright address span:last-child		{padding:0;}
.copyright address span:nth-child(2):after, .copyright address span:last-child:after	{display:none;}
.copyright .copy, .copyright .copy a		{color:rgba(255,255,255,.3); letter-spacing:0;}  

.quick_link						{position:fixed; top:50%; right:80px; z-index:999;}
.quick_link li					{margin-bottom:8px; border-radius:100%; overflow:hidden; box-shadow:0 0 5px 1px rgba(0,0,0,0.1);}
.quick_link li:last-child		{background:#222; line-height:60px; text-align:center; margin:0;}
.quick_link li:last-child a		{display:block; color:#fff;}	
.mobile_top						{display:none;}

/*  서브페이지 탭메뉴   ==================================================================================== */
.sub_tabmenu01					{width:100%; height:53px; border-bottom:1px solid #056db5; box-sizing:border-box; margin-bottom:40px;}
.sub_tabmenu01 li				{float:left; }
.sub_tabmenu01 li a				{display:block; background:#f9f9f9; width:100%; height:52px; line-height:50px; padding:0 25px; color:#979797; border:1px solid #ddd; border-right:0; font-weight:500; letter-spacing:-1px;}
.sub_tabmenu01 li:last-child a	{border-right:1px solid #ddd;}
.sub_tabmenu01 li.on a			{height:53px; line-height:50px;background:#fff; color:#056db5; border:1px solid #056db5; border-bottom:1px solid #fff; border-top:3px solid #056db5;}

.sub_tabmenu02 						{overflow:hidden; border-bottom:1px solid #e0e0e0; margin:-40px 0 40px 0; text-align:center;}
.sub_tabmenu02 li					{position:relative; display:inline-block; text-align:center; 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:#c0c4c7;}
.sub_tabmenu02 li:first-child:after	{display:none;}
.sub_tabmenu02 li a					{display:block; color:#555; line-height:52px; height:52px; font-weight:500; padding:0 20px;}
.sub_tabmenu02 li:last-child a:after{display:none;}
.sub_tabmenu02 .on					{border-color: #056db5;}
.sub_tabmenu02 .on a 				{color:#056db5; font-weight:600;}
.sub_tabmenu02 a:hover				{color:#056db5;}


@media screen and (max-width:1400px) {
	#header .gnb ul>li a			{font-size:1.1em;}

	.copyright						{padding:60px 20px;}
	.quick_link						{right:40px;}
	#sub_main2						{padding:0;}
}


@media screen and (max-width:1024px) {
	#header_main,
	#header_sub				{padding:60px 0 0 0;}

	#left_menu, #sub_wrap:before	{display:none;}
	#sub_main				{margin:0; padding:0 20px;}
	#sub_wrap				{padding:40px 0 0 0;}

	#main_contents			{min-height:450px; margin-bottom:60px;}

	#sub_title, #sub_top p, .sub_topimg		{display:none;}
	#sub_top				{height:56px; line-height:56px; background:#f5a100;}
	#sub_top h3				{font-family: 'S-CoreDream-5Medium'; display:block;text-align:center;color:#fff; font-size:1.3em; letter-spacing:-1px; }

	.sub_tab				{display:block;}

	.sub_tabmenu01				{height:auto; overflow:hidden; margin-bottom:20px; border:0; }
	.sub_tabmenu01 li			{}
	.sub_tabmenu01 li:last-child a {border:1px solid #fff;}
	.sub_tabmenu01 li a			{height:46px; line-height:44px; padding:0 10px; font-size:0.95em; text-align:center; background:#f0f0f0; color:#333; border:1px solid #fff; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
	.sub_tabmenu01 li.on a		{color:#fff; line-height:44px; height:46px; background:#056db5; border:1px solid #fff;}

	.sub_tabmenu02				{margin:-20px 0 20px 0;}
	.sub_tabmenu02 li a			{height:44px; line-height:44px; padding:0 15px; font-size:0.95em;}

	.copyright					{padding:30px 20px; text-align:center; font-size:0.85em;}
	.copyright_btn				{justify-content:center;}
	.copyright address			{padding:15px 0;}

	.tab2 li					{width:50%;}
	.tab3 li					{width:33%;}
	.tab4 li					{width:25%;}
	.tab5 li					{width:20%;}
	.tab6 li					{width:16.6%;}
	.tab7 li					{width:14.2%;}
	.tab8 li					{width:12.5%;}

	.quick_link					{display:none;}
	.mobile_top					{display:block; position:fixed; right:20px; bottom:0; width:40px; line-height:36px;  background:#13b5b1; z-index:999; border-radius:3px 3px 0 0;}
	.mobile_top a				{color:#fff; display:block;}
}


@media screen and (max-width:768px) {
	.tab4 li,					
	.tab5 li,
	.tab6 li					{width:50%;}
	.tab7 li					{width:33.333333%;}
	.tab8 li					{width:25%;}
}

 /* 사이트맵   ================================================================================== */
#sitemap_wrap			{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50000000000000; display:none;} 
.sitemap_wrap			{position:relative;display:table;width:100%;height:100%;vertical-align:middle;z-index:10;}
.sitemap_box			{position:relative; max-width:1400px; margin:80px auto; }
.sitemap_close			{position:absolute; top:30px; right:60px; width:60px; line-height:60px; text-align:center; cursor:pointer; z-index:99999;}
.sitemap_h				{display: grid; grid-template-columns: repeat(4, 1fr); }
.site_wrap				{margin:20px 0;} 
.site_title				{font-family: 'S-CoreDream-5Medium'; position:relative; font-size:1.4em; color:#fff;  padding:0 0 12px 20px;}
.site_title:before		{position:absolute; left:0; top:2px; width:4px; height:23px;  content: '';  background:#f5a100;}
.site_area				{padding-left:20px;}
.site_area li			{position:relative; list-style:none; padding:5px 0 5px 12px ; opacity:0.9;}
.site_area li a			{color:#fff;}
.site_area li:hover>a	{text-decoration:underline;}
.site_area li:after		{position:absolute; content:''; display:block; left:0; top:15px; width:3px; height:3px; border-radius:100%; background:#fff;}
.site_area ul			{padding:12px 0;}
.site_area ul li		{padding:2px 0 2px 12px; opacity:0.8; font-size:0.95em; }
.site_area ul li:after	{width:5px; height:1px;}

.black_bg				{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000; background-attachment:fixed;opacity:.9;}
  

/*  기타    ==================================================================================== */
.extra01				{color: #f87a00;  text-decoration:none; }
.extra02				{color: #3386f5;   } 
 
.dot_line01				{background: url("../image/common/dot_line01.gif") repeat-x left 25px; height:50px;}  
.dot_line02				{background: url("../image/common/dot_line02.gif") repeat-x left 25px; height:50px;}  
.dot_line04				{background: url("../image/common/dot_line04.png") no-repeat left 0; height:40px;}    

.notice_box01			{border:1px solid #dddddd;background-color:#f5f5f5;padding:12px 18px;}  /* 회색 박스 디자인 */ 
.notice_box02			{position:relative;border:5px solid #ededed; }  /* 회색 박스 디자인 */ 


/*  준비중화면  ==================================================================================== */
.wait_box				{padding:80px 0;text-align:center; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.wait_box i				{display:block; font-size:80px; margin-bottom:20px; }
.wait_box dt			{font-family: 'ghanachoco'; font-size:2.2em; color:#c7cacd; line-height:1; letter-spacing:-1px;}
.wait_box dd			{font-size:1.05em; letter-spacing:-1px; line-height:1.6; margin-top:20px;}


@media screen and (max-width:1024px) {
	.wait_box			{padding:40px 10px;}
	.wait_box i			{font-size:60px;}
	.wait_box dt		{font-size:1.6em;}
	.wait_box dd		{font-size:0.95em; margin-top:10px;}
}


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


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

/*   인트로페이지    ==================================================================================== */
.intro_container				{position:relative; width:100%; height:100vh; background:#e8f0fe; text-align:center;}
.intro_container:before			{position:absolute; content:''; top:0; left:0; width:505px; height:252px; background:url("../image/common/intacc_lt.png") no-repeat center 0; background-size:cover;}
.intro_container:after			{position:absolute; content:''; right:0; bottom:0; width:272px; height:654px; background:url("../image/common/intacc_rt.png") no-repeat center 0; background-size:cover;}
.intro_container .wrap			{position:absolute; top:40%; transform:translateY(-40%); width:100%; z-index:1;}
.intro_container h2				{font-family: 'S-CoreDream-3Light'; font-size:1.6em; color:#213152; font-weight:400; letter-spacing:-2px; line-height:1.4; margin:40px 0;}
.intro_container h2 strong		{font-family: 'S-CoreDream-7ExtraBold'; display:block; font-size:46px; letter-spacing:-4px;}
.intro_container h2 strong span	{font-family: 'S-CoreDream-7ExtraBold'; background: linear-gradient(to right, #3165c1, #17d0e1); color: transparent; -webkit-background-clip: text;}
.intro_container h2 strong br	{display:none;}
.intro_container .banner		{display:flex; gap:0 30px; justify-content:center;}
.intro_container .banner li		{position:relative; background:#fff; width:320px; border-radius:20px; overflow:hidden; box-shadow:0 5px 10px 0px rgba(0,0,0,0.1); }
.intro_container .banner p		{position:relative; font-size:1.3em; letter-spacing:-1.5px; color:#222; padding:30px 0; font-weight:700;}
.intro_container .banner p br	{display:none;}
.intro_container .banner em		{display:block; font-style:normal; font-size:17px; margin-top:7px; letter-spacing:-0.75px; color:#797979;}
.intro_container figure			{position:relative;}
.intro_container figure img				{width:100%; height:100%; object-fit:cover;}
.intro_container .banner li:hover		{transform: translateY(-10px); transition: .5s;}
.intro_container .banner .layer			{display:none; position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, .2); z-index:1; }
.intro_container .banner .layer span	{position:absolute; top:50%; transform:translateY(-50%); display:block; width:100%; text-align:center; content:''; font-size:7em; color:#fff;}
.intro_container .banner li:hover .layer	{display:block;}
.intro_container .footer		{font-size:0.95em; color:#818181; margin-top:60px;}


@media screen and (max-width:1024px) {
	.intro_container:before			{width:300px; height:150px;}
	.intro_container:after			{width:150px; height:360px;}
	.intro_container .wrap			{padding:0 20px;}

	.intro_container h1 img			{width:50px;}
	.intro_container h2				{font-size:1.4em; margin:20px 0; letter-spacing:-2px;}
	.intro_container h2 strong		{font-size:36px;}
	.intro_container .banner		{gap:0 10px;}
	.intro_container .banner p		{font-size:1.1em; padding:15px 10px;}
	.intro_container .banner em		{margin:0; font-size:15px;}
	.intro_container .banner .layer span	{font-size:3em;}

	.intro_container .footer		{margin-top:40px; font-size:0.85em;}
}


@media screen and (max-width:768px) {
	.intro_container				{height:100%;}
	.intro_container:before,
	.intro_container:after			{display:none;}
	.intro_container .wrap			{position:relative; background:#e8f0fe; top:0; transform:none; padding:60px 20px 40px 20px;}
	.intro_container .wrap:before	{position:absolute; content:''; top:0; left:0; width:200px; height:100px; background:url("../image/common/intacc_lt.png") no-repeat center 0; background-size:cover; z-index:-1;}
	.intro_container .wrap:after	{position:absolute; content:''; right:0; bottom:0; width:100px; height:240px; background:url("../image/common/intacc_rt.png") no-repeat center 0; background-size:cover; z-index:-1;}

	.intro_container h1				{position:absolute; right:20px; top:20px;}
	.intro_container h1 img			{width:30px;}
	.intro_container h2				{margin:20px 0; font-size:1.1em;}
	.intro_container h2 strong		{font-size:30px; line-height:1.2; margin-top:10px;}
	.intro_container h2 strong br	{display:block;}

	.intro_container .banner		{display:grid; gap:10px 0;}
	.intro_container .banner li		{width:80%; margin:0 auto;}

	.intro_container .footer		{margin-top:20px;}
}

@media screen and (max-width:480px) {
	.intro_container .banner p br	{display:block;}
}