@CHARSET "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Merriweather+Sans:800|Roboto:100,300,400,500,700,900);
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(Gothamfont.css); */
A:link, A:visited {text-decoration:none; color:inherit;}
h1 {margin:0 0 15px 0; font-family:'Roboto'; font-weight: 900; font-size:26px; color:#E8412E;}
h2, h3, h4 { font-family: 'Roboto', sans-serif; font-weight:500;}
h4 {margin-top:0px;}
img{border:0px;}

 
body{
	font-family: 'Roboto', sans-serif; font-weight: 400; font-size:14px; color:#595959;
	margin: 0px auto; min-height: 2000px; /* width: 1024px;*/ text-align: justify;
	background: #191919 url("../pic/intro/earthbg.png") repeat-x scroll center top;
	background-size: 1920px 1080px;
}
body div#wrap{width: 1010px; min-height: 1800px; margin: 0px auto;}

/* HEADER PART  */
header{width:1010px; height:186px; float:left;}

div#top{display:inline-block; float:right; clear:left; margin:10px 25px; padding:0px; color: #ccc;}
div#top p{display:inline;}
div#top form{display:inline; margin-left:15px;}
div#top form input{background: #fff url("../pic/intro/magnifier.png") no-repeat scroll left center;
										 background-size:16px 16px; width:152px; height:28px;
										 margin:0px; padding: 0px; border:0px; padding-left:16px;}
										 
div#headnav{width: 960px; height:100px;
		float:left; clear: both; margin: 0px 25px 50px 25px;
		font-family:'Roboto'; font-weight: 700; font-size:13px;}
