@charset "utf-8";

body {background:#ddd;}


/* PC버전용 css */
/* skipnavigation */
#skipnavigation {position:relative; z-index:9999;} 
#skipnavigation ul li {position:absolute;  width:100%; text-align:center;} 
#skipnavigation ul li a {display:block; height:1px; width:1px; margin-bottom:-1px; padding:0; overflow:hidden; text-align:center; color:#000; white-space:nowrap;} 
#skipnavigation ul li a:hover, #skipnavigation ul li a:focus, #skipnavigation ul li a:active { display:block; height:auto; width:100%; padding:10px 0; margin:0; font-size:15px; font-weight:bold; color:#fff; background:#111; text-align:center; } 

/* header */
#header_wrap {min-width:1024px; background:#7bc1ff;}
	#header {position:relative; width:1024px; margin:0 auto; }
	#header:after {content:""; display:block; clear:both; }
	#header h1.logo {float:left; width:255px;height:100px; }
	#header h1.logo a{display:block; position:absolute;left:0;top:0;z-index:999;/* background:url(/img/ots/common/sub_logo.png) no-repeat;text-indent:-9999px;*/text-decoration:none; }
	#header h1 span.logo_h1_s1{display:block;color:#313131;font-size:16px;line-height:16px;padding:0 0 6px 4px;font-weight:bold;text-align:center;}

/*#header h1.logo a span.logo_s1{font-size:16px;color:#313131;font-weight:600;padding:0 0 0 5px;display:block;line-height:18px;}
	#header h1.logo a span.logo_s2{text-indent:-9999px;font-size:1px;display:block;}*/
	/* gnb */
	/* gnb */
	#header #gnb {float:left;margin-left:33px;}
	#header #gnb > ul > li {float:left; }
	#header #gnb > ul > li > a{padding:38px 0;display: block; color:#fff; width: 217px; height: 25px;  font-size: 22px; font-weight: bold;text-align:center;text-decoration:none; }
	#header #gnb > ul > li > a.menu-abar,
	#header #gnb > ul > li > a:hover{ background:url(/img/ots/common/0104_menu_bar1.gif) no-repeat center bottom; }
	/* 2차메뉴 */
	#header #gnb li > div{display:none; overflow:hidden; position:absolute; top:101px; left:0; width:1024px;  z-index:1000;}
	

	#header #gnb li > div > ul {overflow:hidden; float:left; width:797px; padding-top:43px; min-height:100px;}
	#header #gnb li > div > ul > li {float:left; padding-left:9px; background:url(/img/ots/common/bu_gnb_dot.gif) no-repeat 0 8px; font-size:15px; }
	/* 분야별 */
	#header #gnb li > div.gnb_sub1{ background:#fff ;}
	#header #gnb li > div.gnb_sub1 .gnb_title{background:#fe5d55;float:left; width:236px; height:150px; text-align:center; color:#fff; font-size:15px; line-height:22px;display:table; }
	#header #gnb li > div.gnb_sub1 .gnb_title p.gnb_titlep1{margin-bottom:0; font-size:24px;font-weight:600;padding-top:0;display:table-cell;vertical-align:middle;}
	#header #gnb li div.gnb_title p.gnb_titlep2{display:none;}/* 분야별, 대상별, 부처별 공통*/
	#header #gnb li > div.gnb_sub1 > ul{width:787px;height:105px;border:1px solid #d6d6d6;border-left:0;border-top:0;padding:30px 0 14px 0;}
	#header #gnb li > div.gnb_sub1 > ul > li {width:120px; margin: 0 10px 15px 15px;}
	#header #gnb li > div.gnb_sub1 > ul > li  > a:hover{color:#fe5d55;text-decoration:none;}
	/* 대상별 */
	#header #gnb li > div.gnb_sub2{background:#fff ;height:325px;}
	#header #gnb li > div.gnb_sub2 .gnb_title{background:#f9bc63;float:left; width:236px; height:214px; text-align:center; color:#fff; font-size:15px; line-height:22px;display:table;  }
	#header #gnb li > div.gnb_sub2 .gnb_title p.gnb_titlep1{margin-bottom:0; font-size:24px;font-weight:600;padding-top:0;display:table-cell;vertical-align:middle;}

	#header #gnb li > div.gnb_sub2 > ul{width:787px;height:169px;border:1px solid #d6d6d6;border-left:0;border-top:0;padding:30px 0 14px 0;}
	#header #gnb li > div.gnb_sub2 > ul > li {width:160px; margin:0 10px 15px 15px;}
	#header #gnb li > div.gnb_sub2 > ul > li > a:hover{color:#f9bc63;text-decoration:none;}
	/* 부처별 */
	#header #gnb li > div.gnb_sub3{ background:#fff ;}
	#header #gnb li > div.gnb_sub3 .gnb_title{background:#2aa9ca;float:left; width:236px; height:270px; text-align:center; color:#fff; font-size:15px; line-height:22px;display:table;  }
	#header #gnb li > div.gnb_sub3 .gnb_title p.gnb_titlep1{margin-bottom:0; font-size:24px;font-weight:600;padding-top:0;display:table-cell;vertical-align:middle;}
	#header #gnb li > div.gnb_sub3 > ul { width:787px;height:235px;border:1px solid #d6d6d6;border-left:0;border-top:0;padding:20px 0 14px 0;}
	#header #gnb li > div.gnb_sub3 > ul > li {width:131px; margin:0 0 15px 15px; }
	#header #gnb li > div.gnb_sub3 > ul > li > a:hover{color:#2aa9ca;text-decoration:none;}
	

		/* 모바일 메뉴제어 */
	#shadow_device {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:900; background:#000; opacity:0.5; }
	.mo_gnb{ position:absolute;top:-5px; left:0; width:237px; height:100%; z-index:1000;}

	/* 검색  */
	#header .top_search {padding-top:25px;}
	#header .top_search a{display:block; width:49px; height:49px; background:url(/img/ots/common/sub_search_btn.png) no-repeat;  text-indent:-9999px; }
	
	#header .sub_search_box{display:none;position:absolute;right:0;top:78px;z-index:1001;}
	#header .sub_search_box .index_search{width:439px; height:45px; padding:2px 0;text-align:center;background: url(/img/ots/common/0104_sch_box.png) no-repeat left top;
    background-size: 100% 100%;}
	#header .sub_search_box .text_idx_search{width:calc(100% - 90px); height:45px; line-height:45px;padding:0 5px; font-size:15px; float:left;border:0;margin:0 0 0 20px;}
	#header .sub_search_box .btn_idx_search{display:inline-block;width:45px; height:45px;background:url(/img/ots/common/btn_index_search_pc.png) no-repeat center; border:0; text-indent:-9999px; cursor:pointer; vertical-align:middle;margin:0 5px 0 0;}

