@charset "utf-8";

#siteMap{ float:left; width:100%}
	#siteMap div.depth1{ width:180px; height:200px; float:left; padding:0px; margin:10px 5px; display:block;  }
	#siteMap h5{margin:0px; padding:0px; background:none;}

	#siteMap a{ color:black;}
	#siteMap a:focus,	#siteMap a:hover,	#siteMap a:active{ color:#1A8C10; text-decoration:underline;}

	#siteMap ul{float:left; display:block; margin:10px 5px 0 5px; padding:0px;  }
		#siteMap ul li{float:left; line-height:170%; width:150px; }


/* 로그인 */
#loginform1 { background:url(/images/korea/common/login_bg.gif) no-repeat; width:646px; height:317px; }
    #loginform1 .title { padding:45px 0 0 190px; width:359px; margin:0px auto; }
    #loginform1 .form { width:520px; height:175px; margin:50px auto; font-weight:bold; }
		#memberName1, #password1 { width:150px; }
    #loginform1 .form table { margin:15px auto; }
    #loginform1 .form ul { padding-top:20px; border-top: 1px dotted #d7d7d7; }
		#loginform1 .form li { background:url(/images/korea/common/bullet_li02.gif) 0 5px no-repeat; display:block; height:25px; }
		#loginform1 .form li span { margin-left:5px; }

#contents #loginform2 { background:url(/images/korea/common/login_bg.gif) no-repeat; width:646px; height:317px; }
    #contents #loginform2 .title { padding:45px 0 0 190px; width:359px; margin:0px auto; }
    #contents #loginform2 .form { width:520px; height:175px; margin:50px auto; font-weight:bold; }
    #contents #loginform2 .member { width:49%; float:left; }
    #contents #loginform2 .anonymous { width:49%; float:right; }
		#loginform2 .form ul { clear:both; padding-top:20px; border-top: 1px dotted #d7d7d7; }
		#loginform2 .form li { background:url(/images/korea/common/bullet_li02.gif) 0 5px no-repeat; display:block; height:25px; }
		#loginform2 .form li span { margin-left:5px; }
		#memberName_mem, #password_mem {width:80px;}
		#memberName_anony, #password_anony {width:80px;}
.eventbg { background:url(/images/korea/common/bg_main.gif) no-repeat; }
#loginform_event { border:5px solid #bbb; }
    #loginform_event .title { padding:45px 0 0 100px; width:359px; margin:0px auto; }
    #loginform_event .form { width:520px; height:175px; margin:10px auto; font-weight:bold; }
		#memberName1, #password1 { width:150px; }
    #loginform_event .form table { margin:15px auto; }
    #loginform_event .form ul { padding-top:20px; border-top: 1px dotted #d7d7d7; }
		#loginform_event .form li { display:block; height:25px; }

/* 회원가입 */

#joinStep { float:left; background:url(/images/korea/sub08/bg_joinStep.gif) no-repeat; height:107px; width:656px; padding:0px !important; margin:20px 0; }
#joinStep li { background:url(/images/korea/sub08/bg_joinStep.gif) no-repeat; float:left; height:107px; width:123px; padding:0px; }
#joinStep li#JS1 { background-position:0px 0; margin-right:45px; }
#joinStep li#JS2 { background-position:-168px 0; margin-right:46px; }
#joinStep li#JS3 { background-position:-337px 0; margin-right:46px; }
#joinStep li#JS4 { background-position:-506px 0;  margin-right:0px; }
#joinStep li#JS1.on { background-position:0px -117px; }
#joinStep li#JS2.on { background-position:-168px -117px; margin-right:46px; }
#joinStep li#JS3.on { background-position:-337px -117px; margin-right:46px; }
#joinStep li#JS4.on { background-position:-506px -117px;  margin-right:0px; }

/* 동영상팝업 */
#movie { width:410px; height:360px;}
#movCaption { background:#eeeff0; position:relative; padding:10px 15px; width:380px; height: 180px; }
#movCaption h3 { color:#000; border-bottom: 1px dotted #666; padding: 5px 0; }
#movCaption .btn_movClose { position:absolute; top:15px; left:335px; }
#movTextarea { font-size:15px; border:0px; background:#eeeff0; width:380px; height:145px;}


#movCaption legend, #joinStep span
{ position:absolute; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0; z-index:-1; }



/* 고객수렴 이벤트 게시판 */
#eventList { width:562px;  }
table.eventTable { border-top:3px solid #e9932e; margin:10px 20px 10px 20px; padding: 0; }

#eventTable { width:522px; padding:0 20px; }

.eventTable th {
	font-weight: bold; text-align: left; padding:5px 10px 5px 5px; line-height: 24px; color: #75706b;
	border-bottom: 1px dotted #ddd5ca;
}
.eventTable td { line-height: 30px; padding-left: 10px; border-bottom: 1px dotted #ddd5ca; padding-bottom:4px; }
.eventTable .eventContent { font-weight:bold; background:url(/images/korea/bg_event.gif) repeat-x; border:0 !important; height:35px;}
.eventTable .txt { font-weight:bold; color:#de5800; }
#ImproveTxt, #DesignTxt, #AccTxt, #BccTxt { width:320px; }



/* 작가정보 */
#wrap.authorIntroduce { position:relative; width:606px; height:775px; padding:20px 41px 55px 47px; background:url(/images/common/bg_author.jpg) no-repeat;  }
#wrap.authorIntroduce *{ font-size:12px; color:#69665d; font-family:MD솔체; }
#wrap.authorIntroduce h4 { clear:both; height:29px; padding:22px 0 0 30px; margin:0 0 11px 0; font-size:14px; color:#3e3427; background:url(/images/common/bg_title.gif) left bottom no-repeat; }
.AIForm { padding-left:27px; *zoom:1; }
.AIForm:after { clear:both; display:block; content:""; }
.AIFormImg { float:left; width:140px; height:140px; padding:11px 0 0 11px; margin-right:24px; background:url(/images/common/bg_img.gif) no-repeat; }
.AIFormImg02 { float:left; margin-right:25px; margin-top:15px; width:243px; }
.AIContent { float:left; width:395px;  }
#wrap.authorIntroduce .AIContent h5 { margin:15px 0 20px 0; font-size:16px; color:#2f2d26; }
.AIForm li { padding-left:20px; background:url(/images/common/bullet_01.gif) left 3px no-repeat; }
.AIForm dl { float:left; }
.AIForm .AIContent dt { float:left; width:55px; padding-left:20px; font-weight:bold; background:url(/images/common/bullet_01.gif) left 3px no-repeat; }
.AIForm .AIContent dd { float:left; width:320px; font-weight:bold; }
.AIForm .AIContent.S2 {width:330px; }
#wrap.authorIntroduce .AIContent.S2 h5 { margin:14px 0 14px 0; font-size:16px; }
.AIForm .AIContent.S2 dl { margin-top:13px; }
.AIForm .AIContent.S2 dt { width:70px; }
.AIForm .AIContent.S2 dd { width:240px; font-weight:normal; }

.AIForm .AIContent.S3 {width:330px; }
#wrap.authorIntroduce .AIContent.S3 h5 { margin:14px 0 14px 0; font-size:16px; }
.AIForm .AIContent.S3 dl { margin-top:13px; }
.AIForm .AIContent.S3 dt { width:105px; }
.AIForm .AIContent.S3 dd { width:195px; font-weight:normal; }