div.headlogo{width:210px; height:100px; float:left; background-image:url("../pic/intro/nav_left.jpg");}
div.bar{width: 750px; height:100px; background-image: url("../pic/intro/menu_bar.png");
									 background-repeat: repeat-x;
									 background-size: 100% 100%; color:#fff; float:left;}
.bar ul{padding:0px; text-align:left;}
.bar ul li{list-style: none;}
.bar ul li a{padding-left:10px;}
.bar ul li a.maincat{padding-left:0px; height: 83%;}
.bar ul li.menu{display:inline-block; padding:0 0.9em; width:70px; height: 45px;}
.bar ul li.menu.wide{width:110px;}
.bar ul li.alpha{display: none;}
.bar ul.sub_m{margin-top: 15px; width: 200px; }
.bar ul li.activemenu{background-color:#ac241c;}
.bar ul li img.flag{width: 22px; height: 16px; display:inline; margin-right: 10px; float:left; clear: left;}

/* CONTENT PART  */
#mainimg{float:left; clear: both; height:420px; width: 1010px; border:10px; border-color: #fff;
					background-image: url("../pic/intro/sun_logo_new.jpg");
					background-repeat: no-repeat;
					background-position: bottom center;
					background-size: 100% 100%;}

section{width:1010px; min-height: 800px; float:left; }
.edge{width:25px; height:auto; float:left;}
.maincontents, .contents{width:960px; min-height: 800px; float:left; background-color:#fff; margin: 0px;}
.contents{background-image: url("../pic/intro/contentsbg.png"); background-repeat: repeat-y; }

.content_l{padding:50px 0; width: 540px; height: auto; float:left;}
.content_r{padding:50px 0; width: 420px; height: auto; float:left;}

article{padding: 10px 30px; line-height: 1.5em; height: auto;}

article#news{margin:0 30px; padding:10px; background-color:#F2F2F2;}
article#news h1{display:inline;}
article#news #new{color:#478bc0;}
article#news table{width:99%;}
article#news table td{border-bottom: 1px solid #D8D8D8; padding: 10px 0px; font-size: 14px;}
article#news table td img{vertical-align:text-bottom;}

article table#rwc{width: 380px; height: 50px; border-collapse: collapse;}
article table#rwc tr td img.flag{width: 22px; height: 16px; border:10px; vertical-align:middle; border:1px solid #ccc;}

article div#por{width: 370px; min-height: 400px;margin-top:24px;}
article div#por figure{margin:0px 0px 10px 0px;}
article div#por figure img{width:360px; height:360px;}
article div#por * span{font-weight: bold; font-size:10px; color: orange;}
article div#por form{width:341px;margin:0px auto;}

aside{margin:0; padding:50px 0; width:210px; height:100%; color:#fff; float:left;}
aside #active{color:#E8412E;}
aside ul{padding:0px; margin:0;}
aside ul li{padding:10px 5px 10px 20px; list-style: none; line-height: 1.5em;width: auto;}
aside ul.sub li{padding:2px 20px;}

div#content{padding:0px 30px; width:690px; height: auto; float:left;}
div#content a{color: #478bc0;}
div#content table{margin:0px auto; border-collapse:collapse; width:99%;}
div#content table th, div#content table td{padding:10px 10px;}
div#content table th{width:30%; font-family:'Roboto'; font-weight:'500'; text-align:left; vertical-align: top;}
div#title{width:690px; margin:0 0 50px 0; border-bottom:1px #E8412E solid;}

.tree1, .tree2, .tree3, .tree4{display:block; padding:2px;}
.tree2{margin:0 20px;}
.tree3{margin:0 40px;}
.tree4{margin:0 60px;}

.map{width:450px; height:400px; margin:5px 0;}
img.minimize{width:450px; height: auto; margin:5px 0;}

.nonlist li{list-style:none;}

aside ul li a img.flag{width: 22px; height: 16px; display:inline; margin-right: 10px; padding-top: 3px; float:left; clear: left;vertical-align: text-top;}

/* FOOTER PART  */
footer{margin:30px 0; width: 1010px; font-size:12px; float:left;}

#footnav{margin: 0px 25px; width: 960px; float:left;}
.footlogo{width:320px; float:left; text-align: center;margin-right: 30px; margin-top: 10px;}
.footlogo img{margin: 0px auto;}
.sitemap{width: 230px; float:left; margin: 0px 10px;}
.firstsm{width: 190px; float:left; margin: 0px 10px;}
.lastsm{width: 130px; float:left; margin: 0px 10px;}
.sitemap h4{margin:20px 0 10px 0; color:#999;}
.sitemap ul{margin:0; padding:0;}
.sitemap ul li{list-style: none; padding:5px 0;}

/* below lines were added by iskim*/

/*CONTENT PART*/

.clist{padding:0px 250px;}
.header_bl{color:#000;}

aside ul li.alpha{display: none;}

section{line-height: 1.7em;}

section *.active{color:#E8412E;}
section *.center{text-align: center;}
section *.pemp{padding:0 5px; background-color:#CCC;}

section * ol li{list-style-type:lower-alpha;}
section * ul.cal li{list-style-type:disc;}

section * table#usids{margin-left:50px;}

section table#rwcloc tbody, td , tr, th{border:0px;}
section table#rwcloc td{padding-left: 65px;}

section * div.sm_half{float:left; margin:0px auto; width:345px;}

section div#ptp{display:inline-block; width: auto; height: auto; float:right; padding: 20px 30px 0px 0px;}
/* section div#ptp *{float: right;} */
section div#ptp span{vertical-align: top; }
section div#ptp span:hover{color: blue;}

section div#content p#mesg{text-align:justify; margin-bottom: 20px;}
section div#content p#dirname{float:right;clear:right;}
section div#content figure{height: 900px;dispaly: inline;float:left; clear:left; }
section div#content figure img#dir{height:25%;}

section div#content img#sig{display:inline-block; float:right; clear:right;margin-bottom: 20px;}

article div#example{min-height: 460px;}

header div#headnav div.headlogo a{display:block; height: 100px;}
/*###############TEST 4 SLIDE SHOW###############*/

article table#swx{width: inherit; border-collapse:collapse; text-align: center}
article table#swx th.row{width:200px; padding: 20px; font-size: 15px;}
article table#swx th.col{padding: 20px; font-size: 15px; text-align: left;}
article table#swx td{padding: 20px; text-align:center; font-size: 30px;}
article table#swx a.th{color: #000;}
article table#swx a.gm{color: #FE2E2E;}
article table#swx a.sr{color: #04B431;}
article table#swx a.rb{color: #81BEF7;}

article table#swx_tb{width: auto; height: auto; border-collapse: collapse;border:1px solid #000; text-align: left; table-layout:fixed; font-size: 11px;}
article table#swx_tb tr, article table#swx_tb th, article table#swx_tb td{padding: 0px; margin:0px; width: auto; height:auto; vertical-align: middle; border: 1px solid #000; padding: 5px;}
article table#swx_tb{;}

/* Latest Forecast 추�? */
#rwc_tab {
	margin-bottom:10px;
	overflow:hidden;
	/*display:inline-block;
	_display:inline;
	_zoom:1;*/
}

#rwc_tab ul {
	list-style-type:none;
	padding:1px 5px 5px 1px;
	border:1px solid #777777;
	background-color:#dddddd;
	float:left;
}

#rwc_tab a{	text-decoration:none;}
#rwc_tab a:hover{
	color:#ffffff;
	border-bottom:3px solid #3355bb;
}

#rwc_tab ul li{
	height:38px;
	display:inline;
	border-left:1px solid #777777;
	padding:0px 10px;
	margin:5px 0px;
	text-align:center;
	font-size:14px;
}

#rwc_tab ul li:first-child{	border-left:none;}

#map-title{
	clear:both;
	text-align:center;
}

#copyright {
	margin-top:10px;
	text-align:center;
	margin-bottom:10px;
	line-height:1.5em;
}

#copyright span {font-size:13px;}

#copyright a{
	text-docoration:none;
	color:#555555;
	font-weight:bold;
}

