@CHARSET "UTF-8";

/* 작성자 : 장정인 */

/* 파트별 Style Sheet */

/* 공통 Style Sheet */

body 
{
    font-size:11px;
    font-family:'dotum', 'verdana';
    color:#505050;
    margin:0px;
    padding:0px;
    background-position:left top;
}

html  {margin:0px;padding:0px;}

* {margin:0px;padding:0px;}

div,li,td,th,input,textarea,select	{
		font-size:11px;
		font-family:'dotum', 'verdana';
		line-height:18px;
		color:#505050;
		text-align:left;
	}

/* 박스처리 */

table   {border-spacing:0px; border-collapse:collapse; padding:0px;}

td, th  {padding:0px;}

ul  {list-style:none;padding:0px;margin:0px;}

ul li   {display:block;} 

dl {margin:0;}

dd {margin:0;}

.Fleft  {float:left;}
.Fright {float:right;}
.Cleft  {clear:left; float:none}
.Cright {clear:right; float:none;}
.Cboth  {clear:both; float:none;}

.tbFix	 {table-layout:fixed;}

/* 이미지 */

img {border:none;}

img.mIMG    {margin:0px 0px -2px 0px;}

img.mIMG02    {.margin:0px 0px -3px 0px;}

:root img.mIMG  {margin:0px -4px -5px 0px;}

img.mImgTop {margin-top:-2px;}


/* 링크 */

