@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:1400px; margin:0 auto;} 

/* HEAD    ================================================================================== */
#header_main			{position:relative;width:100%; height:100%; padding:0;}  
#header_sub				{position:relative;width:100%; height:100%;	padding:40px 0 0 0; background:url("../image/main/main_bg.jpg") center top no-repeat #236dcc; background-size:contain;  overflow:hidden;}
.sub_top_m				{display:none;}

#sub_wrap				{padding:0; } 
#sub_main				{background:#fff; padding:40px 60px 60px 60px; margin:0 0 100px 0;}  

/*   서브페이지    ==================================================================================== */
#main_contents			{position:relative; min-height:600px; background:#fff;} /* 본문 영역 */  

#sub_title				{display:none; margin-bottom:40px;}  /* 서브페이지 타이틀 */
#sub_title h3			{font-family: 'GmarketSansMedium'; font-size:35px; font-weight:300 ; color:#17263d; letter-spacing:-1px;line-height:100%;}  

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


/* 하단 카피라이트   ==================================================================================== */ 
footer							{position:relative; padding:40px 0 60px 0; background:#fff;}  
.copy_logo						{float:left;}
.copy_txt						{padding:0 0 0 240px; }
.copy_btn li					{position:relative;  display:inline-block; zoom:1; *display:inline; padding:0 0 0 25px; }  
.copy_btn li:first-child		{padding:0;}
.copy_btn li a					{color:#414141; letter-spacing:-1px;}
.copy_btn li a:after			{content:''; position:absolute; top:0; left:12px; bottom:0; width:3px; height:3px; border-radius:100%; margin:auto; background:#b2b2b2;}
.copy_btn li:first-child a		{font-weight:700; color:#222;}
.copy_btn li:first-child a:after	{display:none;}
.copy_btn .admin				{background:#f36a5a; padding:0 10px; line-height:30px; font-size:0.8em; border-radius:2px; margin-left:10px;}
.copy_btn .admin a				{color:#fff; font-weight:500; letter-spacing:-0.5px;}
.copy_btn .admin a:after		{display:none;}
.copy_txt address				{font-style:normal; line-height:160%;  color:#a5a5a5; padding:15px 0 5px 0;}
.copy_txt .copy					{line-height:160%; color:#a5a5a5;} 

.btn_top						{position:fixed; right:40px; bottom:40px; width:50px; height:50px; opacity:0.7; z-index:2200; background:#3a7cda; border-radius:100%; 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;}


/*  서브페이지 탭메뉴   ==================================================================================== */
.sub_tabmenu01 						{overflow:hidden; margin:0 0 10px 0;}
.sub_tabmenu01 li					{float:left; text-align:center; }
.sub_tabmenu01 li a					{font-family: 'GmarketSansMedium'; display:block; height:64px; line-height:64px;font-weight:500; font-size:1.2em; letter-spacing:-1px; background:#f0f0f0; color:#777; border:2px solid #fff; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.sub_tabmenu01 li:hover a,
.sub_tabmenu01 .on a				{color:#fff; background:#0c284a }

.sub_tabmenu02						{width:100%; border-bottom:1px solid #dfdfdf; box-sizing:border-box; text-align:center; overflow:hidden; height:62px; margin-bottom:60px;}
.sub_tabmenu02 li					{position:relative; display:inline-block; zoom:1; *display:inline;  border-bottom:3px solid #fff; }
.sub_tabmenu02 li a					{display:block; width:100%; font-weight:300; height:58px; line-height:58px; font-size:1.1em; padding:0 40px; color:#888; letter-spacing:-1px; }
.sub_tabmenu02 li a:after			{content:''; position:absolute; top:0; right:0; bottom:0; width:1px; height:0.9em; margin:auto; background:#d1d1d2;}
.sub_tabmenu02 li:last-child a:after	{display:none;}
.sub_tabmenu02 .on,
.sub_tabmenu02 li:hover				{border-color:#236dcc;}
.sub_tabmenu02 .on a,
.sub_tabmenu02 li:hover a			{color:#236dcc; font-weight:700;}

.sub_tabmenu03						{text-align:center; margin-bottom:20px; }
.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; font-size:0.95em; padding:10px 30px; border-radius:2px; font-weight:500; }
.sub_tabmenu03 li a:hover, .sub_tabmenu03 .on a		{background:#1a64c3; color:#fff; }

.tab2 li							{width:50%; }
.tab3 li							{width:33%; }
.tab3 li:last-child					{width:34%; }
.tab4 li							{width:25%; }
.tab5 li							{width:20%; }
.tab6 li							{width:16.67%; }
.tab7 li							{width:14.28%; }


/* 표 관련   ==================================================================================== */ 

.form_table						{border-top:2px solid #66575a; border-collapse:collapse; width:100%; table-layout:fixed; background:#f7f7f7 } 
.form_table thead th			{padding:12px 8px; font-weight:bold; border-bottom:1px solid #d7d7d7; border-right:1px solid #d6d6d6; text-align:center; background-color:#ededed; }
.form_table thead th:last-child	{border-right:1px solid #fff;  }
.form_table thead .stxt			{color:#333; line-height:150%; letter-spacing:-0.5px;  }
.form_table tbody th			{color:#333; line-height:150%; padding:12px 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; text-align:center; font-weight:500; font-size:0.95em; }
.form_table tbody td			{color:#333; line-height:150%; padding:12px 8px;  border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#ffffff; }
.form_table tbody td:first-child{border-left:1px solid #fff; }
.form_table tbody td:last-child	{border-right:1px solid #fff; }
.form_table tbody .stxt			{color:#333; line-height:150%; letter-spacing:-0.5px;  }
.form_table a:link				{color:#333; }
.form_table tfoot td 			{background-color:#f7f7f7; text-align:center; font-weight:bold; padding:5px 0; border:solid 1px #ccc; }


/*  기타    ==================================================================================== */
.count_stxt						{padding:0 0 10px 0; font-size:0.9em; }
.count_stxt span				{color:#0067bf; font-weight:500;}

.extra01						{color:#ce0012 !important; text-decoration:none; }
.extra02						{color:#195ce1 !important; } 

.dot_line						{height:45px; } 
.dot_line01						{background: url("../image/common/dot_line01.gif") repeat-x left center; height:60px; }  
.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; }  /* 회색 박스 디자인 */ 

/*   개인정보 보호정책 & 이메일무단수집 거부  ================================================================================== */
.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 1400 */
@media screen and (max-width:1400px) {

	#sub_main					{margin:0 15px 60px 15px;}
	footer						{padding:40px 15px 60px 15px}

}


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

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

	#sub_main					{margin:0; padding:10px 15px 0 15px; }
	#left_menu					{display:none; }
	#main_contents				{min-height:400px; padding:0 0 60px 0; border-bottom:1px solid #ddd;}

	#sub_title, #sub_top	 	{display:none; }
	.sub_top_m					{display:none; height:60px; line-height:60px; color:#fff; text-align:center; background:#236dcc;}
	.sub_top_m h3				{font-size:1.2em; font-weight:500; letter-spacing:-1px;}

	h4							{font-size:1.4em; margin-bottom:10px;}
	h5							{font-size:1.1em; padding:0 0 10px 0;}
	.sub_cont					{padding-right:17px; }  

	footer						{padding:30px 15px; text-align:center;}
	.copy_logo					{float:none; display:inline-block;}
	.copy_logo img				{width:120px;}
	.copy_txt					{padding:12px 0 0 0; font-size:0.8em;}
	.copy_btn li				{padding:0 0 0 20px;}
	.copy_btn li a:after		{left:8px;}
	.copy_txt address			{padding:8px 0 0 0; }

	.sub_tabmenu01				{margin:0; }
	.sub_tabmenu01 li a			{font-size:1em; height:50px; line-height:50px;}
	.sub_tabmenu02				{height:100%; margin-bottom:40px;}
	.sub_tabmenu02 li a			{font-size:0.95em; padding:0 15px; height:48px; line-height:48px;}
	.sub_tabmenu03 li			{margin:2px 1px;}
	.sub_tabmenu03 li a			{font-size:0.9em; padding:5px 10px;}

}



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


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

	#sng_bigimg_layer			{width:90% !important; }

	.tab5 li,
	.tab6 li,
	.tab7 li					{width:33.33%;}


}



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

	.cyber_mail_box				{padding:200px 20px 30px 20px; text-align:center; background:url("../../../core/image/common/email_img.gif") no-repeat center 20px; }

}




/* INTRO    ================================================================================== */
.intro_body						{position:relative; text-align:center; }
.intro_body .visual				{position:relative; height:1000px; height:100vh; overflow:hidden; background:url("../image/sub/visual.jpg") center top no-repeat; background-size:cover;}
.intro_body .acc				{position:absolute; top:20%; width:100%; z-index:1; color:#fff; }
.intro_body h1 img				{width:175px;}
.intro_body h2					{font-size:2.4em; font-family: 'GmarketSansLight'; letter-spacing:-2px; margin:40px 0;}
.intro_body h2 strong			{font-family: 'GmarketSansBold'; }
.intro_body ul					{text-align:center;}
.intro_body ul li				{display:inline-block; zoom:1; *display:inline; width:500px; margin:0 10px; background:#1c75d9; vertical-align:top; border-radius:10px; height:350px;}
.intro_body ul li:last-child	{background:#20adc8;}
.intro_body dl					{padding:40px 20px; color:#fff;}
.intro_body dl dt				{font-size:1.6em; line-height:1.4; letter-spacing:-2px; font-family: 'GmarketSansBold'; margin:20px 0; }
.intro_body dl dd				{text-align:left; letter-spacing:-1px; font-weight:500; margin:5px 0;}
.intro_body dl dd strong		{display:inline-block; background:rgba(0, 0, 0, 0.5);margin-right:10px; padding:0 10px; height:34px; line-height:32px; font-size:0.9em; border-radius:5px;}
/*.intro_body dl dd:last-child	{border-top:1px dashed #fff; padding:20px 0 0 0; text-align:center; margin:20px 0 0 0;}*/

.intro_body .copy				{position:absolute; left:0; bottom:0; width:100%; background:#272a2e; color:#939597; font-size:0.9em; padding:30px 0px; line-height:120%;}




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

	.intro_body ul					{padding:0 20px;}
	.intro_body ul li				{float:left; margin:0; width:49%;}
	.intro_body ul li:last-child	{float:right;}

}



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

	.intro_body .visual				{height:1080px;}
	.intro_body .copy				{position:relative; padding:20px 15px;}

}


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

	.intro_body .visual				{height:100%;}
	.intro_body h2					{font-size:1.6em; margin:30px 0 20px 0;}
	.intro_body h2 strong			{display:block; margin:15px 0 0 0;}
	.intro_body .acc				{position:relative; padding:10% 0; top:0;}
	.intro_body ul li				{float:none; width:100%; margin:10px 0;}
	.intro_body ul li:last-child	{float:none;}
	.intro_body dl					{padding:20px;}
	.intro_body dl dt				{font-size:1.4em; }
		
}