/* 모바일 메뉴제어 */
.mo_main_menu{display:none;}
.mo_gnb_btn{display:none;}

/*네비*/

	#navigation{width:1024px;margin:0 auto;}
	#navigation .con_nav_bar{width:100%;height:58px;background:#fff;}
	#navigation .con_nav_bar .con_nav_ul > li{float:left;}
	#navigation .con_nav_bar li.cnu_li1{text-indent:-9000px;background:#f16731 url(/img/ots/common/con_top_bar_home.png) no-repeat;width:57px;height:58px;}
	#navigation .con_nav_bar li.cnu_li1.subject_color{text-indent:-9000px;background:#ee3233 url(/img/ots/common/con_top_bar_home.png) no-repeat;width:57px;height:58px;}
	#navigation .con_nav_bar li.cnu_li1.dept_color{text-indent:-9000px;background:#48668a url(/img/ots/common/con_top_bar_home.png) no-repeat;width:57px;height:58px;}
	#navigation .con_nav_bar li.cnu_li2{height:58px;border-right:1px solid #e8e8e8;position:relative;padding-right:15px;}
	#navigation .con_nav_bar li.cnu_li3{height:58px;border-right:1px solid #e8e8e8;position:relative;padding-right:15px;}
	#navigation .con_nav_bar li.cnu_li3 > a{min-width:110px;}
	#navigation .con_nav_bar.con_list_nav3 li.cnu_li3{display:none;}
	#navigation .con_nav_bar > ul.con_nav_ul > li > a.on{background: url(/img/ots/common/con_top_bar_on.png) no-repeat right center;}
	#navigation .con_nav_bar a.con_nav_bs2{display:inline-block;vertical-align:middle;position:relative;color:#555555;line-height:58px;text-decoration:none;background: url(/img/ots/common/con_top_bar_dn.png) no-repeat right center;padding:0 37px 0 15px;font-size:16px;}
	#navigation .con_nav_bar .con_nav_but1,
	#navigation .con_nav_bar .con_nav_but2{display:inline-block;line-height:58px;vertical-align:middle;padding:0 15px 0 13px;}

	
	#navigation .con_nav_bar .con_nav_menu{display:none;position:absolute;left:0 ;top:57px;z-index:10;width:100%;border-top:1px solid #d2d2d2;background:#fff;}
	#navigation .con_nav_bar .con_nav_menu li{border-bottom:1px solid #d2d2d2;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;}
	#navigation .con_nav_bar .con_nav_menu a{display:block;padding:7px 3px 7px 20px;font-size:16px;color:#666666;font-weight:600;text-decoration:none;}
	#navigation .con_nav_bar .con_nav_menu a.on,
	#navigation .con_nav_bar .con_nav_menu a:hover{color:#2c2c2c;}


