@charset "utf-8";


.contents{width:1100px; margin:0 auto; overflow:hidden;}

.hidden_word {position:absolute; width:0; height:0; overflow:hidden; font-size:0;}

/* left */
#left_menu {float:left; width:208px; border-right:1px solid #cfcfcf; border-left:1px solid #cfcfcf; font-family:'Malgun Gothic', '맑은 고딕';}
#left_menu h2 {width:180px; height:53px; background:url(/images/en_srmc/sub/left_h2_bg.gif) no-repeat; padding:49px 0 0 28px; font-size:24px; color:#fff;}
#left_menu h2.padding{padding:25px 0 24px 28px;}
#left_menu > ul {overflow:hidden;}
#left_menu > ul > li {border-bottom:1px dashed #cfcfcf;}
#left_menu > ul > li.last{border-bottom:1px solid #cfcfcf;}
#left_menu > ul > li > a {display:block; height:21px;  padding:14px 10px 13px 15px; font-size:16px; color:#484848; letter-spacing:-1px;}
#left_menu > ul > li > .util_line {overflow:hidden;}
#left_menu > ul > li > .util_line > a {float:left; display:block; width:165px;  padding:15px 5px 15px 15px; font-size:15px; letter-spacing:-1px;}
#left_menu > ul > li > .util_line > a:hover{color:#0084df;}
#left_menu > ul > li > .util_line > a > span {display:block; height:21px; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#left_menu > ul > li > .util_line > span.util {cursor:pointer; float:right; width:6px; height:11px; padding:20px 17px 20px 0; background:url(/images/en_srmc/sub/left_has_bg_off.gif) no-repeat center;}
#left_menu > ul > li.has_sub.active > .util_line > a {font-weight:bold; color:#0084df;}
#left_menu > ul > li.has_sub.active > .util_line > span.util {background:url(/images/en_srmc/sub/left_has_bg_on.gif) no-repeat center;}
/* #left_menu > ul > li.active > a {font-weight:bold; color:#0084df;}
#left_menu > ul > li.on > a {font-weight:bold; color:#0084df;}
#left_menu > ul > li:hover > a{font-weight:bold; color:#0084df;} */
#left_menu > ul > li > a.active {font-weight:bold;color:#0084df;}
#left_menu > ul > li > a.on {font-weight:bold;color:#0084df;}
#left_menu > ul > li > a:hover {font-weight:bold;color:#0084df;}
/*2016-03-22 3뎁스 추가*/
#left_menu > ul > li > ul > li > a.active {color:#0084df;}
#left_menu > ul > li > ul > li > a.on {color:#0084df;}
#left_menu > ul > li > ul > li > a:hover {color:#0084df;}


/* Sub menu */
#left_menu > ul > li > ul {display:none; padding:10px 12px 10px 20px; background:#f8f8f8 url(/images/en_srmc/sub/left_t_cut.gif) no-repeat top;}
#left_menu > ul > li > ul > li {margin-bottom:8px;}
#left_menu > ul > li > ul > li > a {display:block; color:#595959; font-size:12px; font-weight:bold; letter-spacing:-1px; }
#left_menu > ul > li > ul > li.active a{font-weight:bold; color:#0084df;}
#left_menu > ul > li > ul > li.on > a{font-weight:bold; color:#0084df;}
#left_menu > ul > li > ul > li:hover > a{font-weight:bold; color:#0084df;}
#left_menu > ul > li > ul > li > ul {padding:10px 0 2px 10px;}
#left_menu > ul > li > ul > li > ul > li {margin-bottom:5px;}
#left_menu > ul > li > ul > li > ul > li > a {padding-left:10px; font-size:12px;}
#left_menu > ul > li > ul > li > ul > li > a.on {background:url(/images/en_srmc/sub/left_sub_depth_icon1.png) no-repeat left; color:#42785c; font-weight:bold;}

/* sub */
#sub {float:left; width:830px; padding:0 0 0 60px;}
.sub_type_2 {float:none !important; width:auto !important; padding:0 !important; border-left:none !important;}