#copyright a:hover{color:#3333ff;}

/*--Latest Forecast 추�??�료 */


/*add yjhan*/
div#content table.table_news a{color:#595959;}
div#content table.table_news tbody td input[type=text], 
	div#content table.table_news tbody td input[type=password],
	div#content table tbody td textarea{width:99%;}
div#content table.table_news tbody td textarea{height:500px;}
div#content table.table_news .table_menu{text-align:right; color:#D8D8D8; padding:5px; font-size:10px;}
div#content table.table_news .table_menu a{color:#595959;}
div#content table.table_news .width5{width:5%; }
div#content table.table_news .width85{width:85%;}
div#content table.table_news .width10{width:10%;}
div#content table.table_news .width25{width:25%;}
div#content table.table_news .ellipsis{width:450px; width:200; text-overflow:ellipsis; overflow:hidden;}
div#content table.table_news tfoot td{text-align:center; padding:5px;}
div#content table.table_news tfoot button, .modal_menubar_kor button, .modal_menubar_usa button, .modal_menubar_aus button, div#content .logout_btn button{
	border:1px solid #ac241c; background:#E8412E; color:#fff;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
div#content table.table_news .table_twoline{border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8;}
div#content table.table_news .table_oneline{border-top: 1px solid #D8D8D8;}
div#content .logout_btn button{font-size:10px;}

button img{vertical-align: middle;}

.modal_figure{text-align: center;}
.modal_viewer{width:500px; height:auto; cursor:pointer;}
#image {width: 1392px; height:auto;}

.modal_background {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-color: black;
	opacity: .50;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
	z-index: 1000;
}
    
.modal_content {
	background:transparent;
	display: none;
	top: 15%;        
	left:25%;
	width: 1392px;
	height: auto;
	position: absolute;        
	z-index: 1000;
}

.modal_menubar_kor, .modal_menubar_usa, .modal_menubar_aus, .play_btn, .pause_btn{
	display:none;
}
.modal_background.active, .modal_content.active, .modal_menubar_kor.active, .modal_menubar_usa.active, .modal_menubar_aus.active, .play_btn.active, .pause_btn.active{
	display: inline-block;
}

/* added 150417 */
table#inner_sites_tbl{display: inline; width: 100% !important; height: 100%; vertical-align: -25%;}
table#inner_sites_tbl tr td{padding: 0px;}
table#inner_sties_tbl tr:first-child{padding-right: 5px;}

#rwc_tab table tr {line-height:18px; height:10px;}
#rwc_tab table tr td {background-color:#dddddd; border:1px solid #c0c0c0; border-collapse: collapse; padding:0 1;}

.rwc_nation {background-color:#dddddd; border:1px solid #c0c0c0; border-collapse: collapse; line-height:18px;}

/* 2021-06-14 추가 */
header:after {content:' ';display:block;width:0;height:0;visibility:hidden;clear:both;}
section:after {content:' ';display:block;width:0;height:0;visibility:hidden;clear:both;}  
.contents:after {content:' ';display:block;width:0;height:0;visibility:hidden;clear:both;}
/* 2021-06-14 추가 */