@charset "utf-8";
 
input:focus				{background-color: #ffcc00;}

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

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

/* HEAD    ================================================================================== */
#header_main,
#header_sub				{position:relative;width:100%; height:100%;	padding:185px 0 0 0; overflow:hidden;}  
   
#sub_top				{position:relative; height:240px; overflow:hidden; background:url("../image/common/nsub_top.jpg") no-repeat center 2px #d3ecff; background-size:cover; text-align:center;}
#sub_top .tit			{font-family: 'Tenada'; font-size:2.2em; color:#34435a; letter-spacing:-2px; line-height:1.2; margin-top:50px; }
#sub_top .tit span		{font-family: 'Tenada'; font-weight:700; padding:0 5px; background: linear-gradient(to right, #17d0e1, #2f68c2); color: transparent; -webkit-background-clip: text;}
#sub_top .stit			{font-size:1.05em; color:#555; letter-spacing:-1px; background:rgba(256,256,256,0.8); margin-top:15px; padding:10px 15px; display:inline-block; border-radius:5px 5px 0 0;}
#sub_top .stit span:nth-child(2)	{font-weight:500; box-shadow: inset 0 -10px 0 #ffe789; padding:0 3px; color:#111;}
#sub_top .stit span:nth-child(3)	{color:#111; font-weight:500;}
#sub_top .stit i		{color:#4290ff; margin-right:5px; font-size:18px;}
#sub_top .btn			{margin-left:10px; font-weight:500; font-size:0.95em;}
#sub_top .btn img		{width:100px; margin-right:5px;}
#sub_top .enter_btn		{margin:15px auto 20px auto; z-index:999999 !important;}
#sub_top .enter_btn		{text-indent:0; background-image:none;} 
#sub_top .enter_btn i	{margin-right:8px;}
#sub_top .enter_btn a	{color:#fff;}
.sub_youth				{background:url("../image/common/nsub_top2.jpg") no-repeat center bottom #f6f5c8 !important;}
.sub_youth .wrap		{position:absolute; width:100%; top:45%; left:50%; transform:translate(-50%,-50%); z-index:1;}
.sub_youth .tit			{margin:0 !important;}
.sub_youth .enter_btn	{margin-bottom:0 !important; border-radius:3px; background-color:#053065;}
.sub_youth .box			{display:inline-block; border-radius:5px; padding:8px 10px; background:rgba(256,256,256,0.8); margin-top:10px;}
.sub_youth .box p:first-child	{display:inline-block; font-size:1.05em; font-weight:500;}
.sub_youth .box p:first-child i	{color:#ff8f58; margin:0 5px; font-size:18px;}
.sub_youth .box .enter_btn		{display:inline-block; margin:0 0 0 10px !important;}
.sub_youth .stit		{margin:195px 0 0 0 !important; position:relative; z-index:1;}
.subYouth				{position:relative; height:100%; max-width:1200px; margin:0 auto;}
.subYouth:after			{content:''; position:absolute; left:-250px; bottom:-20px; width:460px; height:240px; background:url("../image/common/acc_top01.png") no-repeat center bottom;}
.subYouth:before		{content:''; position:absolute; right:-230px; bottom:-20px; width:460px; height:240px; background:url("../image/common/acc_top02.png") no-repeat center bottom;}
.sub_nolist_suggest i	{color:#114ab0; margin-right:7px;}

#sub_top2				{position:relative; background:#ecf6fd; overflow:hidden;}

#sub_wrap				{} 
#sub_main				{margin:0; padding:60px 0 0 0; }  

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

h4						{position: relative; margin-bottom: 20px; padding-top: 10px; font-size: 1.6em; color: #000; letter-spacing: -2px; line-height: 140%; font-weight: 500; }
h4:before				{ position: absolute; left: 0; top: 3px;  width: 20px;  height: 3px;  content: '';  background: #0676da;  border-left: 10px solid #222;}
h5						{padding:0 0 15px 0;font-size:1.2em; color:#005bbe; letter-spacing:-1px; font-weight:600; }
h6						{font-size:1.05em; padding:0 0 8px 0; color:#333; letter-spacing:-0.5px; font-weight:600; }

.sub_cont01				{padding-left:5px;text-align:justify;}  
.sub_cont02				{padding-left:10px;text-align:justify;}  
.sub_cont_box01			{border:4px solid #efefef;padding:15px;}
.sub_list01 ul			{padding:7px 0 0 10px;}
.sub_list01				{position:relative; list-style:none; padding:3px 0 3px 8px; line-height:150%;}
.sub_list01:after		{position:absolute; content:''; display:block; left:0; top:14px; width:3px; height:3px; background:#3a7cda;}
.sub_list02				{position:relative; list-style:none; padding:1px 0 1px 12px; line-height:150%;}
.sub_list02:after		{position:absolute; content:''; display:block; left:0; top:12px; width:5px; height:2px; background:#b5b5b5;}


/* 하단 카피라이트   ==================================================================================== */ 
#copyright					{position:relative; background:#333; padding:60px 0;}  

.copyright_logo				{float:right;} 
.copyright_btn				{margin-bottom:20px;}
.copyright_btn li			{display:inline-block; zoom:1; *display:inline; margin-right:12px; } 
.copyright_btn li:last-child	{margin:0;}
.copyright_btn li a			{color:#fefefe; font-size:1em; letter-spacing:-1px;}
.copyright_btn .privacy a	{font-weight:500; color:#fff;}
#copyright address			{font-style:normal; line-height:160%; color:#999; }
#copyright .copy			{margin-top:3px; line-height:160%; color:#999; } 

.btn_top					{position:fixed; right:40px; bottom:40px; width:60px; height:60px; opacity:0.7; z-index:2200; background:#2f68c2; border-radius:100%; cursor:pointer; box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);}
.btn_top:after				{content:''; position:absolute; top:22px; right:24px; border:solid #fff; border-width:2px 2px 0 0;  padding:5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.btn_top:before				{content:''; position:absolute; top:20px; right:29px; width:2px; height:20px; background:#fff; }
.btn_top:hover				{opacity:1;}


/*  서브페이지 탭메뉴   ==================================================================================== */
.sub_tabs					{display:flex; justify-content:space-around; text-align:center; width:100%; margin-bottom:40px;}
.sub_tabs li				{width:100%; cursor:pointer; }
.sub_tabs li a				{font-weight:500; display:block; width:100%; height:56px; line-height:54px; font-size:1.15em; color:#979797; padding:0 10px; background:#f9f9f9; border:1px solid #ddd; border-right:0; letter-spacing:-1px;
							overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_tabs li:last-child a	{border-right:1px solid #ddd;}
.sub_tabs li.on a, .sub_tabs li a:hover		{background:#2264bf; color:#fff; border-color:#2264bf; font-weight:500;}

.sub_tabmenu01					{width:100%; height:53px; border-bottom:1px solid #ddd; box-sizing:border-box; margin-bottom:40px; }
.sub_tabmenu01 li				{float:left;  border-top:1px solid #ddd; background:#f9f9f9}
.sub_tabmenu01 li:last-child	{border-right:1px solid #ddd; }
.sub_tabmenu01 li a				{display:block; width:100%; height:51px; line-height:51px; padding:0 30px; font-size:1.05em; text-align:center; color:#979797; border-left:1px solid #ddd; font-weight:500; letter-spacing:-1px;}
.sub_tabmenu01 .on				{background:#fff; border-top:3px solid #22305c; background:#fff; color:#000;}
.sub_tabmenu01 .on a			{line-height:48px; background:#fff; color:#000;}

.sub_tabmenu02					{width:100%; border-bottom:1px solid #ddd;  box-sizing:border-box; margin:-40px 0 60px 0; text-align:center;}
.sub_tabmenu02 li				{position:relative; display:inline-block; zoom:1; *display:inline; }
.sub_tabmenu02 li:after			{content:''; position:absolute; top:0; right:0; bottom:0; width:1px; height:1em; margin:auto; background:#ddd;}
.sub_tabmenu02 li:last-child:after	{display:none;}
.sub_tabmenu02 li a				{position:relative; display:block; margin:0 25px; font-size:1.15em;height:65px; line-height:65px;  color:#777; letter-spacing:-1px; }
.sub_tabmenu02 li a:hover, .sub_tabmenu02 .on 		{color:#114ab0; border-color:#114ab0; font-weight:500;}
.sub_tabmenu02 .on a			{color:#114ab0; font-weight:500;}
.sub_tabmenu02 .on a:after		{position:absolute; left:0px; bottom:0; content:''; display:block; width:100%; height:3px; background:#114ab0; border-radius:50px;}

.sub_tabmenu03					{min-height:37px; border-top:2px solid #323232; border-bottom:1px solid #ccc; background:#f5f5f5; }
.sub_tabmenu03 li				{float:left; margin-left:-1px; }
.sub_tabmenu03 li:first-child	{margin-left:0; }
.sub_tabmenu03 li a				{display:inline-block; zoom:1; *display:inline; padding:0 20px; line-height:35px; text-align:center; color:#555; border-right:1px solid #d3d3d3; }
.sub_tabmenu03 li a:hover		{color:#3f63d5; }
.sub_tabmenu03 li a.on 			{font-weight:bold; background:#fff;  color:#000; border-left:1px solid #d3d3d3; }
.sub_tabmenu03 li a.on:hover	{   }

.tab2 li					{width:50%; }
.tab3 li					{width:33.3%; }
.tab4 li					{width:25%; }
.tab5 li					{width:20%; }
.tab6 li					{width:16.66%; }
.tab7 li					{width:14.28%; }
.tab8 li					{width:12.5%; }


/* 표 관련   ==================================================================================== */ 
.form_table						{border-top:2px solid #66575a; border-collapse:collapse; width:100%; table-layout:fixed;} 
.form_table thead th			{padding:12px 8px; color:#333; font-weight:500; border-bottom:1px solid #d7d7d7; border-right:1px solid #d6d6d6; text-align:center; background-color:#F3F3F3; }
.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; font-size:0.95em;}
.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; font-size:0.85em; }
.form_table a:link				{color:#333; }
.form_table tfoot td 			{background-color:#F3F3F3; text-align:center; font-weight:500; padding:5px 0; border:solid 1px #ccc; }

.form1_2						{background-color:#e5ecf4; text-align:center; color:#111; padding:8px 0; font-weight:500; border:solid 1px #bbc6d9; line-height:110%; letter-spacing:-1px; } 
.form1_3						{background-color:#f6f7f9; text-align:center; color:#595959; padding:5px; letter-spacing:-1px; border-bottom:solid 1px #d2d2d2; }
.form1_4						{background-color:#ffffff; padding:5px; border-bottom:solid 1px #ccc; }  


/*  기타    ==================================================================================== */
.extra01				{color: #f87a00;  text-decoration:none; }
.extra02				{color: #3386f5; } 
 
.dot_line01				{background: url("../image/common/dot_line01.gif") repeat-x left 53px; height:100px; }  
.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; }  /* 회색 박스 디자인 */ 
.notice_box02_cont		{padding:55px 20px 15px 20px; }
.notice_title02			{position:absolute; margin:12px 0 0 -5px; background:url("../image/common/notice_title01.png") no-repeat right top; text-indent:20px; line-height:35px; color:#fff; font-weight:500; padding:0 33px 0 0; letter-spacing:-1px; } 
 
.count_stxt				{margin-bottom:7px; font-size:0.9em;}
.count_stxt span		{font-weight:500; color:#3a7cda;}



/*   개인정보 보호정책 & 이메일무단수집 거부  ================================================================================== */
.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_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:500; letter-spacing:-1px; }
.cyber_st02				{padding:0 0 5px 0; font-weight:500; 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%; }



 /* 사이트맵   ================================================================================== */
#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_wrap_close		{position:absolute; right:0; margin-top:-40px; cursor:pointer; }
.sitemap_box			{position:relative; max-width:1200px; margin:0 auto; padding:8% 0; overflow:hidden; }
.sitemap_h				{overflow:hidden; }

.site_wrap01			{float:left; width:16%; margin:20px 2%; } 
.site_title				{color:#f89c00; font-size:17px; line-height:30px; text-align:left;  padding:0 0 10px 8px; }
.site_area01 			{margin:0; width:100%; padding:0; list-style:none; }
.site_area01 ul			{ padding:7px 0;  } 
.site_area01 li			{font-size:13px; background:url('../image/common/sitemap_icon01.gif') no-repeat 0 13px; padding:3px 0 3px 0; text-indent:13px;  line-height:170%; }
.site_area01 li a		{color:#bbb; }
.site_area01 ul li		{font-size:12px; background:url('../image/common/sitemap_icon02.gif') no-repeat 5px 13px; padding:2px 0 2px 5px; text-indent:13px; line-height:160%; }

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


/*   통합검색   =============================================================================================*/ 
.search_title					{text-align:left; padding-bottom:15px; font-size:1.4em; color:#414141; border-bottom:2px solid #777; letter-spacing:-1px; font-weight:500;}
.search_title span				{color:#d40000; margin-left:7px; letter-spacing:0; font-size:14px;}

#search li						{list-style:none; }
.search_list_box01				{padding:30px 0; text-align:center;background:#efefef; margin-bottom:40px; }

.sub_search_wrap				{}
.sub_search						{margin:0 auto; width:550px; height:50px; z-index:21000; }
.sub_search	p					{float:left; width:135px; line-height:36px; color:#353535; font-size:1.55em; text-align:center; font-weight:bold; border-right:1px solid #ddd; }
.sub_search .search_box			{float:left; width:100%; padding:4px 0; line-height:37px;  }
.sub_search .search_input		{width:calc(90% - 60px); padding:12px 15px; font-size:1em; color:#333; border:0; background:#fff; }
.sub_search input[type="image"]	{padding-left:10px; width:25px;}

.search_list_box01_03			{padding:15px 0 0 0; }
.search_list_box01_03 .tag_tit	{font-size:1.05em; font-weight:500; margin-right:10px; }
.search_list_box01_03 a			{display:inline-block; zoom:1; *display:inline; color:#333; font-size:0.95em; padding:1px 15px; margin:2px 1px; border:1px solid #ccc; border-radius:15px; background:#fff; letter-spacing:-1px;}				
.search_list_box01_03 a:hover	{border-color:#3a7cda;}
.search_infotitle						{ text-align: center; font-size:1.4em; ; color:#555; letter-spacing:-1px; margin-bottom:40px;}
.search_infotitle p						{position:relative; display: inline-block; zoom: 1; *display:inline: ; padding:20px 50px;}
.search_infotitle span:first-child		{font-size:30px; font-weight:700; color:#347ef4; margin-right:5px;}
.search_infotitle span:last-child		{font-size:30px; letter-spacing:0; font-weight:700; color:#333; margin-left:5px;}
.search_infotitle p:before				{display:block; position:absolute; content:''; top:0; left:0; border:2px solid #c1daff; 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 #c1daff; padding:10px 14px 6px 2px; border-width:8px 8px 0 0; transform:rotate(90deg);}

.search_list_more_btn			{display: inline-block; zoom: 1; *display:inline; line-height: 25px; padding: 0 10px; color: #fff; background: #646e7d; font-size: 12px; border: 1px solid #5a6370; cursor: pointer; border-radius: 2px; box-shadow: 0px 1px 0px #d9d9d9; margin-bottom:5px; }

.search_line01					{background: url("../image/common/dot_line01.gif") repeat-x left 15px; height:30px; }   

.search_list_wrap01_top			{ padding:20px 5px 0px 5px; }
.search_list_wrap01				{padding:20px 5px 0px 5px; }
.search_list_path				{color:#2264bf; font-size:0.85em;}
.search_list_link				{padding-bottom:10px; }
.search_list_link a				{color:#1c78f4; }
.search_list_title01			{font-weight:700; font-size:1.05em; color:#414141; padding-bottom:5px; letter-spacing:-0.75px;}
.search_list_title02			{font-weight:500; font-size:23px; color:#555; padding-bottom:5px; }
.search_list_cont02				{padding-bottom:20px; color:#797979; font-size:0.95em; letter-spacing:-0.75px; line-height:140%;}
.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; border-top:2px solid #66575a; background:#f4f4f4;  } 
.search_table thead th				{padding:15px 8px; font-weight:500; 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:#111; line-height:160%; padding:11px 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafbfc; text-align:center; }
.search_table tbody td				{color:#333; line-height:160%; 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:#111; font-size:12px; line-height:140%; letter-spacing:-0.5px;  }

.search_table th a					{color:#111; }

.list_table_head				{overflow:hidden; text-align:center; color:#111; font-weight:500; line-height:51px; background:#f4f4f4; border-top:2px solid #66575a; border-bottom:1px solid #dfdfdf; font-size:14px; }
.list_table_head div.no			{float:left; width:50px; }
.list_table_head div.subject	{float:left; width:calc(100% - 220px); }
.list_table_head div.named		{float:left; width:60px; }
.list_table_head div.date		{float:left; width:70px; }
.list_table_head div.hit		{float:left; width:40px; }


/*	마이페이지 탭메뉴	*/
.mypage_tab_wrap					{width:100%; margin-bottom:30px; }
.mypage_tabmenu01					{width:100%; height:48px; margin:0 auto;  }

.mypage_tabmenu01 li				{float:left; height:48px;line-height:48px; font-size:15px; text-align:center; color:#000; box-sizing:border-box; margin-left:-1px; } 
.mypage_tabmenu01 li span			{display:inline-block; width:100%; border:1px solid #dedee1; }
.mypage_tabmenu01 li span:hover		{background:#359f95; color:#fff; -webkit-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear;  } 
.mypage_tabmenu01 li.on span		{background:#359f95;color:#fff; }


@media screen and (max-width:1200px) {
	#sub_main					{padding:50px 20px 0 20px;}
	#sub_top .sub_top_epeople	{left:10px;}

	#copyright					{padding:60px 20px;}	
	.sub_search_wrap			{padding:0 10px;}

}


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

	#header_main				{padding:60px 0 0 0; }  
	#header_sub					{padding:60px 0 0 0; background:none; } 
	#sub_wrap					{padding:20px 0 0 0; margin:0; border-top:0; }
	#sub_main					{padding:0 10px;}
	.top_sns					{display:none;}

	#sub_top					{background:#d6eeff; height:100%; padding:30px 10px;}
	#sub_top .tit				{font-size:1.6em; margin:0;}
	#sub_top .enter_btn			{display:block; margin:5px auto 0 auto !important; height:42px; line-height:40px; width:150px; font-size:1em;}
	#sub_top .stit				{font-size:0.95em; padding:5px 10px; border-radius:5px;}
	.sub_youth .wrap			{position:relative; left:0; top:0; transform:none;}
	.sub_youth .box				{margin-top:10px; padding:10px 15px;}
	.sub_youth .box p:first-child	{display:block; font-size:0.95em;}
	.subYouth:after				{bottom:-15%; left:-15%; height:150px; background-size:contain; }
	.subYouth:before			{bottom:-15%; right:-15%; height:150px; background-size:contain; }
	.sub_youth .stit			{margin:15px 0 0 0 !important;}

	#main_contents				{min-height:400px; margin:0 0 5% 0;}

	#copyright					{padding:40px 20px; text-align:center;}
	.copyright_logo				{display:none;}
	.copyright_btn				{margin-bottom:7px;}
	.copyright_btn li			{margin-right:5px;}
	.copyright_btn li a, 
	#copyright address, 
	#copyright .copy			{font-size:0.85em;}

	.search_list_box01					{margin-bottom:20px;}
	.sub_search							{width:90%;}
	.search_infotitle					{font-size:1.1em; margin-bottom:20px;}
	.search_infotitle p					{padding:20px 40px;}
	.search_infotitle span:first-child, .search_infotitle span:last-child	{font-size:25px;}
	.search_list_box01_03 .tag_tit		{font-size:0.9em;}
	.search_list_box01_03 a				{font-size:0.85em;}
	.search_title						{font-size:1.2em;}
	.search_list_title01				{font-size:1em;}
	.search_list_cont02					{font-size:0.85em;}

}


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

	.mypage_tabmenu01					{width:100%; }
	/*.mypage_tabmenu01 li				{width:50%; }*/

	.sub_tabs 					{flex-wrap:wrap; gap:3px;}
	.sub_tabs li				{flex:1 1 40%;}
	.sub_tabs li a				{line-height:46px; height:48px; font-size:0.95em; border-right:1px solid #ddd;}

	.sub_tabmenu01				{display:flex; flex-wrap:wrap; gap:3px; height:auto; margin-bottom:20px; border:0; }
	.sub_tabmenu01 li			{flex:1 1 40%; float:none; border:0; background:#e0e2e6;}
	.sub_tabmenu01 li a			{font-size:0.95em; padding:0 7px; line-height:42px; height:42px; text-align:center; color:#575f71; border:none; font-weight:500; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
	.sub_tabmenu01 li.on		{border:0;}
	.sub_tabmenu01 li.on a		{background:#25264a; color:#fff; line-height:40px;}

	.sub_tabmenu02				{margin:-40px 0 40px 0;}
	.sub_tabmenu02 li a			{font-size:0.95em; height:52px; line-height:52px; }

	.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%; }

	.site_wrap01				{float:none; width:100%; }

	.tab4 li					{width:50%; }
	.tab5 li					{width:33.3%; }
	.tab6 li					{width:33.3%; }
	.tab7 li					{width:33.3%; }
	.tab8 li					{width:33.3%; }

	.subYouth:after, .subYouth:before	{display:none;}
}


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



