@charset "UTF-8";

/* container */
#wrap {
	background: none;
}

#main_container {
	clear: both;
	position: relative;
	width: 100%;
}

.main_content {
	background: url(/site/images/01_kor/main/bg_content.gif) no-repeat left top;
	float: left;
	padding: 20px 15px 8px 20px;
	margin: -143px 0 0 0;
	position: relative;
	width: 816px;
	z-index: 2;
}

.main_content a.btn_layer {
	background: url(/site/images/01_kor/main/bg_layerBtn.gif) no-repeat left top;
	display: block;
	height: 25px;
	left: 351px;
	padding: 2px 0 0 11px;
	position: absolute;
	top: -14px;
	width: 122px;
	z-index: 3;
}

.main_visual {
	height: 400px;
	width: 100%;
	z-index: 1;
}

#onestop_panel { display: none; }

.service {
	left: 689px;
	position: absolute;
	top: 19px;
	width: 162px;
}

.main_banner {
	height: 84px;
	position: relative;
	width: 162px;
}

.main_banner .banner_content {
	display: block;
	height: 84px;
	width: 162px;
}

.main_banner ul.num {
	position: absolute;
	top: 0;
	left: 0;
}

.main_banner ul.num li {
	display: inline;
}

.main_banner ul.num li a {
	display: block;
	float: left;
	height: 25px;
	width: 17px;
}

#mymenu {
	float: left;
	margin-top: 4px;
	position: relative;
	width: 162px;
}

#mymenu ul.tab {
	height: 20px;
	padding: 4px 0 0 8px;
	width: 154px;
}

#mymenu h3 {
	display: inline;
	float: left;
}

#mymenu h3.first {
	margin-left: 8px;
}

#mymenu .tab_board {
	background: url(/site/images/01_kor/main/bg_mymenu.gif) no-repeat left top;
	color: #5d5d5e;
	font-size: 0.95em;
	height: 87px;
	left: 0;
	line-height: 150%;
	padding: 7px 0 0 12px;
	position: absolute;
	top: 20px;
	width: 150px;
}

#mymenu .tab_board li {
	background: url(/site/images/01_kor/main/ico_my.gif) no-repeat left 50%;
	padding-left: 8px;
}

#mymenu a.btn {
	left: -2px;
	position: absolute;
	top: 112px;
}

.onestop_wrap {
	background: url(/site/images/01_kor/main/bg_onestop.jpg) no-repeat left top;
	height: 174px;
	padding: 2px;
	width: 812px;
}

.onestop {
	background-color: #fff;
	border: 1px solid #6f98a2;
	height: 172px;
	width: 810px;
}

.onestop .mw {
	float: left;
	padding: 13px 0 0 14px;
	width: 257px;
}

.onestop .mw h3 { 
	display: block; 
	padding-bottom: 8px;
}

.onestop .mw ul {
	margin: 3px 0 0 5px;
}

.onestop .mw li {
	background: url(/site/images/01_kor/main/ico_square.gif) no-repeat left 50%;
	color: #666;
	float: left;
	padding: 0 0 0 8px;
	width: 108px;
}

#online_board {
	background: url(/site/images/01_kor/main/bg_online_tab.gif) no-repeat left 25px;
	color: #666;
	float: left;
	padding: 9px 6px 0 0;
	position: relative;
	width: 176px;
}

#online_board h3 {
	display: inline;
	float: left;
}

.onestop .online ul {
	margin: 3px 0 0 5px;
}

#online_board .tab_board {
	background: url(/site/images/01_kor/main/bg_online_list.gif) no-repeat left top;
	left: 0;
	padding: 8px 0 5px 12px;
	position: absolute;
	top: 32px;
	width: 154px;
}

#online_board .tab_board li {
	width: 150px;
}

.onestop .online {
	float: left;
	padding: 13px 0 0 0;
	width: 156px;
}

.onestop .online h3 {
	display: block; 
	padding-bottom: 8px;
}

.onestop .online li {
	background: url(/site/images/01_kor/main/ico_square.gif) no-repeat left 50%;
	color: #666;
	padding: 0 0 0 8px;
}

.onestop .link {
	background: url(/site/images/01_kor/main/bg_link.gif) no-repeat left top;
	float: left;
	margin: 12px 0 0 0;
	width: 186px;
}

.onestop .link ul.link01 {
	padding:72px 0 0 16px;
	width:170px;
}

.onestop .link ul.link01 li {
	margin-bottom:5px;
}

.onestop .link ul.link02 {
	float: left;
	margin-top: 5px;
	padding: 0 0 0 13px;
	width: 172px;
}

.onestop .link ul.link02 li {
	float: left;
	width: 86px;
}

.sec01, .sec02 { float: left; padding-top: 10px; }

.sec01 {
	margin-right: 20px;
	width: 215px;
}

.sec01 .popup {
	background: url(/site/images/01_kor/main/bg_popup.gif) no-repeat left top;
	height:184px;
	padding:2px;
	overflow:hidden;
	position:relative;
	width:211px;
}

.sec01 .popup img#popimg1, .sec01 .popup img#popimg2, .sec01 .popup img#popimg3, .sec01 .popup img#popimg4,
.sec01 .popup img#popimg5, .sec01 .popup img#popimg6, .sec01 .popup img#popimg7, .sec01 .popup img#popimg8, 
.sec01 .popup img#popimg9, .sec01 .popup img#popimg10 {
	position: absolute;
	top: 3px;
}

