/* ================================================
	common style
	Source File: common.css
	target: CSS Level 2.1
================================================ */

/*  basic style  */

* { margin: 0; padding: 0;  }
body { margin: 0; padding: 0;  font-size: 11px; color: #555555; }
body, div, td, textarea, select, input, ul, ol, li, dl, dd, dt	{ 
	font-family:  Dotum, San-Serif, Verdana, Arial; font-size:12px; color:#55555;
}


img							{ border: 0; }
form						{ display: inline; }

h1, h2, h3, h4, h5			{ font-size: 12px; margin: 0; padding: 0; }
p							{ margin: 0; padding: 0; }

ul, ol, li, dl, dd, dt		{ margin: 0; padding: 0; list-style: none; } 
hr							{ display: none; }

em							{ font-style: normal; }

a:link, a:visited, a:active { color:#666; text-decoration: none; }
a:hover	


table {border-collapse: collapse;}



/*  textLink style   */

a.txtWhite:link			{ font-size: 12px; color: #fff; text-decoration: none; }
a.txtWhite:visited		{ font-size: 12px; color: #fff; text-decoration: none; }
a.txtWhite:active		{ font-size: 12px; color: #fff; text-decoration: none; }
a.txtWhite:hover		{ font-size: 12px; color: #fff; text-decoration: underline; }


/* text style */

.b						{ font-weight: bold; }
.u						{ text-decoration: underline; }
.txt11					{ font-size: 11px; }
.txt12					{ font-size: 12px; }


/*  textAlign style  */
.imporLeft				{ text-align: left !important; }
.imporRight				{ text-align: right !important; }
.imporCenter			{ text-align: center !important; }



/*  textColor style   */
.txtWhite				{ color: #fff; }
.txtGray				{ color: #666; }
.txtBlack				{ color: #000; }
.onColor				{ color: #ff7e00; font-weight: bold; }

/*  over ticker  */

.ticker:link, .ticker:visited, .ticker:active {
	color: #666; text-decoration: none;
}
.ticker:hover {
	color: #666; text-decoration: none; position:relative; top:1px; left:1px;
}


/*  etc style  */

.disInline				{ display: inline; }
.disNone				{ display: none; }

.curPointer				{ cursor: pointer; }
.curHelp				{ cursor: help; }

.divClear				{ clear: both; height: 0; font-size: 0; }

input, textarea, select	{ border: 1px solid #ebebeb; }
.borderNone				{ border: 0; }

.disBlock				{ display: block; }



/* div z-index */

#wellUp					{ z-index: 99; }



/* float clear */
.clearfix:after {
	content: ".";
	line-height: 0; height: 0;
	display: block;	visibility: hidden;
	clear: both;
}
.clearfix				{ display: inline-block; }
html[xmlns] .clearfix	{ display: block; }
* html .clearfix		{ height: 1%; }



/* paddding & margin */

.tpad15					{ padding-top: 15px; }


.tmar3					{ margin-top: 3px; }
.tmar5					{ margin-top: 5px; }
.tmar10					{ margin-top: 10px; }
.tmar15					{ margin-top: 15px; }
.tmar45					{ margin-top: 45px; }
.tmarM20				{ margin-top: -20px; }

.lmar3					{ margin-left: 3px; }
.lmar5					{ margin-left: 5px; }
.lmar10					{ margin-left: 10px; }

.rmar10					{ margin-right: 10px; }

.bmar10					{ margin-bottom: 10px; }
.bmar20					{ margin-bottom: 20px; }


.lpad7					{ padding-left: 7px; }
.lpad5					{ padding-left: 5px; }

.bpad5					{ padding-bottom: 5px; }

.tpad120				{ padding-top: 120px; }


.wid90					{ width: 90px; }
.wid100					{ width: 100px; }
.wid130					{ width: 130px; }
.wid150					{ width: 150px; }
.wid190					{ width: 190px; }
.wid230					{ width: 230px; }
.wid350					{ width: 350px; }
.wid530					{ width: 530px; }
.wid580					{ width: 580px; }

.hei90					{ height: 90px; }
.hei120					{ height: 120px; }

.pxLine					{ background: url(/design/ihaan/imgs/story/1px_line.gif) bottom repeat-x; }

#historyTabFaq { width: 750px; height: 25px; margin:0px 0px 0px 0px; background: url(/design/ihaan/imgs/story/tab_back.gif) bottom repeat-x; }
#historyTabFaq li { float: left; margin-right: 1px; }

#historyTab { width: 750px; height: 25px; background: url(/design/ihaan/imgs/story/tab_back.gif) bottom repeat-x;  margin:0px;}
#historyTab li { float: left; margin:0px; }

#historyBack { width: 752px; height:350px; margin-top: 10px; background: url(/design/ihaan/imgs/story/history_back_bottom.gif) bottom no-repeat; }
#historyBack .historyWrap { padding: 24px 0 0 26px; overflow: hidden; background: url(/design/ihaan/imgs/story/history_back_top.gif) top no-repeat; min-height: 300px; }
#historyBack .historyWrap p { padding-bottom: 30px; overflow: hidden; }
#historyBack .historyWrap dt { width: 67px; float: left; clear: both; padding-bottom: 18px; }
#historyBack .historyWrap dd { width: 580px; float: left; padding: 0 0 18px 28px; }



.mapCar { width: 380px; float: left; overflow: hidden; clear: both; margin-top: 15px; border-right: 1px solid #e0e0e0; }
.mapCar dt { width: 380px; margin: 0 0 10px 3px; overflow: hidden; }
.mapCar dd { width: 380px; margin: 0 0 18px 5px; overflow: hidden; }


.mapSubway { width: 370px; float: left; overflow: hidden; margin-top: 15px; }
.mapSubway dt { width: 380px; margin: 0 0 10px 7px; overflow: hidden; }
.mapSubway dd { width: 380px; margin: 0 0 18px 10px; overflow: hidden; }




#recuritBrd { width: 752px; height: 28px; float: left; padding-top: 10px; display: inline; background: url(/design/ihaan/imgs/story/borad_back.gif) no-repeat; }
#recuritBrd li { float: left; letter-spacing: -1px; font-size: 11px; }
#recuritBrd li.viewSubject { width: 72px; text-align: center; font-weight: bold; color: #908468; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
#recuritBrd li.viewName { width: 670px; padding-left: 10px; }
#recuritBrd li.listCheck { width: 65px; text-align: center; color: #fff; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
#recuritBrd li.listDivision { width: 99px; text-align: center; font-weight: bold; color: #908468; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
#recuritBrd li.listName { width: 150px; text-align: center; font-weight: bold; color: #908468; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
#recuritBrd li.listSubject { width: 318px; text-align: center; font-weight: bold; color: #908468; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
#recuritBrd li.listDate { width: 120px; text-align: center; font-weight: bold; color: #908468; }

.brdViewField { width: 740px; overflow: hidden; margin-left: 5px; clear: both; }
.brdViewField td { text-align: center; font-size: 11px; padding: 2px 0 4px 0; border-bottom: 1px solid #e8e8e8; }
.brdViewField td.viewField1 { color: #908468; font-weight: bold; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
.brdViewField td.viewField2 { text-align: left; padding-left: 10px; }
.brdViewField img.desireBtn { margin: 18px 0; }
.brdViewField td.viewPost { text-align: left; padding: 8px 12px 8px 76px; width: 648px; line-height: 150%; }
.brdViewField td.viewPostEvent { text-align: left; padding: 8px 12px; width: 712px; line-height: 150%; }
.brdViewField td.border1px { border-bottom: 1px solid #e8e8e8; font-size: 11px; padding: 0; }

.recuritListField { width: 740px; overflow: hidden; margin-left: 5px; }
.recuritListField td { text-align: center; font-size: 11px; padding: 7px 0 5px 0; border-bottom: 1px solid #e8e8e8; }
.recuritListField td.fieldSubject { text-align: left; padding-left: 5px; }

.desireViewBtn { width: 740px; padding: 15px 5px; clear: both; }
.desireViewBtn li.leftBtn { float: left; width: 400px; }
.desireViewBtn li.rightBtn { float: right; }
.desireViewBtn li.rightPrice { float: right; margin-right: 20px; display: inline; }
.desireViewBtn img.rightMar { margin-right: 5px; }


#naviEvent { width: 500px; margin: 16px auto 25px auto; font-size: 11px; overflow: hidden; text-align: center; }
#naviEvent img.horizonSpace { margin: 0 5px; }

#naviEvent2 { width: 752px; margin: 16px auto 25px auto; font-size: 11px; text-align: center; position: relative; }
#naviEvent2 img.horizonSpace { margin: 0 5px; }


#prodWrap { overflow: hidden; padding-top: 20px; }
p.leftArrow { margin: 157px 20px 0 5px; float: left; display: inline; }
p.rightArrow { margin: 157px 0 0 20px; float: left; }
#haanProduct { width: 702px; height: 352px; float: left; background: url(/design/ihaan/imgs/story/product_box.gif) bottom no-repeat; overflow: hidden; }
#haanProduct li.productArea { width: 345px; float: left; margin: 12px 0 0 15px; display: inline;  }
#haanProduct li.nextProd { width: 41px; margin-top: 150px; float: left; }
#haanProduct li.txtScript { width: 280px; float: left; }

#txtDetail { margin-top: 50px; }
#txtDetail li.sciptSlogun { padding-bottom: 12px; }
#txtDetail li.scriptTitle { padding-bottom: 23px; }
#txtDetail li.scriptDetail { height: 140px; }



#newsBrd { width: 752px; height: 28px; float: left; padding-top: 10px; display: inline; background: url(/design/ihaan/imgs/story/borad_back.gif) no-repeat; }
#newsBrd li { float: left; letter-spacing: -1px; font-size: 11px; }
#newsBrd li.viewSubject { width: 72px; text-align: center; font-weight: bold; color: #908468; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
#newsBrd li.viewName { width: 670px; padding-left: 10px; }
#newsBrd li.listNo { width: 71px; text-align: center; font-weight: bold; color: #908468; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
#newsBrd li.listSubject { width: 465px; text-align: center; font-weight: bold; color: #908468; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
#newsBrd li.listDate { width: 115px; text-align: center; font-weight: bold; color: #908468; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
#newsBrd li.listInquiry { width: 90px; text-align: center; font-weight: bold; color: #908468; }


.newsListField { width: 740px; overflow: hidden; margin-left: 5px; clear: both; }
.newsListField td { text-align: center; font-size: 11px; padding: 7px 0 5px 0; border-bottom: 1px solid #e8e8e8; }
.newsListField td.fieldSubject { text-align: left; padding-left: 5px; }


#brdSearch { width: 752px; text-align: center; margin-top: -10px; }
#brdSearch img { vertical-align: middle; }


#eventBrd { width: 752px; height: 28px; float: left; padding-top: 10px; display: inline; background: url(/design/ihaan/imgs/story/borad_back.gif) no-repeat; }
#eventBrd li { float: left; letter-spacing: -1px; font-size: 11px; }
#eventBrd li.viewSubject { width: 72px; text-align: center; font-weight: bold; color: #908468; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
#eventBrd li.viewName { width: 650px; padding-left: 10px; }
#eventBrd li.listNo { width: 70px; text-align: center; font-weight: bold; color: #908468; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
#eventBrd li.listSubject { width: 500px; text-align: center; font-weight: bold; color: #908468; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
#eventBrd li.listDate { width: 170px; text-align: center; font-weight: bold; color: #908468; }

.eventListField { width: 740px; overflow: hidden; margin-left: 5px; clear: both; }
.eventListField td { text-align: center; font-size: 11px; padding: 7px 0 5px 0; border-bottom: 1px solid #e8e8e8; }
.eventListField td.fieldSubject { text-align: left; padding-left: 5px; }

#eventLast p.eventBoxTop { height: 5px; background: url(/design/ihaan/imgs/story/box_last_top.gif) top no-repeat; line-height: 0.5em; font-size: 0; }
#eventLast  { width: 740px; margin: 6px 5px 0 5px; overflow: hidden; background: url(/design/ihaan/imgs/story/box_last_back.gif) top repeat-y; }
#eventLast  img.eventArea { display: block; margin: 0 5px; width: 730px; }
#eventLast p.eventBoxBottom { height: 5px; background: url(/design/ihaan/imgs/story/box_last_bottom.gif) top no-repeat; line-height: 0.5em; font-size: 0; }



#eventIng { width: 740px; }
#eventIng dl.lastList { width: 740px; border-bottom: 1px solid #e8e8e8; overflow: hidden;margin: 0 5px; }
#eventIng dl.lastList dt { width: 250px; padding: 5px 35px 5px 13px; clear: both; float: left; border-bottom: 1px solid #e8e8e8; font-size: 0; }
#eventIng dl.lastList dd { width: 442px; padding-top: 15px; float: left; border-bottom: 1px solid #e8e8e8; min-height: 70px; font-size: 11px; line-height: 21px; }
#eventIng dl.lastList dd span.colorBrown { color: #8b6950; font-weight: bold; }
#eventIng dl.lastList dd span.colorPink { color: #b96363; padding-left: 5px; }










#faqList { width: 752px; height: 28px; float: left; margin-top: 10px; padding-top: 10px; display: inline; background: url(/design/ihaan/imgs/story/borad_back.gif) no-repeat; }
#faqList li { float: left; text-align: center; color: #908468; font-weight: bold; letter-spacing: -1px; font-size: 11px; }
#faqList li.fieldNo { width: 65px; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
#faqList li.fieldSubject { width: 480px; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
#faqList li.fieldDate { width: 110px; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
#faqList li.fieldInquiry { width: 95px; }

.faqField { width: 740px; overflow: hidden; margin: 0 6px; border-bottom: 1px solid #e8e8e8; }
.faqField td { text-align: center; font-size: 11px; padding: 7px 0 5px 0; border-bottom: 1px solid #e8e8e8; }
.faqField td.fieldSubject { text-align: left; padding-left: 5px; }
.faqField td.dotline { background: url(/design/ihaan/imgs/story/reply_dot_line.gif) bottom repeat-x; }


.reply { width: 680px; overflow: hidden; }
.reply dt { width: 35px; float: left; clear: both; }
.reply img.reLoc { margin-top: 3px; }
.reply dd { width: 645px; float: left; text-align: left; font-size: 11px; padding: 3px 0; color: #929292; }
.reply dt.dtDotline { padding: 8px 0; background: url(/design/ihaan/imgs/story/reply_dot_line.gif) top repeat-x ; }
.reply dd.ddDotline { padding: 8px 0; background: url(/design/ihaan/imgs/story/reply_dot_line.gif) top repeat-x ; }


#selfStep1 { width: 752px; padding-top: 20px; background: url(/design/ihaan/imgs/story/product_model.gif) left 135px no-repeat; }
.selectProd { width: 520px; margin-left: 239px; overflow: hidden; }
.selectProd li { float: left; margin: 0 8px 12px 0; }

.txtIndi { width: 752px; height: 30px; padding-top: 11px; margin-top: 15px; background: url(/design/ihaan/imgs/story/diagnosis_txt_back.gif) no-repeat; text-align: center; }
.txtIndi span { color: #ff9600; font-weight: bold; letter-spacing: -1px; }
.txtIndi img { margin-left: 5px; }

#stepBox { width: 752px; height: 335px; min-height: 335px; background: url(/design/ihaan/imgs/cs/step_box_bottom.gif) left bottom no-repeat; }
#stepBox .stepBoxTop { width: 752px;  padding: 20px 0 0 10px; height: 20px; background: url(/design/ihaan/imgs/cs/step_box_top.gif) left top no-repeat; }
#stepBox .selModelOn { width: 180px; height: 34px; float: left; display: inline; font-size: 11px; font-weight: bold; padding-top: 12px; margin: 0 3px 4px 0; background: url(/design/ihaan/imgs/cs/stop_select_on.gif) no-repeat; text-align: center; }
#stepBox .selModelOff { width: 180px; height: 34px; float: left; display: inline; font-size: 11px; font-weight: bold; padding-top: 12px; margin: 0 3px 4px 0; background: url(/design/ihaan/imgs/cs/stop_select_off.gif) no-repeat; text-align: center; }

#stepBox .selModelongOn { width: 752px; height: 342px; float: left; display: inline; font-size: 11px; font-weight: bold; padding: 12px 0 0 24px; margin: 4px 0 0 12px; background: url(/design/ihaan/imgs/cs/stop_select_long_on.gif) no-repeat; }
#stepBox .selModelongOff { width: 752px; height: 34px; float: left; display: inline; font-size: 11px; font-weight: bold; padding: 12px 0 0 24px; margin: 4px 0 0 12px; background: url(/design/ihaan/imgs/cs/stop_select_long_off.gif) no-repeat; }

#stepBox .stepCause { padding: 10px 0 35px 20px; }
#stepBox .stepCause dt { padding-bottom: 12px; clear: both; }
#stepBox .stepCause dd { padding-left: 13px; clear: both; line-height: 150%; font-size:8pt; }


.bottomBtn { width: 100%; float: left; text-align: center; margin-top: 15px; }


.guideSearch { wdith: 752px; height: 43px; padding: 11px 0 0 13px; background: url(/design/ihaan/imgs/story/guide_sear_back.gif) no-repeat; }
.guideSearch li { float: left; margin-right: 5px; }
.guideSearch li.modelName { margin: 3px 5px 0 0; }
.guideSearch li.modelGroup { margin: 3px 5px 0 10px; }

#guideBrdGuide { margin-left : 10px; width: 752px; height: 28px; float: left; margin-top: 20px; padding-top: 10px; display: inline; background: url(/design/ihaan/imgs/story/borad_back.gif) no-repeat; }
#guideBrdGuide li { float: left; text-align: center; letter-spacing: -1px; font-size: 11px; color: #908468; font-weight: bold; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
#guideBrdGuide li.listNo { width: 65px; }
#guideBrdGuide li.listlName { width: 165px; }
#guideBrdGuide li.listGroup { width: 263px; }
#guideBrdGuide li.listSpec { width: 82px; }
#guideBrdGuide li.listGuide { width: 82px; }
#guideBrdGuide li.listUse { width: 95px; background: none; }

#guideBrd { width: 752px; height: 28px; float: left; margin-top: 20px; padding-top: 10px; display: inline; background: url(/design/ihaan/imgs/story/borad_back.gif) no-repeat; }
#guideBrd li { float: left; text-align: center; letter-spacing: -1px; font-size: 11px; color: #908468; font-weight: bold; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }
#guideBrd li.listNo { width: 65px; }
#guideBrd li.listlName { width: 165px; }
#guideBrd li.listGroup { width: 263px; }
#guideBrd li.listSpec { width: 82px; }
#guideBrd li.listGuide { width: 82px; }
#guideBrd li.listUse { width: 95px; background: none; }


#asCenter { width: 752px; overflow: hidden; }
#asCenter li { margin-bottom: 20px; }


.receiptForm { width: 752px; margin-top: 13px; overflow: hidden; background: url(/design/ihaan/imgs/story/receipt_form_bottom.gif) bottom no-repeat; }
.receiptForm p.topBack { height: 15px; background: url(/design/ihaan/imgs/story/receipt_form_top.gif) top no-repeat; }
.receiptForm dt { width: 90px; padding: 6px 0 3px 21px; float: left; clear: both; }
.receiptForm dd { width: 540px; padding: 1px 0 3px 0; float: left; }
.receiptForm p.bottomBack { height: 15px; clear: both; }

/*.inquiryLogin { width: 452px; height: 133px; float: left; margin: 20px 0 0 130px; display: inline; background: url(/design/ihaan/imgs/story/box_login.gif) bottom no-repeat; overflow: hidden; }*/
.inquiryLogin { width: 600px; padding-left: 150px; height: 133px; float: left; margin: 20px 0 0 0px; text-align: center; background: url(/design/ihaan/imgs/story/box_id_find.gif) bottom no-repeat; overflow: hidden; }
.inquiryLogin dl.loginForm { width: 290px; margin: 52px 0 0 80px; float: left; display: inline; }
.inquiryLogin dl.loginForm dt { width: 70px; float: left; clear: both; padding: 4px 0 2px 0; }
.inquiryLogin dl.loginForm dd { width: 160px; float: left; padding: 4px 0; font-size: 11px; }


#stepBox2 { width: 752px; background: url(/design/ihaan/imgs/story/step_box_bottom.gif) left bottom no-repeat; overflow: hidden; }
#stepBox2 .stepBoxTop { width: 742px;  padding: 20px 0 0 10px; background: url(/design/ihaan/imgs/story/step_box_top.gif) left top no-repeat; }


.stateForm { padding-bottom: 15px; margin: 0 0 0 20px; width: 700px; overflow: hidden; float: left; display: inline; }
.stateForm dt { width: 80px; padding: 5px 0 2px 10px; float: left; clear: both; }
.stateForm dd { width: 540px; padding: 5px 0 3px 0; float: left; }
.stateForm dd span { color: #ff9000; font-weight: bold; font-size: 11px; }
.state { width: 720px; height: 160px; margin: 0 5px; padding: 20px 0 0 20px; display: inline; overflow: hidden; background: url(/design/ihaan/imgs/story/inquiry_process_back.gif) no-repeat; float: left; }
.state li { width: 144px; background: url(/design/ihaan/imgs/story/arrow_01.gif) 115px no-repeat; float: left; }
.state li.last { width: 102px; background: none; float: left; }



.voiceBanner { width: 752px; margin-top: 70px; }
.voiceBanner li { margin-right: 28px; float: left; }
.voiceBanner li.lastLi { margin: 0; }


.brdWriteBtn { position: absolute; top: 0; left: 675px; margin: -5px 15px 0 0; }

#voiceWrite { width: 752px; height: 233px; margin-top: 17px; padding: 18px 0 0 20px; background: url(/design/ihaan/imgs/story/voice_back_write.gif) no-repeat; }
#voiceWrite .writeForm { width: 630px; }
#voiceWrite .writeForm dt { width: 90px; clear: both; float: left; padding: 3px 0 3px 0; }
#voiceWrite .writeForm dd { width: 540px; float: left; padding: 3px 0 3px 0; }
#voiceWrite .writeForm dd input { height: 15px; }


#voiceInfo { width: 752px; height: 103px; margin-top: 5px; padding: 18px 0 0 20px; background: url(/design/ihaan/imgs/story/voice_back_info.gif) no-repeat; }
#voiceInfo .infoForm { width: 680px; }
#voiceInfo .infoForm dt { width: 90px; float: left; padding: 4px 0 3px 0; }
#voiceInfo .infoForm dd { width: 250px; float: left; padding: 4px 0 3px 0; }




#realWrap { float: left; display: inline; width: 752px; height: 103px; margin-top: 15px; background: url(/design/ihaan/imgs/story/box_realname.gif) no-repeat; }
dl.realnameArea { margin: 15px 0 0 12px; }
dl.realnameArea img.title { display: block; margin-bottom: 15px; }
dl.realnameArea dd input { height: 17px; vertical-align: middle; }
dl.realnameArea dd.padLeft { margin-left: 40px; }

.agreeFrame { width: 752px; float: left; margin-top: 20px; background: url(/design/ihaan/imgs/story/box_agree_bottom.gif) bottom no-repeat; }
.agreeFrame p.topBack { height: 3px; background: url(/design/ihaan/imgs/story/box_agree_top.gif) top no-repeat; font-size: 0; line-height: 0.5em; }
.agreeFrame img.titleLoc { margin: 25px 0 0 15px; display: block; }
.agreeFrame img.script { margin: 5px 0 0 15px; display: block; }
.innerBox { width: 698px; margin: 15px; border: 1px solid #f1f1f1; }
.innerBox img.scriptLoc { margin: 15px; }

p.agreeSelect { margin: 10px 50px 25px 15px; text-align: right;  }
p.agreeSelect input { vertical-align: middle; }






.forMem { width: 752px; float: left; overflow: hidden; display: inline; }
.forMem dl { width: 752px; float: left; background: url(/design/ihaan/imgs/story/box_agree_bottom.gif) bottom no-repeat; padding-bottom: 30px; }
.forMem dl p.first { background: url(/design/ihaan/imgs/story/box_agree_top.gif) top no-repeat; height: 20px; }
.forMem dl dt { width: 85px; padding: 4px 0 0 20px; float: left; clear: both; }
.forMem dl dd { width: 617px; float: left; padding: 3px 0 3px 0; }
.forMem dl dd.radionLoc {line-height: 17px; margin-top: -5px; }
.forMem dl dd img { vertical-align: middle; }
.forMem dl dd.hei17 { height: 17px; padding-top: 6px; }
.forMem dl dd img.pwOverlapCheck { margin-left: 10px; }
.forMem dl dd input { height: 14px; font-size: 11px; padding: 3px 0 0 3px; color: #737272; }
.forMem dl dd select { height: 18px; font-size: 11px; color: #737272; margin-top: -1px; vertical-align: middle; }
.postSpace { margin-bottom: 3px; }




.findWrap { width: 775px; margin-top: 40px; float: left; display: inline; overflow: hidden; }
.findWrap h2 { margin-left: 5px; }
.findWrap h3 { margin: 5px 0 5px 5px; }

.findWrap .boxId { width: 775px; height: 103px; background: url(/design/ihaan/imgs/story/box_id_find.gif) no-repeat; overflow: hidden; }
.findWrap .boxPw { width: 775px; height: 123px; background: url(/design/ihaan/imgs/story/box_pw_find.gif) no-repeat; overflow: hidden; }

.findBox { width: 375px; float: left; overflow: hidden; padding: 20px 0 0 165px; }

.findBox dt { width: 67px; float: left; clear: both; padding: 7px 0 3px 0; }
.findBox dd { width: 300px; padding: 5px 0 3px 0; float: left; }



.findInfo { width: 752px; height: 203px; float: left; display: inline; background: url(/design/ihaan/imgs/story/box_agree_bottom.gif) bottom no-repeat; overflow: hidden; }
.findInfo p { padding: 20px 0 0 25px; background: url(/design/ihaan/imgs/story/box_agree_top.gif) top no-repeat; }
.findInfo p img { display: block; }
.innnerGray { margin: 13px 0 0 25px; width: 587px; height: 90px; background: url(/design/ihaan/imgs/story/box_find_inner.gif) top no-repeat; padding: 13px 0 0 113px; }
.innnerGray li { width: 456px; height: 20px; padding-top: 7px; }
.innnerGray li.firstLine { border-bottom: 1px solid #f1f1f1; padding: 10px 0 0 60px; text-align: left; }
.innnerGray li.firstLine img { vertical-align: middle; margin-right: 20px; }
.innnerGray li span { color: #ff9c00; font-size: 11px; font-weight: bold; }
.innnerGray li .txt03 { margin-left: 125px; }
.innnerGray li .txt04 { margin-left: 135px; }



.loginForm { width: 290px; margin: 25px 0 0 214px; float: left; display: inline; }
.loginForm dt { width: 70px; float: left; clear: both; padding: 5px 0 3px 0; }
.loginForm dd { width: 160px; float: left; padding: 5px 0 5px 0; font-size: 11px; }
.loginForm dd input { vertical-align: middle; }
.loginForm dd.btnArea { width: 60px; float: left; }
.loginForm img.loginLoc { margin-top: 4px; }


/* member login */
.loginWrap { width: 752px; float: left; display: inline; overflow: hidden; }
.loginWrap .boxId { width: 775px; height: 103px; background: url(/design/ihaan/imgs/story/box_id_find.gif) no-repeat; overflow: hidden; }

/* member agreement */
#agreeWrap { width: 752px; background: url(/design/ihaan/imgs/story/box_agree_back.gif) top repeat-y; overflow: hidden; }
.agreeBottom { width: 752px; background: url(/design/ihaan/imgs/story/box_agree_bottom.gif) bottom no-repeat; overflow: hidden; }
.agreeContent { width: 712px; padding: 10px 20px 20px 20px; display: inline; float: left; display: inline; background: url(/design/ihaan/imgs/story/box_agree_top.gif) top no-repeat; }
.agreeContent dt { padding: 20px 0 0 0; }
.agreeContent dd { padding: 12px 0 20px 0; }

.guideRegistration { width: 700px; padding: 20px 26px 20px 26px; display: inline; float: left; display: inline; background: url(/design/ihaan/imgs/story/box_agree_top.gif) top no-repeat; }
.guideRegistration dt { width: 100px; float: left; clear: both; padding: 5px 0 3px 0; }
.guideRegistration dd { width: 600px; float: left; padding: 5px 0 3px 0; }

.guideRegistration dt img { vertical-align: middle; }
.guideRegistration dd input { vertical-align: middle; }



/* mypage qna */
#brdStyleA { width: 752px; height: 28px; float: left; padding-top: 10px; display: inline; background: url(/design/ihaan/imgs/story/borad_back.gif) no-repeat; }
#brdStyleA li { float: left; letter-spacing: -1px; font-size: 11px; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; }

#brdStyleA li.viewSubject { width: 72px; padding-left: 20px; font-weight: bold; color: #908468; }
#brdStyleA li.viewName { width: 650px; padding-left: 10px; background: none; }

#brdStyleA li.listNo { width: 60px; text-align: center; font-weight: bold; color: #908468; }
#brdStyleA li.listSubject { width: 352px; text-align: center; font-weight: bold; color: #908468; }
#brdStyleA li.listWriter { width: 112px; text-align: center; font-weight: bold; color: #908468; }
#brdStyleA li.listDate { width: 85px; text-align: center; font-weight: bold; color: #908468; }
#brdStyleA li.listInquiry { width: 68px; text-align: center; font-weight: bold; color: #908468; }
#brdStyleA li.listState { width: 75px; text-align: center; font-weight: bold; color: #908468; background: none; }

#brdStyleA li.listAsNo { width: 60px; text-align: center; font-weight: bold; color: #908468; }
#brdStyleA li.listAsProd { width: 272px; text-align: center; font-weight: bold; color: #908468; }
#brdStyleA li.listAsProdNo { width: 212px; text-align: center; font-weight: bold; color: #908468; }
#brdStyleA li.listAsDate { width: 107px; text-align: center; font-weight: bold; color: #908468; }
#brdStyleA li.listAsIng { width: 100px; text-align: center; font-weight: bold; color: #908468; background: none; }



.styleAListField { width: 740px; overflow: hidden; margin-left: 5px; clear: both; }
.styleAListField td { text-align: center; font-size: 11px; padding: 7px 0 5px 0; border-bottom: 1px solid #e8e8e8; }
.styleAListField td.fieldSubject { text-align: left; padding-left: 5px; }
.styleAListField td.fieldAsProd { text-align: left; padding-left: 5px; }
.styleAListField td.fieldAsProdNo { text-align: left; padding-left: 5px; }



.brdViewA { width: 740px; overflow: hidden; margin-left: 5px; clear: both; }
.brdViewA td { font-size: 11px; padding: 6px 0 5px 15px; border-bottom: 1px solid #e8e8e8; }
.brdViewA td.viewField1 { color: #908468; font-weight: bold; background: url(/design/ihaan/imgs/story/board_seperator.gif) right 6px no-repeat; }
.brdViewA td.viewField2 { text-align: left; padding-left: 10px; }
.brdViewA img.desireBtn { margin: 18px 0; }
.brdViewA td.viewPost { text-align: left; padding: 8px 15px 8px 40px; width: 712px; line-height: 150%; }
.brdViewA td.border1px { border-bottom: 1px solid #e8e8e8; font-size: 11px; padding: 0; }

.viewAnswer { width: 752px; height: 40px; background: url(/design/ihaan/imgs/story/event_bar.gif) bottom no-repeat; padding-left: 5px;  margin-top: 30px; }




#welcome { width: 752px; height: 33px; background: url(/design/ihaan/imgs/story/welcome_back.gif) bottom no-repeat; margin-bottom: 28px; }
#welcome li { float: left; padding-top: 8px }
#welcome li.firstField { padding-left: 12px; }
#welcome li.secondField { color: #ff7e00; font-weight: bold; padding: 10px 5px 0 5px; }


.myTitle { width: 752px; overflow: hidden; margin-bottom: 35px; }
.myTitle .leftTitle { float: left; margin-left: 8px; display: inline; }
.myTitle .rightBtn { float: right; margin-right: 12px; display: inline; margin-bottom: 6px;  }


#brdStyleB { width: 752px; height: 28px; float: left; padding-top: 10px; display: inline; background: url(/design/ihaan/imgs/story/borad_back.gif) no-repeat; }
#brdStyleB li { float: left; letter-spacing: -1px; font-size: 11px; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; text-align: center; font-weight: bold; color: #908468; }

#brdStyleB li.orderDate { width: 90px;  }
#brdStyleB li.orderNo { width: 190px; }
#brdStyleB li.ordersubject { width: 178px; }
#brdStyleB li.price { width: 107px; }
#brdStyleB li.number { width: 70px; }
#brdStyleB li.process { width: 117px; background: none; }

#brdStyleB li.no { width: 68px; }
#brdStyleB li.subject{ width: 433px; }
#brdStyleB li.date { width: 101px; }
#brdStyleB li.stateimg { width: 78px; }
#brdStyleB li.del { width: 72px; background: none; }


.styleBListField { width: 740px; overflow: hidden; margin-left: 5px; clear: both; }
.styleBListField td { text-align: center; font-size: 11px; padding: 7px 0 5px 0; border-bottom: 1px solid #e8e8e8; }
.styleBListField td.padInitial { padding: 0; }
.styleBListField td.orderNo { text-align: left; padding-left: 10px; }
.styleBListField td.subject { text-align: left; padding-left: 10px; }
.styleBListField td.process { padding-left: 12px; }



#orderDelivery { width: 752px; background: url(/design/ihaan/imgs/story/event_bar.gif) top no-repeat; overflow: hidden; }
#odField { margin: 20px 9px 0 8px; width: 735px; border-bottom: 1px solid #e8e8e8; overflow: hidden; }
#odField dt { width: 110px; padding: 8px 0 4px 15px; border-bottom: 1px solid #e8e8e8; float: left; clear: both; font-weight: bold; color: #908468; background: url(/design/ihaan/imgs/story/board_seperator.gif) right 6px no-repeat; }
#odField dd { width: 590px; padding: 8px 0 4px 20px;  border-bottom: 1px solid #e8e8e8; float: left; }
#odField dd.define { padding: 7px 0 4px 20px; }
#odField .firstLine { border-top: none; }







#brdStyleC { width: 752px; height: 28px; float: left; padding-top: 10px; display: inline; background: url(/design/ihaan/imgs/story/borad_back.gif) no-repeat; }
#brdStyleC li { float: left; letter-spacing: -1px; font-size: 11px; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; text-align: center; font-weight: bold; color: #908468; }

#brdStyleC li.choice { width: 77px;  }
#brdStyleC li.orderDate { width: 112px; }
#brdStyleC li.orderNo { width: 139px; }
#brdStyleC li.prod { width: 172px; }
#brdStyleC li.price { width: 98px; }
#brdStyleC li.number { width: 59px; }
#brdStyleC li.request { width: 95px; background: none; }

#brdStyleC li.payWay { width: 111px; }
#brdStyleC li.payBank { width: 195px; }
#brdStyleC li.payAccount { width: 317px; }
#brdStyleC li.payName { width: 129px; }

#brdStyleC li.payPriceA { width: 237px; }
#brdStyleC li.payPriceB { width: 261px; }
#brdStyleC li.payPriceC { width: 254px; }


.styleCListField { width: 740px; overflow: hidden; margin-left: 5px; clear: both; }
.styleCListField td { text-align: center; font-size: 11px; padding: 7px 0 5px 0; border-bottom: 1px solid #e8e8e8; }
.styleCListField td.padInitial { padding: 0; }
.styleCListField td.orderNo { text-align: left; padding-left: 10px; }
.styleCListField td.process { padding-left: 12px; }
.styleCListField td.reason { padding-left: 5px; text-align: left; }
.styleCListField td.reasonTxt { min-height: 90px; padding: 10px 15px; text-align: left; }


#brdStyleD { width: 752px; height: 28px; float: left; padding-top: 10px; display: inline; background: url(/design/ihaan/imgs/story/borad_back.gif) no-repeat; }
#brdStyleD li { float: left; letter-spacing: -1px; font-size: 11px; background: url(/design/ihaan/imgs/story/board_seperator.gif) right top no-repeat; text-align: center; font-weight: bold; color: #908468; }

#brdStyleD li.choice { width: 68px;  }
#brdStyleD li.prodName { width: 209px; }
#brdStyleD li.prodNo { width: 159px; }
#brdStyleD li.buy { width: 142px; }
#brdStyleD li.regiState { width: 89px; }
#brdStyleD li.stateChange { width: 85px; background: none; }

.styleDListField { width: 740px; overflow: hidden; margin-left: 5px; clear: both; }
.styleDListField td { text-align: center; font-size: 11px; padding: 7px 0 5px 0; border-bottom: 1px solid #e8e8e8; }
.styleDListField td.padInitial { padding: 0; }
.styleDListField td.process { padding-left: 12px; }




h3.mypage { margin-bottom: 5px; color: #908468; padding-left: 5px; }

.wherebuy { width: 200px; float: left; }
.wherebuy li { height: 18px; }
.wherebuy li input { border: 0; }
.wherebuy li input.inputBox { border: 1px solid #ebebeb; width: 110px; margin-left: 10px; }



#subContainer { width: 770px; margin:0px 0px 0px 20px; float: left; display: inline; overflow: hidden; }

#subContainer .loction { float: right; margin: 10px 26px 0px 0px; overflow: hidden; display: inline; }
#subContainer .loction li { float: left; margin:0px; }
#subContainer .loction img { vertical-align: middle; }





#subContainer #titleName { width: 770px; margin-bottom: 20px; clear: both; overflow: hidden; }
#subContainer #titleName dt { margin: 10px 0 3 19px; height: 9px; }
#subContainer #titleName dd { clear: both; margin: 0px 0 3 19px;}
#subContainer #titleName img { display: block; float: left; }
#subContainer img.scriptTxt { margin: 8px 0 0 13px; display: inline; }



.subContent { width: 770px; overflow: hidden; margin:0px 0px 0px 20px; }
.subContent h2.diagnosis { margin: 0px 0px 10px 0px; }
.subContent li { margin: 0px 0 0 0px; display: inline; }

.disBlock				{ display: block; }