a   {color:#000000;text-decoration:none;}

a:hover {color:#FF5400;text-decoration:none;}

a.underline {text-decoration:underline}

a.comm {color:#363636;}
a.comm:hover {color:#000000;text-decoration:underline;}

a.comm02 {color:#366EAB;}
a.comm02:hover {color:#FF5400;}

a.eventLink {color:#505050;font-weight:bold;}
a.eventLink:hover {color:#FF5400;}



a,img {selector-dummy:expression(this.hideFocus=true);} /*링크테두리 삭제*/


/* 패딩 */
 
.pT0	{padding-top:0px ! important;}
.pT1	{padding-top:1px ! important;}
.pT2	{padding-top:2px ! important;}
.pT3	{padding-top:3px ! important;}
.pT4	{padding-top:4px ! important;}
.pT5	{padding-top:5px ! important;}
.pT6	{padding-top:6px ! important;}
.pT7	{padding-top:7px ! important;}
.pT8	{padding-top:8px ! important;}
.pT9	{padding-top:9px ! important;}
.pT10	{padding-top:10px ! important;}
.pT15	{padding-top:15px ! important;}
.pT20	{padding-top:20px ! important;}
.pT25	{padding-top:25px ! important;}
.pT30	{padding-top:30px ! important;}
.pT40	{padding-top:40px ! important;}

.pB0	{padding-bottom:0px ! important;}
.pB1	{padding-bottom:1px ! important;}
.pB2	{padding-bottom:2px ! important;}
.pB3	{padding-bottom:3px ! important;}
.pB4	{padding-bottom:4px ! important;}
.pB5	{padding-bottom:5px ! important;}
.pB6	{padding-bottom:6px ! important;}
.pB7	{padding-bottom:7px ! important;}
.pB8	{padding-bottom:8px ! important;}
.pB9	{padding-bottom:9px ! important;}
.pB10	{padding-bottom:10px ! important;}
.pB15	{padding-bottom:15px ! important;}
.pB20	{padding-bottom:20px ! important;}
.pB25	{padding-bottom:25px ! important;}
.pB30	{padding-bottom:30px ! important;}

.pL0	{padding-left:0px ! important;}
.pL1	{padding-left:1px ! important;}
.pL2	{padding-left:2px ! important;}
.pL3	{padding-left:3px ! important;}
.pL4	{padding-left:4px ! important;}
.pL5	{padding-left:5px ! important;}
.pL6	{padding-left:6px ! important;}
.pL7	{padding-left:7px ! important;}
.pL8	{padding-left:8px ! important;}
.pL9	{padding-left:9px ! important;}
.pL10	{padding-left:10px ! important;}
.pL15	{padding-left:15px ! important;}
.pL20	{padding-left:20px ! important;}
.pL20	{padding-left:25px ! important;}
.pL20	{padding-left:30px ! important;}

.pR0	{padding-right:0px ! important;}
.pR1	{padding-right:1px ! important;}
.pR2	{padding-right:2px ! important;}
.pR3	{padding-right:3px ! important;}
.pR4	{padding-right:4px ! important;}
.pR5	{padding-right:5px ! important;}
.pR6	{padding-right:6px ! important;}
.pR7	{padding-right:7px ! important;}
.pR8	{padding-right:8px ! important;}
.pR9	{padding-right:9px ! important;}
.pR10	{padding-right:10px ! important;}
.pR15	{padding-right:15px ! important;}
.pR20	{padding-right:20px ! important;}
.pR25	{padding-right:25px ! important;}
.pR30	{padding-right:30px ! important;}
.pR40	{padding-right:40px ! important;}

/* 마진 */

.mT0	{margin-top:0px ! important;}
.mT1	{margin-top:1px ! important;}
.mT2	{margin-top:2px ! important;}
.mT3	{margin-top:3px ! important;}
.mT4	{margin-top:4px ! important;}
.mT5	{margin-top:5px ! important;}
.mT6	{margin-top:6px ! important;}
.mT7	{margin-top:7px ! important;}
.mT8	{margin-top:8px ! important;}
.mT9	{margin-top:9px ! important;}
.mT10	{margin-top:10px ! important;}
.mT12	{margin-top:12px ! important;}
.mT15	{margin-top:15px ! important;}
.mT20	{margin-top:20px ! important;}
.mT25	{margin-top:25px ! important;}
.mT30	{margin-top:30px ! important;}
.mT35	{margin-top:35px ! important;}
.mT40	{margin-top:40px ! important;}

.mB0	{margin-bottom:0px ! important;}
.mB1	{margin-bottom:1px ! important;}
.mB2	{margin-bottom:2px ! important;}
.mB3	{margin-bottom:3px ! important;}
.mB4	{margin-bottom:4px ! important;}
.mB5	{margin-bottom:5px ! important;}
.mB6	{margin-bottom:6px ! important;}
.mB7	{margin-bottom:7px ! important;}
.mB8	{margin-bottom:8px ! important;}
.mB9	{margin-bottom:9px ! important;}
.mB10	{margin-bottom:10px ! important;}
.mB15	{margin-bottom:15px ! important;}
.mB20	{margin-bottom:20px ! important;}
.mB25	{margin-bottom:25px ! important;}
.mB30	{margin-bottom:30px ! important;}
.mB40	{margin-bottom:40px ! important;}

.mL0	{margin-left:0px ! important;}
.mL1	{margin-left:1px ! important;}
.mL2	{margin-left:2px ! important;}
.mL3	{margin-left:3px ! important;}
.mL4	{margin-left:4px ! important;}
.mL5	{margin-left:5px ! important;}
.mL6	{margin-left:6px ! important;}
.mL7	{margin-left:7px ! important;}
.mL8	{margin-left:8px ! important;}
.mL9	{margin-left:9px ! important;}
.mL10	{margin-left:10px ! important;}
.mL15	{margin-left:15px ! important;}
.mL20	{margin-left:20px ! important;}
.mL25	{margin-left:25px ! important;}
.mL30	{margin-left:30px ! important;}
.mL35	{margin-left:35px ! important;}
.mL60	{margin-left:60px ! important;}


.mR0	{margin-right:0px ! important;}
.mR1	{margin-right:1px ! important;}
.mR2	{margin-right:2px ! important;}
.mR3	{margin-right:3px ! important;}
.mR4	{margin-right:4px ! important;}
.mR5	{margin-right:5px ! important;}
.mR6	{margin-right:6px ! important;}
.mR7	{margin-right:7px ! important;}
.mR8	{margin-right:8px ! important;}
.mR9	{margin-right:9px ! important;}
.mR10	{margin-right:10px ! important;}
.mR15	{margin-right:15px ! important;}
.mR20	{margin-right:20px ! important;}
.mR25	{margin-right:25px ! important;}
.mR30	{margin-right:30px ! important;}


.mAuto {margin:0px auto;}

/*  포지션 */

.posAbs {position:absolute;}
.posRel {position:relative;}

/* 커서 */
.hand   {cursor:pointer}

/* 폰트 */
.fs09   {font-size:09px}
.fs10   {font-size:10px}
.fs11   {font-size:11px}
.fs12   {font-size:12px}
.fs13   {font-size:13px}
.fs14   {font-size:14px}
.fs15   {font-size:15px}
.fs16   {font-size:16px}

.fb {font-weight:bold;}
.fn {font-weight:normal;}

.Verdana	{font-family:'Verdana';}
.Tahoma {font-family:'Tahoma';}

.lH18   {line-height:18px;}
.lH16   {line-height:16px;}

.ls-1   {letter-spacing:-1px;}
.ls-2   {letter-spacing:-2px;}
.ls1    {letter-spacing:1px;}
.ls2    {letter-spacing:2px;}
.ls3    {letter-spacing:3px;}
.ls4    {letter-spacing:4px;}
.ls5    {letter-spacing:5px;}

.ws-1   {word-spacing:-1px;}
.ws-2   {word-spacing:-2px;}
.ws1    {word-spacing:1px;}
.ws2	{word-spacing:2px;}
.ws3	{word-spacing:3px;}
.ws4	{word-spacing:4px;}
.ws5    {word-spacing:5px;}

/* 칼라 */

.black	{color:#000000 ! important ;}
.white	{color:white ! important ;}
.orange	{color:#FF5400 ! important ;}
.green	{color:#076f10 ! important ;}
.red	{color:#fd000b ! important ;}
.blue	{color:#366EAB ! important ;}
.dBlue	{color:#105681 ! important ;}


/* 스크롤 */

.scroll02   {
		        scrollbar-face-color:white;
		        scrollbar-base-color:white;
		        scrollbar-highlight-color:#E7E6E6;
		        scrollbar-3dlight-color:white;
		        scrollbar-shadow-color:#E7E6E6;
		        scrollbar-darkshadow-color:white;
		        scrollbar-track-color:white;
		        scrollbar-arrow-color: #A1A1A1;
		        FILTER: chroma(color=red);
            }

/* 폼 */

form {margin:0;}
input{vertical-align:middle;}

/* 체크박스, 라디오버튼 전용 */
input.he14	{height:14px ! important ;}
input.he15	{height:15px ! important ;}
input.he16	{height:16px ! important ;}
input.he17	{height:17px ! important ;}
input.he18	{height:18px ! important ;}

input.textbox {border:1px solid #c7c7c7;}

textarea.textbox {border:1px solid #c7c7c7;}

/* 위치 */

.Ltxt   {text-align:left;}
.Rtxt   {text-align:right;}
.Ctxt   {text-align:center;}

.Vtop   { vertical-align:top; }
.Vmiddle    { vertical-align:middle; }
.Vbottom    { vertical-align:bottom; }

/* 배경 */

.bgPosTL	{background-position:top left;}
.bgPosTR	{background-position:top right;}
.bgPosBL	{background-position:bottom left;}
.bgPostBR	{background-position:bottom right;}

.bgRepAll	{background-repeat:repeat;}
.bgRepX	{background-repeat:repeat-x;}
.bgRepY	{background-repeat:repeat-y;}
.bgRepNo	{background-repeat:no-repeat;}

/* Display */

.disNone	{display:none}

.disInline	{display:inline}

.disBlock {display:block}

H1, H2, H3, H4{padding:0px;margin-top:0px;}

P {padding:0px;margin:0px;word-break:break-all;}


/* 보더 */

.blNone {border-left:none ! important;}
.brNone {border-right:none ! important;}
.bbNone {border-bottom:none ! important;}
.btNone {border-top:none ! important;}
.bNone {border:none ! important;}
.b0 {border:0px ! important;}



#noView {position:absolute;width:0;height:0;font-size:0;overflow:hidden;visibility:hidden;}


/* 기타 공통사항 */

#wrap_main  {width:100%;height:100%;text-align:center;background:url('/ypbooks/images/common/bg_top.jpg') repeat-x;}
#wrap  {width:100%;min-height:100%;text-align:center;background:url('/ypbooks/images/common/bg_top02.jpg') repeat-x;}
#allFrame {width:1000px;margin:0px auto;position:relative;overflow:hidden;}
#mainFrame {width:1000px;margin:0px auto;position:relative;}


#topArea {width:1000px;height:145px;margin:0px auto;top:0px;left:0px;overflow:hidden;position:absolute;z-index:900;}
#topArea #flashArea {width:1000px;height:145px;margin:0px auto;top:0px;z-index:900;position:relative;}


#topArea02 {width:1000px;height:538px;margin:0px auto;top:0px;overflow:hidden;position:relative;}
#topArea02 #flashArea02 {width:1000px;height:538px;margin:0px auto;top:0px;z-index:900;position:absolute;}

/* 2009.06.23 수정 */
#allFrame #search {width:370px;height:30px;top:52px;left:303px;z-index:2000;position:absolute;border:1px solid #312931;background:#6f6a6f;padding:1px;}
#allFrame #search DIV.searchForm {width:306px;height:23px;float:left;margin:0px auto;border:2px solid #312931;background:#FFFFFF;padding-top:3px;}
INPUT.searchBox02 {width:205px;border:0px;height:16px;float:left;font-size:12px;line-height:14px;padding-top:3px;}

#allFrame #search DIV.searchForm DIV.sectionFrame {width:70px;height:21px;float:left;background:#ffffff url('/ypbooks/images/common/section_bar.gif') no-repeat 70px 6px;padding:2px 0px 0px 3px;}
#allFrame #search DIV.searchForm DIV.sectionFrame UL.section {width:48px;float:left;}
#allFrame #search DIV.searchForm DIV.sectionFrame UL.section LI {width:48px;float:left;padding-left:3px;}
#allFrame #search DIV.searchForm DIV.sectionFrame IMG {vertical-align:top;float:left;margin-top:5px;}


#mainFrame #search {width:370px;height:30px;top:52px;left:303px;z-index:2000;position:absolute;border:1px solid #312931;background:#6f6a6f;padding:1px;}
#mainFrame #search DIV.searchForm {width:306px;height:26px;float:left;margin:0px auto;border:2px solid #312931;background:#FFFFFF;}
DIV.sectionFrame INPUT {width:200px ! important;border:0px;height:16px;float:left;font-size:12px;line-height:14px;padding-top:2px;margin-top:7px;}

#mainFrame #search DIV.searchForm DIV.sectionFrame {width:70px;height:21px;float:left;background:#ffffff url('/ypbooks/images/common/section_bar.gif') no-repeat 70px 8px;padding:2px 0px 0px 3px;}
#mainFrame #search DIV.searchForm DIV.sectionFrame UL.section {width:48px;float:left;}
#mainFrame #search DIV.searchForm DIV.sectionFrame UL.section LI {width:48px;float:left;padding-left:3px;}
#mainFrame #search DIV.searchForm DIV.sectionFrame IMG {vertical-align:top;float:left;margin-top:5px;}

/* 2009.06.23 수정 */

DIV.searchListB {width:53px;position:absolute;top:30px;left:3px;background:#FFFFFF;padding-left:7px;overflow:hidden;z-index:100000;border:1px solid #312931;}
DIV.searchListB UL LI{width:53px;}
DIV.searchListB UL LI#top {height:5px ! important;}
DIV.searchListB UL LI#bottom {height:5px ! important;}


/* 장바구니 */

#allFrame #cartArea {width:450px;;height:500px;right:0px;position:absolute;text-align:right;z-index:1000;top:192px;}
#mainFrame #cartArea {width:450px;;height:500px;right:0px;position:absolute;text-align:right;z-index:1000;top:144px;}




/* 로케이션 */

#location  {width:980px;height:27px;padding-left:20px;z-index:100;padding-top:145px;margin:0px auto;position:absolute;border-bottom:1px solid #E6E6E6;}
#location03  {width:980px;height:27px;padding-left:20px;z-index:100;padding-top:155px;margin:0px auto;position:absolute;}

DL.locaArea {width:930px;height:27px;color:#7C6F5E;z-index:700;font-size:11px;padding-left:10px;}

DL.locaArea DT {float:left;padding-top:2px;}
DL.locaArea DD {margin-left:10px;float:left;border:0px;overflow:hidden;padding:3px 0px 0px 0px;line-height:14px;}
DL.locaArea DD IMG {vertical-align:bottom;margin-top:6px;display:block}
DL.locaArea DD.category {width:140px;margin-left:10px;float:left;border:1px solid #C4BEB6;background:#FFFFFF;overflow:hidden;padding:0px 0px 2px 5px;line-height:14px;}
DL.locaArea DD P {float:right;margin-top:3px;}
DL.locaArea DD P IMG{margin-top:0px;}

DL.locaArea DD.locaBox {width:200px;border:1px solid #8A7E6E;padding:0px 0px 2px 5px;z-index:400;background:#FFFFFF;}
/*DL.locaArea DD.locaBox UL {margin-bottom:4px;} */


DL.locaArea DD UL {width:120px;background:#ffffff;font-size:11px;}
DL.locaArea DD UL LI{width:120px;color:#7C6F5E;padding-left:0px;border:0px ! important;font-size:11px;line-height:14px;}

UL.locaArea A {color:#7C6F5E;}
UL.locaArea A:hover {color:#FF5400;}

DIV.lineLoca {width:940px;height:0px;padding-top:0px;font-size:0px;line-height:0px;}

DIV.location02 {float:right;margin-top:5px;}

/*main*/
#mainLeft {width:648px;margin-top:30px;float:left;border-right:1px solid #D8D8D8;padding-right:24px;}
#mainRight {width:247px;margin-top:30px;float:left;padding-left:20px;}

/* Contents 영역*/

#mainArea {width:973px;padding:20px 0px 0px 20px;margin:0px auto;clear:both;position:relative;overflow:hidden;}
#contents {width:973px;padding:145px 0px 0px 20px;margin:0px auto;clear:both;position:relative;overflow:hidden;}

#contents2 {width:973px;padding:145px 0px 0px 0px;margin:0px auto;clear:both;position:relative;overflow:hidden;}

#conArea {width:973px;margin:0px;}

/* left 01 영역*/

#leftArea01 {margin-left:0px;float:left;}
#leftArea02 {width:648px;margin:0px;float:left;border-right:1px solid #D8D8D8;padding-right:29px;overflow:hidden;}
#leftArea03 {width:180px;margin-left:0px;float:left;}



#leftArea01 DIV.lnb {width:229px;margin:0px;background:url('/ypbooks/images/common/bg_leftMenu02.gif') repeat-y;position:relative;z-index:500;}
DIV.lnb H2.lnbTit {width:229px;margin:0px;background:url('../images/common/bg_leftMenu01.gif') no-repeat;padding-top:20px}
DIV.lnb H2.lnbTit IMG {margin-left:20px;}
DIV.lnbList {margin-top:10px;background:url('/ypbooks/images/common/bg_leftMenu03.gif') no-repeat 0px bottom;padding:0px 0px 25px 5px;overflow:hidden;}
DIV.lnbList UL {width:219px;background:url('/ypbooks/images/common/bg_lnbLine.gif') no-repeat 10px top;padding-top:11px;}
DIV.lnbList UL LI {width:203px;padding-left:16px;height:19px;color:#6A625C;font-size:12px;line-height:20px;}
DIV.lnbList UL LI.lnbOver {background:#F3F2F0;font-weight:bold;}
DIV.lnbList UL LI A {color:#6A625C;}
DIV.lnbList UL LI A:hover {color:#3D1A00;}
DIV.lnbList UL LI STRONG {color:#3D1A00;}

/* left메뉴 사이 라인 */
DIV.lnbList UL LI.left_section {margin-top:10px;background:url('/ypbooks/images/common/leftMenu_section.gif') no-repeat 10px top;padding-top:10px;}
DIV.lnbList03 UL LI.left_section {margin-top:10px;background:url('/ypbooks/images/common/leftMenu_section02.gif') no-repeat 10px top;padding-top:10px;}

DIV.lnb DIV.lnbSub {width:157px;background:url('/ypbooks/images/common/bg_3depth02.gif') no-repeat 8px bottom;padding-bottom:15px;position:absolute;width:190px;
							left:140px;top:85px;z-index:500;}

DIV.lnb02 DIV.lnbSub {width:157px;background:url('/ypbooks/images/common/bg_3depth02.gif') no-repeat 8px bottom;padding-bottom:15px;position:absolute;width:190px;
							left:140px;top:85px;z-index:1000000;}

DIV.lnbSub UL {width:157px;background:url('/ypbooks/images/common/bg_3depth01.gif') no-repeat;padding:17px 0px 0px 25px;}
DIV.lnbSub UL LI {width:122px;font-weight:normal;font-size:11px;letter-spacing:-0.1em;}
DIV.lnbSub UL LI A:hover {color:#3D1A00;font-weight:bold;font-size:12px}


/*이벤트, 문화행사, 고객센터*/
DIV.lnbList02 {margin-top:10px;background:url('/ypbooks/images/common/bg_leftMenu03.gif') no-repeat 0px bottom;padding:0px 0px 25px 5px;overflow:hidden;}
DIV.lnbList02 UL {width:219px;background:url('/ypbooks/images/common/bg_lnbLine.gif') no-repeat 10px top;padding-top:11px;}
DIV.lnbList02 UL LI {width:219px;color:#6A625C;font-size:12px;}
DIV.lnbList02 UL LI.eventBot {width:203px;color:#6A625C;font-size:12px;padding-left:16px;margin-top:7px;}

DIV.lnbList02 UL LI DL.lnbEvent {width:219px;border-bottom:1px solid #DCD8D3;padding-bottom:10px;}
DIV.lnbList02 UL LI DL.lnbEvent DT {width:203px;height:19px;background:#F3F2F0;line-height:20px;padding-left:16px;margin-bottom:5px;}
DIV.lnbList02 UL LI DL.lnbEvent DD {width:184px;padding-left:35px;background:url('/ypbooks/images/icon/blet_theme.gif') no-repeat 26px 9px;;font-size:11px;line-height:20px;}


/*기존 영풍사이트 LNB 영역*/

DIV.lnb02 {width:180px;margin:0px;background:url('/ypbooks/images/common/bg_left2Menu02.gif') repeat-y;overflow:hidden;position:relative;}
DIV.lnb02 H2.lnbTit02 {width:180px;margin:0px;background:url('/ypbooks/images/common/bg_left2Menu01.gif') no-repeat;padding:20px 0px 0px 20px;}
DIV.lnbList03 {margin-top:10px;background:url('/ypbooks/images/common/bg_left2Menu03.gif') no-repeat 0px bottom;padding:0px 0px 25px 5px;overflow:hidden;}
DIV.lnbList03 UL {width:170px;background:url('/ypbooks/images/common/bg_lnbLine02.gif') no-repeat 10px top;padding-top:11px;}
DIV.lnbList03 UL LI {width:154px;padding-left:16px;height:19px;color:#6A625C;font-size:12px;line-height:20px;}
DIV.lnbList03 UL LI.lnbOver {background:#F3F2F0;font-weight:bold;}
DIV.lnbList03 UL LI A {color:#6A625C;}
DIV.lnbList03 UL LI A:hover {color:#3D1A00;}
DIV.lnbList03 UL LI STRONG {color:#3D1A00;}

DIV.lnb03 {width:209px;height:55px;background:url('/ypbooks/images/common/bg_leftTit.gif') no-repeat 0px bottom;padding:20px 0px 0px 20px;}


/*湲곗〈 ?곹뭾?ъ씠??LNB ?대깽???곸뿭 2009.06.25 異붽?*/

DIV.lnbList04 {margin-top:10px;background:url('../images/common/bg_left2Menu03.gif') no-repeat 0px bottom;padding:0px 0px 25px 5px;}
DIV.lnbList04 UL {width:180px;background:url('../images/common/bg_lnbLine02.gif') no-repeat 10px top;padding-top:11px;}
DIV.lnbList04 UL LI {width:170px;color:#6A625C;font-size:12px;line-height:20px;overflow:hidden;}

DIV.lnbList04 UL LI DL.lnbEvent02 {width:180px;background:url('/ypbooks/images/common/leftMenu_section02.gif') no-repeat 10px bottom;padding-bottom:10px;}
DIV.lnbList04 UL LI DL.lnbEvent02 DT {width:180px;height:19px;background:#F3F2F0;line-height:20px;padding-left:16px;margin-bottom:5px;}
DIV.lnbList04 UL LI DL.lnbEvent02 DD {width:145px;padding-left:35px;background:url('../images/icon/blet_theme.gif') no-repeat 26px 9px;;font-size:11px;line-height:20px;}
DIV.lnbList04 UL LI.eventBot02 {width:180px;color:#6A625C;font-size:12px;padding-left:16px;margin-top:7px;}

/* 2009.06.27 lnb 추가*/
DIV.lnbList04 UL LI DL.lnbEvent03 {width:180px;background:url('/ypbooks/images/common/leftMenu_section02.gif') no-repeat 10px bottom;padding-bottom:10px;margin-top:7px;}
DIV.lnbList04 UL LI DL.lnbEvent03 DT {width:180px;height:19px;line-height:20px;padding-left:16px;margin-bottom:5px;}
DIV.lnbList04 UL LI DL.lnbEvent03 DD {width:145px;padding-left:35px;background:url('../images/icon/blet_theme.gif') no-repeat 26px 9px;;font-size:11px;line-height:18px;}
DIV.lnbList04 UL LI DL.lnbLast {background:none ! important;padding-bottom:0px;} 

DIV.lnb03 {width:209px;height:55px;background:url('/ypbooks/images/common/bg_leftTit.gif') no-repeat 0px bottom;padding:20px 0px 0px 20px;}
DIV.lnb04 {width:160px;height:55px;background:url('/ypbooks/images/common/bg_leftTit02.gif') no-repeat 0px bottom;padding:20px 0px 0px 20px;}

#leftCon {margin-top:21px;}

#rightArea01 {width:686px;;min-height:100%;padding-left:19px;float:left;overflow:hidden;}
#rightArea02 {width:247px;;min-height:100%;float:left;padding-left:15px;overflow:hidden;}
#rightArea03 {width:750px;;min-height:100%;padding-left:10px;float:left;overflow:hidden;}


/* Bottom */

#botArea {width:940px;padding-top:50px;clear:both;overflow:hidden;position:relative;}
#botArea DIV.botFrame {width:911px;height:275px;border:5px solid #D4D4D4;padding:30px 0px 0px 19px;}

/* News Area*/
DIV.commBoard {width:911px;height:155px;border-bottom:1px solid #E9E9E9;}

DIV.ypNews {width:342px;float:left;}
DIV.newsCon {width:248px;float:left;margin-left:10px;}
DIV.newsCon UL.newsTab {width:248px;}
DIV.newsCon UL.newsTab LI {margin-left:1px;}
DIV.newsList01 UL.newsData {width:248px;margin-top:10px;}
DIV.newsList01 UL.newsData LI {width:242px;background:url('/ypbooks/images/icon/dot_yellow.gif') no-repeat 0px 6px;padding-left:6px;font-size:12px;}

/* faqBest width 변경 작업자 : 이일환 작업일자 : 2009.07.20 */
/* DIV.faqBest {width:400px;float:left;} */ 
DIV.faqBest {width:414px;float:left;}
/* DIV.faqSearch {width:325px;margin-left:10px;float:left;} */
DIV.faqSearch {width:307px;margin-left:5px;float:right;}
INPUT.search {width:236px;height:20px;background:url('../images/common/bg_input01.gif') no-repeat;border:0px;margin-top:-13px;}
/* UL.faqList {width:325px;} */
UL.faqList {width:307px;}
UL.faqList LI {width:307px;background:url('../images/icon/faq1.gif') no-repeat;padding-left:18px;font-size:12px;line-height:16px;margin-top:5px;}
UL.faqList LI.best01 {background:url('../images/icon/faq1.gif') no-repeat;}
UL.faqList LI.best02 {background:url('../images/icon/faq2.gif') no-repeat;}
UL.faqList LI.best03 {background:url('../images/icon/faq3.gif') no-repeat;}
UL.faqList LI.best04 {background:url('../images/icon/faq4.gif') no-repeat;}
UL.faqList LI.best05 {background:url('../images/icon/faq5.gif') no-repeat;} 




DIV.cusGuide {width:149px;height:155px;float:left;} 
DIV.cusGuide IMG{margin:0px -4px -4px 0px;} 

/* 지점찾기 */
#botArea {width:940px;padding-top:50px;clear:both;overflow:hidden;position:relative;}
DIV.shop01 {width:911px;height:105px;padding-top:10px;text-align:left;}
DIV.shop02 {width:917px;height:109px;border:1px solid #C8C8C8;background:url('/ypbooks/images/common/bg_shop.jpg') no-repeat;padding:16px 0px 0px 21px;}

DIV.shopTit {width:55px;float:left;margin-top:10px;overflow:hidden;}
DIV.shopTit DIV.shopBtn {width:55px;margin-top:15px;}
DIV.shopBtn IMG {float:left;margin-left:3px;}
DIV.shopMap {width:604px;margin-left:15px;float:left;background:url('/ypbooks/images/common/shop_bar.gif') no-repeat right 10px;}
DIV.shopArea {width:507px;height:67px;background:url('/ypbooks/images/common/bg_shopBox.gif') no-repeat;float:left;margin:10px 0px 0px 4px;padding:14px 0px 0px 15px;}
DIV.shopArea DL {width:492px;height:47px;}
DIV.shopArea DL DT {float:left;background:url('/ypbooks/images/common/area_bar01.gif') no-repeat right 8px;padding:8px 21px 0px 0px;margin-right:9px;}
DIV.shopArea DL DD {float:left;background:url('/ypbooks/images/common/area_bar02.gif') no-repeat right 0px;padding-right:9px;margin:14px 0px 0px 9px;}
DIV.shopArea DL DD IMG {.margin-bottom:5px;}
DIV.shopArea DL DD.last {background:none;}

DIV.allSystem {float:left;margin:10px 0px 0px 20px;}
UL.link {width:940px;margin-top:15px;}
UL.link LI {padding:0px 12px 0px 11px;float:left;}



/* FOOT */

#footArea {width:100%;height:170px;margin-top:10px;border-top:3px solid #ECECEC;text-align:center;background:url('/ypbooks/images/common/bg_foot.jpg') repeat-x;overflow:hidden;position:relative;clear:both;}

DIV.footFrame {width:1000px;height:154px;margin:0px auto;}
DIV.footLeft {width:660px;float:left;}
DIV.footRight {width:300px;float:left;text-align:center;background:#FFFFFF;padding-top:10px;}
UL.footMenu {width:622px;height:28px;padding:7px 0px 0px 38px;margin-bottom:20px;}
UL.footMenu LI {width:51px;height:11px;margin-left:10px;border-right:1px solid #BDBDBD;float:left;}
UL.footMenu LI.last {width:78px;margin-left:10px;border-right:0px;}
UL.footMenu LI.home {width:50px;margin-left:100px;border-right:0px;}
UL.footMenu LI.top {width:59px;border-right:0px;}

UL.footMenu LI IMG {display:block;}


.price {text-decoration:line-through;color:#888888;}
.price02 {font-size:14px;text-decoration:none;color:#888888;}
.price03 {font-size:14px;color:#FF5400;font-weight:bold;}
.price04 {font-size:12px;color:#000000;font-weight:bold;}



/* 페이징 */
DIV.paging {width:100%;text-align:center;}
DIV.paging IMG {vertical-align:middle;}
.bar {margin:0px 5px;}


/* 카테고리 타이틀 */
.cateTit {height:30px;overflow:hidden;}



/* 공통부분 */

.bookExc {color:#7B6E5D ! important;line-height:14px;}

.bookTit {line-height:22px;}

.bookName01 {font-weight:bold;font-size:16px;color:#000000;line-height:18px ! important;}
.bookName02 {font-weight:bold;font-size:12px;color:#000000;}
.bookName03 {font-weight:bold;font-size:12px;}
.bookName04 {font-size:14px ! important;color:#505050;line-height:16px;}

.bookPrice {font-size:12px;}

.price {text-decoration:line-through;color:#888888;}

.down {font-weight:bold;color:#366EAB;}

/* 공통 */

.subTit {width:686px;height:31px;border-bottom:1px solid #E6E6E6;padding-top:7px;margin-bottom:15px;}


/*동영상*/
UL.movieBtn {margin-top:10px;}
UL.movieBtn LI {float:left;}
UL.movieBtn LI.volume {background:url('/ypbooks/images/common/volume.gif') no-repeat 0px 4px;margin-left:10px;}
UL.movieBtn LI.moveFrame {width:187px;height:19px;background:url('/ypbooks/images/common/movieFrame.gif') no-repeat;margin-left:9px;padding-left:5px;}
DIV.movieNo {background:url('/ypbooks/images/common/movieNo.gif') no-repeat 0px 6px;}
DIV.movieYes {background:url('/ypbooks/images/common/movieYes.gif') no-repeat 0px 6px;text-align:right;}
DIV.volumeFrame {width:64px;height:18px;background:url('/ypbooks/images/common/volumeFrame.gif') no-repeat;padding-top:1px;margin-left:18px;}


/* 검색결과 */

DIV.sectionTxt {width:710px;height:30px;color:#755943;font-size:16px;font-weight:bold;border-bottom:1px solid #E5E5E5;margin-left:15px;}
DIV.sectionTxt IMG {vertical-align:middle;}

UL.result02 {overflow:hidden;padding-top:15px;width:750px;margin-left:15px;}
UL.result02 LI {width:114px;background:url('/ypbooks/images/icon/dot_gray.gif') no-repeat 0px 7px;font-size:12px;padding-left:7px;}

DIV.resutlSearch {width:750px;height:20px;margin:10px 0px 10px 15px;overflow:hidden;}
DIV.resutlSearch DL {width:750px;position:absolute;}
DIV.resutlSearch DL DT {float:left;}
DIV.resutlSearch DL DD {float:left;margin-left:5px;}
DIV.resutlSearch DL DD.condition {margin-left:15px;border:1px solid #C7C7C7;background:#FFFFFF;}
DIV.resutlSearch DL DD.condition UL {float:left;padding:3px 5px;}
DIV.resutlSearch DL DD.condition UL LI {float:none;display:block;font-size:12px;}
DIV.resutlSearch DL DD.condition P {float:left;margin-top:4px;}
DIV.resutlSearch DL DD INPUT {border:1px solid #C7C7C7;height:16px;display:block;.margin:-1px 0px 0px -5px;}
DIV.resutlSearch DL DD IMG {display:block;}

/* left 메뉴 info */
DIV.lnbList04 UL LI.member_info {width:170px;background:#F3F2F0 none;margin-bottom:10px;}
UL.info_list {width:170px;padding-left:10px;background:none ! important;padding-bottom:5px;}
UL.info_list LI {font-size:11px ! important;letter-spacing:-0.1em;background:url('/ypbooks/images/common/leftMenu_section02.gif') no-repeat 0px top;}
UL.info_list LI.my_info {height:32px;background:url('/ypbooks/images/icon/members.gif') no-repeat 7px 2px;padding-left:32px;}
UL.info_list LI.grade {height:21px;font-weight:bold;padding:2px 0px 0px 7px;}
UL.info_list LI DL {width:153px;padding-left:7px;margin-top:5px;}
UL.info_list LI DL DT {width:35px;float:left;line-height:18px;}
UL.info_list LI DL DD {width:100px;float:left;text-align:right;line-height:18px;}