/*
	- Project : malltail japan
	- Author : odini84@gmail.com
	- Description : index style sheet
	- Create : 2010-12-30
	- Modify : YYYY-MM-DD
	- Version : ver 1.0

	* 수정 주석처리 순서 : 날짜 이름 수정사항

	- MODIFY HISTORY (수정 부분, 수정일 반드시 작성)
		-

/*
========================================================================
메인
========================================================================
*/
#contentWrapper {
    padding-top: 0px;
    background: url(../img/bg/content.gif) repeat-x 0 0;
}
#aside .exchange-rate {
	margin-top: 0;
}
#aside {
    left: 237px;
}
/* ===================== main visual ===================== */
#mainVisual {
	position: relative;
	top: 0px;	
	width: 710px;
	height: 275px;
	padding-bottom: 40px;
}
#mainVisual #mainVisualFlash,
#mainVisual #main_joinLink,
#mainVisual #main_loginForm2,
#mainVisual #main_loginForm {
	position: absolute;	
}
#mainVisual #main_joinLink,
#mainVisual #main_loginForm{
	right: -225px;
}

#mainVisual #main_loginForm2{
    right: -225px;
}
#mainVisualFlash {
	/*
	background:url("../img/temp/mainimg.gif") no-repeat;
	*/			
	left: 0px;
	top: 13px;
	width: 709px;
	height: 277px;
}
#mainVisualFlash #mainVisualFlash_top #mainVisualFlash_1_0{
    color:#FFFFFF; font-weight:bold;
    position : absolute;
    top : 245px;
    left : 85px;
}
#mainVisualFlash #mainVisualFlash_top #mainVisualFlash_1_1{
    color:#FFFFFF; font-weight:bold;
    position : absolute;
    top : 243px;
    left : 189px;
}
#mainVisualFlash #mainVisualFlash_top #mainVisualFlash_2_0{
    color:#FFFFFF; font-weight:bold;
    position : absolute;
    top : 245px;
    left : 326px;
}
#mainVisualFlash #mainVisualFlash_top #mainVisualFlash_2_1{
    color:#FFFFFF; font-weight:bold;
    position : absolute;
    top : 243px;
    left : 430px;
}
#mainVisualFlash #mainVisualFlash_top #mainVisualFlash_3_0{
    color:#FFFFFF; font-weight:bold;
    position : absolute;
    top : 245px;
    left : 565px;
}
#mainVisualFlash #mainVisualFlash_top #mainVisualFlash_3_1{
    color:#FFFFFF; font-weight:bold;
    position : absolute;
    top : 243px;
    left : 668px;
}

#mainVisualFlash #mainVisualFlash_bottom #mainVisualFlash_1_2{
    color:#FFFFFF; font-weight:bold; font-size:30px;
    position : absolute;
    top : 263px;
    left : 90px;
}
#mainVisualFlash #mainVisualFlash_bottom #mainVisualFlash_1_3{
    color:#FFFFFF; font-weight:bold; font-size:30px;
    position : absolute;
    top : 263px;
    left : 127px;
}
#mainVisualFlash #mainVisualFlash_bottom #mainVisualFlash_1_4{
    color:#FFFFFF; font-weight:bold; font-size:30px;
    position : absolute;
    top : 263px;
    left : 180px;
}
#mainVisualFlash #mainVisualFlash_bottom #mainVisualFlash_1_5{
    color:#FFFFFF; font-weight:bold; font-size:30px;
    position : absolute;
    top : 263px;
    left : 219px;
}
#mainVisualFlash #mainVisualFlash_bottom #mainVisualFlash_2_2{
    color:#FFFFFF; font-weight:bold; font-size:30px;
    position : absolute;
    top : 263px;
    left : 330px;
}
#mainVisualFlash #mainVisualFlash_bottom #mainVisualFlash_2_3{
    color:#FFFFFF; font-weight:bold; font-size:30px;
    position : absolute;
    top : 263px;
    left : 368px;
}
#mainVisualFlash #mainVisualFlash_bottom #mainVisualFlash_2_4{
    color:#FFFFFF; font-weight:bold; font-size:30px;
    position : absolute;
    top : 263px;
    left : 420px;
}
#mainVisualFlash #mainVisualFlash_bottom #mainVisualFlash_2_5{
    color:#FFFFFF; font-weight:bold; font-size:30px;
    position : absolute;
    top : 263px;
    left : 460px;
}
#mainVisualFlash #mainVisualFlash_bottom #mainVisualFlash_3_2{
    color:#FFFFFF; font-weight:bold; font-size:30px;
    position : absolute;
    top : 263px;
    left : 570px;
}
#mainVisualFlash #mainVisualFlash_bottom #mainVisualFlash_3_3{
    color:#FFFFFF; font-weight:bold; font-size:30px;
     position : absolute;
    top : 263px;
    left : 608px;
}
#mainVisualFlash #mainVisualFlash_bottom #mainVisualFlash_3_4{
    color:#FFFFFF; font-weight:bold; font-size:30px;
     position : absolute;
    top : 263px;
    left : 660px;
}
#mainVisualFlash #mainVisualFlash_bottom #mainVisualFlash_3_5{
    color:#FFFFFF; font-weight:bold; font-size:30px;
     position : absolute;
    top : 263px;
    left : 700px;
}
#mainVisual #main_joinLink {
	top: 30px;	
	/*
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
	*/
}
#main_joinLink {
	left: 721px;
}
#main_loginForm {
	/*
	top: 155px;	
	margin-top: 0;
	border: 0;
	background-color: #edf7ff;
	-moz-border-radius: auto;
	-webkit-border-radius: auto;
	border-radois: auto;
	*/
    margin-top: 170px;
    padding: 10px;
    width: 198px;
}
#main_loginForm2 {
	/*
    top: 155px;
    left: 730px; 
    margin-top: 0;
    border: 0;
    background-color: #edf7ff;
    -moz-border-radius: auto;
    -webkit-border-radius: auto;
    border-radois: auto;
    */    
    margin-top: 170px;
    padding: 10px;
    width: 198px; 
}


