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


/* 반응형일때 max-width 기본일땐 width */
.web_size						{position:relative;max-width:1200px;margin:0 auto; } 

/* HEAD    ================================================================================== */
#header_main,
#header_sub					{position:relative;width:100%; height:100%;	padding:0px 0 0 0;}  


/*   서브페이지    ==================================================================================== */
#sub_main					{margin:60px 0 0 0px; padding:0 0 0 0;}  

#sub_top					{position:relative; height:360px; overflow:hidden;}
#sub_top h3					{position:absolute; width:100%; text-align:center; top:70%; transform:translateY(-70%); z-index:1; font-family: 'GmarketSansLight'; font-size:43px;  color:#fff; letter-spacing:-3px; line-height:100%;}  
#sub_top h3	em				{display:block; font-style:normal; font-size:17px; letter-spacing:3px; color:#ff9489; margin:0 0 10px 0;}
.sub_topimg					{position:absolute; width:100%; height:100%; animation:imgScale 3s both; content:''; background:url("../image/common/sub_topimg.jpg") no-repeat center 0; background-position:50% 0; background-size:cover;}
.sub_top_m					{display:none;}

#main_contents				{margin:0 0 80px 0; min-height:650px;}

@keyframes imgScale {
	0% {transform:scale(1.2)}
	100% {transform:scale(1)}
}