.strapline {overflow:hidden; margin-bottom:13px;}
.strapline h3{float:left; font-family:'Malgun Gothic', '맑은 고딕'; font-size:28px; font-weight:bold;}
.strapline .state_box {float:right; padding-top:20px;}
.strapline .state_box .state {margin-right:0;}
.strapline .state_box .state span {font-family:'Dotum'; font-size:12px; margin-right:7px; color:#757575;}
.strapline .state_box .state span.last{margin-right:0;}

/* sub_visual */
.sub_visual {position:relative; float:left; padding-left:60px;}

.sub_contents {min-height:auto; padding:25px 0 25px 0; border-top:1px solid #cfcfcf;}
.sub_contents > h4 {padding:0 0 0 7px; background:url(/images/en_srmc/sub/h4_icon.gif) no-repeat left; font-family:'Nanum Gothic'; font-size:16px; letter-spacing:-1px; margin-bottom:19px;}
.sub_contents > h4.first {margin-top:0;}
.sub_contents > h5 {clear:both; padding:0 0 0 23px; margin-top:30px; background:url(/images/en_srmc/sub/h5_icon.png) no-repeat left 2px; font-size:16px; letter-spacing:-1px;}

/* sub_tab */
.sub_tab ul {overflow:hidden;}
.sub_tab ul li {float:left; height:52px; margin-right:6px;}
.sub_tab ul li a {display:block; text-align:center;}
.sub_tab ul li a span {display:block; height:18px; padding:15px 15px 15px 15px; border:1px solid #cfcfcf; font-size:14px; font-weight:bold; letter-spacing:-1px; }
.sub_tab ul li a span.two_line{height:35px; padding:7px 15px 6px 15px;}
.sub_tab ul li.on {height:52px; margin-right:6px;}
.sub_tab ul li.on span {height:18px; padding:15px 15px 15px 15px; background:#0f95f2; border:1px solid #0f95f2; color:#fff;}

.sub_img {text-align:center; margin:46px 0 46px 0;}
.sub_img_2 {text-align:center; margin:46px 0 46px 0;}
.sub_img_2 img{border:1px solid #cfcfcf;} 

/* sub board style */

.sub_style_1{table-layout:fixed; width:100%; margin-bottom:46px; border-top:1px solid #0088e6; border-bottom:1px solid #cfcfcf; font-family:'Nanum Gothic'; line-height:150%;}
.sub_style_1 th{padding:14px 0 14px 0; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;  font-weight:bold; background-color:#fefefe;}
.sub_style_1 th.border_none{border-right:none;}
.sub_style_1 td{padding:14px 20px 14px 20px; border-bottom:1px solid #cfcfcf;}
.sub_style_1 td.border_right{border-right:1px solid #cfcfcf;}
.text_align{text-align:center;}



/* 동영상 */
.video{width:680px; margin:0 auto;}
.video div{overflow-y:scroll; height:282px; margin-top:30px; border:1px solid #cfcfcf; padding:15px; line-height:25px;}



/* 정지 / 비정지 위성 */
.satellite{overflow:hidden; margin-top:30px; margin-bottom:55px;}
.satellite h4 {padding:0 0 0 7px; background:url(/images/en_srmc/sub/h4_icon.gif) no-repeat left; font-size:16px; letter-spacing:-1px; margin-bottom:19px;}
.satellite div.img img{float:left}

.satellite ul{margin-left:450px; font-family:'Nanum Gothic';}
.satellite ul li{background:url(/images/en_srmc/sub/m_li_bg.gif) no-repeat left; padding-left:9px; margin-bottom:19px;}
.satellite ul li.last{margin-bottom:0}

.satellite_txt{margin-bottom:50px;}
.satellite_txt p{font-size:12px; color:#606060; line-height:150%;}

/* 위성정보검색 */
.search_box{padding:30px 40px 30px 40px; border:1px solid #cfcfcf; background-color:#fcfcfc; margin-bottom:50px;}
.search_box label{float:left; width:90px; font-size:14px; color:#4a4a4a; background:url(/images/en_srmc/sub/s_label_bg.gif) no-repeat left 11px; padding-left:7px; padding-top:5px; margin-right:30px;}
.search_box .s_list_1{overflow:hidden; margin-bottom:15px;}
.search_box .s_list_1 .hug{position:relative; float:left; overflow:hidden; width:258px; margin-right:2px;}
.search_box .s_list_1 input[type="text"]{width:250px; height:22px; border:1px solid #cfcfcf; padding:2px 4px 0 4px;}
.search_box .s_list_1 input[type="image"]{position:absolute; top:1px; right:0; border:1px solid #cfcfcf;}
.search_box .s_list_1 input[type="reset"]{height:23px; border:1px solid #cfcfcf; font-size:12px; color:#fff; padding:2px 15px 3px 15px; margin-top:1px; background-color:#0088e6;}

.search_box .s_list_2{overflow:hidden; margin-bottom:15px;}
.search_box .s_list_2 input[type="text"]{height:15px; background:url(/images/en_srmc/sub/s_date_bg.gif) no-repeat right 0; border:1px solid #cfcfcf; padding:4px 4px 3px 4px;}

.search_box .s_list_3{overflow:hidden; margin-bottom:15px;}
.search_box .s_list_3 select{padding:2px 4px 3px 0; border:1px solid #cfcfcf;}

.search_box .s_list_4{overflow:hidden; margin-bottom:15px;}
.search_box .s_list_4 input[type="text"]{border:1px solid #cfcfcf; padding:4px 4px 5px 4px;}

.search_box .s_list_5{overflow:hidden; margin-bottom:15px;}
.search_box .s_list_5 select{padding:2px 4px 3px 0; border:1px solid #cfcfcf;}
.search_box .s_list_5 input[type="text"]{border:1px solid #cfcfcf; padding:4px 4px 5px 4px;}

.search_box .s_list_6{overflow:hidden;}
.search_box .s_list_6 input[type="text"]{border:1px solid #cfcfcf; padding:4px 4px 5px 4px;}

/* sitemap */
.sitemap_wrap > div{overflow:hidden; margin-bottom:60px; padding-left:10px;}
.sitemap_wrap .sitemap > div{float:left; width:188px; min-height:270px; margin-right:40px; margin-left:40px; margin-bottom:40px;}
.sitemap_wrap .sitemap > div h4{font-size:18px; margin-bottom:14px;}
.sitemap_wrap .sitemap ol{border-top:1px solid #000;}
.sitemap_wrap .sitemap ol li{padding:14px 0 14px 0; border-bottom:1px solid #dfdfdf;}
.sitemap_wrap .sitemap ol li.last{border-bottom:none;}
.sitemap_wrap .sitemap ol li a{display:block; font-weight:bold; color:#0f95f2; background:url(/images/en_srmc/sub/site_a_bg.gif) no-repeat left; padding-left:10px;}
.sitemap_wrap .sitemap ol li ol{border-top:none; margin-top:5px;}
.sitemap_wrap .sitemap ol li ol li{padding:6px 0 6px 6px; border-bottom:none;}
.sitemap_wrap .sitemap ol li ol li.last{padding-bottom:0;}
.sitemap_wrap .sitemap ol li ol li a{background:url(/images/en_srmc/sub/site_a_bg2.gif) no-repeat left; padding-left:10px; color:#353535; font-size:12px;}

/* 인사말 */
div.leader{overflow:hidden;}
div.leader div.img{float:left;}
div.leader div.text{float:left; width:630px; padding-left:50px; line-height:150%;}
div.leader div.text h4{margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid #0f95f2;}

/* Monitoring Item */
.sub_contents dl {margin-bottom:20px; line-height:150%;}
.sub_contents dl dt{background:url(/images/en_srmc/sub/m_li_bg.gif) no-repeat left 7px; padding-left:9px;  font-weight:bold; margin-bottom:8px;}
.sub_contents dl dd{padding-left:9px;margin-bottom:20px;}
.sub_contents ul.bg {margin-bottom:20px; line-height:150%;}
.sub_contents ul.bg li{background:url(/images/en_srmc/sub/m_li_bg.gif) no-repeat left 7px; padding-left:9px;  font-weight:bold; margin-bottom:8px;}

/* 감시자료 활용 */
div.monitor{overflow:hidden;}
div.monitor div.img{float:left;}
div.monitor div.text{float:left;  padding-left:50px;}
div.monitor div.text ul li{background:url(/images/en_srmc/sub/m_li_bg.gif) no-repeat left 7px; padding-left:9px; margin-bottom:19px; line-height:150%;}
div.monitor div.text ul li.last{margin-bottom:0;}


/* 연혁 */
.history{table-layout:fixed; width:100%; border-top:1px solid #0088e6; line-height:150%; margin:0x 0 50px 0;}
.history th{padding:23px 0 23px 0; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-size:28px; font-weight:bold; color:#8e8e8e;}
.history td{padding:23px 0 23px 15px; border-bottom:1px solid #e1e1e1;}
.history td ul li{line-height:150%;}
.history td ul li span.months{width:70px; margin-right:10px; background:url(/images/en_srmc/sub/h_span_bg.gif) no-repeat left; padding-left:15px; font-weight:bold; color:#0088e6;}
.history td ul li span{display:inline-block;}

/* 임무 */
div.mission{width:697px; margin:0 auto;}
div.mission p{color:#606060; line-height:150%;}

/* 조직도 */
.org_group .org{position:relative; width:614px; height:234px; background:url(/images/en_srmc/sub/org_bg.png) no-repeat; margin:0 auto; margin-top:50px; margin-bottom:50px;} 
.org_group .org p{text-align:center;}
.org_group .org p a{font-size:12px; font-weight:bold; color:#fff;}
.org_group .org p.og_1{position:absolute; top:43px; left:279px;}
.org_group .org p.og_2{position:absolute; top:195px; left:63px;}
.org_group .org p.og_3{position:absolute; top:188px; left:265px;}
.org_group .org p.og_4{position:absolute; top:188px; right:38px;}


/* 찾아오시는 길 */
.img4{display:none;}
.map_group{margin:50px 0 50px 0;}


/* RSS 관련사이트 */
.float_wrap {overflow:hidden;}
.float_wrap li{float:left; margin-right:20px; margin-bottom:20px; width:255px; height:180px; background:#f8f7f7}
.float_wrap li p{text-align:center; margin-top:45px; padding:0 30px 0 30px;}
.float_wrap li p span{padding-top:20px;}
.float_wrap li p span a img{margin-bottom:40px; border:1px solid #ccc;}



@media only screen and (max-width:768px) {
	
	/* basic */
	.contents{width:auto; padding:0 2%;}
	#sub{float:none; width:auto; padding-left:0;}
	#left_menu{display:none;}
	.sub_tab ul{height:auto;}
	.strapline{clear:both;}
	.strapline .state_box{display:none;}
	.strapline h3{float:none; font-size:16px;}
	.sub_visual{width:auto; padding-left:0;}
	.sub_visual img{width:100%;}
	.sub_img img{width:100%;}
	.sub_img_2 img{width:100%;}

	.mt_none{display:none;}


	/* 센터장 인사말 */
	div.leader div.text h4{margin:20px 0 20px 0;}
	div.leader div.text h4 img{width:100%}
	div.leader div.img{float:none; text-align:center;}
	div.leader div.text{float:none; width:auto; padding-left:0; margin-bottom:30px;}


	/* 임무 */
	div.mission{width:auto;}

	/* 감시자료 활용 */
	div.monitor div.img{float:none; text-align:center; margin-bottom:30px;}
	div.monitor div.img img{}
	div.monitor div.text{float:none; width:280px; margin:0 auto; padding-left:0; text-align:left;}

	/* 위성정보 */
	.satellite div.img{text-align:center; margin-bottom:30px;}
	.satellite div.img img{float:none; width:100%;}
	.satellite dl{margin-left:0;}
	.satellite dl dt{text-align:center;}
	.satellite ul{width:300px; margin:0 auto;}

	/* 사이트맵 */
	.sitemap_wrap > div{padding-left:10%;}
	.sitemap_wrap .sitemap > div{width:30%; margin-bottom:30px;}

	/* 조직도 */
	.org_group .org{width:226px; height:304px; background:url(/images/en_srmc/sub/m_org_bg.png) no-repeat;}
	.org_group .org p.og_1{top:43px; left:82px;}
	.org_group .org p.og_2{top:146px; left:85px;}
	.org_group .org p.og_3{top:197px; left:71px;}
	.org_group .org p.og_4{top:257px; left:41px;}

	/* 동영상 */
	.video{width:555px; margin:0 auto;}


}

@media only screen and (max-width:640px) {
	
	/* 위성정보 검색 */
	.search_box{padding:5% 5%;}
	.search_box label{float:none; display:block; margin-bottom:2%;}
	.search_box .s_list_1 .hug{width:85%;}
	.search_box .s_list_1 input[type="text"]{width:100%;}
	.search_box .s_list_2 input[type="text"]{width:96%;}
	.search_box .s_list_3 select{width:97%;}
	.search_box .s_list_4 input[type="text"]{width:95%;} 
	.search_box .s_list_5 input[type="text"]{width:83%;}
	.search_box .s_list_6 input[type="text"]{width:95%;}


	/* 찾아오시는 길 */
	.img3{display:none;}
	.img4{display:block;}
	
	

}

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

	.video{width:250px; margin:0 auto;}
	.video ul li{margin-left:0; margin-right:0;}
	.video ul li div.video_btn a{padding:10px; font-size:12px;}
}

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

	/* 위성정보 검색 */
	.search_box .s_list_5 select{margin-bottom:2%;}

	/*연혁 */
	.history td ul li span{display:block; padding-left:15px; margin-bottom:5px;}
}


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

	/* 연혁 */
	.history th{font-size:18px;}
	.history td span{background:none; padding-left:0; font-size:12px;}

	/* 사이트맵 */
	.sitemap_wrap > div{padding-left:0;}
	.sitemap_wrap .sitemap > div{float:none; width:100%; margin-left:0;}

	/* 위성정보 검색 */
	.search_box .s_list_2 input[type="text"]{display:block;}
}

@media only screen and (max-width:420px) {
	
	.sub_tab ul li a span{height:16px; font-size:12px; padding:13px 10px 13px 10px; margin-bottom:10px;}
	.sub_tab ul li.on span{height:16px; padding:13px 10px 13px 10px;}
	.sub_tab ul li a span.two_line{height:30px; padding:7px 10px 6px 10px;}

	/* 위성정보 검색 */
	.search_box .s_list_1 input[type="text"]{margin-bottom:2%;}
}