@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
/*@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Myeongjo Bold';
  font-style: normal;
  font-weight: 600;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.ttf) format('truetype');
}
*/
/********** reset **********/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select	{margin:0; padding:0; word-break:break-all}
html	{font-size:10px; letter-spacing:-0.05em}
img		{margin:0; border:0}
ul,li	{list-style:none}
td		{word-break:break-all}
body	{font-family:'Noto Sans KR','malgun gothic',dotum,verdana,sans-serif; background-color: #fff;}
html,body{height:100%;}
.h1, .h2, .h3, h1, h2, h3,p	{margin:0!important}

/********** common link **********/
a:link,a:visited	{text-decoration:none}
a:hover,a:active	{text-decoration:underline}

/*레이아웃*/
#header 		{float:left; width:100%; height:100px; box-shadow:0 3px 5px rgba(0,0,0,0.2); -moz-box-shadow:0 3px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.2); background:#fff; z-index:9999}
.mobile_ver	{display:none}
#contents_wrap	{float:left; width:100%; padding-top:100px}
#main_wrap		{float:left; width:100%; overflow:hidden}
.main_area1		{float:left; width:100%; background:#9ec5f0; padding:50px 0}
.main_area2		{float:left; width:100%}
.main_area3		{float:left; width:100%; box-sizing:border-box}
.main_area4		{float:left; width:100%; padding:40px 0}
.main_area5		{float:left; width:100%; background:#f4f4f4; padding:50px 0}
.main_area_wrap	{display:table; width:1080px; margin:0 auto; box-sizing:border-box}
#sub_wrap		{display:table; width:1080px; margin:0 auto; box-sizing:border-box; height:100%}
#footer			{float:left; width:100%; background:#555; color:#fff}

/*공통*/
a, input, button {
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
	cursor:pointer;
	}
.small, small {font-size: 70%!important;}

	
/*상단*/
.top_menu_area				{display:table; width:1080px; height:100%; margin:0 auto; box-sizing:border-box}
.logo_area			{float:left; display:table; height:100%}
.logo_area h1		{display: table-cell; vertical-align: middle;}
.logo_area h1 img	{float:left;}
.pc_ver	.logo_area h1{height:100px; }
.top_menu			{float:right; display:table;}
.top_menu ul	{float:left; width:100%; margin-bottom:0!important}
.top_menu ul li		{float:left; margin-right:50px}
.top_menu ul li,.top_menu ul li a	{font:500 2rem/100px 'Noto Sans KR'; color:#000; letter-spacing:-0.05em}
.top_menu .top_option{display: table-cell; vertical-align: middle; position:relative; top:5px}
.top_menu .top_option .option1	{float:left; }
.top_menu .top_option .option2	{float:left; margin-left:30px; padding-left:30px; border-left:1px #ccc solid}
.top_menu .top_option .option3	{float:left; margin-left:30px; position:relative; bottom:7px}
.top_menu .top_option select			{border:none; font:400 1.5rem/1.8 'Noto Sans KR'; cursor:pointer; background:#fff}
.top_menu .top_option select option	{font:400 1.3rem/1.8 'Noto Sans KR'}

/*상단-부트스트랩*/
.navbar-toggle	{padding:0!important; border:0!important; margin-right:0!important}
.navbar-header	{margin:0!important}
.navbar-default .navbar-toggle .icon-bar	{background-color:#000!important}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:#fff!important}
.list-group-item	{padding:5px 0!!important}
.dropdown:hover .dropdown-menu {display: block;margin-top: 0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form	{background:#3269a5!important}
.navbar-default .navbar-nav>li>a	{color:#fff!important}

.news.news_main2 .boxtitle  {font-size: 20px;}


/*main_area1*/
.main_area1 .m_cover	{float:left; width:267px; height:372px; overflow:hidden; box-shadow:rgb(0 0 0 / 40%) 6px 6px 10px;}
.main_area1 .m_cover img{float:left; width:100%; height:auto}
.main_area1 .m_banner	{float:right; width:790px; height:372px; overflow:hidden; box-shadow:rgb(0 0 0 / 40%) 6px 6px 10px; background:#fff}

/*main_area2*/
.main_area2 .m_title		{float:left; width:100%; text-align:center; font:700 3.3rem/60px 'Noto Sans KR'; padding:40px 0 ; white-space:nowrap}
.main_area2 .m_title span.ho	{ width:60px; height:60px; color:#fff; position:relative; display:inline-block; letter-spacing:-3px; margin-right:2px}
.main_area2 .m_title span.ho:before	{content:""; width:60px; height:60px; background:#59b537; border-radius:50%; position:absolute; top:2px; left:2px; z-index:-1}
.main_area2 .m_title span.tong   {font:400 2rem/60px 'Noto Sans KR'}

/*main_area3*/
.main_area3	.news			{float:left; width:340px}
.main_area3	.news .thumb_img{height:200px; margin: 10px 0;}
.main_area3 .news .title,.main_area3 .news .title a	{font:500 2.0rem/1.4 'Noto Sans KR'; color:#282828}
.main_area3	.news2			{margin:0 30px}
.news .title mark {padding: 0; background: none; font-family: '맑은 고딕',Magun Gothic;}

/*main_area4*/
.main_area4 .news_le			{float:left; max-width:63%; box-sizing:border-box}
.main_area4 .news_le .news		{float:left; width:100%; padding:20px 0; border-top:1px #ddd solid; margin:0!important}
.main_area4 .news_le .news2		{float:left; width:100%; padding:20px 0; border-top:1px #ddd solid;}
.main_area4 .news_le .news2 .news	{float:left; width:100%; padding:10px 0; border-top:none;}
.main_area4 .news_le .news2 .news .boxtitle	{min-width:105px}
.main_area4 .news_le .news3			{float:left; width:100%; padding:20px 0; border-top:1px #ddd solid;}
.main_area4 .news_le .news3 .news	{float:left; width:33.3%; padding:10px 0; border-top:none;}
.main_area4 .news_le .boxtitle	{float:left; max-width: 145px;}
.main_area4 .news_le .title		{float:left; max-width:448px; margin-left:20px;}
.main_area4 .news_le .stitle	{float:left; width:100%}
.main_area4 .news_le .name		{float:right}

.main_area4 .news_le .news_box  {float:left; width:100%; padding:20px 0 10px; border-top:1px #ddd solid;}
.main_area4 .news_le .news_box .news_list_wrap  {float:left; width:100%; display: flex; flex-direction: row; justify-content: flex-end}
.main_area4 .news_le .news_box .boxtitle  {float: left; min-width:144px; white-space: nowrap; margin-right: 20px;}
.main_area4 .news_le .news_box .news_list  {width:100%; display: flex; justify-content: space-between!important; margin-bottom: 10px;}
.main_area4 .news_le .news_box .title {max-width: auto; margin-left: 0;}
.main_area4 .news_le .news_box .stitle{padding: 5px 0 0;}

.main_area4 .news_ri_wrap {float:right; width:32.5%; box-sizing:border-box}

.main_area4 .news_ri			{float:right; border-top: 10px #e9f1fa solid;  border-bottom: 10px #e9f1fa solid; box-sizing:border-box; margin-bottom: 20px;}
.main_area4 .news_ri .news1,.main_area4 .news_ri .news2,.main_area4 .news_ri .news3{float: left; width: 100%; padding: 10px 30px; border-right: 10px #e9f1fa solid; border-left: 10px #e9f1fa solid;}
.main_area4 .news_ri .news		{float:left; width:100%;}
.main_area4 .news_ri .news .news{float:left; width:100%; margin-top:3px!important;  padding-bottom:0}
.main_area4 .news_ri .news2		{margin:auto}
.main_area4 .news_ri .news4		{margin-top:30px!important}
.main_area4 .news_ri .boxtitle_b		{font:500 2.4rem/1.2 'Noto Sans KR'; padding-top: 20px;}
.main_area4 .news_ri .boxtitle			{float:left; padding-top:15px}
.main_area4 .news_ri .news1 .boxtitle,.main_area4 .news_ri .news3 .boxtitle	{padding-top:0}
.main_area4 .news_ri .title		{float:left; max-width: 80%; }
.main_area4 .news_ri .stitle	{float:left; width:100%;}
.main_area4 .news_ri .name		{float:right}
.main_area4 .news_ri .news .thumb_img {height: auto;}

.main_area4 .news_ri4 .news         {float: left; width: 100%; padding:15px 30px 15px; border-right: 10px #e9f1fa solid; border-left: 10px #e9f1fa solid;}
.main_area4 .news_ri4 .news .boxtitle {padding-top: 0; padding-bottom: 5px;}
.main_area4 .news_ri4 .news .boxtitle, .main_area4 .news_ri4 .news .boxtitle a  {font-size: 20px;}
.main_area4 .news_ri4 .news .news_li{float:left; width:100%; margin:0 0 7px}

.main_area4 .news_ri5 .news         {float: left; width: 100%; padding:0px 30px 20px; border-right: 10px #e9f1fa solid; border-left: 10px #e9f1fa solid;}
.main_area4 .news_ri5 .boxtitle_b  {padding: 30px 0 10px}
.main_area4 .news_ri5 .news .boxtitle, .main_area4 .news_ri5 .news .boxtitle a  {font-size: 20px;}
.main_area4 .news_ri5 .news .news_li{float:left; width:100%; margin-top:5px;  margin-bottom:0}


/*main_area5*/		
.main_area5	.m_notice			{float:left; width:63%; ; max-height:300px; overflow:hidden; box-sizing:border-box}
.main_area5	.m_notice .title	{float:left; width:100%; position:relative; font:600 2.6rem/1.8 'Noto Sans KR';}
.main_area5	.m_notice .title span	{float:right}
.main_area5	.m_notice .title span,.main_area5 .m_notice .title span a	{font:500 2.6rem/1.8 'Noto Sans KR'; color:#000}
.main_area5 .m_notice .title span a:hover	{text-decoration:none}
.main_area5	.m_notice ul		{float:left; width:100%}
.main_area5	.m_notice li		{float:left; width:100%; padding:18px 0; border-bottom:1px #ccc solid}
.main_area5	.m_notice .li_tt	{float:left; width:88%; max-width:600px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.main_area5	.m_notice .li_tt,.main_area5 .m_notice .li_tt a	{font:400 1.7rem/1.6 'Noto Sans KR'; color:#000}
.main_area5	.m_notice .li_date	{float:right; font:400 1.4rem/2 'Noto Sans KR'; color:#999}
.main_area5	.m_join_box			{float:right; width:32.5%; background:#fff; border:10px #ececec solid; padding:45px 30px; box-sizing:border-box; text-align:center; letter-spacing:-0.08em}
.main_area5	.m_join_box dt		{font:400 2.4rem/1.4 'Noto Sans KR'; }
.main_area5	.m_join_box dt span	{font:600 3.2rem/1 'Noto Sans KR'; }
.main_area5	.m_join_box dd		{display:table; width:87%; margin:15px auto; font:400 1.4rem/1.4 'Noto Sans KR'; color:#979797 }
.main_area5	.m_join_box .btn_join	{display:table; width:76%; margin:0 auto; }
.main_area5	.m_join_box .btn_join a	{display:block; width:100%; border:1px #000 solid; text-align:center; padding:8px 0 10px}
.main_area5	.m_join_box .btn_join,.main_area5 .m_join_box .btn_join a	{font:400 1.6rem/1 'Noto Sans KR'; color:#000}

/*목록 공통*/
.news .boxtitle,.news .boxtitle a{font:500 1.7rem/1.2 'Noto Sans KR'; color:#3269a5; letter-spacing:-0.08em}
.news .title,.news .title a	{font:400 1.8rem/1.2 'Noto Sans KR'; color:#282828; letter-spacing:-0.05em; word-break:keep-all}
.news .thumb_img	{float:left; width:100%; height:180px; overflow:hidden; display:flex; justify-content:center;  align-items:center;}
.news .thumb_img a	{width:100%}
.news .thumb_img img{width:100%; height:auto; margin:10px 0; }
.news .stitle	{font:400 1.5rem/1.4 'Noto Sans KR'; color:#888; letter-spacing:-0.08em;/* position:relative; left:12px;*/ padding:5px 0 8px}
/*.news .stitle:before	{content:"-"; float:left; text-indent:-9px}*/
.news .name		{font:400 1.4rem/1.6 'Noto Sans KR'; color:#666}
.news .ico_open	{font:400 1.1rem/1 'Noto Sans KR'; background:#000; color:#fff; padding:0 6px 2px; margin-left:10px; position:relative; top:-2px; white-space:nowrap}


/*서브 웹진 기사면*/
#sub_wrap .lnb	{float:left; width:25%; height:100%; background:#f4f4f4; padding:40px 30px; box-sizing:border-box; overflow:hidden}
#sub_wrap .lnb .s_cover	{float:left; width:100%; box-shadow:rgb(0 0 0 / 40%) 6px 6px 10px;}
#sub_wrap .lnb .s_cover img	{float:left; width:100%; height:auto}
#sub_wrap .lnb .news.list	{float:left; width:100%; padding-top:30px}
#sub_wrap .lnb .news.list li{float:left; width:100%; border-bottom:1px #ccc solid; padding:10px 0}
.news.list .boxtitle,.news.list .boxtitle a		{font:500 1.5rem/1.4 'Noto Sans KR';}
.news.list .title,.news.list .title a	{font:400 1.5rem/1.5 'Noto Sans KR';}
#sub_wrap .contents							{float:right; width:70%; margin:50px 0; box-sizing:border-box}
#sub_wrap .contents .read_top				{float:left; width:100%; position:relative;}
#sub_wrap .contents .read_top .read_nav		{float:left; width:100%; position:relative}
#sub_wrap .contents .read_top .read_boxtitle{float:left; font:500 1.7rem/1.8 'Noto Sans KR'; color:#3269a5;}
#sub_wrap .contents .read_top .read_ho		{float:right; font:400 1.6rem/1.8 'Noto Sans KR'}
#sub_wrap .contents .read_top .read_title	{float:left; width:100%; padding:45px 0; margin:15px 0; border-top:2px #000 solid; border-bottom:1px #ccc solid; text-align:center; font:800 3.4rem/1.2 'Nanum Myeongjo';letter-spacing:-0.05em; word-break:keep-all}
#sub_wrap .contents .read_top .read_stitle	{font:700 2.2rem/1.6 'Nanum Myeongjo';  word-break:keep-all; margin-top:10px!Important}
#sub_wrap .contents .read_top .read_list	{float:left; text-align:center; }
#sub_wrap .contents .read_top .read_list a	{font:400 1.4rem/1.6 'Noto Sans KR'; color:#fff;}
#sub_wrap .contents .read_top .read_option	{float:right; text-align:center; }
#sub_wrap .contents .read_top button,#sub_wrap .contents .read_top .read_list button		{height:25px; font:400 1.4rem/25px 'Noto Sans KR'; color:#fff; padding:0 10px; background:#3269a5; border:none; box-sizing:border-box; border-radius:5px}
#sub_wrap .contents .read_top button:hover	{background:#0a3e76!important}
#sub_wrap .contents .read_content			{float:left; width:100%; position:relative; font:500 1.7rem/1.8 'Nanum Myeongjo'; letter-spacing:-0.08em; padding:20px 0; text-align:justify}
#sub_wrap .contents .read_content hr  {margin:5px 0!important; border-top: 1px #ccc solid!important;}
#sub_wrap .contents .read_content p	{text-indent:20px}
#sub_wrap .contents .read_content span.underline  {text-decoration: underline;}
#sub_wrap .contents .read_content .left,#sub_wrap .contents .read_content .left span  {text-indent: 0!important; text-align: left;}
#sub_wrap .contents .read_content .center,#sub_wrap .contents .read_content .center span  {text-indent: 0!important; text-align: center;}
#sub_wrap .contents .read_content .right,#sub_wrap .contents .read_content .right span    {text-indent: 0!important; text-align: right;} 
#sub_wrap .contents .read_content table		{max-width:758px!Important; border-collapse: inherit!important; line-height: 1.5;}
#sub_wrap .contents .read_content table td{vertical-align: top;}
#sub_wrap .contents .read_content table.body_img_right .body_img_table2 {text-align: right;}
#sub_wrap .contents .read_content table.body_img_left .body_img_table2 {text-align: left;}
#sub_wrap .contents .read_content .body_img_table.body_img_center {margin: 0 auto}
#sub_wrap .contents .read_content img		{max-width:100%; margin-bottom:10px}
#sub_wrap .contents .read_content .body_img_caption	{text-indent:0;}
#sub_wrap .contents .read_content .body_img_caption,#sub_wrap .contents .read_content .body_img_caption span	{font:400 13px/1.3 'Noto Sans KR'!important;}
#sub_wrap .contents .read_content .body_img_caption.right {text-align: right;}
#sub_wrap .contents .read_content .body_img_caption.left {text-align: left;}
#sub_wrap .contents .read_content .bold		{font-weight:900}
#sub_wrap .contents .writer_box		{float:left; width:100%; border:1px #ccc solid; box-sizing:border-box; padding:20px; margin:20px 0}
#sub_wrap .contents .writer_box	dt	{font:400 2.0rem/2 'Noto Sans KR';}
#sub_wrap .contents .writer_box	dd	{font:400 1.5rem/1.6 'Noto Sans KR'; letter-spacing:-0.08em; color:#888}

/*서브 기타페이지*/
#sub_wrap.sub_container	{padding:3% 0}
#sub_wrap.sub_container .sub_content	{width:100%; display:table; margin:0 auto; padding:8%; margin-bottom:8%; border-bottom:1px #ddd solid; box-sizing:border-box}
#sub_wrap.sub_container .sub_content.join_wrap	{width:80%; border:15px #eee solid}
#sub_wrap.sub_container .sub_content h2	{font:500 3.4rem/1.4 'Noto Sans KR'!important; word-break:keep-all; padding-bottom:6%; letter-spacing:-0.08em}
#sub_wrap.sub_container .sub_content p	{font:300 1.9rem/1.9 'Noto Sans KR'; padding-bottom:3%; letter-spacing:-0.08em}
#sub_wrap.sub_container .sub_content.end{border-bottom:none}
#sub_wrap.sub_container .ed_list	{float:left; width:100%; box-sizing:border-box}
#sub_wrap.sub_container .ed_list li	{float:left; width:32%; overflow:hidden}
#sub_wrap.sub_container .ed_list li.center	{margin:0 2%}
#sub_wrap.sub_container .ed_list li .img img{width: 100%; height: 100%; object-fit: cover;}
#sub_wrap.sub_container .join_form	{width:70%; margin:30px auto}
#sub_wrap.sub_container .join_form label	{display:none}
#sub_wrap.sub_container .join_form .form-control	{margin-bottom:8px; height:45px!important; font-size:15px!Important}
#sub_wrap.sub_container .join_form .btn				{margin-bottom:8px!important; height:45px!important; font-size:15px!Important; background:#fff!important; color:#555; text-shadow:none; box-shadow:none!important}
#sub_wrap.sub_container .join_form .join_btn .btn	{background:#3269a5!important;  color:#fff; border:none}	
#sub_wrap .left_menu .menu_title	{float:left; width:100%;  box-sizing:border-box; border-bottom:1px #000 solid; padding-bottom:30px; text-align:center; color:#000; font:500 2.7rem/1.2 'Noto Sans KR'; word-break:keep-all}
#sub_wrap .left_menu li		{float:left; width:100%; padding:15px 0; border-bottom: 1px #ccc solid; box-sizing:border-box; position:relative}
#sub_wrap .left_menu li span{display:none}
#sub_wrap .left_menu li.on,#sub_wrap .left_menu li.on a	{color:#3269a5; font:500 1.5rem/1.4 'Noto Sans KR'}
#sub_wrap .left_menu li.on span	{display:block; float:right; font-size:14px; position:relative; top:5px}
#sub_wrap .left_menu li,#sub_wrap .left_menu li a	{font:400 1.5rem/1.4 'Noto Sans KR'; color:#000}
#sub_wrap .contents .page_title		{float:left; width:100%; border-bottom:1px #ccc solid; box-sizing:border-box; padding:0 0 30px; margin-bottom:30px}
#sub_wrap .contents .page_title h3	{font:500 3.1rem/1.8 'Noto Sans KR'; color:#000}

.breadcrumb					{background:none!Important; padding:0!Important; text-align:right;}
.breadcrumb,.breadcrumb a	{font:400 1.4rem/1.6 'Noto Sans KR'; color:#777;}
.breadcrumb .active			{color:#000!important}

/*검색페이지*/
.search_wrap{float:left; width:100%; }
.search_box	{float:left; width:100%; box-sizing:border-box; border:1px #ccc solid; background:#f8f8f8; padding:3% 0 5%; margin:40px 0; text-align:center}
.search_box	 h2	{font:400 3.4rem/1.86 'Noto Sans KR'; text-align:center}
.search_box	form{float:none!important; display:table; margin:0 auto}
.search_box .search_option	{float:left; width:100%; padding-top:20px}
.search_input			{display:table; margin:0 auto; width:40%; border:2px #000 solid; padding:8px; margin-top:10px; background:#fff;}
.search_input .col-lg-6	{float:none!important;}
.search_input input,.search_input button	{border:none!important; background:#fff!important; box-shadow:none!important}
.result_box		{display:table; width:1080px; margin:0 auto}
.result_box .result_top				{float:left; width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px #ccc solid;}
.result_box .result_top li			{ font:500 2.0rem/1.8 'Noto Sans KR'}
.result_box .result_top span		{color:red;}
.result_box .result_top span.badge	{ background:#ddd; color:#444}
.result_box .result_top .page	{float:right; font:400 1.4rem/1.8 'Noto Sans KR'; color:#666;}
.result_box .result_list		{float:left; width:100%; padding-bottom:20px; border-bottom:1px #ddd solid}
.result_box .result_list .boxtitle {float:left;  margin-right:20px}
.result_box .result_list .title		{float:left;}
.result_box .result_list .name		{float:right}
.result_box .result_list .body	{height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.result_box .result_list .body,.result_box .result_list .body a	{font: 400 1.5rem/20px "Noto Sans KR"; color: #555; text-align:justify}
.result_box .result_list .ho	{float:left; width:100%; font:500 1.5rem/1.8 'Noto Sans KR'; color:#888}


/*하단*/
.footer_wrap	{display:table; width:1080px; margin:30px auto; box-sizing:border-box; position:relative}
.footer_logo	{float:left; width:13%}
.footer_info	{float:left; width:87%; margin:20px 0; position:relative}
.footer_info .copyright		{font:300 1.5rem/1.4 'Noto Sans KR'; letter-spacing:-0.03em}
.footer_info .copyright span{font-size:1.2rem; color:#999; letter-spacing:0}
.footer_btn_join			{float:right; position:relative; bottom:31px}
.footer_btn_join a			{font:500 1.6rem/1 'Noto Sans KR'; background:#333; color:#fff!important; padding:6px 24px 10px}
.back-to-top		{position:fixed; right:0; bottom:0; display:block; background:#888; width:40px; height:40px; text-align:center; line-height:40px; color:#fff!important}
.back-to-top span	{font-size:18px; top:4px}

/*부트스트랩*/
.carousel-inner		{height:372px!Important}
.carousel-inner img	{height:372px!important}
.carousel-control	{background-image:none!important; width:10%!important; height:100%!Important;}
.carousel-indicators	{bottom:10px!important; width:72%!important; left:0!important}
.carousel-indicators li	{border:none!important; background:rgba(0,0,0,0.2)!important; width:8px!important; height:8px!important; margin:2px!important}
.carousel-indicators .active	{background:#000!important; width:8px!important; height:8px!important; margin:2px!important}



/*부트스트랩 스타일 수정*/
@media (min-width: 1200px){
  .container  {width: 1080px!important;}
  }

@media (max-width:414px)	{
.main_area4 .news_le .news_box .news_list_wrap  {flex-direction: column;}
.main_area4 .news_le .news_box .news_list {width: 100%;}
.main_area4 .news_le	{order:2; width:100%; max-width: 100%;}
.main_area4 .news_ri_wrap	{order:1; width:100%;}
.main_area4 .news_ri,.main_area4 .news_ri2  {padding: 20px;}
.main_area4 .news_le .boxtitle	{width:100%; margin-bottom:5px}
.main_area4 .news_le .title		{max-width:250px; margin-left:0}
.main_area5 .m_notice	{width:100%; margin-bottom:10px}
.main_area5 .m_notice li{width:100%; padding:12px 0;}
.main_area5 .m_notice .li_tt{max-width:100%; width:100%; height:24px; white-space:inherit}
.main_area5 .m_notice .li_date{display:none}
.main_area5	.m_join_box,.main_area5 .m_join_box dd,.main_area5 .m_join_box .btn_join	{width:100%}
#sub_wrap.sub_container .sub_content	{width:90%}
#sub_wrap.sub_container .sub_content h2	{font:500 2.8rem/1.4 'Noto Sans KR'!important}
#sub_wrap.sub_container .join_form		{width:100%}
#sub_wrap.sub_container .sub_content.join_wrap	{width:100%}
#sub_wrap.sub_container .sub_content h2	{font:500 2.3rem/1.4 'Noto Sans KR'!important}
#sub_wrap.sub_container .sub_content p	{font:300 1.6rem/1.8 'Noto Sans KR'}
#sub_wrap.sub_container .ed_list p	{font:300 1.6rem/1.2 'Noto Sans KR'; word-break:keep-all}
}

@media (min-width: 320px) and (max-width: 1024px)	{
	input{
/*ios대응*/
appearance: none;
-webkit-appearance: none;
-webkit-border-radius: 0;
}
select{
/*ios대응*/
-webkit-appearance: none;-moz-appearance: none; appearance: none; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;
/*화살표 배경 넣기
background: url('이미지경로') no-repeat 98% 50% #fff; /*화살표 select박스 오른쪽 중앙 배치,배경 흰색*/
}
select::-ms-expand{ 
display:none; /* 화살표 없애기 for IE10, 11*/
}
#header	{height:auto}
#contents_wrap	{padding-top:55px}
.pc_ver		{display:none}
.mobile_ver	{display:block}
.menu_wrap		{position: absolute;top: 0;right: 0;height: 100vh; max-width: 0;  transition: 0.5s ease; z-index: 1;  background-color:#fff; border-left:1px #ddd solid;}
.menu_contents	{width:280px;}
.menu_contents ul	{float:left; width:100%; margin-top:55px; border-top:1px #ccc solid;}
.menu_contents li	{float:left; width:100%; height:60px; border-bottom:1px #ccc solid; box-sizing:border-box; padding:0 20px}
.menu_contents .menu a	{color:#000; font:500 1.8rem/60px 'Noto Sans KR'}
/*.menu_contents .menu_bg	{background:#eee; background:#eee; padding:80px 20px 40px; box-sizing:border-box}*/
.menu_contents .select_box select	{float:left; font:500 1.8rem/58x 'Noto Sans KR'; width:100%; height:58px; border:none;box-sizing:border-box; background:#fff; -webkit-background:#fff; -moz-background:#fff; -o-background:#fff; font: 500 2.0rem/60px 'Noto Sans KR'; background:url(img/btn_arrow.png) no-repeat 100% 50% #fff; background-size:13px /*화살표 select박스 오른쪽 중앙 배치,배경 흰색*/}
.menu_contents .search_box			{background:#f1f1f1; }
.menu_contents .search_box form		{float:left; width:100%}
.menu_contents .search_box input	{float:left; width:85%; line-height:58px; border:none; background:#f1f1f1;}
.menu_contents .search_box button	{float:right; line-height:58px; border:none;}
.burger-icon {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  z-index: 2;
  padding: 8px 0;
  top: 15px;
  right: 15px;
  user-select: none;
  width: auto;
  margin: 0;
}

.burger-icon .burger-sticks {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 22px;
}

.burger-icon .burger-sticks:before,
.burger-icon .burger-sticks:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.burger-icon .burger-sticks:before {
  top:6px;
}

.burger-icon .burger-sticks:after {
  top: -6px;
}

.burger-check {
  display: none;
}

.burger-check:checked~.menu_wrap {
  max-width:280px;
}

.burger-check:checked~.burger-icon .burger-sticks {
  background: transparent;
}

.burger-check:checked~.burger-icon .burger-sticks:before {
  transform: rotate(-45deg);
}

.burger-check:checked~.burger-icon .burger-sticks:after {
  transform: rotate(45deg);
}

.burger-check:checked~.burger-icon:not(.steps) .burger-sticks:before,
.burger-check:checked~.burger-icon:not(.steps) .burger-sticks:after {
  top: 0;
}
.top_menu_area	{width:100%; height:auto; padding:10px 0}
.top_menu_area .logo_area h1 img	{width:60%;}
.top_menu ul li						{margin-right:0; width:100%; border-bottom:1px rgba(255,255,255,0.3) solid; padding:8px;}
.top_menu ul li, .top_menu ul li a	{font:400 1.6rem/1.8 'Noto Sans KR'; color:#fff}
.top_option						{float:left; width:100%; background:#3269a5; box-sizing:border-box; padding:0}
.top_menu	{width:100%}
.top_menu .top_option .option1	{float:left; width:100%; height:40px; background:#fff; margin:10px 0; border-radius:4px}
.top_menu .top_option select	{width:100%; height:40px; background:#fff; padding:10px; border-radius:4px}
.top_menu .top_option .option2	{width:100%; margin:10px 0 0; padding:10px 15px; background:#fff; border-radius:4px}
.top_menu .top_option .option2 input	{width:80%; border:none}
.top_menu .top_option .option2 a	{float:right} 
.list-group	{margin-bottom:10px!Important}
.main_area1	,.main_area5	{padding:10px 0}
.main_area1 .m_cover	{ display:none;  /*width:24.5%; height:auto; box-shadow:none*/}
.main_area1 .m_banner	{ width:100%; height:auto}
.main_area2 .m_title		{padding:20px 0; font:700 2.4rem/40px 'Noto Sans KR'}
.main_area2 .m_title span.ho	{width:45px; height:45px;}
.main_area2 .m_title span.ho:before	{ width:45px; height:45px;top:0;}

.main_area3.m_main_area	{width: 100%!important;}
.main_area3 .news     {width: 100%}
.main_area3 .news2    {margin:30px 0}
.main_area4	{padding:10px 0 20px}
.main_area5 .m_notice .title,.main_area5 .m_notice .title span, .main_area5 .m_notice .title span a	{font-size:2.2rem}
.m_main_area{width:90%!important; overflow:hidden}
#sub_wrap			{width:90%} 
#sub_wrap .lnb		{display:none}

.news .ico_open {margin-left: 2px;}

#sub_wrap .contents                      {width:90%; margin:0 auto; float: none;}
#sub_wrap .contents .read_top .read_title	{font:800 2.8rem/1.2 'Nanum Myeongjo'}
#sub_wrap .contents .read_top .read_stitle	{font:700 2rem/1.2 'Nanum Myeongjo'}
#sub_wrap .contents .read_top .read_nav	{background:#bddcfd; padding:10px 0; margin-bottom:10px; width:100vw; margin-left:calc(-50vw + 50%);}
#sub_wrap .contents .read_top .read_boxtitle{position:relative; left:5%}
#sub_wrap .contents .read_top .read_ho		{position:relative; right:5%}
#sub_wrap .contents .read_top .read_boxtitle,#sub_wrap .contents .read_top .read_ho	{font:500 1.4rem/1.8 'Noto Sans KR'}
#sub_wrap .contents .read_top .read_title	{margin:0; border-top:none; border-bottom:1px #ccc solid; padding:15px 0 25px}
#sub_wrap .contents .read_content table	{width:auto!important; height: auto!important;}
#sub_wrap .contents .read_content table.center{width: 100%!important;}
#sub_wrap .contents .read_content .left, #sub_wrap .contents .read_content .left span {text-align: justify;}
#sub_wrap .contents .read_content table.body_img_left,#sub_wrap .contents .read_content table.body_img_right	{width:min-content!important; height: auto!important;}
#sub_wrap .contents .read_content .body_img_left img,#sub_wrap .contents .read_content .body_img_right img  {max-width: 160px;}
#sub_wrap .contents .read_content .body_img_table2  {text-align: center; }
#sub_wrap .contents .read_content img   {height: auto;}
#sub_wrap .contents .page_title		{padding:20px 0; margin-bottom:20px}
#sub_wrap .contents .page_title h3	{font-size:2.6rem}
.search_box		{border:none; padding:0; margin:0}
.search_box	h2	{display:none}
.search_input	{width:100%; padding:2px; margin-top:20px}
.search_box .search_option	{font-size:12px; padding-top:10px; padding-bottom:10px}
.result_box		{width:100%}
.result_box .result_list .title		{width:100%; margin:4px 0}
.result_box .result_list .name		{float:left; width:100%}
.breadcrumb	{margin-bottom:6px!important;}
.footer_wrap	{width:90%}
.footer_info	{width:100%; margin:20px 0 0}
.footer_btn_join{bottom:-10px}

/*부트스트랩*/
.carousel-indicators	{display:none}
.carousel-indicators li	{width:5px!important; height:5px!Important}
.carousel-inner		{height:100%!important}
.carousel-inner img	{height:auto!important}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a	{background-image:-webkit-gradient(linear,left top,left bottom,from(#3269a5),to(#3269a5))!important}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover	{color:#fff!important}

}