/* 하단 카피라이트   ==================================================================================== */ 
.copyright						{position:relative; padding:60px 0; background-color:#282828; }  
.copyright_btn					{padding-bottom:15px;}
.copyright_btn li				{display:inline-block; zoom:1; *display:inline; padding:0 12px 0 0; }  
.copyright_btn li:last-child	{padding:0;}
.copyright_btn li a				{color:#fff;  opacity:0.8;}
.copyright_btn li:first-child a	{font-weight:500; opacity:1;}
.copyright address				{font-style:normal; line-height:160%; color:#9c9c9c;}
.copyright .copy				{line-height:160%; color:#9c9c9c; padding-top:2px;} 
.copyright .copy strong			{font-weight:500;}

.btn_top						{position:fixed; right:40px; bottom:40px; width:50px; height:50px; opacity:0.7; z-index:2200; background:#ff5544; border-radius:2px; box-shadow:0 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);}
.btn_top:after					{content:''; position:absolute; top:20px; right:18px; border:solid #fff; border-width:3px 3px 0 0; border-radius:1px;  padding:5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.btn_top:hover					{opacity:1;}


/*  서브페이지 탭메뉴   ==================================================================================== */
 

.snb_tabmenu									{ position:relative; width:100%; display:flex;flex-flow:wrap; margin: 0 0 40px 0;}
.snb_tabmenu li									{ text-align:center; font-size:1.1em;padding:18px 5px;background:#fff;color:#333;border:1px solid #aaa;   cursor:pointer; margin:0 0 0 -1px; display: flex;  flex-direction: column; justify-content:center;}  
.snb_tabmenu li a								{display:block;width:100%;color:#555;font-weight:400;}
.snb_tabmenu li:hover a					{color:#e93e2e;}
.snb_tabmenu li.on 							{background:#e93e2e;color:#fff;border-color:#e93e2e; font-weight:500;z-index:100;}
.snb_tabmenu li.on a						{color:#fff;font-weight:500;}

 
.sub_tabmenu01					{width:100%; height:58px; border-bottom:1px solid #000; box-sizing:border-box; margin-bottom:40px; }
.sub_tabmenu01 li				{float:left;  background:#f8f8f8; }
.sub_tabmenu01 li:last-child	{border-right:1px solid #ccc; }
.sub_tabmenu01 li a				{display:inline-block; width:100%; height:56px; line-height:56px; padding:0 40px; font-size:1.1em; text-align:center; color:#555; border-left:1px solid #ccc; border-top:1px solid #ccc; 
								text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.sub_tabmenu01 li.on a			{height:58px; line-height:56px; background:#fff; color:#000; border:1px solid #000; border-bottom:1px solid #fff; font-weight:500;}

.sub_tabmenu02 					{overflow:hidden; border-bottom:1px solid #e0e0e0; text-align:center; margin:-40px 0 40px 0;}
.sub_tabmenu02 li				{position:relative; display:inline-block; text-align:center; }
.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; line-height:62px; height:62px;  padding:0 30px; font-size:1.05em; letter-spacing:-1px; border-bottom:2px solid #fff; color:#777;}
.sub_tabmenu02 li:last-child a:after{display:none;}
.sub_tabmenu02 li:hover a		{color:#d91a23; font-weight:500;}
.sub_tabmenu02 .on				{border-color: #d91a23; color:#d91a23; font-weight:500;}

.sub_tabmenu03						{text-align:center; margin:-10px 0 40px 0; }
.sub_tabmenu03 li					{display:inline-block; zoom:1; *display:inline; margin-right:3px;}
.sub_tabmenu03 li:last-child		{margin:0;}
.sub_tabmenu03 li a					{display:inline-block; zoom:1; *display:inline; background:#f7f7f7; color:#555; padding:6px 20px; border-radius:2px; font-size:0.95em; }
.sub_tabmenu03 li a:hover, .sub_tabmenu03 .on 		{background:#e93e2e; color:#fff; font-weight:500;}

  
.tab2 li					{width:50%;}
.tab3 li					{width:calc(100% / 3);} 
.tab4 li,
.tab8 li					{width:25%;}
.tab5 li					{width:20%;}
.tab6 li					{width:calc(100% / 6);}
.tab7 li					{width:calc(100% / 7);} 

.sub_btn01						{ display:inline-block;text-align:center; min-width:150px; font-size:1.05em; font-weight:500;margin:0 2px; padding:0 30px; line-height:48px;color:#333;  border-radius:3px; background:#fff;  border:1px solid #aaa; cursor:pointer; vertical-align:top; transition:all 0.3s ease;}
 .sub_btn01:hover       {background:#343739; border-color:#343739; color:#fff;}
.sub_btn02						{ display:inline-block;text-align:center; min-width:120px; font-size:1.05em; font-weight:500;margin:0 2px; padding:0 20px; line-height:48px;color:#fff;  border-radius:3px; background:#646e7d;  border:1px solid #5a6370; cursor:pointer; vertical-align:top; transition:all 0.3s ease;}
 .sub_btn02:hover       {background:#343739; border-color:#343739; color:#fff;}

 

/*  서브페이지 서치박스   ==================================================================================== */
.sub_searchtop					{overflow:hidden; margin-bottom:20px;}
.sub_searchtop .count_stxt		{float:left; padding:20px 0 0 0; font-size:0.95em;}
.sub_searchbox					{float:right; width:40%;}
.sub_searchbox select			{float:left;padding-left:5px;width:25%;height:42px;font-size:0.9em; vertical-align:top;border:1px solid #ddd;cursor:pointer;}
.sub_searchbox span				{position:relative;float:right;margin-left:5px;width:calc(75% - 5px);height:42px;color:#333;line-height:42px;vertical-align:top;}
.sub_searchbox .search_input	{box-sizing:border-box; width:calc(100% - 62px); height:42px;color:#333; font-size:0.9em;vertical-align:top;border:1px solid #ddd; padding:0 10px; letter-spacing:-0.75px;}
.sub_searchbox .search_btn		{float:right; border:1px solid #3f4247; background:#3f4247; height:42px; line-height:40px; width:62px; text-align:center; color:#fff; letter-spacing:-1px; font-size:0.9em;}
.sub_searchbox .search_btn:hover	{background:#333;}

.count_stxt						{padding:0 0 20px 0; font-size:0.95em;}
.count_stxt	span, .count_stxt b	{font-weight:500; color:#ea210e;}



/*   개인정보 보호정책 & 이메일무단수집 거부  ================================================================================== */
.cyber_cont_box					{margin:0 0 0 0; text-align:justify; }
.cyber_top_cont					{margin:0 0px 20px 0px; border:1px solid #ddd; padding:15px; background-color:#f5f5f5; }
.cyber_cont01					{padding:0 0 20px 10px; text-align:justify; } 
.cyber_cont01 ul				{padding:10px 0 0 0px; }  
.cyber_cont01 ul ul 			{padding:6px 0 5px 15px; }   

.cyber_cont_box ol				{padding:0 0 0 10px; }
.cyber_cont_box ol li			{list-style:decimal ; margin:0 0 8px 10px; }
.cyber_cont_box ol li ul li		{list-style:none; margin:0; }
.cyber_list01					{background:url("../image/common/icon02.gif") no-repeat 5px 5px; padding:0 0 4px 15px; list-style:none; }
.cyber_list02					{background:url("../image/common/icon03.gif") no-repeat 0 7px; padding:0 0 3px 4px; list-style:none; }

.cyber_st01						{padding:6px 0 4px 0; text-indent:10px; color:#444; background-color:#e9e9e9; margin:0 0 15px 0; font-weight:bold; letter-spacing:-1px; }
.cyber_st02						{padding:0 0 5px 0; font-weight:bold; color:#666; letter-spacing:-1px; }

.cyber_mail_box					{border:1px solid #dddddd; padding:70px 40px 70px 300px; font-size:1.1em; background:url("../../../core/image/common/email_img.gif") no-repeat 50px 50%; }



/* screen 1200 */
@media screen and (max-width:1200px) {

	.copyright					{padding:40px 15px 60px 15px;}
	#sub_main					{margin:60px 20px;}

}

/* screen 1024 */
@media screen and (max-width:1024px) {

	#header_main,
	#header_sub					{padding:60px 0 0 0; }  

	#sub_main					{margin:20px;}
	#main_contents				{min-height:400px; }

	#sub_top	 				{display:none; }
	.sub_top_m					{display:block; height:60px; line-height:60px; color:#fff; text-align:center; background:#162b40;}
	.sub_top_m h3				{font-size:1.25em; font-weight:500; letter-spacing:-1px;}

	.copyright					{padding:30px 15px; text-align:center; font-size:0.85em;}
	.copyright_btn				{padding-bottom:7px;}

	.snb_tabmenu				{margin-bottom:30px; }
	.snb_tabmenu li				{  font-size:1em; margin-top:-1px; padding:15px 5px;}

	.sub_tabmenu01				{height:52px; margin-bottom:20px;}
	.sub_tabmenu01 li a			{height:50px; line-height:50px; padding:0 20px; font-size:0.95em;}
	.sub_tabmenu01 li.on a		{height:52px; line-height:50px;}
	.sub_tabmenu02				{margin:-20px 0 20px 0;}
	.sub_tabmenu02 li a			{height:52px; line-height:50px;font-size:0.95em; padding:0 20px;}

	.sub_tabmenu03 li			{margin:2px 1px;}
	.sub_tabmenu03 li a			{padding:5px 15px; font-size:0.85em;}

	
	.sub_searchbox				{width:60%;}
	.count_stxt					{padding:0 0 10px 0;}

}



/* screen 768 */
@media screen and (max-width:768px) {

	.sub_searchtop .count_stxt	{float:none; padding:0 0 10px 0;}
	.sub_searchbox				{float:none; width:100%}

	.cyber_mail_box				{padding:200px 20px 30px 20px; text-align:center; background:url("../../../core/image/common/email_img.gif") no-repeat center 20px; }
 
	.snb_tabmenu li				{  font-size:0.95em; padding:16px 5px;line-height:1.1;}

	.tab5 li					{width:calc(100% / 3);}
	.tab6 li					{width:calc(100% / 3);}
	.tab7 li					{width:calc(100% / 3);}

}