/* container */
	#container {min-width:1024px; width:100%; padding:62px 0 100px 0; background:#edf2f8; }
	#container .contant_wrap {width:100%; background:url(/img/ots/common/bg_pc_container_icon.png) no-repeat top center;}
	#contant {width:1024px; min-height:550px; margin: 0 auto; }
	#container .sub_con{  margin-top:18px;position: relative; width: 1024px; min-height: 550px;/* box-shadow: 2px 3px 2px 1px rgba(152,152,152,0.6);*/ background:#fff;}
	#container .sub_con_pad{  padding:0 40px 98px 40px;}
	
/* footer */
#footer_wrap {min-width:1024px; width:100%; background:#fff;}
#footer_wrap #footer_con{ width: 1024px; margin: 0 auto; position: relative;}
#footer_wrap #footer_con .footer_top{position:absolute;right:0;top:-42px;display:none;}
#footer_wrap #footer_con .footer_logo {padding: 25px 30px 0 0;float: left;}

/*풋터텍스트*/
#footer_wrap #footer_con .footer_text {padding:30px 0 45px 0;float:left;}
#footer_wrap #footer_con .footer_text p{font-size:13px;color:#777777;line-height:20px;text-align:left;}
/*풋터통계표*/
#footer_wrap #footer_con .visit_count {font-family:'돋움',Dotum, Sans-serif;float:right;width:180px;margin-top: 35px;}
#footer_wrap #footer_con .visit_count dt{  float:left;width:88px;height:26px;text-align:center;line-height:26px;color:#a0a0a0; border:1px solid #a0a0a0;background:#f4f4f4;}
#footer_wrap #footer_con .visit_count dt.visit_count_dt2{  border:1px solid #a0a0a0;border-left:0;}
#footer_wrap #footer_con .visit_count dd{  float:left;width:88px;height:26px;text-align:center;line-height:26px;color:#247ec2;border:1px solid #a0a0a0;border-top:0;}
#footer_wrap #footer_con .visit_count dd.visit_count_dd2{  border:1px solid #a0a0a0;border-left:0;border-top:0;}
#footer_wrap #footer_con .gov_30{position:absolute; top:0; right:0; }
#footer_wrap #footer_con .gov_30 span{display:inline-block; width:120px; height:60px; background:url(/img/ots/common/img_pc_footer_30.gif) no-repeat;}

