@charset "UTF-8";

/*[s] All Style */
	html{width: 100%; min-width:280px; }
	html.no_scroll{overflow-y:hidden;}
	html,body{min-height:100%; -webkit-text-size-adjust:none;}

	/* 공용 */
	.inner{padding:0 20px; }
	.infit{font-size:0;letter-spacing:0;word-spacing:0;}		
	.font_rw{ font-family: 'Raleway', sans-serif;}
	.t_none{display:block; }
	.m_none{display:none; }
/*[e] All Style */

/*[s] Layout Style */
	#wrapper{position:relative;width:100%;overflow:hidden;}
	#header{position:relative; padding:14.5px 0 13px; background:#003964; }
	#header h1{text-align:center; }
	#header h1 img{height:32.5px; }
	#header .header_btn {display: block; position: absolute; top:21px; left:21px; z-index:9993;}
	#header .header_btn span {display: block;background: #fff;width: 24px;height: 2px; transition: 0.25s margin 0.25s, 0.25s transform;}
	#header .header_btn span:nth-child(1) {margin-bottom: 5px;}
	/*#header .header_btn span:nth-child(2) {width:19px;}*/
	#header .header_btn span:nth-child(3) {margin-top: 5px;}
	#header .header_btn.active span {transition: 0.25s margin, 0.25s transform 0.25s;}
	#header .header_btn.active span:nth-child(1) {margin-top: 8px;margin-bottom: -2px;transform: rotate(45deg);}
	#header .header_btn.active span:nth-child(2) {/*width:24px;*/ transform: rotate(45deg);}
	#header .header_btn.active span:nth-child(3) {margin-top: -2px;transform: rotate(135deg);}
	
	/* 211117 수정 -  background:rgba(0,0,0,0.5); 삭제
	#gnb{position:fixed; top:0; left:-100%; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9992; }
	*/
	#gnb{position:fixed; top:0; left:-100%; width:100%; height:100%; z-index:9992; }
	#gnb .gnb_wrap{position:absolute; top:0; left:0; width:100%; height:100%;}
	#gnb .gnb_wrap .gnb_logo{position:relative; z-index:9993; padding:14.5px 0 13px; text-align:center; background:#003964; }
	#gnb .gnb_wrap .gnb_logo img{height:32.5px; }
	#gnb .gnb_wrap .gnb_list{width:72%; height:100%; overflow-y:auto; background:#fff; }
	#gnb .gnb_wrap .gnb_list > ul > li > p{display:block; padding:10px 20px; background:#eaeff3; font-size:12px; font-weight:400; color:#003964; }
	#gnb .gnb_wrap .gnb_list > ul > li .dpt_2_box{ padding:10px 0 38px; }
	#gnb .gnb_wrap .gnb_list > ul > li .dpt_2_box li{padding:5px 0;}
	#gnb .gnb_wrap .gnb_list > ul > li .dpt_2_box li a{display:block; padding:11px 20px; font-size:18px; font-weight:500; color:#003964; letter-spacing:-0.04em; }
	/* [s] 211117 추가 */
	#gnb .gnb_wrap .gnb_dim{position:absolute; top:60px; right:0; width:28%; height:calc(100% - 60px); background:rgba(0,0,0,0.5); }
	/* [e] 211117 추가 */	

	#footer{padding:15px 0 20px; background:#2a2a2a; }
	#footer .foot_logo{}
	#footer .foot_logo img{height:25.5px; }
	#footer .foot_link{margin-top:23px; }
	#footer .foot_link a{display:inline-block; vertical-align:middle; font-size:11px; font-weight:700; color:#e4e4e4;}
	#footer .foot_link a:after{content:''; position:relative; top:-1px; display:inline-block; vertical-align:middle; width:1px; height:9.5px; margin:0 14px; background:#e4e4e4; }
	#footer .foot_link a:last-child:after{display:none; }
	#footer .foot_info{padding-top:12px; }
	#footer .foot_info p{font-size:10px; font-weight:400; color:#b7b7b7; margin-top:10px; }
	#footer .foot_info p a{display:inline-block; vertical-align:middle; margin-left:12px; padding-bottom:4.5px; font-size:11px; font-weight:700; font-family:'Noto Sans KR', sans-serif; color:#b7b7b7; border-bottom:1px solid #b7b7b7; }

	#container{}
/*[e] Layout Style */

