
/*** 공통 레이아웃 - start ***/

	body{width:100%; height:100%; margin:0; font-family: 'Pretendard', sans-serif;}
	#wrap{width:100%; margin:0 auto; position: relative;}

	/* 헤더 */
	/*header{background:url(/images/com/top_bg_m.jpg) repeat-x; min-width:320px; height:92px; margin:0 auto;}*/

	/* 콘텐츠 영역 감싸는 부분 */
	#container{position:relative;}

	/* 상단 네비게이션 - HOME/즐겨찾기/기장군청 바로가기 */
	#nav_menu_bar{width:100%; height:40px; margin:0; font-family: 'Pretendard', sans-serif; font-size:10pt; color:#313131; overflow:hidden; background: #55678b; position: relative; }
	#nav_menu_bar ul{float:right; padding: 9px 0px 0px 17px; height:40px; background: #648ddc; position:relative;}
	#nav_menu_bar ul > li{float:left; color:#fff;}
	#nav_menu_bar ul > li span{padding-right:5px;}
	#nav_menu_bar ul > li span img{margin-right:4px;}
	#nav_menu_bar .nav_1200{max-width: 1200px; margin: 0 auto;}
	#nav_menu_bar:after{ content: ""; display: block; position:absolute; top:0; right:0; width:calc(( 100% - 1200px ) / 2); background:#648ddc; height: 40px; z-index: 20;}



	/* 헤더 */
	header {width: 100%; box-sizing: border-box; z-index: 3;}

	#top_menu_com{width:100%; height:85px; background-color:#fff; font-size:0; padding:29px 0; box-sizing:border-box;}
	#top_menu_com .inner {width:100%; max-width:1360px; margin:0 auto; box-sizing:border-box;}
	#top_menu_com .inner > div {display:inline-block; vertical-align:middle;}
	
	

	#tm_menu{width:calc(100% - 340px); text-align:right; box-sizing:border-box; padding-right:48px;}
	#tm_menu ul{font-size:0; font-family: 'GodoM';}
	#tm_menu ul li{font-size:19px; color:#000; display:inline-block; padding:0 48px; text-align:center; box-sizing:border-box;}
	#tm_menu ul li a{transition:0.3s all ease; letter-spacing:-1px; font-weight:700; display:inline-block; position:relative; z-index:1; font-size:22px;}
	#tm_menu ul li.on a{font-weight:700; color:#0f5900;}	
	#tm_menu ul li a:hover{font-weight:700; color:#419200;}	
	#tm_menu ul li.on a:before{display:block; content:""; width:12px; height:6px; background:url(/images/com/mn_hover.png) no-repeat; position:absolute; bottom:-10px; left:50%; transform:translate(-50%);}	

	#top_menu_com .top_right{position:relative;}
	#top_menu_com .top_right .admin_box{position:absolute; top:-24px; right:0; width:99px;}
	#top_menu_com .top_right .admin{box-sizing:border-box; font-size:0; overflow:hidden;}
	#top_menu_com .top_right .admin li{display:inline-block; vertical-align:middle; box-sizing:border-box; text-align:center; padding:0 10px; position:relative;}
	#top_menu_com .top_right .admin li:after{display:block; position:absolute; content:""; width:1px; height:12px; background-color:#52349d; right:-2px; top:2px;}
	#top_menu_com .top_right .admin li:first-child{padding-left:0;}
	#top_menu_com .top_right .admin li:last-child{padding-right:0;}
	#top_menu_com .top_right .admin li:last-child:after{display:none;}
	#top_menu_com .top_right .admin li a{font-size:14px; font-weight:600; color:#068719;}
	#top_menu_com .top_right .admin li.myp a{color:#6600ff;}
	#top_menu_com .top_right .admin li.logout a{color:#de0000;}
	#top_menu_com .top_right .admin li a:hover{color:#e65800;}

	#top_menu_com .top_right img{width:28px; height:28px;}
	#top_menu_com .top_right .mobile_menu{display:none;}


	/* 탑 메뉴 - 내려오는 메뉴*/
	#top_menu_open{width:100%; background:#fff; z-index:9999; position: absolute; border-bottom: 2px solid #5aa001; box-sizing:border-box; border-top:1px solid #ddd;}/*상단메뉴 paddding-bottom:15px*/
	#top_menu_open_wrap {width:1360px; margin: 0 auto; box-sizing: border-box; position: relative; padding:0 76px 0 312px;}
	
	#menu_side_in{display:flex; flex-wrap:wrap; justify-content:flex-end;}
	#menu_side_in > ul{display:inline-block; vertical-align:top; width:172px; box-sizing:border-box; border-left:1px dashed #ddd; padding:0 5px; box-sizing:border-box; position:relative; transition:0.3s all ease; padding-bottom:15px;}
	