/* ---------------------------------- index */
.index_wrap {min-width:1024px; width:100%; background:#fff url(/img/ots/common/0104_bar1.gif) repeat-x left top;background-size:1px 404px;padding-top:51px;}

/* ---------------------------------- 2018-4-10 */
.index_tsle_w{position:relative;margin:0 73px;}
.index_tsle_c{position:absolute;right:0;top:-41px;z-index:9999;width:150px;height:31px;background:#4c98dc;overflow:hidden;}
.index_tsle_cl{float:left;}
.index_tsle_cl select {border:0;height:31px; width:131px;padding:0 0 0 8px;font-size:15px;color:#fff;background:#4c98dc; letter-spacing:-1px;/*appearance:none;-moz-appearance:none; -webkit-appearance:none; */}
.index_tsle_cl select option{width:120px;}
.index_tsle_cr{float:right;position:relative;}
.index_tsle_cr a{display:block;width:39px;height:31px;line-height:30px;color:#fff;float:right;font-size:15px;text-align:center;background: #4c98dc;position:absolute;right:0;top:0;border-left: 1px dashed #82b7e7;}

/* -//--------------------------------- 2018-4-10 */


.index_wrap .index_wrap_n2{margin:0 73px;border-top:15px solid #fff;border-left:14px solid #7bc1ff;border-right:14px solid #7bc1ff;border-bottom:15px solid #7bc1ff;position:relative;padding-top:338px;}
.index_wrap .index_wrap_n3{padding-top:338px;background:url(/img/ots/common/bg_pc_index_wrap2.gif) left top;background-position:-15px -20px;}
.index_wrap .index_wrap_n3 .index_wrap_bar > div{width:14px;height:353px;background:#fff;}
.index_wrap .index_wrap_n3 .index_wrap_bar > div.index_wbar_d1{position:absolute;left:-14px;top:-15px;}
.index_wrap .index_wrap_n3 .index_wrap_bar > div.index_wbar_d2{position:absolute;right:-14px;top:-15px;}
.index_wrap #index_body{margin:-606px auto 0 auto; padding-top:0; width:1024px; min-height:728px; }
.index_wrap #index_body h1{ display:block;width:1024px; height:148px; text-indent:-9999px; background:url(/img/ots/common/bg_index_logo_pc.png) no-repeat; }
.index_wrap #index_body .img_gov30{position:absolute; top:22px; left:28px; }
.index_wrap #index_body p.img_pc_h1{text-align:center;margin-bottom:18px;}
.index_wrap #index_body p.img_pc_h1 img.img_pc_h1_img2{display:none;}
.index_wrap #index_body p.img_pc_h1 span.img_pc_h1_s1{padding:0 0 18px 0 ;display:block;text-align:center;font-size:32px;font-weight:bold;}

.index_wrap #index_body .ma_fom_po{}
.index_wrap #index_body .index_search{width:566px; height:59px; margin:0 auto; padding:3px 0;background:url(/img/ots/common/0104_sch_box.png) no-repeat left top;background-size: 100% 100%;}
.index_wrap #index_body .text_idx_search{width:460px; height:59px;line-height:59px; font-weight:bold;letter-spacing:-1px;float:left;margin:0 0 0 28px;padding:0 5px; background:#fff; font-size:20px; color:#333333; border:0;vertical-align:middle;}
.index_wrap #index_body .btn_idx_search{display:inline-block;width:45px; height:59px; padding:10px;background:url(/img/ots/common/btn_index_search_pc.png) no-repeat center; border:0; text-indent:-9999px; cursor:pointer; vertical-align:middle;}

.index_wrap #index_body .idx_mn{overflow:hidden; margin:30px 0 0 0;padding-bottom:62px;}
.index_wrap #index_body .idx_mn_p{font-size:18px;color:#666666;text-align:center;width:100%;padding-top:35px;}
.index_wrap #index_body .idx_mn li{float:left; width:341px;margin-left:0; }
.index_wrap #index_body .idx_mn li.idx_mn_li1{margin-left:0; width:342px;}
.index_wrap #index_body .idx_mn li a{text-decoration:none;display:block; width:341px; height:223px; text-align:center;background-size:100% 100%; color:#fff;font-size:36px;font-weight:bold;}
/*.index_wrap #index_body .idx_mn li a span{ position:absolute;left:-9999px;}*/
.index_wrap #index_body .idx_mn li a span.idx_mn_li1_s1{ display:block;padding:45px 0 0 0 ;}
.index_wrap #index_body .idx_mn li a span.idx_mn_li1_ss1{ display:block;font-weight:400;font-size:36px;}
.index_wrap #index_body .idx_mn li a span.idx_mn_li1_s2{ display:block;background: url(/img/ots/common/btn_idx_mn_mo_plus.png) no-repeat bottom center;}
.index_wrap #index_body .idx_mn .idx_mn_li1 a{background:url(/img/ots/common/btn_idx_mn1.png) no-repeat center; background-size:100% 100%; width:342px;}
.index_wrap #index_body .idx_mn .idx_mn_li2 a{background:url(/img/ots/common/btn_idx_mn2.png) no-repeat center; background-size:100% 100%; }
.index_wrap #index_body .idx_mn .idx_mn_li3 a{background:url(/img/ots/common/btn_idx_mn3.png) no-repeat center; background-size:100% 100%; }


/* pc에서의 모바일 숨김 */
.img_mo_h1{display:none;}
.idx_mn_mo{display:none;}
.footer_lf_mo{display:none;}
.sub_img_gov30_mo{display:none;}


/* 1024 CSS */
@media screen and (max-width:1024px) {
.index_wrap #index_body { width: auto;}
.index_wrap .index_wrap_n2 { margin: 0;}
.index_wrap #index_body .idx_mn li {width: 332px;margin-left: 0;}
.index_wrap #index_body .idx_mn li.idx_mn_li1 {margin-left: 0;width: 332px;}
.index_wrap #index_body .idx_mn li a {width: 332px;}
.index_wrap #index_body .idx_mn .idx_mn_li1 a{width: 332px;}
#footer_wrap #footer_con .footer_text {padding: 30px 0 45px 0;}
	
}


/* 패드 버전용 CSS */
@media screen and (max-width:768px) {
	/* header */
	#header_wrap {min-height:61px;min-width:100px;}
	#header {position:relative; width:100%; margin:31px 0 0 0;  }
	#header:after {content:""; display:block; clear:both; }
	#header h1.logo {float:none; text-align:center; width:100%;height:61px;}
	#header h1.logo a{display:inline-block; left:50%;margin:0 0 0 -85px;/*background:url(/img/ots/common/sub_mo_logo.png) no-repeat; text-indent:-9999px; */}
	#header h1 span.logo_h1_s1{display:block;color:#313131;font-size:16px;line-height:16px;padding:0 0 4px 4px;font-weight:bold;}
	#header h1.logo a img{width:100%;width:170px;height:90px;}
/*#header h1.logo a span.logo_s1{font-size:16px;color:#313131;font-weight:600;padding:0 0 0 5px;text-align:center;line-height:16px;}
	#header h1.logo a span.logo_s2{text-indent:-9999px;font-size:1px;display:block;}*/
	
	#header #gnb {display:none;}
	#header .top_search {top:21px; right:20px;position:absolute;padding:0;float:none;}
	#header .top_search a{display:block; width:18px; height:18px; background:url(/img/ots/common/btn_index_search_mo.png) no-repeat;  text-indent:-9999px; }
	
	#header .sub_search_box{display:none;position:relative;left:0;top:0;z-index:899;width:100%;background:#edf2f8;padding:40px 0 0 0;margin:0 0 -30px 0;}
	#header .sub_search_box .index_search{width:60%;margin:0 auto;}

	.mo_main_menu{display:block;height:85px;width:100%;position:relative;}
	.mo_gnb_btn {display:block;position:absolute; top:20px;  }
	.mo_gnb_btn a{margin-left: 20px;display:block; width:24px; height:18px; background:url(/img/ots/common/bg_index_menu_mo.png) no-repeat; text-indent:-9999px;}
	
	.mo_gnb_top{height:54px;background:#454545;}
	.mo_gnb_tp1{padding:16px 0 0 17px;}
	.mo_gnb_tp2{width:47px;height:100%;border-left:1px solid #7b7b7b;}
	.mo_gnb_tp2 a{display:block;padding:17px 0 16px 14px;}

	.mo_gnb {display:none; /*overflow-y:scroll;*/}
	.mo_gnb > ul {background:#464646;margin-bottom:30px;}
	.mo_gnb > ul > li.mo_gnb_li1 > a{background:#fe5d55 url(/img/ots/common/mo_gnb_abg2.png) no-repeat right;}
	.mo_gnb > ul > li.mo_gnb_li2 > a{background:#f9bc63 url(/img/ots/common/mo_gnb_abg2.png) no-repeat right;}
	.mo_gnb > ul > li.mo_gnb_li3 > a{background:#2aa9ca url(/img/ots/common/mo_gnb_abg2.png) no-repeat right;}
	.mo_gnb > ul > li.mo_gnb_li1 > a.on{background:#fe5d55 url(/img/ots/common/mo_gnb_abg1.png) no-repeat right;}
	.mo_gnb > ul > li.mo_gnb_li2 > a.on{background:#f9bc63 url(/img/ots/common/mo_gnb_abg1.png) no-repeat right;}
	.mo_gnb > ul > li.mo_gnb_li3 > a.on{background:#2aa9ca url(/img/ots/common/mo_gnb_abg1.png) no-repeat right;}

	.mo_gnb > ul > li > a{text-decoration: none;display:block; height:40px;line-height:40px;padding:0 0 0 17px; color:#fff; font-size:15px; /* border-bottom:1px solid #d2d2d2;*/ }
	.mo_gnb > ul > li > ul{background:#fff;}
	.mo_gnb > ul > li > ul > li > a{text-decoration: none;display:block; padding:7px 0 7px 23px; color:#454545; font-size:15px; border-bottom:1px solid #d2d2d2; background:url(/img/ots/common/mo_gnb_left_bg.png) no-repeat right 12px;}



	/* container */
	#container {min-width:290px; width:96%; padding:40px 2% 30px 2%; }
	#container .contant_wrap {width:100%; background:none;}
	#contant {width:auto; min-height:0;  margin:0; border-radius:0; box-shadow:none;}
	#container .sub_con{width:100%;margin-top:10px;}

	#container .sub_con_pad { padding: 0 30px 40px 30px ;}

	/* footer */
	#footer_wrap {min-width:100%; width:100%;}
	#footer_wrap #footer_con{width:100%;margin:0 auto;position:relative;}
	/*풋터텍스트*/
	#footer_wrap #footer_con .footer_text {padding:30px 0 45px 0;float:none;}
	#footer_wrap #footer_con .footer_text p{font-size:13px;color:#a0a0a0;line-height:20px;text-align:center;}

	#footer_wrap #footer_con .footer_top{display:none;}
	#footer_wrap #footer_con .visit_count {display:none; }
	#footer_wrap #footer_con .gov_30{position:relative; text-align:right;}
	#footer_wrap #footer_con .gov_30 span{width:60px; height:40px; background-size:100%; }
	#footer_wrap #footer_con .footer_logo{display:none;}

	#footer_wrap #footer_con .footer_lf { display:none;}
	#footer_wrap #footer_con .footer_lf_mo { display:block;float:none;}
	#footer_wrap #footer_con .footer_lf_mo address {font-size: 13px; color: #a0a0a0; line-height: 21px;text-align:center;letter-spacing:-0.5px;}





	/*네비*/
	#navigation{width:100%;margin:0 auto;}
	#navigation .con_nav_bar{width:100%;height:53px;}
	#navigation .con_nav_bar .con_nav_ul > li{float:left;width:calc(50% - 12px);}
	#navigation .con_nav_bar li.cnu_li1{display:none;text-indent:-9000px;background:#f16731 url(/img/ots/common/con_m_top_bar_home.png) no-repeat center center;width:57px;height:53px;}
	#navigation .con_nav_bar li.cnu_li1.subject_color{text-indent:-9000px;background:#ee3233 url(/img/ots/common/con_m_top_bar_home.png) no-repeat center center;width:57px;height:53px;}
	#navigation .con_nav_bar li.cnu_li1.dept_color{text-indent:-9000px;background:#48668a url(/img/ots/common/con_m_top_bar_home.png) no-repeat center center;width:57px;height:53px;}
	#navigation .con_nav_bar li.cnu_li2{height:53px;border-right:1px solid #e8e8e8;position:relative;padding-right:10px;}
	#navigation .con_nav_bar li.cnu_li3{height:53px;border-right:0;position:relative;padding-right:10px;}
	#navigation .con_nav_bar li.cnu_li3 > a{min-width:1px;}
	#navigation .con_nav_bar a.con_nav_bs2{display:block;vertical-align:middle;position:relative;line-height:53px;text-decoration:none;padding:0 30px 0 15px;font-size:16px;}
	#navigation .con_nav_bar .con_nav_but1,
	#navigation .con_nav_bar .con_nav_but2{display:block;line-height:58px;vertical-align:middle;padding:0 15px 0 13px;}

	
	#navigation .con_nav_bar .con_nav_menu{display:none;position:absolute;left:0 ;top:52px;z-index:10;width:100%;border-top:1px solid #d2d2d2;background:#fff;}
	#navigation .con_nav_bar .con_nav_menu li{border-bottom:1px solid #d2d2d2;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;}
	#navigation .con_nav_bar .con_nav_menu a{display:block;padding:7px 3px 7px 20px;font-size:16px;color:#666666;font-weight:600;text-decoration:none;}
	#navigation .con_nav_bar .con_nav_menu a.on,
	#navigation .con_nav_bar .con_nav_menu a:hover{color:#2c2c2c;}


	/* ---------------------------------- index */
	.index_wrap {min-width:0; width:100%; min-height:0;background: #fff url(/img/ots/common/0104_bar1.gif) repeat-x left top;padding-top:0;background-size:1px 353px;}
	.index_wrap #index_body{margin:-706px 0 0 0;padding-top:0px; width:100%; min-height:0; background:url(/img/ots/common/bg_mo_index.png) no-repeat top center;}
	.index_wrap .index_wrap_n2 {border:0;padding-top:353px;}
	.index_wrap .index_wrap_n3 {padding-top:353px;}
	.index_wrap .index_wrap_bar{display:none;}

	.index_tsle_w{position:relative;margin:0;}
	.index_tsle_c{position:absolute;right:50%;top:0;z-index:9999;width:150px;margin-right:-75px;height:31px;background:#4c98dc;overflow:hidden;}

	.index_wrap #index_body .img_pc_h1 img{width:100%;}
	.index_wrap #index_body p.img_mo_h1{text-align:center;}

	.index_wrap #index_body p.img_pc_h1{width:70%;margin:0 auto;}
	.index_wrap #index_body p.img_pc_h1 img.img_pc_h1_img1{display:block;max-width:535px;margin:0 auto;}
	.index_wrap #index_body p.img_pc_h1 img.img_pc_h1_img2{display:none;}
	.index_wrap #index_body p.img_pc_h1 span.img_pc_h1_s1{padding:0 0 16px 0 ;display:block;text-align:center;font-size:30px;font-weight:bold;}


	.index_wrap #index_body .img_gov30{display:none;}
	.index_wrap #index_body .img_gov30_mo{position:absolute; top:15px; left:50%;margin-left:-47px;}

	.index_wrap #index_body .ma_fom_po{background:none;}
	.index_wrap #index_body .index_search{width:84%; height:59px; margin:18px auto 0 auto;}
	.index_wrap #index_body .text_idx_search{ color: #333333; float: left; width: calc(100% - 120px); border-right: 0; font-weight:400;font-size: 18px;padding: 0 10px;}
	.index_wrap #index_body .btn_idx_search{display:inline-block; border:0; text-indent:-9999px; cursor:pointer; vertical-align:middle;}

	.index_wrap #index_body .idx_mn{overflow:hidden; margin:30px 0 0 0;padding-bottom:0;}
	.index_wrap #index_body .idx_mn_p{color:#666666;text-align:center;width:100%;padding-top:35px;}
	.index_wrap #index_body .idx_mn li{float:none; width:100%;margin-left:0; }
	.index_wrap #index_body .idx_mn li.idx_mn_li1{margin-left:0; width:100%;}
	.index_wrap #index_body .idx_mn li a{display:block; width:100%;height:223px; text-indent:0; color:#fff; text-align:center;text-decoration:none; }
	.index_wrap #index_body .idx_mn li a span{ width:100%;text-decoration:none;}
	.index_wrap #index_body .idx_mn li a span.idx_mn_li1_s1{position:relative;left:0;font-size:36px;display:block;padding:65px 0 0 0;}
	.index_wrap #index_body .idx_mn li a span.idx_mn_li1_ss1{ display:inline;font-weight:400;font-size:36px;}
	.index_wrap #index_body .idx_mn li a span.idx_mn_li1_s2{position:relative;left:0;font-size:15px;display:block;padding:15px 0 24px 0;background:url(/img/ots/common/btn_idx_mn_mo_plus.png) no-repeat bottom center;}
	.index_wrap #index_body .idx_mn li a span.idx_mn_li1_ssp{font-weight:bold;position:relative;left:0;}
	.index_wrap #index_body .idx_mn .idx_mn_li1 a{background:url(/img/ots/common/btn_idx_mn_ipa1.png) no-repeat center; background-size:100% 100%; width:100%; }
	.index_wrap #index_body .idx_mn .idx_mn_li2 a{background:url(/img/ots/common/btn_idx_mn_ipa2.png) no-repeat center; background-size:100% 100%;}
	.index_wrap #index_body .idx_mn .idx_mn_li3 a{background:url(/img/ots/common/btn_idx_mn_ipa3.png) no-repeat center; background-size:100% 100%;}



}





/* 모바일 버전용 CSS */
@media screen and ( max-width:640px) {
	.index_wrap { background: #fff url(/img/ots/common/0104_bar1.gif) repeat-x left top;background-size: 1px 234px;}
	.index_wrap .index_wrap_n2 {padding-top: 234px;}
	.index_wrap .index_wrap_n3 {padding-top: 172px;background-position: 0 10px;}
	.index_wrap #index_body {margin: -406px 0 0 0;}
	.index_wrap #index_body p.img_pc_h1 span.img_pc_h1_s1{padding:0 0 16px 0 ;display:block;text-align:center;font-size:30px;font-weight:bold;}
	
	.mo_main_menu{display:block;height:74px;width:100%;position:relative;}
	.index_wrap #index_body .index_search{width:84%; height:47px; padding:2px 0;margin: 10px 8% 0 8%; background: #fff url(/img/ots/common/0104_mosch_box.png) no-repeat left top;background-size:100% 100%;}
	.index_wrap #index_body .text_idx_search{width:calc(100% - 80px); margin:2px 0 2px 15px;height:43px;line-height:43px; padding:0 5px; font-size:16px; float:left;border:0;}
	.index_wrap #index_body .btn_idx_search{width:40px; height:40px;margin:3px 0 0 0;}

	.index_wrap #index_body .idx_mn{overflow:hidden; margin:20px 0 0 0;padding-bottom:0;}
	.index_wrap #index_body .idx_mn_p{font-size:17px;color:#333;text-align:center;width:100%;padding-top:20px;}

	.index_wrap #index_body p.img_pc_h1 img.img_pc_h1_img1{display:none;}
	.index_wrap #index_body p.img_pc_h1 img.img_pc_h1_img2{display:block;}
	.index_wrap #index_body p.img_pc_h1 {width:264px;}

	.index_wrap #index_body .idx_mn li a span.idx_mn_li1_s1{font-size:32px;display:block;padding:35px 0 0 0;}
	.index_wrap #index_body .idx_mn li a span.idx_mn_li1_ssp {font-size:36px;}
	.index_wrap #index_body .idx_mn li a span.idx_mn_li1_ss1{ display:block;font-weight:400;font-size:36px;}
	.index_wrap #index_body .idx_mn li a span.idx_mn_li1_s2{font-size:15px;display:block;padding:12px 0 20px 0;background:url(/img/ots/common/btn_idx_mn_mo_plus.png) no-repeat bottom center;}
	.index_wrap #index_body .idx_mn li a{display:block; width:100%;height:209px;  text-indent:0; color:#fff;text-align:center; }
	.index_wrap #index_body .idx_mn .idx_mn_li1 a{background:url(/img/ots/common/btn_idx_mn_mo1.png) no-repeat center; background-size:100% 100%;}
	.index_wrap #index_body .idx_mn .idx_mn_li2 a{background:url(/img/ots/common/btn_idx_mn_mo2.png) no-repeat center; background-size:100% 100%;}
	.index_wrap #index_body .idx_mn .idx_mn_li3 a{background:url(/img/ots/common/btn_idx_mn_mo3.png) no-repeat center; background-size:100% 100%;}

	#container .sub_con_pad {padding: 0 3% 30px 3%;}

}

/* 모바일 버전용 CSS */
@media screen and ( max-width:600px) {

	#header .sub_search_box .index_search {width: 92%;}
	.index_wrap #index_body p.img_pc_h1 span.img_pc_h1_s1{padding:0 0 8px 0 ;display:block;text-align:center;font-size:22px;font-weight:bold;}

	#navigation .con_nav_bar .con_nav_ul > li{float:left;width:calc(50% - 12px);}
	#navigation .con_nav_bar li.cnu_li1{display:none;text-indent:-9000px;background:#f16731 url(/img/ots/common/con_m_top_bar_home.png) no-repeat center center;width:57px;height:53px;border-radius: 10px 0 0 10px;}
	#navigation .con_nav_bar li.cnu_li1.subject_color{text-indent:-9000px;background:#ee3233 url(/img/ots/common/con_m_top_bar_home.png) no-repeat center center;width:57px;height:53px;border-radius: 10px 0 0 10px;}
	#navigation .con_nav_bar li.cnu_li1.dept_color{text-indent:-9000px;background:#48668a url(/img/ots/common/con_m_top_bar_home.png) no-repeat center center;width:57px;height:53px;border-radius: 10px 0 0 10px;}
	#navigation .con_nav_bar li.cnu_li2{height:53px;border-right:1px solid #e8e8e8;position:relative;padding-right:5px;}
	#navigation .con_nav_bar li.cnu_li2 > a{width:calc(100% - 40px);}
	#navigation .con_nav_bar li.cnu_li3{height:53px;border-right:0;position:relative;padding-right:10px;}
	#navigation .con_nav_bar li.cnu_li3 > a{width:calc(100% - 28px);}
	#navigation .con_nav_bar a.con_nav_bs2{display:block;vertical-align:middle;position:relative;line-height:53px;text-decoration:none;padding:0 30px 0 15px;font-size:16px;}
	#navigation .con_nav_bar .con_nav_but1,
	#navigation .con_nav_bar .con_nav_but2{display:block;line-height:58px;vertical-align:middle;padding:0 15px 0 13px;}

/* 네비 폰트 사이즈 */
	#navigation .con_nav_bar a.con_nav_bs2{display:block;vertical-align:middle;position:relative;line-height:53px;text-decoration:none;padding:0 30px 0 5px;font-size:14px;}
	
/*-----footer-----*/
	#footer_wrap #footer_con .footer_text {padding:25px 0 30px 0;float:none;}
	#footer_wrap #footer_con .footer_text p{font-size:13px;letter-spacing:-1px;}
	#footer_wrap #footer_con .footer_text span{display:block;}
	#footer_wrap #footer_con .footer_text span.p_sp_1{display:none;}
}