/* [s] Main Style  */
	.main_contents{padding:35px 0 30px; background:#f3f5f8 url('/assets/images/mobile_web/main_contents_bg_v2.png') no-repeat right top; background-size:contain;}
	.main_contents .main_ttl{font-size:24px; font-weight:700; color:#003964; line-height:34px; letter-spacing:-0.04em; }
	.main_link{margin-top:32px; }
	.main_link ul li{display:inline-block; vertical-align:top; }
	.main_link ul li a{display:block; height:120px; padding:17px 0 0 22px; border-radius:5px; }
	.main_link ul li.webgis{width:100%; margin-bottom:12px; }
	.main_link ul li.webgis a{background:#1b5ca8 url('/assets/images/mobile_web/main_bg_icon01_v2.png') no-repeat right 25px bottom; background-size:104px 73px;}
	.main_link ul li.board{width:calc(50% - 6px); margin-right:12px;}
	.main_link ul li.board a{background:#3ba472 url('/assets/images/mobile_web/main_bg_icon02_v2.png') no-repeat right 12px bottom 12px; background-size:28px; }
	.main_link ul li.map{width:calc(50% - 6px); }
	.main_link ul li.map a{background:#2f8ddc url('/assets/images/mobile_web/main_bg_icon02_v2.png') no-repeat right 12px bottom 12px; background-size:28px;}
	.main_link ul li p{font-size:18px; font-weight:500; color:#fff; line-height:25px; letter-spacing:-0.5px; }
	.main_link ul li p span{font-size:21px; font-family: 'Raleway', sans-serif; font-weight:600; line-height:25px; }

	.main_manual{margin-top:17px;}
	.main_manual a{display:block; padding:15px 20px 14px; background:#fff; border-radius:8px; box-shadow:1px 1px 0px #ccd3de; }
	.main_manual a.video_btn{margin-top:12.5px; }
	.main_manual a span{display:inline-block; vertical-align:middle; }
	.main_manual a span.icon{margin-right:12.5px; }
	.main_manual a span.icon img{height:24.5px; }
	.main_manual a span.txt{font-size:14px; font-weight:400; color:#555; }
	.main_manual a span.txt strong{position:relative; top:-1px; vertical-align:middle; font-size:15px; font-family: 'Raleway', sans-serif; font-weight:600; color:#1b5ca8; }
/* [e] Main Style */


/* [s] Sub Style  */
	.sub_top{}
	.sub_top .sub_gnb{position:relative; }
	.sub_gnb .sub_title{height:44px; line-height:44px; text-align:center; font-size:14px; font-weight:700; color:#003964; background:url('/assets/images/mobile_web/ico_gnb_arr.png') no-repeat right 40px center; background-size:10.5px 6px; box-shadow:4px 0 10px rgba(0,0,0,0.3);  }
	.sub_gnb .sub_title.on{background:url('/assets/images/mobile_web/ico_gnb_arr_on.png') no-repeat right 40px center; background-size:10.5px 6px;}
	.sub_gnb .sub_menu{display:none; position:absolute; top:44px; left:0; width:100%; padding:8px 0; background:#e4eef6; border-top:1px solid #e4eef6; z-index:1; }
	.sub_gnb .sub_menu ul{}
	.sub_gnb .sub_menu ul li{text-align:center; }
	.sub_gnb .sub_menu ul li a{display:block; line-height:30px; font-size:14px; font-weight:400; color:#58595b; }
	.sub_gnb .sub_menu ul li.on a{font-weight:500; color:#003964; }
	.subpage_title{margin:15px 20px 0; padding:14px 0; border-bottom:1px solid #aaa;font-size:12px; font-weight:500; color:#434343; }
	.sub_ttl{font-size:22px; font-weight:700; color:#238edc; }

	.contents_wrap{padding:35px 0 50px;}
	.contents_tab{ overflow-x:scroll; overflow-y:hidden; -ms-overflow-style: none; scrollbar-width: none;}
	.contents_tab::-webkit-scrollbar {display: none; }
	.contents_tab ul{padding:2px 20px;}
	/* .contents_tab.cts01_tab ul{width:678px; } */
	.contents_tab.cts01_tab ul{width:535px; }
	.contents_tab.cts02_tab ul{width:392px; }
	.contents_tab ul li{display:inline-block; vertical-align:middle; margin-right:10px; }
	.contents_tab ul li:last-child{margin-right:0; }
	.contents_tab ul li a{display:inline-block; padding:10px 15px; font-size:15px; font-weight:400; color:#434343; border:1px solid #aaa; border-radius:35px; }
	.contents_tab ul li.on a{border:1px solid #238edc; background:#238edc; color:#fff; }

	.contents_box{margin-top:35px; }
	.contents_box .cont{display:none; padding:0 20px;}
	.contents_box .cont.on{display:block; }
	.contents_box.cts01_box .cont.cont4{padding:0; }
	.contents_box.cts01_box .cont.cont4 .sub_ttl{padding:0 20px;}
	.contents_box.cts01_box .cont1 .cts_desc{margin-top:25px; font-size:14px; font-weight:400; color:#666; line-height:20px; word-break:keep-all; }
	.contents_box.cts01_box .cont1 .cts_ttl{margin-top:12px; font-size:19px; font-weight:500; color:#3699dd; }	
	.contents_box .cts_build{position:relative; margin-top:18px; padding:0 20px; border:1px solid #3699dd; border-radius:5px; }
	.contents_box .cts_build .cts_bulid_ttl{position:absolute; top:-8px; left:22px; padding:0 10px; background:#fff; font-size:15px; font-weight:700; color:#3699dd; letter-spacing:-0.5px; }
	.contents_box .cts_build .cts_bulid_ttl:before{content:''; position:absolute; top:5px; left:0; display:block; width:5px; height:5px; border-radius:50%; background:#3699dd; }
	.contents_box .cts_build .cts_bulid_ttl:after{content:''; position:absolute; top:5px; right:0; display:block; width:5px; height:5px; border-radius:50%; background:#3699dd; }

	.contents_box .cts_build_box{padding:30px 0px; border-bottom:1px solid #dfdfdf; }
	.contents_box .cts_build_box .tit{font-size:14px; font-weight:700; color:#434343; margin-bottom:27px; }
	.contents_box .cts_doc{font-size:0; }
	.contents_box .cts_doc.mg{margin-top:15px; }
	.contents_box .cts_doc .icon{display:inline-block; vertical-align:top; width:88px; }
	.contents_box .cts_doc .icon img{height:71px; }
	.contents_box .cts_doc .text{display:inline-block; vertical-align:top; width:calc(100% - 88px); }
	.contents_box .cts_doc .text p{margin-top:7.5px; font-size:13px; color:#434343; line-height:21px; word-break:keep-all;}
	.contents_box .cts_doc .text p:first-child{margin-top:0; }
	.contents_box .cts_basis{margin-top:35px; }
	.contents_box .cts_basis dl{}
	.contents_box .cts_basis dl dt{font-size:15px; font-weight:500; color:#444; margin-bottom:10px;}
	.contents_box .cts_basis dl dd{font-size:12px; color:#3699dd; line-height:21px; margin-top:5px; word-break:keep-all; }
	.contents_box .cts_map{margin-top:25px; }
	.contents_box .cts_map .tit{font-size:15px; font-weight:700; color:#238edc; }
	.contents_box .cts_map .img{margin-top:13px; }
	.contents_box .cts_map .img img{max-width:100%; }
	.contents_box .cts_map .dl_box{margin-top:25px; padding:5px 15px 15px; background:#f1f2f3; }
	.contents_box .cts_map .dl_box dt{margin-bottom:10px; padding:15px 0; border-bottom:1px solid #e3e4e4; font-size:13px; font-weight:500; color:#666; letter-spacing:-0.5px; }
	.contents_box .cts_map .dl_box dd{font-size:13px; color:#434343; line-height:20px; letter-spacing:-0.5px;}
	.contents_box .cts_map .dl_desc{margin-top:35px; }
	.contents_box .cts_map .dl_desc dt{font-size:15px; font-weight:500; color:#434343; letter-spacing:-1px; margin-bottom:11px;}
	.contents_box .cts_map .dl_desc dd{font-size:14px; color:#666; line-height:21px; letter-spacing:-0.5px; word-break:keep-all; }
	.contents_box .cts_acc{margin-top:30px; }
	.contents_box .cts_acc ul{}
	.contents_box .cts_acc ul li{font-size:0; margin-top:17px;}
	.contents_box .cts_acc ul li:first-child{margin-top:0; }
	.contents_box .cts_acc ul li .icon{display:inline-block; vertical-align:top; width:17px; padding-top:3px;}
	.contents_box .cts_acc ul li .icon img{height:14.5px; }
	.contents_box .cts_acc ul li .text{display:inline-block; vertical-align:top; width:calc(100% - 17px); font-size:14px; color:#434343; line-height:21px; word-break:keep-all; }
	.contents_box .cts_acc .img{margin-top:25px; }
	.contents_box .cts_acc .img p:first-child{margin-bottom:15px;}
	.contents_box .cts_acc .img p img{max-width:100%; }
	.contents_box .cts_progress{margin-top:25px; }
	.contents_box .cts_progress img{max-width:100%; }
	.contents_box .cts_progress_txt{margin-top:25px; padding:20px 10px; text-align:center; background:#f1f2f3; }
	.contents_box .cts_progress_txt .txt1{font-size:13px; font-weight:700; color:#666; line-height:19px; letter-spacing:-0.5px; }
	.contents_box .cts_progress_txt .txt2{margin-top:6px; font-size:13px; font-weight:400; color:#666; line-height:19px; letter-spacing:-0.5px; word-break:keep-all; }

	.contents_box .cts_situation{margin-top:20px; padding:0 20px; }
	.contents_box .cts_situation .cts_chart{padding:4px 0px; border:1px solid #c4c4c4; border-radius:5px; }
	.contents_box .cts_situation .cts_chart ul{}
	.contents_box .cts_situation .cts_chart ul li{display:inline-block; vertical-align:top; width:33.3333%; padding:12px 0 12px 16px; }
	.contents_box .cts_situation .cts_chart ul li .box{display:inline-block; vertical-align:top; width:13px; height:13px; margin:4px 10px 0 0;}
	/* [s] 2011-11-11 추가 및 수정 */
	.contents_box .cts_situation .cts_chart ul li:nth-of-type(1) .box{background:#a855ff; }
	.contents_box .cts_situation .cts_chart ul li:nth-of-type(2) .box{background:#f11984; }
	.contents_box .cts_situation .cts_chart ul li:nth-of-type(3) .box{background:#ee3e27; }
	.contents_box .cts_situation .cts_chart ul li:nth-of-type(4) .box{background:#efad3f; }
	.contents_box .cts_situation .cts_chart ul li:nth-of-type(5) .box{background:#f9ff67; }
	.contents_box .cts_situation .cts_chart ul li:nth-of-type(6) .box{background:#62f3a4; }
	.contents_box .cts_situation .cts_chart ul li:nth-of-type(7) .box{background:#50cfd8; }
	.contents_box .cts_situation .cts_chart ul li:nth-of-type(8) .box{background:#1685bc; }	
	.contents_box .cts_situation .cts_chart ul li:nth-of-type(9) .box{background:#5f13d7; }
	/* [e] 2011-11-11 추가 및 수정 */
	.contents_box .cts_situation .cts_chart ul li .year{display:inline-block; vertical-align:top; font-size:13px; color:#666; line-height:19px;}
	.contents_box .cts_situation .cts_chart ul li .year strong{vertical-align:middle; }
	.contents_box .cts_chart_img{margin-top:40px; padding:0 20px; }
	.contents_box .cts_chart_img  img{max-width:100%; }
	.contents_box.cts02_box .cont.cont1{padding:0; }
	.contents_box.cts02_box .cont.cont1 .sub_ttl{padding:0 20px; }
	.contents_box.cts02_box .cont.cont1 .cts_acc{padding:0 20px; }
	.contents_box .cts_eval{margin-top:40px; padding:0 20px; }
	.contents_box .cts_eval .tit{display:inline-block; padding:7px 25px; border-radius:25px; background:#1f92d6; font-size:14px; color:#fff; box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.3);}
	.contents_box .cts_eval .tit.sec{background:#0277bd;}
	.contents_box .cts_eval dl{margin-top:18px; padding:0 10px; }
	.contents_box .cts_eval dl dt{font-size:14px; font-weight:500; color:#0277bd; letter-spacing:-1px; }
	.contents_box .cts_eval dl dd{margin-top:15px; }
	.contents_box .cts_eval dl dd ul{}
	.contents_box .cts_eval dl dd ul li{display:inline-block; vertical-align:top; margin-right:15px;}
	.contents_box .cts_eval dl dd ul li:last-child{margin-right:0; }
	.contents_box .cts_eval dl dd ul li p{font-size:13px; font-weight:500; color:#003964; line-height:19px; }
	.contents_box .cts_eval dl dd ul li span{position:relative; display:inline-block; padding-left:14px; font-size:13px; color:#58595b; line-height:19px; }
	.contents_box .cts_eval dl dd ul li span:before{content:'-'; position:absolute; top:0; left:8px; }
	.contents_box .cts_eval .icon_arr{position:relative; padding:40px 0; text-align:center; }
	.contents_box .cts_eval .icon_arr.pd{padding:20px 0;}
	.contents_box .cts_eval .icon_arr .icon{}
	.contents_box .cts_eval .icon_arr .icon img{height:20px;}
	.contents_box .cts_eval .icon_arr .text{position:absolute; top:50%; right:0; transform:translateY(-50%); width:42%; padding:11px 0; border:1px solid #b8b8b8; border-radius:5px; background:#f1f2f3; font-size:12px; font-weight:500; color:#58595b; line-height:17px; letter-spacing:-1px; }
	.contents_box .cts_eval .icon_arr .text:before{
		/* 말풍선 삼각형 */
		content:'';
		display:inline-block; 
		position:absolute; top:50%; left:-7px;
		width:12px; height:12px;
		margin-top:-6px;
		background:#f1f2f3;
		border-top:1px solid #b8b8b8;
		border-left:1px solid #b8b8b8;
		transform:rotate(-45deg);		
	}
	.contents_box .cts_eval .s_tit{margin:18px 0 20px; padding:0 10px; font-size:14px; font-weight:500; color:#0277bd; letter-spacing:-1px; }
	.contents_box .cts_eval .graph_img img{max-width:100%; }
	.contents_box .cts_eval .last_txt{padding:23px 0; background:#003964; border-radius:5px; text-align:center; font-size:15px; color:#fff; line-height:21px; letter-spacing:-1px; }


	.contents_box .cts_ev_slide{position:relative; margin-top:55px; padding:0 20px; }
	.contents_box .cts_ev_slide_nav{}
	.contents_box .cts_ev_slide_nav:before{content:''; display:block; position:absolute; top:0px; right:0px; width:100px; height:27px; background:#fff; z-index:2;}
	.contents_box .cts_ev_slide_nav .slide_arr{position:absolute; top:0px; display:inline-block; vertical-align:middle; width:27px; height:27px; border:1px solid #c1c1c1; border-radius:50%; z-index:1000; outline:none; }
	.contents_box .cts_ev_slide_nav .slide_arr.prev_btn{right:72px; background:#fff url('/assets/images/mobile_web/ico_prev.png') no-repeat center center; background-size:6px 10px; }
	.contents_box .cts_ev_slide_nav .slide_arr.next_btn{right:0px; background:#fff url('/assets/images/mobile_web/ico_next.png') no-repeat center center; background-size:6px 10px; }
	.contents_box .cts_ev_slide_nav .cts_ev_slide_count{position:absolute; top:2px; bottom:auto; left:auto; right:37px; width:auto; z-index:1001;}
	.contents_box .cts_ev_slide_nav .cts_ev_slide_count span{display:inline-block; vertical-align:middle; font-size:12px; color:#333; }
	.contents_box .cts_ev_slide_nav .cts_ev_slide_count span.num_end{font-weight:700; }
	.contents_box .cts_ev_item{padding-top:6px;}
	.contents_box .cts_ev_item .cts_ev_s_ttl{font-size:16px; font-weight:500; color:#434343; }
	.contents_box .cts_ev_item table{width:100%; margin-top:21px; }
	.contents_box .cts_ev_item table th{vertical-align:middle; height:45px; background:#238edc; font-size:13px; font-weight:500; color:#fff; }
	.contents_box .cts_ev_item table td{vertical-align:middle; width:50%; height:45px; padding:0 10px; text-align:center; border:1px solid #e5e5e5; font-size:13px; color:#434343; line-height:20px;}

	.contents_box .cts_eval_tb{margin-top:50px; padding:0 20px; overflow-x:scroll; overflow-y:hidden; -ms-overflow-style: none; scrollbar-width: none;}
	.contents_box .cts_eval_tb::-webkit-scrollbar {display: none; }
	.contents_box .cts_eval_tb table{width:1080px; table-layout:fixed; }
	.contents_box .cts_eval_tb table thead tr{}
	.contents_box .cts_eval_tb table thead tr th{height:44px; vertical-align:middle;  }
	.contents_box .cts_eval_tb table thead tr:nth-of-type(1){background:#0277bd;}
	.contents_box .cts_eval_tb table thead tr:nth-of-type(1) th{color:#fff;}
	.contents_box .cts_eval_tb table tbody{}
	.contents_box .cts_eval_tb table tbody tr:nth-of-type(1) td{border-top:1px solid #0277bd; }
	.contents_box .cts_eval_tb table tbody td{padding:5px 17px; vertical-align:middle; border:1px solid #d7d7d7; font-size:14px; font-weight:300; color:#58595b; line-height:20px; letter-spacing:-1px; }
	.contents_box .cts_eval_tb table tbody td:nth-of-type(1){border-left:0; }
	.contents_box .cts_eval_tb table tbody td:nth-of-type(6){border-right:0; }
	.contents_box .cts_sector{margin-top:30px; }
	.contents_box .cts_sector .sct_box{margin-top:34px; padding:20px 10px 0; background:#f1f2f3; }
	.contents_box .cts_sector .sct_box:first-child{margin-top:0; }
	.contents_box .cts_sector .sct_box dl{padding:0 10px;}
	.contents_box .cts_sector .sct_box dl dt{font-size:16px; font-weight:400; color:#003964; letter-spacing:-1px; margin-bottom:12px; }
	.contents_box .cts_sector .sct_box dl dt span{font-weight:500; }
	.contents_box .cts_sector .sct_box dl dd{position:relative; padding-left:6px; font-size:12px; color:#58595b; line-height:20px; }
	.contents_box .cts_sector .sct_box dl dd:before{content:''; position:absolute; top:9px; left:0; display:block; width:2px; height:2px; background:#58595b; border-radius:50%; }
	.contents_box .cts_sector .sct_box ul{font-size:0; transform:translateY(15px); }
	.contents_box .cts_sector .sct_box ul li{display:inline-block; vertical-align:top; width:calc(50% - 10px); }
	.contents_box .cts_sector .sct_box ul li:first-child{margin-right:20px; }
	.contents_box .cts_sector .sct_box ul li img{width:100%; }
	.contents_box .cts_eco{margin-top:45px; }
	.contents_box .cts_eco .tit{display:inline-block; margin-bottom:24px; padding:7px 25px; border-radius:25px; background:#1f92d6; font-size:14px; color:#fff; box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.3);}
	.contents_box .cts_eco .img{}
	.contents_box .cts_eco .img img{max-width:100%; }
	.contents_box .cts_eco .icon_arr{padding:20px 0; text-align:center; }
	.contents_box .cts_eco .icon_arr img{height:20px; }
	.contents_box .cts_eco .s_tit{height:46px; line-height:46px; text-align:center; background:#003964; font-size:11px; color:#fff; letter-spacing:-1px;}
	.contents_box.cts03_box{margin-top:0; padding:0 20px;}
	.contents_box .cts_util{margin-top:30px; }
	.contents_box .cts_util.util_top{padding-bottom:44px; border-bottom:1px solid #b8b8b8;}
	.contents_box .cts_util.util_bot{padding-top:15px; }
	.contents_box .cts_util dl{margin-bottom:21px;}
	.contents_box .cts_util dl dt{font-size:0; margin-bottom:10px; }
	.contents_box .cts_util dl dt .icon{display:inline-block; vertical-align:top; width:18px; }
	.contents_box .cts_util dl dt .icon img{height:14.5px; }
	.contents_box .cts_util dl dt .text{display:inline-block; vertical-align:top; width:calc(100% - 18px); font-size:14px; font-weight:500; color:#003964; letter-spacing:-0.5px; }
	.contents_box .cts_util dl dd{position:relative; padding-left:26px; font-size:13px; color:#666; line-height:21px; }
	.contents_box .cts_util dl dd:before{content:''; display:block; position:absolute; top:10px; left:19px; width:2px; height:2px; background:#666; border-radius:50%; }
	.contents_box .cts_util .img{}
	.contents_box .cts_util .img img{max-width:100%; }
	.contents_box .cts_util .icon_arr{padding:26px 0; text-align:center;}
	.contents_box .cts_util .icon_arr img{height:20px; }

	.ex_wrap{padding:30px 0 50px; }
	.ex_wrap .ex_desc{font-size:15px; font-weight:500; color:#003964; line-height:22px; letter-spacing:-0.5px;}
	.ex_wrap .ex_step_box{margin-top:30px;}
	.ex_wrap .ex_step_box dl{margin-top:22px;}
	.ex_wrap .ex_step_box dl:first-child{margin-top:0; }
	.ex_wrap .ex_step_box dl dt{position:relative; padding-bottom:7px; font-size:0; margin-bottom:13px; }
	.ex_wrap .ex_step_box dl dt:before{content:''; display:block; position:absolute; bottom:0; right:0; width:calc(100% - 20px); height:1px; background:#f2f2f2; z-index:-1; }
	.ex_wrap .ex_step_box dl dt:after{content:''; display:block; position:absolute; bottom:-1px; right:0; width:4px; height:4px; border-radius:50%; background:#f2f2f2; z-index:-1; }
	.ex_wrap .ex_step_box dl dt .num{position:relative; display:inline-block; vertical-align:bottom; width:45px; font-size:27px; font-weight:500; color:#2c6eaa; letter-spacing:-0.3px; }
	.ex_wrap .ex_step_box dl dt .num:before{content:''; display:block; position:absolute; top:2px; left:0; width:32.5px; height:32.5px; background:#f2f2f2; border-radius:50%;z-index:-1; }
	.ex_wrap .ex_step_box dl dt .tit{display:inline-block; vertical-align:bottom; width:calc(100% - 45px); font-size:14px; font-weight:500; color:#2c6eaa; line-height:20px; letter-spacing:-0.3px; word-break:keep-all;}
	.ex_wrap .ex_step_box dl dd{position:relative; margin-top:7px; padding-left:8px; font-size:13px; color:#404040; line-height:20px; letter-spacing:-0.3px;}
	.ex_wrap .ex_step_box dl dd:first-of-type{margin-top:0; }
	.ex_wrap .ex_step_box dl dd:before{content:''; display:block; position:absolute; top:9px; left:0; width:2px; height:2px; background:#404040; border-radius:50%; }
	.ex_wrap .ex_tutorial{margin-top:45px; }
	.ex_wrap .ex_tutorial .tit{font-size:15px; font-weight:500; color:#003964; letter-spacing:-1px; margin-bottom:18px; }
	.ex_wrap .ex_tutorial .ex_tuto_box{margin-top:60px; padding:15px 10px 0; background:#f1f6fe; }
	.ex_wrap .ex_tutorial .ex_tuto_box:first-of-type{margin-top:0; }
	.ex_wrap .ex_tutorial .ex_tuto_box dl{font-size:0; }
	.ex_wrap .ex_tutorial .ex_tuto_box dl dt{display:inline-block; vertical-align:top; width:75px; font-size:18px; font-weight:500; color:#003964; letter-spacing:-1px; }
	.ex_wrap .ex_tutorial .ex_tuto_box dl dd{display:inline-block; vertical-align:top; width:calc(100% - 75px); padding-top:2px;}
	.ex_wrap .ex_tutorial .ex_tuto_box dl dd ul{}
	.ex_wrap .ex_tutorial .ex_tuto_box dl dd ul li{margin-top:8px}
	.ex_wrap .ex_tutorial .ex_tuto_box dl dd ul li:first-child{margin-top:0; }
	.ex_wrap .ex_tutorial .ex_tuto_box dl dd ul li .num{display:inline-block; vertical-align:top; width:15px; font-size:12px; color:#58595b; letter-spacing:-1px; }
	.ex_wrap .ex_tutorial .ex_tuto_box dl dd ul li .txt{display:inline-block; vertical-align:top; width:calc(100% - 15px); font-size:12px; color:#58595b; letter-spacing:-1px; }
	.ex_wrap .ex_tutorial .ex_tuto_box .img{transform:translateY(20px);}
	.ex_wrap .ex_tutorial .ex_tuto_box .img img{max-width:100%; }

	.case_list{padding:35px 0 50px; }
	.case_list ul li{padding:10px 0 15px; border-bottom:1px solid #d7d7d7;}
	.case_list ul li:first-child{border-top:1px solid #0277bd; }
	.case_list ul li .thum{display:inline-block; vertical-align:middle; width:40.3125%; }
	.case_list ul li .thum img{width:100%; }
	.case_list ul li .description{display:inline-block; vertical-align:middle; width:59.6875%; padding-left:15px; }
	.case_list ul li .description .tit{font-size:16px; font-weight:500; color:#003964; line-height:24px; letter-spacing:-1px; word-break:keep-all;}
	.case_list ul li .description .reg{font-size:13px; font-weight:500; color:#444444; letter-spacing:-1px; margin-top:40px; }
	.case_list ul li .description .dsc{font-size:11px; color:#58595b; line-height:16px; letter-spacing:-1px; word-break:keep-all; margin-top:12px;}

	.case_view{margin:35px 0 50px; }
	.case_view .case_v_head{padding:0 20px; }
	.case_v_head .case_v_ttl{padding:20px 0 15px; border-top:1px solid #0277bd; font-size:16px; font-weight:500; color:#0277bd; letter-spacing:-0.5px; }
	.case_v_head .case_v_ttl span{display:inline-block; vertical-align:middle; font-size:13px; color:#444; margin-left:10px; }
	.case_v_head .case_v_thum img{width:100%; }
	.case_v_head .case_v_desc{margin-top:21px; padding-bottom:22px; border-bottom:1px solid #d7d7d7;}
	.case_v_head .case_v_desc .ttl{height:30px; line-height:30px; background:#003964; text-align:center; font-size:12px; font-weight:700; color:#fff; letter-spacing:-0.5px; }
	.case_v_head .case_v_desc ul{margin-top:20px; }
	.case_v_head .case_v_desc ul li{position:relative; margin-top:12px; padding-left:18px; font-size:14px; color:#666; line-height:21px; letter-spacing:-0.3px; word-break:keep-all; }
	.case_v_head .case_v_desc ul li:first-child{margin-top:0; }
	.case_v_head .case_v_desc ul li:before{content:''; position:absolute; top:4px; left:0; width:10px; height:14.5px; background:url('/assets/images/mobile_web/ico_dot.png') no-repeat; background-size:10px 14.5px;}
	.case_view .case_v_cont{margin-top:40px; padding:0 20px; }
	.case_v_cont .ttl{font-size:13px; font-weight:700; color:#003964; letter-spacing:-0.5px; }
	.case_v_cont dl{padding:18px 0; border-bottom:1px solid #d7d7d7; font-size:0; }
	.case_v_cont dl dt{display:inline-block; vertical-align:top; width:85px; padding-top:7px; font-size:12px; font-weight:500; color:#0277bd; letter-spacing:-0.5px; }
	.case_v_cont dl dt span{display:block; margin-top:10px; font-size:11px; color:#ff0000; line-height:16px; }
	.case_v_cont dl dd{display:inline-block; vertical-align:top; width:calc(100% - 85px); }
	.case_v_cont dl dd span{display:inline-block; font-size:13px; font-weight:500; color:#666; line-height:27px; margin-right:17px; }
	.case_view .case_v_scs{padding:0 20px; margin-top:20px; }
	.case_v_scs p{padding:10px 45px; background:#f7f7f7; border:1px solid #b8b8b8; text-align:center; font-size:12px; font-weight:500; color:#666; line-height:21px; letter-spacing:-0.3px; word-break:keep-all;}
	.case_v_scs p span{display:inline-block; vertical-align:baseline; color:#003964; }
	.case_view .case_v_listbtn{margin-top:15px; padding:0 20px; text-align:right; }
	.case_view .case_v_listbtn a{display:inline-block; text-align:center; width:90px; height:30px; line-height:30px; background:#003964; border-radius:30px; }
	.case_view .case_v_listbtn a span{display:inline-block; vertical-align:middle; }
	.case_view .case_v_listbtn a span.icon{margin-right:8px; }
	.case_view .case_v_listbtn a span.icon img{height:8px; }
	.case_view .case_v_listbtn a span.txt{font-size:10px; font-weight:500; color:#fff; letter-spacing:-0.5px; }
	.case_view .case_v_table{margin-top:50px; padding:0 20px; overflow-x:scroll; overflow-y:hidden; -ms-overflow-style: none; scrollbar-width: none;}
	.case_view .case_v_table::-webkit-scrollbar {display: none; }
	.case_view .case_v_table table{width:472px; table-layout:fixed; border-top:1px solid #006db9;}
	.case_view .case_v_table table th{height:37.5px; background:#f7f7f7; border:1px solid #d5d5d5; vertical-align:middle; font-size:11px; font-weight:500; color:#0277bd; letter-spacing:-0.5px; }
	.case_view .case_v_table table td{padding:11px; border:1px solid #d5d5d5; font-size:11px; font-weight:500; color:#0277bd; letter-spacing:-0.5px; }
	.case_view .case_v_table table td.tb_th{text-align:center; background:#f7f7f7; vertical-align:middle;}
	.case_view .case_v_table table td ul li{position:relative; margin-top:6px; padding-left:7.5px; font-size:11px; color:#58595b; line-height:15px; letter-spacing:-1px; }
	.case_view .case_v_table table td ul li:first-child{margin-top:0; }
	.case_view .case_v_table table td ul li:before{content:'';display:block; position:absolute; top:6px; left:0; width:3px; height:3px; background:#58595b; border-radius:50%; }

	.board_wrap{padding:35px 0 50px; }
	.board_wrap .board_list{}
	.board_wrap .board_list table{width:100%; border-top:1px solid #0277bd; }
	.board_wrap .board_list table colgroup .col1{width:40px;}
	.board_wrap .board_list table colgroup .col2{width:auto; }
	.board_wrap .board_list table colgroup .col3{width:68px;}
	.board_wrap .board_list table tr{border-bottom:1px solid #d7d7d7; }
	.board_wrap .board_list table thead th{height:35px; vertical-align:middle; background:#f7f7f7; font-size:10px; font-weight:500; color:#0277bd; }
	.board_wrap .board_list table tbody td{vertical-align:middle; text-align:center; font-size:11px; font-weight:500; color:#666; letter-spacing:-1px; }
	.board_wrap .board_list table tbody td:nth-of-type(2){padding:11px 15px; text-align:left; }
	.board_wrap .board_list table tbody td a{font-size:13px; color:#666; line-height:21px; word-break:keep-all; }
	.board_wrap .board_list table tbody td .thum{}
	.board_wrap .board_list table tbody td .thum img{width:100%;}
	.board_wrap .board_list table tbody td .desc{margin-top:8px; }
	.board_wrap .board_list table tbody td .desc .tit{font-size:11px; color:#666; line-height:15px; letter-spacing:-0.5px; }
	.board_wrap .board_list table tbody td .desc .views{font-size:11px; color:#666; line-height:15px; letter-spacing:-0.5px; }
	.board_wrap .board_list table tbody td .desc .logo{margin:7px 0 14px;}
	.board_wrap .board_list table tbody td .desc .logo .icon{display:inline-block; vertical-align:middle; }
	.board_wrap .board_list table tbody td .desc .logo .icon img{height:11px; }
	.board_wrap .board_list table tbody td .desc .logo .txt{display:inline-block; vertical-align:middle; font-size:11px; color:#666; line-height:15px; letter-spacing:-0.5px; }
	.board_wrap .board_list table tbody td .desc .info{font-size:11px; color:#666; line-height:15px; letter-spacing:-0.5px; }

	.board_wrap .board_list ul{}
	.board_wrap .board_list ul:after{content:''; display:block; clear:both; }
	.board_wrap .board_list ul li{float:left; width:calc(50% - 5px); margin:30px 10px 0px 0; }
	.board_wrap .board_list ul li:nth-child(2n){margin-right:0; }
	.board_wrap .board_list ul li a{display:block; }
	.board_wrap .board_list ul li a .thum{}
	.board_wrap .board_list ul li a .thum img{width:100%; }
	.board_wrap .board_list ul li a .desc{padding:12px 2px 0;}
	.board_wrap .board_list ul li a .desc .title{font-size:11px; color:#666; line-height:15px; letter-spacing:-0.5px; word-break:keep-all; }
	.board_wrap .board_list ul li a .desc .date{margin-top:8px; font-size:10px; font-weight:500; color:#666; letter-spacing:-0.5px; }

	.board_wrap .board_view{}
	.board_wrap .board_view .bd_v_title{padding:10px 20px; background:#f7f7f7; border-top:1px solid #0277bd; text-align:center; font-size:12px; font-weight:500; color:#003964; line-height:16px; letter-spacing:-0.5px; word-break:keep-all;}
	.board_wrap .board_view .bd_v_info{padding:17px 10px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
	.board_wrap .board_view .bd_v_info span{display:inline-block; vertical-align:middle; font-size:10px; color:#666; letter-spacing:-0.5px; }
	.board_wrap .board_view .bd_v_info span.date:after{content:'';position:relative; top:-1px; display:inline-block; vertical-align:middle; width:1px; height:7.5px; background:#666; margin:0 5px;}
	
	/* ============ 211027 수정 ============ */
	.board_wrap .board_view .bd_v_file{position:relative; padding:17px 10px 17px; border-bottom:1px solid #d7d7d7;}
	.board_wrap .board_view .bd_v_file .bd_v_file_btn{position:absolute; top:4px; right:0; display:block; width:36px; height:36px; padding-top:9px; text-align:center; transition:.3s; }
	.board_wrap .board_view .bd_v_file .bd_v_file_btn.on{transform:rotate(180deg); }
	.board_wrap .board_view .bd_v_file .bd_v_file_btn img{height:18px; }
	.board_wrap .board_view .bd_v_file ul{height:10px; padding-right:36px; overflow:hidden; }
	.board_wrap .board_view .bd_v_file ul.on{height:auto; }
	.board_wrap .board_view .bd_v_file li{margin-top:5px;}
	.board_wrap .board_view .bd_v_file li:first-child{margin-top:0; }
	.board_wrap .board_view .bd_v_file .txt{display:inline-block; vertical-align:middle; width:70px; padding-left:13.5px; background:url('/assets/images/mobile_web/ico_file.png') no-repeat left center; background-size:10.5px 11px; font-size:10px; font-weight:500; color:#0277bd; }
	.board_wrap .board_view .bd_v_file .file{display:inline-block; vertical-align:middle; width:calc(100% - 70px); font-size:10px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	/* ============ 211027 수정 ============ */	
	
	.board_wrap .board_view .bd_v_cont{min-height:140px; border-bottom:1px solid #d7d7d7; padding:12px 10px; font-size:13px; color:#666;}
	.board_wrap .board_view .bd_v_cont p{line-height:1.5;}
	.board_wrap .board_view .bd_v_listbtn{margin-top:20px; text-align:right; }
	.board_wrap .board_view .bd_v_listbtn a{display:inline-block; text-align:center; width:90px; height:30px; line-height:30px; background:#003964; border-radius:30px; }
	.board_wrap .board_view .bd_v_listbtn a span{display:inline-block; vertical-align:middle; }
	.board_wrap .board_view .bd_v_listbtn a span.icon{margin-right:8px; }
	.board_wrap .board_view .bd_v_listbtn a span.icon img{height:8px; }
	.board_wrap .board_view .bd_v_listbtn a span.txt{font-size:10px; font-weight:500; color:#fff; letter-spacing:-0.5px; }

	.qna_wrap{margin:35px 0 50px;}
	.qna_wrap .agree_box{}
	.qna_wrap .agree_box .chk_wrap{background:#fafafa; border-top:1px solid #ededed;}
	.qna_wrap .agree_box .chk_wrap.type1{padding:15px; background:#f1f2f3; border-top:0; }
	.qna_wrap .agree_box .cont_btn{padding:15px; background:url('/assets/images/mobile_web/ico_arr_down.png') no-repeat right 15px center; background-size:14px 8px; }
	.qna_wrap .agree_box .cont_btn.on{background:url('/assets/images/mobile_web/ico_arr_up.png') no-repeat right 15px center; background-size:14px 8px; }
	.qna_wrap .agree_box .cont{display:none; max-height:170px; overflow-y:auto; padding:12px 15px; background:#fff; border-top:1px solid #ededed; font-size:12px; color:#666; line-height:21px; letter-spacing:-0.5px;}
	.qna_wrap .agree_box .cont.on{display:block; }
	/*
	.qna_wrap .agree_box .box{}
	.qna_wrap .agree_box .box.mg{margin-top:30px; }
	.qna_wrap .agree_box .box .ttl{padding-left:19px; font-size:14px; font-weight:500; color:#003964; background:url('/assets/images/mobile_web/ico_dot.png') no-repeat left center; background-size:10px 14.5px;}
	.qna_wrap .agree_box .box .agr_cont{margin:15px 0; padding:15px 8px; max-height:220px; border:1px solid #b8b8b8; font-size:12px; color:#666; line-height:21px; letter-spacing:-0.3px; overflow-y:auto; }
	.qna_wrap .agree_box .box .agr_chk{text-align:right; font-size:0;}
	.qna_wrap .agree_box .box .agr_chk li{display:inline-block; vertical-align:middle; margin-right:20px; }
	.qna_wrap .agree_box .box .agr_chk li:last-child{margin-right:0; }
	.qna_wrap .agree_box .agr_all_chk{margin-top:30px; padding:20px 0; background:#f7f7f7; border:1px solid #b8b8b8; text-align:center; }
	*/
	.qna_wrap .qna_form{margin-top:30px; }
	.qna_wrap .qna_form table{width:100%; table-layout:fixed; border-top:1px solid #0277bd; }
	.qna_wrap .qna_form table colgroup .col1{width:78px; }
	.qna_wrap .qna_form table colgroup .col2{width:auto; }
	.qna_wrap .qna_form table tr{border-bottom:1px solid #d7d7d7; }
	.qna_wrap .qna_form table th{padding:17px 0 0 10px; text-align:left; background:#f7f7f7; font-size:12px; font-weight:500; color:#0277bd; line-height:18px; letter-spacing:-0.5px;}
	.qna_wrap .qna_form table td{vertical-align:middle; padding:8px 0 8px 8px;}
	.qna_wrap .qna_form table td .job_list li{display:inline-block; vertical-align:middle; width:50%; margin-bottom:10px; }
	.qna_wrap .qna_form table td .job_list li:nth-child(5),
	.qna_wrap .qna_form table td .job_list li:nth-child(6){margin-bottom:0; }
	.qna_wrap .qna_form table td .sort_list li{margin-bottom:10px; }
	.qna_wrap .qna_form table td .sort_list li:last-child{margin-bottom:0; }
	.qna_wrap .qna_form table td .qna_file_box{width:100%; height:35px; padding:4.5px; border:1px solid #d7d7d7;}
	.qna_wrap .qna_form table td .qna_file_box input{font-size:13px; color:#acacac; }
	.qna_wrap .qna_form .qna_btn_wrap{margin-top:25px; text-align:center;}
	.qna_wrap .qna_form .qna_btn_wrap .qna_btn{width:150px; height:35px; background:#ea3f4f; border:0; border-radius:35px; font-size:14px; color:#fff; box-shadow:1px 2px 6px  rgba(0,0,0,0.3); }

	.policy_wrap{margin:30px 0 50px; }
	.policy_wrap .plc_txt1{margin-top:18px; padding:0 20px; font-size:14px; color:#666; line-height:21px; word-break:keep-all; }
	.policy_wrap .plc_txt1.mg{margin-top:0; }
	.policy_wrap ul{margin-top:45px; padding:0 20px; }
	.policy_wrap ul li .tit{font-size:13px; font-weight:500; color:#666; line-height:21px; border-bottom:1px solid #dfdfdf; background:#f7f7f7 url('/assets/images/mobile_web/ico_arr_down.png') no-repeat right 15px center; background-size:14px 8px; padding:18px 35px 18px 15px; }
	.policy_wrap ul li.on .tit{background:#f7f7f7 url('/assets/images/mobile_web/ico_arr_up.png') no-repeat right 15px center; background-size:14px 8px;}
	.policy_wrap ul li .tit strong{font-size:14px; line-height:21px; }
	.policy_wrap ul li .cont{display:none; padding:10px 15px; border-bottom:1px solid #dfdfdf; }
	.policy_wrap ul li.on .cont{display:block; }
	.policy_wrap ul li .cont p{font-size:12px; color:#666; line-height:21px; letter-spacing:-0.25px; word-break:keep-all; }
	.policy_wrap ul li .cont p.mg{margin-top:22px; }
	.policy_wrap ul li .cont p a{font-size:12px; font-weight:700; color:#666; line-height:21px; letter-spacing:-0.25px;}
	.policy_wrap ul li .cont p a.a_mail{color:#004eff;}
	
/* [e] Sub Style */

/* [s] etc */
	/* 페이징 css */
	.paging{margin-top:30px; text-align:center; }
	.paging .page_arr{display:inline-block; vertical-align:middle; }
	.paging .page_arr img{height:14.5px; }
	.paging .page_arr.page_prev{margin-right:18px;}
	.paging .page_arr.page_next{margin-left:18px;}
	.paging ul{display:inline-block; vertical-align:middle;}
	.paging ul li{display:inline-block; vertical-align:top; padding:2px 0;}
	.paging ul li:before{content:''; display:inline-block; vertical-align:middle; width:1.5px; height:1.5px; background:#acacac; margin:0 10px; border-radius:50%; }
	.paging ul li:first-child:before{display:none; }
	.paging ul li a{display:inline-block; vertical-align:middle; font-size:11px; font-weight:400; color:#acacac; }
	.paging ul li.on a{color:#003964; }
	.paging ul li.on{border-bottom:1px solid #003964;}

	/* check box */
	.chk_wrap{}
	.chk_wrap .chk_btn{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
	.chk_wrap .chk_btn + label{ display:inline-block; vertical-align:middle; position:relative; padding-left:36px; cursor:pointer; font-size:13px; font-weight:500; color:#666; line-height:25px; }
	.agr_all_chk.chk_wrap .chk_btn + label{font-size:13px;}
	.chk_wrap .chk_btn + label:before{ content:''; position:absolute; left:0; top:0; width:25px; height:25px; background:url('/assets/images/mobile_web/ico_chk_off.png') no-repeat; background-size:25px;}
	.chk_wrap .chk_btn:checked + label:after{ content: ''; position:absolute; left:0; top:0; width:25px; height:25px; background:url('/assets/images/mobile_web/ico_chk_on.png') no-repeat; background-size:25px;}

	.form_chk.chk_wrap .chk_btn{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
	.form_chk.chk_wrap .chk_btn + label{ display:inline-block; vertical-align:middle; position:relative; padding-left:27px; cursor:pointer; font-size:13px; font-weight:400; color:#666; line-height:21.5px; }
	.form_chk.chk_wrap .chk_btn + label:before{ content:''; position:absolute; left:0; top:0; width:21.5px; height:21.5px; background:url('/assets/images/mobile_web/ico_chk_off2.png') no-repeat; background-size:21.5px;}
	.form_chk.chk_wrap .chk_btn:checked + label:after{ content: ''; position:absolute; left:0; top:0; width:21.5px; height:21.5px; background:url('/assets/images/mobile_web/ico_chk_on2.png') no-repeat; background-size:21.5px;}
	
	/* input */
	.ip_basic{width:100%; height:35px; padding:0 10px; border:1px solid #d7d7d7; border-radius:0; font-size:13px; color:#666; -webkit-appearance:none;}
	.ip_basic::placeholder{color:#acacac; }
/* [e] etc */

/* 태블릿 사이즈 */
@media (min-width: 767px) {
	.t_none{display:none; }
	.m_none{display:block; }

	#header{padding:20px 0 18px; }
	#header h1 img{height:40px; }
	#header .header_btn{top:32px; }

	#gnb .gnb_wrap .gnb_logo{padding:20px 0 18px; }
	#gnb .gnb_wrap .gnb_logo img{height:40px; }
	#gnb .gnb_wrap .gnb_list > ul > li > p{padding:15px 20px; font-size:15px;}
	#gnb .gnb_wrap .gnb_list > ul > li .dpt_2_box li a{font-size:21px; }

	#footer{padding:25px 0 30px;}
	#footer .foot_logo img{height:32px; }
	#footer .foot_link a{font-size:14px; }
	#footer .foot_info p{font-size:13px; }
	#footer .foot_info p a{font-size:13px; }

	.main_contents{padding:100px 0 100px; background:#f3f5f8 url('/assets/images/mobile_web/main_contents_bg_tb.png') no-repeat right -50px top ; background-size:50%; }
	.main_contents .main_ttl{font-size:27px; }
	.main_link{margin-top:48px;   }
	.main_link ul li a{height:180px; padding:32px 22px; }
	.main_link ul li p{font-size:23px; line-height:28px; }
	.main_link ul li p span{position:relative; top:3px; font-size:25px; margin-right:10px; }
	.main_link ul li.webgis{margin-bottom:30px; }
	.main_link ul li.webgis a{background:#1b5ca8 url('/assets/images/mobile_web/main_bg_icon01_v2.png') no-repeat right 40px bottom; background-size:120px; }
	.main_link ul li.board{width:calc(50% - 15px); margin-right:30px; }
	.main_link ul li.board a{background:#3ba472 url('/assets/images/mobile_web/main_bg_icon02_v2.png') no-repeat right 18px bottom 18px; background-size:42px;}
	.main_link ul li.map{width:calc(50% - 15px);}
	.main_link ul li.map a{background:#0277bd url('/assets/images/mobile_web/main_bg_icon02_v2.png') no-repeat right 18px bottom 18px; background-size:42px; }

	.main_manual{font-size:0; margin-top:26px; }
	.main_manual a{display:inline-block; width:calc(50% - 15px); margin-right:30px; padding:35px 20px; }
	.main_manual a.video_btn{margin:0; }
	.main_manual a span.txt{text-align:left; font-size:17px; }
	.main_manual a span.txt strong{font-size:18px;}
	.main_manual a span.icon img{height:38px; margin-right:15px; }

	.sub_gnb .sub_title{height:60px; line-height:60px; font-size:17px; }
	.sub_gnb .sub_menu{top:60px; }
	.sub_gnb .sub_menu ul li a{line-height:40px; font-size:17px; }

	.sub_ttl{font-size:25px; }
	.contents_tab.cts01_tab ul{width:774px; }
	.contents_tab.cts02_tab ul{width:440px; }
	.contents_tab ul li a{font-size:18px; }
	.contents_box.cts01_box .cont1 .cts_desc{font-size:17px; line-height:23px; }
	.contents_box .cts_basis dl dt{font-size:18px; }
	.contents_box .cts_basis dl dd{font-size:15px; line-height:24px; }
	.contents_box .cts_build{margin-top:40px; border:2px solid #3699dd; }
	.contents_box .cts_build .cts_bulid_ttl{top:-10px; left:50%; transform:translateX(-50%); padding:0 15px; font-size:18px; }
	.contents_box .cts_build .cts_bulid_ttl:before{top:5px; width:7px; height:7px; }
	.contents_box .cts_build .cts_bulid_ttl:after{top:5px; width:7px; height:7px; }
	.contents_box .cts_build_box .tit{font-size:17px; }
	.contents_box .cts_doc .icon{vertical-align:middle; }
	.contents_box .cts_doc .text{vertical-align:middle; }
	.contents_box .cts_doc .text p{font-size:16px; }
	.contents_box .cts_map{margin-top:35px; }
	.contents_box .cts_map .tit{font-size:18px; text-align:center; }
	.contents_box .cts_map .img{margin-top: 25px; text-align:center;  }
	.contents_box .cts_map .img img{height:600px;}
	.contents_box .cts_map .dl_box{margin-top:40px; padding:15px 25px 25px; }
	.contents_box .cts_map .dl_box dt{font-size:16px; }
	.contents_box .cts_map .dl_box dd{font-size:16px; line-height:26px }
	.contents_box .cts_acc ul li .icon{width:22px; padding-top:4px; }
	.contents_box .cts_acc ul li .icon img{height:17.5px;}
	.contents_box .cts_acc ul li .text{width:calc(100% - 22px); font-size:17px; line-height:26px; }
	.contents_box .cts_acc .img{margin-top:40px; font-size:0; }
	.contents_box .cts_acc .img p{display:inline-block; vertical-align:top; width:calc(50% - 7.5px); margin-left:15px; }
	.contents_box .cts_acc .img p:first-child{margin-bottom:0; margin-left:0; }
	.contents_box .cts_progress{margin-top:40px; }
	.contents_box .cts_progress_txt{margin-top:40px; }
	.contents_box .cts_progress_txt .txt1{font-size:16px; line-height:24px;}
	.contents_box .cts_progress_txt .txt2{font-size:16px; line-height:24px; margin-top:12px; }
	.contents_box .cts_situation .cts_chart{padding:10px 0; }
	.contents_box .cts_situation .cts_chart ul li{width:20%; }
	.contents_box .cts_situation .cts_chart ul li .box{width:16px; height:16px; margin:2px 10px 0 0; }
	.contents_box .cts_situation .cts_chart ul li .year{font-size:16px; }
	/* ============ 211027 추가 ============ */
	.contents_box .cts_sector .sct_box{margin:34px 15% 0;}
	.contents_box .cts_sector .sct_box dl dt{font-size:19px; }
	.contents_box .cts_sector .sct_box dl dd{font-size:15px; line-height:24px; }
	.contents_box .cts_sector .sct_box ul{padding:0 5%;}
	.contents_box .cts_eco .img{text-align:center; padding:0 15%; }
	.contents_box .cts_eco .s_tit{font-size:14px; margin:0 15%; }
	.contents_box .cts_util dl dt .icon{width:22px; padding-top:4px; }
	.contents_box .cts_util dl dt .icon img{height:17.5px; }
	.contents_box .cts_util dl dt .text{width:calc(100% - 22px); font-size:17px; line-height:26px; }
	.contents_box .cts_util dl dd{font-size:16px; line-height:24px; }
	.contents_box .cts_util .img{text-align:center;}

	/* ============ 211027 추가 ============ */

	.board_wrap .board_list table colgroup .col1{width:100px;}
	.board_wrap .board_list table colgroup .col2{width:auto; }
	.board_wrap .board_list table colgroup .col3{width:120px;}
	.board_wrap .board_list table thead th{height:55px; font-size:13px; }
	.board_wrap .board_list table tbody td{font-size:14px; }
	.board_wrap .board_list table tbody td a{font-size:16px; }
	.board_wrap .board_list table tbody td:nth-of-type(2){padding:21px 15px; }

	.board_wrap .board_view .bd_v_title{font-size:15px; line-height:20px; padding:20px 20px;}
	.board_wrap .board_view .bd_v_info{padding:25px 15px; }
	.board_wrap .board_view .bd_v_info span{font-size:13px; }
	.board_wrap .board_view .bd_v_info span.date:after{margin:0 10px;}
	/* ============ 211027 수정 ============ */
	.board_wrap .board_view .bd_v_file{padding:25px 15px; }
	.board_wrap .board_view .bd_v_file ul{height:14px; }
	.board_wrap .board_view .bd_v_file li{margin-top:8px; }
	.board_wrap .board_view .bd_v_file .txt{width:90px; font-size:13px; }
	.board_wrap .board_view .bd_v_file .file{width:calc(100% - 90px); font-size:12px; line-height:14px; background-size:12px; padding-right:20px; }
	/* ============ 211027 수정 ============ */
	.board_wrap .board_view .bd_v_cont{min-height:200px; font-size:16px; padding:24px 20px; }
	.board_wrap .board_view .bd_v_listbtn a{width:130px; height:45px; line-height:45px; border-radius:45px; }
	.board_wrap .board_view .bd_v_listbtn a span.icon img{height:12px; }
	.board_wrap .board_view .bd_v_listbtn a span.txt{font-size:13px; }

	.qna_wrap .agree_box .cont{min-height:200px; font-size:15px; padding:24px 30px; line-height:25px; }
	.qna_wrap .qna_form table colgroup .col1{width:130px; }
	.qna_wrap .qna_form table th{padding:28px 0 0 15px; font-size:15px; line-height:22px; }
	.qna_wrap .qna_form table td{padding:15px 0 15px 15px; }
	.qna_wrap .qna_form table td .job_list li{margin-bottom:15px; }
	.qna_wrap .qna_form table td .sort_list li{margin-bottom:15px; }
	.qna_wrap .qna_form table td .qna_file_box{height:50px; padding:10px; }
	.qna_wrap .qna_form table td .qna_file_box input{font-size:16px; }
	.qna_wrap .qna_form .qna_btn_wrap{margin-top:40px; }
	.qna_wrap .qna_form .qna_btn_wrap .qna_btn{width:200px; height:50px; border-radius:50px; font-size:17px; }

	.board_wrap .board_list ul li{width:32%; margin:30px 2% 0 0;}	
	.board_wrap .board_list ul li:nth-child(2n){margin-right:2%; }
	.board_wrap .board_list ul li:nth-child(3n){margin-right:0; }
	.board_wrap .board_list ul li a .desc .title{font-size:14px; }
	.board_wrap .board_list ul li a .desc .date{margin-top:12px; font-size:13px; }

	.policy_wrap .plc_txt1{font-size:17px; line-height:26px; }
	.policy_wrap ul li .tit{font-size:16px; line-height:25px; }
	.policy_wrap ul li .tit strong{font-size:17px; line-height:25px; }
	.policy_wrap ul li .cont p{font-size:15px; line-height:25px; }

	.chk_wrap .chk_btn + label{font-size:16px; }
	.form_chk.chk_wrap .chk_btn + label{font-size:16px; }
	.ip_basic{height:50px; font-size:16px; }

	.paging{margin-top:45px; }
	.paging .page_arr img{height:20px; }
	.paging ul li a{font-size:15px; }
}

@media (max-width: 320px) {
	#footer .foot_info p{letter-spacing:-0.5px; }
	#footer .foot_info p a{font-size:10px; margin-left:8px; }
	.main_link ul li p{font-size:16px; }
	.sub_ttl{font-size:18px; }
	.contents_box .cts_build .cts_bulid_ttl{font-size:13px; }
	.contents_box .cts_build_box .tit{font-size:13px; }
	.contents_box .cts_map .dl_box dd{font-size:12px; }
	.contents_box .cts_ev_item table td{font-size:12px; }
	.contents_box .cts_ev_item .cts_ev_s_ttl{font-size:14px; }
	
}

/*24.01.08 이벤트 팝업 추가*/
#popup_notice{width:100%; height:100%; position:absolute; top:0px; left:0px; display:none;}
#popup_notice>.popup_background{position:relative;width:100%; height:100%;background:black; opacity:0.7;}
#popup_notice>.popup_contents{position:absolute;top:60%;left:50%; width:90%;height:100%;overflow:scroll;transform: translate(-50%, -50%);}
#popup_notice>.popup_contents>#popup_notice_img{width:100%;margin-top:70px;}
#popup_notice>.popup_contents>#popup_notice_bt{width:100%; height:30px; background:#525252;}
#popup_notice>.popup_contents>#popup_notice_bt>a{color:white; line-height:30px; font-size:13px;}
#popup_notice>.popup_contents>#popup_notice_bt>a:first-of-type{margin-left:10px;}
#popup_notice>.popup_contents>#popup_notice_bt>a:last-of-type{margin-right:10px;float:right;}



@media (min-width: 620px) {
#popup_notice>.popup_contents{position:absolute;top:51%;left:50%; width:90%;height:100%; transform: translate(-50%, -50%); overflow-x: hidden; overflow-y: hidden;}
}