#main_loginForm .list {
    overflow: hidden;
    position: relative;
    width: 126px;
}
#main_loginForm .list li {
    position: relative;
    float: left;
    width: 124px;
    height: 18px;
    border: 1px solid #c1d9ec;
    background: #fff;
}
#main_loginForm .list li.pwd {
    margin-top: 5px;
}
#main_loginForm .list li label,
#main_loginForm .list li .txt-form {
    position: absolute;
    top: 1px;
    height: 17px;
    line-height: 18px;
}
#main_loginForm .list li label {
    left: 6px;
    color: #9dbfd9;
    font-size: 11px;
}
#main_loginForm .list li .txt-form {
    left: 1px;
    width: 122px;
    font-size: 12px;
    border: 0;
    background: none;
}
#main_loginForm .btn-submit {
    overflow: hidden;
    position: absolute;
    display: block;
    right: 10px;
    top: 10px;
    width: 64px;
    height: 45px;
    border: 0;
    cursor: pointer;
    text-indent: -9999px;
    background: url(../img/btn/login_form_submit.gif) no-repeat 0 0;
}
#main_loginForm p {
    color: #1e71bd;
    margin-top: 8px;
}
#main_loginForm .caution {
    font-size: 10px;
    letter-spacing: -1px;
    white-space: nowrap;
}
    
    
    

/* ===================== content ===================== */
#main .address-application {
	height: 193px;
	background: url(../img/main/address_application.gif) no-repeat 0 0;
}
#main .board-cm {
	position: relative;
}
#main .board-cm .link-list {
	position: absolute;
	right: 0px;
	top: 0px;
}
#main .board-cm h2 {
	font-size: 15px;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 30px;
	height: 23px;
	font-size: 0;
	line-height: 0;
	border-bottom: 3px solid #3083c5;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#main .board-cm ul {
	*zoom: 1;
	overflow: hidden;
}
#main .board-cm ul li {
	float: left;
	width: 100%;
}
#main .board-cm ul li .tag,
#main .board-cm ul li a {
	float: left;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dotted #dbdbdb;
}
#main .board-cm ul li .tag {
	position: relative;
	background: url(../img/bull/rarow_h5_blue.gif) no-repeat 5px 45%;
}
#main .board-cm ul li a {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
	/* board-notice */
	#main .board-notice h2 {
		background-image: url(../img/bull/sqr_h20_news.gif);
	}
	#main .board-notice ul {
		padding-left: 90px;
	}
	#main .board-notice ul li .tag {
		left: -90px;
		margin-right: -90px;
		width: 75px;
		padding-left: 15px;
	}
#main .board-notice,
#main .qna-popular {
	margin-top: 30px;
}
#main .board-popular,
#main .board-qna {
	float: left;
		width: 345px;
}
	/* board-popular */
	#main .board-popular {
		margin-right: 20px;
	}
	#main .board-popular h2 {
		background-image: url(../img/bull/sqr_h20_popur_shop.gif);
	}
	#main .board-popular ul {
		padding-left: 90px;
	}
	#main .board-popular ul li .tag {
		left: -90px;
		margin-right: -90px;
		width: 75px;
		padding-left: 15px;
	}
	/* board-qna */
	#main .board-qna h2 {
		background-image: url(../img/bull/sqr_h20_question_mark.gif);
	}
	#main .board-qna ul {
		padding-left: 15px;
	}
	#main .board-qna ul li .tag {
		left: -15px;
		margin-right: -15px;
		width: 15px;
	}