.sec01 .popup ul {
	height: 13px;
	overflow: hidden;
	position: absolute;
	right: 6px;
	bottom:9px;
	z-index: 2;
}

.sec01 .popup ul li {
	display: inline;
	float: left;
	padding-right: 3px;
	width: 13px;
	text-indent: -2000px;
}

.sec01 .popup ul li a {
	display: block;
	height: 13px;
	width: 13px;
}

.sec01 .popup ul li a#pop1 {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat left top;
}

.sec01 .popup ul li a#pop2 {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -16px top;
}

.sec01 .popup ul li a#pop3 {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -32px top;
}

.sec01 .popup ul li a#pop4 {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -48px top;
}

.sec01 .popup ul li a#pop5 {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -64px top;
}

.sec01 .popup ul li a#pop6 {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -80px top;
}

.sec01 .popup ul li a#pop7 {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -96px top;
}

.sec01 .popup ul li a#pop8 {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -112px top;
}

.sec01 .popup ul li a#pop9 {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -128px top;
}

.sec01 .popup ul li a#pop10 {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -144px top;
}


.sec01 .popup ul li a#pop1.on {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat left -13px;
}

.sec01 .popup ul li a#pop2.on {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -16px -13px;
}

.sec01 .popup ul li a#pop3.on {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -32px -13px;
}

.sec01 .popup ul li a#pop4.on {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -48px -13px;
}

.sec01 .popup ul li a#pop5.on {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -64px -13px;
}

.sec01 .popup ul li a#pop6.on {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -80px -13px;
}

.sec01 .popup ul li a#pop7.on {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -96px -13px;
}

.sec01 .popup ul li a#pop8.on {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -112px -13px;
}

.sec01 .popup ul li a#pop9.on {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -128px -13px;
}

.sec01 .popup ul li a#pop10.on {
	background: url(/site/images/01_kor/main/num_banner.gif) no-repeat -144px -13px;
}

.sec01 .popup div {
	height: 184px;
	width: 211px;
}

.svc {
	height: 67px;
	width: 215px;
	margin-top:10px;
}

.svc a {
	display: block;
	float: left;
}

.sec02 {
	width: 370px;
}

#news_box, .briefing {
	width: 370px;
}

#news_box {
	background-color: #fff;
	margin-bottom: 10px;
	position: relative;
	height: 188px;
}

#news_box h3 {
	display: inline;
	float: left;
}

#news_box .dummy {
	background: url(/site/images/01_kor/main/dummy_tab.gif) no-repeat left top;
	float: left;
	height: 23px;
	width: 53px;
}

#news_box a.more {
	position: absolute;
	right: 0;
	top: -20px;
}

#news_box ul.tab {
	border-bottom: 1px solid #cecece;
	height: 20px;
	width: 370px;
}

#news_box ul.tab li {
	float: left;
	padding-right: 1px;
}

#news_box .tab_board {
	left: 0;
	padding-top: 10px;
	position: absolute;
	top: 20px;
}

#news_box .tab_board li {
	float: left;
	overflow: hidden;
	text-align: right;
	width: 370px;
}

#news_box .tab_board li img {
	vertical-align: middle;
}

.tab_board .list li a {
	background: url(/site/images/01_kor/main/ico_news.gif) no-repeat left 50%;
	float: left;
	line-height: 1.5em;
	padding-left: 8px;
}

* html .tab_board .list li a {
	line-height: 1.4em;
}

*:first-child+html .tab_board .list li a {
	line-height: 1.4em;
}

.tab_board .list li a:hover, .tab_board .list li a:active {
	color: #024973;
	font-weight: bold;
	letter-spacing: -0.06em;
	text-decoration: none;
}

.tab_board li span {
	color: #A8A4A4;
	font-size: 0.9em;
	text-align: right;
}

#briefing {
	background: url(/site/images/01_kor/main/bg_briefing.gif) no-repeat left 18px;
	height: 61px;
	position: relative;
	margin-top:10px;
}

#briefing h3 {
	display: inline;
	float: left;
}

#briefing h3.first {
	margin-left: 226px;
}

#briefing .content {
	height: 21px;
	left: 0;
	padding: 6px 12px 0 12px;
	position: absolute;
	top: 18px;
	width: 346px;
}

#briefing .content h3 {
	display: block;
	float: left;
	padding: 4px 7px 0 0;
}

#briefing .content p {
	border: 1px solid #d6d6d5;
	float: left;
	font-size: .95em;
	height: 17px;
	overflow: hidden;
	padding: 0 4px;
	width: 270px;
}

.sec03 {
	float: left;
	padding:10px 0 0 20px;
	width: 191px;
	overflow:hidden;
	
}

.sec03 ul.link 		{width:100%; overflow:hidden; margin:8px 0 10px 0;}
.sec03 ul.link li	{float:left ; margin:0 12px 10px 0; }
.sec03 ul.link li.last	{margin:0;}

.sec03 ul.site { height: 49px; }

.sec03 .banner {
	/* height: 36px; */
	width: 191px;
	overflow:hidden;
}

.sec03 .banner .thumb {
	background: url(/site/images/01_kor/main/bg_banner.gif) no-repeat left top;
	float: left;
	height: 34px;
	padding: 2px 0 0 2px;
	width: 122px;
}

.sec03 .banner a { float: right; }