#menu_side_in > ul:hover {background:#f6fded;}
	.menu_inside_base li{text-align:center; height:40px; position:relative; box-sizing:border-box; padding:3px 0; z-index:1;}
	.menu_inside_base li:hover:before {content: ''; position: absolute; width: -webkit-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); height: 18%; padding: 5px 0; background-color: #ffe2c0;  top: 50%;  left: 50%; transform: translate(-50%, -50%) rotate(-2.5deg); z-index: -1; border-radius: 10px;}
	.menu_inside_base li span{display:block; /*background-color:#fff;*/ width:100%;}
	.menu_inside_base li a{display:inline-block; font-size:16px; letter-spacing:-1px; position:relative; z-index:1; overflow:hidden; padding:0 5px 10px 5px; line-height:1.2em; word-break:keep-all;}
	/*.menu_inside_base li a:before{display: block; content: ""; position: absolute; width: calc(100% + 10px); height: 15px; background: linear-gradient(90deg, #ffd3da, #d5e6ff); bottom:7px; left: -300%; z-index: -1; transition-duration: 0.3s;}*/
	.menu_inside_base li a img{display:inline-block; vertical-align:middle; margin-top:-3px; margin-left:2px;}
	.menu_inside_base li:hover a{color:#007008;}
	.menu_inside_base li:nth-child(1){margin-top:15px;} 

	.tm_close{position:absolute; width:25px; height:25px;  box-sizing:border-box;  text-align:center; right:40px; bottom:5px;}
	.tm_close a{display:block; width:100%; height:100%;}
	.tm_close img{margin-top:-2px;}

	#menu_side_in > ul#menu_inside01{border-left:none; width:135px;}

    


	/*서브 레이아웃*/
	#contents_wrap{width:100%; max-width:1360px; margin: 0 auto; font-size:0;}
	#contents_wrap > div{display:inline-block; vertical-align:top;}
	.sub_top{width: 100%; height: 150px; padding-top:40px; background: url(/images/com/sub_top_bg.jpg) no-repeat; background-position: center top; position: relative; box-sizing:border-box;}
	.sub_top .inner {width:100%; max-width:1360px; margin: 0 auto;}
    /*.sub_top img:nth-child(1){height:176px; width:100%;}*/
	.sub_top span{z-index:50; position:absolute; top:130px; left:95px; font-size:28px;  color:#1a273e; font-family: 'GodoM';}

	/* 왼쪽 메뉴 */
		#left_menu{width: 215px; height: 100%; overflow: hidden; margin-right: 60px;}
		#left_menu:before {display:block; content:""; width:100%; height:5px; background-image:linear-gradient(to right, #8dca34, #fd9203);}
		#left_menu_title01{width:240px; height:236px; position:relative;}
		#left_menu_title01 span{position:absolute; top:50px; left:35px; color:#fff; font-size:25px; font-weight:800; font-family: 'GodoM';}
		.left_menu_sub li {height: 65px; line-height:65px; border-bottom:1px solid #ccc;}
		.left_menu_sub li a{color:#000; font-family: 'Pretendard'; font-weight:500; font-size:20px; padding-left:10px; display:block;}
		.left_menu_sub .over a {font-weight:700;}
		.over {padding-left:20px; position:relative;}
		.over:before {display:block; content:""; width:10px; height:10px; border-radius:50%; background:#ff9103; position:absolute; top:50%; left:10px; transform:translateY(-50%);}
		.over:after {display:block; content:""; width:100%; height:2px; background:#ff9103; position:absolute; bottom:-1px; left:0;}

		.sub_top .cont_title {margin-bottom:10px;}
		.sub_top .cont_title p{font-size:40px; font-family: 'GodoB'; letter-spacing:-1.5px;}


				/* 타이틀 부분 */top_menu_com
		#title_top{width:100%; height:130px; clear:both; text-align:left;}
		#title_top_wrap{width:93%; height:100%; margin:0 auto;}
		#title_top_titlezone{width:100%; height:129px; clear:both; background:url(/images/com/sub_top_img2.png) no-repeat; background-position:right bottom; }
		#title_top_titlezone p{font-size:24pt; padding-top:75px; font-family: 'GodoM';}
		#title_top_grayzone{width:100%; height:0px; float:left;  border-bottom:4px #ededed solid;}

		

		#title_top_image{display:none; float:right; width:100%;}
#title_top_image img{width:100%;}

#title_top_image_wide{display:none; width:100%;}
#title_top_image_wide img{width:100%;}

	

		/* 내비게이션 */
		#left_menu_top{margin: 0 auto;max-width:1360px; }
		
		/*.in_menu_insert{padding-top:12px; padding-left: 40px;}*/

		#left_menu_top ul{font-size: 0; box-sizing: border-box; padding: 10px 0 10px 0;}

		#left_menu_top ul li{display: inline-block; vertical-align: middle; font-size: 16px; padding: 0 15px; position: relative;}
		#left_menu_top ul li:first-child {padding-left:0;}
		#left_menu_top ul li.in_menu_name1 {font-weight:600;}
		#left_menu_top ul li.in_menu_name2 {font-weight:700;}
		#left_menu_top li:after{background: url(/images/com/nav_next.png) center 5px no-repeat; display:inline-block; position:absolute; content:""; width:21px; height:18px; top:0; right:-11px;}
		#left_menu_top li:last-child:after{display:none;}

		.contents_box{width:calc(100% - 275px);  margin-bottom:70px;}

		/*#left_menu_top .in_menu_name1{background: url(/images/com/home_arrow.png) 111px 2px no-repeat;}

		#left_menu_top .in_menu_name2{ padding: 0 25px;}*/






 /*콘텐츠 영역*/
 #contents_area{width: 100%; box-sizing: border-box; padding: 25px 0px; min-height: 560px; font-size: 16px;}


	/* 푸터 */
	footer { margin: 0 60px 60px; background: #1c4100; border-radius: 20px; overflow: hidden; position: relative; padding: 30px 25px 40px;box-sizing: border-box; display: inline-block; width: calc(100% - 120px);}
	footer:before {display: block; content: ""; width: 744px; height: 216px; border-radius: 0 140px 140px 0; background: #1d3400; z-index: 0;
    position: absolute;  top: 0; left: 0;}
	footer .inner {max-width: 1360px; margin: 0 auto; width:100%}
	/*footer:before{width:100%; display:block; content:""; position:absolute; height:23px; background:linear-gradient(90deg, #da2999, #4686d0); top:0; left:0;}*/
	footer .f_top{width:100%; font-size:0; position:relative; z-index:1;}
	footer .f_logo {margin-bottom:15px;}
	footer .footer_utill {margin-bottom:40px;}
	footer .footer_utill ul{font-size:0; }
	footer .footer_utill ul li{display:inline-block; vertical-align:middle; padding-right:45px;}
	footer .footer_utill ul li a{font-size:17px; font-weight:500; color:#fff;}  /* 18px */
	footer .footer_utill ul li.id_rule a {color:#ffa800;}
	footer .footer_utill ul li:last-child{padding-right:0;}



	footer .f_top .f_dirgo{width:235px; padding-top:10px;}
	footer .f_top .f_dirgo > div{width:100%; height:45px;}
	footer .f_top .f_dirgo > div button{width:100%; height:45px; padding:0; text-align:left; background:none; border:none; cursor:pointer; border-bottom:1px solid #2e3192; font-family: 'Pretendard';}
	footer .f_top .f_dirgo > div button span{font-size:18px; letter-spacing:-0.5px; display:block; width:100%; height:45px; background:url(/images/com/f_select_btn.png) no-repeat; box-sizing:border-box; padding-left:5px; line-height:45px; background-position: right 12px center; position:relative; font-weight:500; color:#063c9e;}

	footer .f_top .f_dirgo .flink{position:relative;}
	footer .f_top .f_dirgo .flink ul{position: absolute; width: 100%; z-index: 99; bottom: 45px; background-color: #fff;  display: none; left: 0; text-align:left; box-sizing:border-box; border:1px solid #2e3192; padding:0; border-bottom:0;}
	footer .f_top .f_dirgo .flink ul li{display:block; width:100%; box-sizing:border-box; border-bottom:1px solid #2e3192;}
	footer .f_top .f_dirgo .flink ul li a{font-size:15px; display:block; padding:12px 10px; letter-spacing:-1px;}
	footer .f_top .f_dirgo .flink ul li a:hover{background-color: #f9f5ff; color: #5e4bc3;}

	.f_bottom{position:relative; z-index:1;}
	.f_bottom p{color:#fff; font-size:17px; font-weight:300;}
	.f_bottom .adrs {float:left;}
	.f_bottom .copy {float:right; font-size:15px; color:#edf2cf;}

   
	/* 모바일 메뉴 */
	#left_menu_mobile_wrap{width:280px; height:100%; z-index:999999; background-color:#fff; float:right; position:absolute; top:0px; right:-280px; bottom:0px;} /*로딩 시, 숨기기위해 right:-280px; 지정 by anji */
	#left_menu_mobile_total{width:100%; height:63px; /*background:url(/images/com/left_menu_mobile_total_bg.jpg) repeat-x;*/  font-size: 17pt; background:#fff; position:relative;}
	#left_menu_mobile_total:after {display: block; content: ""; width: 100%; height: 3px; background-image: linear-gradient(to right, #ff960e, #4da700); position: absolute; bottom: 0; left: 0;}
	#left_menu_mobile_totaltext{font-size:17pt; color: #2c2f90;  font-family: 'GodoM'; padding-left:10px; padding-top:17px; float:left;}
	#left_menu_mobile_closebutton {width: 38px; height: 38px; float: right; margin-right:3px; margin-top: 10px; cursor: pointer;}
	#left_menu_mobile_closebutton span {position: absolute; display: block; width: 0; height: 0; overflow: hidden; left: -9999px;}
#left_menu_mobile_closebutton a:before { width: 2px; height: 25px; background-color: #347800; border-radius: 5px; display: block; content: ""; position: absolute; right: 20px; top: 50%; transform: translate(-50%, -50%) rotate(45deg); transition: 0.3s all ease;}
#left_menu_mobile_closebutton a:hover:before {transform: translate(-50%, -50%) rotate(135deg);}
#left_menu_mobile_closebutton a:after {width: 2px; height: 25px; background-color: #347800; border-radius: 5px; display: block; content: ""; position: absolute; right: 20px; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); transition: 0.3s all ease;}
#left_menu_mobile_closebutton a:hover:after {transform: translate(-50%, -50%) rotate(45deg);}
    #left_menu_mobile01{background: url(/images/com/m_menu_icon_1.png) 14px 21px no-repeat; }
		#left_menu_mobile_closebutton a{color: #000; padding: 3px 15px 5px 15px; font-size: 24px; font-family: 'Pretendard';}
	#left_menu_mobile_totaltext span img{width:180px;} 
    #left_menu_mobile02{background: url(/images/com/m_menu_icon_2.png) 14px 21px no-repeat; }
	#left_menu_mobile03{background: url(/images/com/m_menu_icon_3.png) 14px 21px no-repeat; }
	#left_menu_mobile04{background: url(/images/com/m_menu_icon_4.png) 14px 21px no-repeat; }
	#left_menu_mobile05{background: url(/images/com/m_menu_icon_5.png) 14px 21px no-repeat; }

	.mb_line > div{position:relative;}
	.mb_line > div:after {display: block; content: ""; position: absolute; right: 15px; top: 31px; width: 14px;  height: 2px; background-color: #000;  z-index: 2;}
	.mb_line > div:hover:after{background:#f07407;}
	.mb_line > div:before {display: block; content: ""; position: absolute;  right: 21px; top: 25px; width: 2px;height: 14px; background-color: #000; z-index: 2;}
	.mb_line > div:hover:before {display:none;}


	.left_menu_mobile_one{width:100%; height:65px; font-weight:600; background:#fff; border-bottom: 1px #ccc solid; clear:left;cursor: pointer;}
	.left_menu_mobile_one_text{font-size: 18px; font-family: 'Pretendard'; color: #000; padding-left:43px; padding-top:24px; float:left;}
	.left_menu_mobile_one_openbutton{width:21px; height:21px; float:left; margin-left:96px; margin-top:18px;}

	.left_menu_mobile_two{position:relative; }
	.left_menu_mobile_two:before{display:block; content:""; width:4px; height:100%; background:#6fb500; position:absolute; top:0; left:0; z-index:1;}
	.left_menu_mobile_two li{position: relative; width:100%; height:35px; background-color:#fff; border-bottom:1px #eee solid; font-size:16px; padding-top:13px;}
	.left_menu_mobile_two li a{position: absolute; top: 0; left: 0; width:323px; height:49px;}
	.left_menu_mobile_two li a span{position: absolute; top: 13px; left: 25px;}

	.left_menu_mobile_one:hover{background:#fffee7;}

	/* 위로가기 버튼 */
	#fixedbtn{display:block; position:fixed; right:10px; bottom:40px; z-index:1000;border: 2px solid #fff; width:50px;
    border-radius: 50%;}

/*** 공통 레이이아웃 - end ***/





/*** 메인 부분 - start ***/

	/* 슬라이드존 */
	/*#slide_zone{width:100%; height:100%; background:url(/images/main/slide_zone.jpg) repeat-x;}*/
	/*#slide_bg{width:100%; height:100%; background:url(/images/main/slide_bg.jpg) no-repeat; background-position:center;}*/
	#slide_img{max-width: 100%; height:auto;}
	#slide_img img {width:100%; height:100%;}
	#slide_zone{position:relative;}

	/* 흰색 영역 */
	#welcome_comment{position:absolute; top: 50%; left: 50%;  margin:0 auto; width:1200px;
    transform: translate(-50%, -50%); font-family: 'GodoM'; }
    #welcome_comment > div{color:#f2fcff; font-size:30px; width:100%;}
	#welcome_comment > div span{font-size:18px; display: inline-block; line-height:1.5;} 
	#welcome_comment .slider_btn_zone{display:flex; justify-content: center; align-items: center;}
	#welcome_comment .slider_btn_zone li{padding-left:20px;}
	#welcome_comment .slider_btn_zone li:nth-child(1){padding-left:0px;}
	#welcome_comment .slider_btn_zone li img.on{display:none;}
	#welcome_comment .slide_txt_small{display:none;}


	/* 콘텐츠 박스존 */
	#contents_boxs{background: linear-gradient(90deg, #5d50ae, #555ce6); overflow:hidden;}
	#contents_boxs_wrap{width:100%; height:100%; margin:0 auto;}

	/*바로가기 아이콘 애니메이션*/
	#contents_boxs_line02 a:hover img{transform: translate(0px, -10px); transition: 0.5s;}
	#contents_boxs_line02 a img{transform: translate(0px, 0px); }



	/* 콘텐츠 박스존 - 첫 번째 라인의 콘텐츠*/
	#contents_boxs_line01{ margin:0 auto; vertical-align: super; }
	/*#contents_boxs_line01_01{height:750px;}*/
	
	#box_qna {width: 49%; background: #cfd6f1; margin-right: 2%; overflow:hidden;}
	#box_business {width: 49%; background: #e9feeb; overflow:hidden;}

	#box_qna img{transform: scale(1.0); transition:0.3s;}
	#box_business img{transform: scale(1.0); transition:0.3s;}
	#box_present{width:100%; height:170px; font-size:16px; background-color: #ccc; margin-top: 19px; overflow: hidden;}
	#box_present .present{box-sizing: border-box; background: url(/images/main/present_img_main.png)no-repeat center center; background-position: 100% 0px; height:300px; word-break:keep-all;}
	#box_present .present p{font-size:16px; color:#fff; float:right; border: 1px solid #fff; padding:10px 20px; margin-right: 25px; transition:0.3s;}
	#box_present .present div{color:#fff; box-sizing:border-box; padding: 20px 23px 0px; transition:0.3s;}
	#box_present .present div:nth-child(1){ font-size:25px;}
	
	
	/*마우스 호버했을 때 이미지 효과*/
	#box_qna img{position: relative;top: 50%;left: 50%; transform: translate(-50%, 10%)scale(0.8,0.8);}
	#box_qna:hover img{transform:translate(-50%, 10%)scale(0.9,0.9);}

    #box_business img{position: relative;top: 50%;left: 50%; transform: translate(-49%, -2%)scale(0.8,0.8);}
	#box_business:hover img{transform:translate(-49%, -2%)scale(0.9,0.9);}
	

	#box_present .present:hover p{background:#3e2ab0; border: 0;}
	#box_present .present:hover div:nth-child(1){font-size:26px;}
	#box_present .present:hover div:nth-child(2){font-size:17px;}

	
	/* 콘텐츠 박스존 - 게시판 */
	#box_board_one{float:right; background-color:white; box-sizing:border-box;}
	#box_board_two{float:right; margin-top:11px; background-color:white;}

	#main_board{width:91%; padding-top:3.5%; margin:0 auto; }
	.tabs_mainboard{color:#cacaca;}
	.tabs_mainboard ul > li{float:left; font-size:15pt;}
	.tabs_mainboard ul > li:nth-child(3){font-size:25pt; line-height:22pt; float:right; color:#ff4e00;}
	.on a{color: #fff; font-weight: 600;}
	.notice_title{font-size:12pt;}
	.notice_title li{ word-break:normal; margin-top:8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.notice_title li:nth-child(1){width:73%; float:left; clear:left; margin-right:2%;}
	.notice_title li:nth-child(2){width:25%; float:right; clear:right;text-align:right;}
	.tab_content{clear:left;}
	.tab_content_two{clear:left;}

	/* 콘텐츠 박스존 - 두 번째 라인의 콘텐츠*/
	#contents_boxs_line02{font-size:0;}
	.box_icon_zone{display:inline-block; vertical-align:top; text-align:center;}
	.box_icon_img{/*width:58px;*/ height:58px; margin-top:5px; margin:0 auto;}

	
	.box_icon_title{font-family: 'GodoM'; font-size:18px; margin-top:25px;  color:#fff;}
	.box_icon_text{font-family: 'Pretendard', sans-serif; font-size:13px; margin-top:5px; color:#464646;}
	.box_icon_one{}
	.box_icon_two{}
	.box_icon_three{}
	.box_icon_four{}

	/* 포토갤러리 */
	#photo_gallery{width:100%; height:100%; text-align:center; background:url(/images/main/photogallery_title.jpg) no-repeat; background-position:top center;}
	#photo_gallery_title{font-family: 'Pretendard', sans-serif; font-size:36px; padding-top:90px; color:white; font-weight:300;}

	#photo_zone{max-width:1114px; height:450px; margin:0 auto; overflow:hidden;}
	#photo_zone_button{width:41px; height:41px; float:right; margin-top:21px; /*margin-right:70px;*/}
	#photo_zone_frame{width:1110px; height:100%; padding-top:88px;; margin:0 auto;}
	#photo_zone_frame li {width:252px; height:252px; float:left; padding-right:34px; margin:0 auto;}
	#photo_zone_frame li:nth-child(4){ padding-left:0px; padding-right:0px; margin:0 auto;}
	.photo_gallery_picphoto{width:100%; height:100%; background-color:black; margin:0 auto;}
	.photo_morearea{cursor:pointer; position:absolute; display:none; width:252px; height:252px; background-color:#000; opacity:0.7;}
	.photo_morearea span{position:relative; color:#fff; font-size:20px; display: block; text-align:center; top:50%; transform:translateY(-50%);}


/*** 메인 부분 - end ***/






@media screen and (max-width: 1450px)
{

	

}


@media screen and (max-width: 1380px)
{



	/* 탑 메뉴 - 내려오는 메뉴*/
	#top_menu_open_wrap {width:100%; margin: 0 auto; box-sizing: border-box; position: relative; padding:0 76px 0 312px;}
	
	


}



@media screen and (max-width: 1360px)
{
 
	#contents_boxs{height:1030px;}

	#main_contents{min-height:418px;}
	#menu_side_left{background-position: center;}

	



.sub_top .inner {padding-left:20px; box-sizing:border-box;}


	footer .inner{width:100%; box-sizing:border-box;}

}


@media screen and (max-width: 1300px)
{

/* 헤더 */
    #top_menu_com .inner{padding:0 10px; box-sizing:border-box;}
	#tm_menu{padding-right: 15px;}
	#tm_menu ul li{padding:0 38px; margin-top: 5px;}
	#tm_menu ul li a{font-size:20px;}

	
	/* 탑 메뉴 - 내려오는 메뉴*/
	#top_menu_open_wrap {margin: 0 auto; box-sizing: border-box; position: relative; padding:0 53px 0 322px;}	
	
	#menu_side_in > ul{width:144px;}
	#menu_side_in > ul#menu_inside01{width:120px;}

}



@media screen and (max-width: 1220px)
{
 
#container.admin_contbox{min-width:1000px;}

#contents_wrap > div {display:block;}



/* 서브탑 */
.sub_top {height:120px; padding-top: 30px; text-align:center;}
.sub_top .inner {padding-left:0;}
.sub_top .cont_title p {font-size:34px;}
#left_menu_top{width: 100%;}
#left_menu_top ul {padding:0;}


	/* 서브부분 - 왼쪽 메뉴 - 안보이게 가림 */
	#contents_wrap > div#left_menu {display: none;}
	#left_menu_top{width:100%}

	.contents_box {width:100%; box-sizing: border-box; padding: 0 12px;}
}

@media screen and (max-width: 1100px)
{

#top_menu_com {height: 70px; padding: 20px 0;}
#top_logo_com {margin-right:0; float:left;}
#top_menu_com .top_right{ float:right;}
#top_menu_com .top_right .sitemap {display:none;}
#top_menu_com .top_right .mobile_menu {display:block;}
#tm_menu {display:none !important;}
	
	/* 탑 메뉴 - 작은 화면 구성만 보이도록 */
	
	#top_menu_open{display:block;}
	#top_menu_m{display:block;}

footer {margin:0 30px 30px; width:calc(100% - 60px);}
footer:before{width:560px;}
}




@media screen and (max-width: 950px)
{

}


@media screen and (max-width: 850px)
{
/*모바일 메인로고 사이즈 줄이기*/
#top_logo_m img{width:230px;}
.f_logo img {width:230px;}

/*푸터 - 정책*/
footer {width:100%; border-radius:20px 20px 0 0; margin:0; padding:15px 15px 40px;}
footer .inner {padding:0 20px;}
footer:before {width:100%; height:50px; border-radius:0;}
footer .footer_utill {text-align:center;}
footer .f_logo {text-align:center; margin-bottom:15px;}
.f_bottom p {text-align:center;}
.f_bottom .adrs {float:none; display:block; margin-bottom:5px;} 
.f_bottom .copy {float:none;}


}





@media screen and (max-width: 750px){


}





@media screen and (max-width: 650px)
{
/*상단 - 정책*/
#top_menu_com .top_right .admin_box {display: none;}


}



@media screen and (max-width: 580px)
{
	/* 탑 메뉴 - 작은 화면 구성만 보이도록 */

	#top_menu_open{display:none;}
    #welcome_comment > div{font-size:21px;}
	#welcome_comment > div span{font-size:15px;}


	/* 서브부분 - 서브페이지에 사용되는 컨텐츠 영역 */ 
	#main_contents{min-height:400px;}

   

/*푸터*/
footer .inner {padding:0;}
footer .footer_utill ul li a { font-size: 16px;}


}



@media screen and (max-width: 500px)
{

#top_logo_com img{width: 255px; margin-top: 5px;}

}


@media screen and (max-width: 408px)
{


footer .footer_utill ul li {padding-right:15px;}

	.in_menu_name {width: 80px;}
	.in_menu_insert {font-size: 14px;}
	#left_menu_top ul li{padding-right:0 20px;}
	#left_menu_top ul .in_menu_home{padding: 0 15px;}

}







