/*-- 기본속성들 --*/ body,td,select,input,div,form,textarea,center,option,pre,blockquote {font-size:9pt; font-family:굴림; color:#444444;line-height:160%;letter-spacing :0pt;} input {{font-size:9pt; font-family:굴림; color:#444444;line-height:100%;letter-spacing :0pt;} img {border:0} A:link {color:#444444;text-decoration:none} A:visited {color:#444444;text-decoration:none} A:active {color:#444444;text-decoration:none} A:hover {color:#444444;text-decoration:none} body {margin:0; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:##444444; scrollbar-track-color:#F6F6F6; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#D8D8D8; scrollbar-shadow-color:#D8D8D8; overflow-y: no; } .right { text-align:right; } .left { text-align:left; } /*-- 글자관련속성들 --*/ .white {color:#FFFFFF;} .bold {font-weight:bold;} .size8 {font-size:8pt; font-family:돋움; letter-spacing :-1pt; color:#9E9E9E;} .red {color:#FF0000;} .redB {font-weight:bold; color:#FF0000;} .orange {color:#F38F01;} .orangeB {font-weight:bold; color:#F38F01;} .blue {color:#207DC3;} .blueB {font-weight:bold; color:#207DC3;} .pink {color:#FF0099;} .pinkB {font-weight:bold; color:#FF0099;} .gray {color:#A3A3A3;} .grayB {font-weight:bold; color:#A3A3A3;} .skyblue {color:#4A99CA;} .skyblueB {font-weight:bold; color:#4A99CA;} A.white:link {color:#FFFFFF; text-decoration:none} A.white:visited {color:#FFFFFF; text-decoration:none} A.white:hover {color:#AD5AE7; text-decoration:underline} A.white:active {color:#FFFFFF; text-decoration:none} A.blue:link {color:#009CD8; text-decoration:none} A.blue:visited {color:#009CD8; text-decoration:none} A.blue:hover {color:#009CD8; text-decoration:underline} A.blue:active {color:#009CD8; text-decoration:none} A.blueB:link {font-weight:bold; color:#207DC3; text-decoration:none} A.blueB:visited {font-weight:bold; color:#207DC3; text-decoration:none} A.blueB:hover {font-weight:bold; color:#207DC3; text-decoration:underline} A.blueB:active {font-weight:bold; color:#207DC3; text-decoration:none} A.pink:link {color:#F86F95; text-decoration:none} A.pink:visited {color:#F86F95; text-decoration:none} A.pink:hover {color:#F86F95; text-decoration:underline} A.pink:active {color:#F86F95; text-decoration:none} A.skyblue:link {color:#4A99CA; text-decoration:none} A.skyblue:visited {color:#4A99CA; text-decoration:none} A.skyblue:hover {color:#4A99CA; text-decoration:underline;background:#E9F6F7;} A.skyblue:active {color:#4A99CA; text-decoration:none} /*-- 버튼 --*/ .btnLeft {width:14px; height:20px; background:url(/images/common/btnLeft.gif); background-repeat:no-repeat;} .btnCenter {height:20px; background:url(/images/common/btnCenter.gif); background-repeat:repeat-x; padding-top:3px; text-align:center;font-family:돋움,굴림; color:#857B71; font-size:8pt; letter-spacing :-1pt;padding-left:8px;padding-right:8px;} .btnRight {width:7px; height:20px; background:url(/images/common/btnRight.gif); background-repeat:no-repeat;} A.btn:link {color:#575757; text-decoration:none} A.btn:visited {color:#575757; text-decoration:none} A.btn:active {color:#575757; text-decoration:none} A.btn:hover {color:#0180AD; text-decoration:none} /*-- 버튼 --*/ .btnLeft01 {width:8px; height:37px; background:url(/images/common/btnLeft01.gif); background-repeat:no-repeat;} .btnCenter01 {height:37px; background:url(/images/common/btnCenter01.gif); background-repeat:repeat-x; padding-top:3px; text-align:center;font-family:돋움,굴림; font-weight:bold; color:#FFFFFF; letter-spacing :-1pt;padding-left:15px;padding-right:15px;} .btnRight01 {width:8px; height:37px; background:url(/images/common/btnRight01.gif); background-repeat:no-repeat;} A.btn01:link {color:#FFFFFF; text-decoration:none} A.btn01:visited {color:#FFFFFF; text-decoration:none} A.btn01:active {color:#FFFFFF; text-decoration:none} A.btn01:hover {color:#FFFFFF; text-decoration:underline} /*-- FAQ 버튼 --*/ .btnLeft02 {width:10px; height:21px; background:url(/images/common/btnLeft02.gif); background-repeat:no-repeat;} .btnCenter02 {height:21px; background:url(/images/common/btnCenter02.gif); background-repeat:repeat-x; text-align:center; color:#60A3BC; letter-spacing :-1pt;padding-left:15px;padding-right:15px;} .btnRight02 {width:10px; height:21px; background:url(/images/common/btnRight02.gif); background-repeat:no-repeat;} A.btn02:link {color:#60A3BC; font-weight:bold; text-decoration:none} A.btn02:visited {color:#60A3BC; font-weight:bold; text-decoration:none} A.btn02:active {color:#60A3BC; font-weight:bold; text-decoration:none} A.btn02:hover {color:#60A3BC; font-weight:bold; text-decoration:underline} /*-- Board 타이틀 --*/ .titleBoardLeft {width:2px; height:27px; background:url(/images/board/titleBoardLeftP.gif); background-repeat:no-repeat;} .titleBoardCenter {height:27px; background:url(/images/board/titleBoardCenterP.gif); background-repeat:repeat-x; text-align:center; color:#F86F95; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; } .titleBoardRight {width:3px; height:27px; background:url(/images/board/titleBoardRightP.gif); background-repeat:no-repeat;} .titleBoard30 {width:30px;} .titleBoard60 {width:60px;} .titleBoard120 {width:120px;} .titleLine {height:7px; background:url(/images/common/titleLine.gif);} /*-- Board --*/ .boardList { width:95%; border-bottom:1px solid #FFB7DF; } .boardList th { height:27px; font-size:9pt; color:#F86F95; overflow:hidden; text-align:center; text-overflow:ellipsis; white-space:nowrap; background:url(/images/board/titleBoardCenterP.gif) repeat-x; } .boardList td { height:30px; border-bottom:1px solid #eaeaeb; } .boardView { width:95%; border-top:2px solid #FFCFEA; border-bottom:1px solid #FFCFEA; } .boardView th { height:30px; font-size:9pt; background:#FFE9F3; border-bottom:1px solid #FFFFFF; } .boardView td { background:#FFE9F3; border-bottom:1px solid #FFFFFF; } .boardTableEtc { width:95%; height:40px; padding:10px; text-align:center; } .boardView .content { height:100px; padding:50px 10px 10px 10px; text-align:left; background:#FFFFFF url(http://www.cloverfields.co.kr/images/common/imgLogo.gif) left top no-repeat; } .boardWrite { width:95%; border-top:2px solid #FFCFEA; border-bottom:1px solid #FFCFEA; } .boardWrite th { height:30px; font-size:9pt; color:#F86F95; font-weight:nomal; background:#FFE9F3; border-bottom:1px solid #FFFFFF; } .boardWrite td { background:#FFFFFF; border-bottom:1px solid #FFFFFF; } .boardWrite .content { height:100px; padding:50px 10px 10px 10px; text-align:left; } /*-- Board End --*/ /*-- comment Start --*/ .commentList { width:95%; } .commentBg { padding:3px; background:#F5F5F5; } .commentInput { width:95%; padding:3px; background:#F5F5F5; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; } .commentDotLine { height:1px; background:url(http://www.cloverfields.co.kr/images/common/dotLine.gif); } .commentName { font-size:8pt; height:30px; padding:5px 0px; font-family:돋움; letter-spacing :-1pt; color:#9E9E9E; } .commentDate { font-size:8pt; font-family:돋움; letter-spacing :-1pt; color:#9E9E9E; } /*-- comment End --*/ .boardFix {table-laout:fixed;} .boardContent {height:27px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; } /*-- 여백관련속성 --*/ .space1 {height:1px;} .space5 {height:5px;} /*-- Top --*/ .logo {height:45px; padding-left:3px; padding-top:10px;} .utility {text-align:right; padding-top:15px; padding-right:7px;} /*-- login --*/ .loginInfo {font-family:돋움,굴림; color:#F975CA; font-size:8pt; letter-spacing :0pt;padding-left:10px;line-height:120%;} .loginBox {height:105px; border-right: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6;} /*-- Sub 카테고리 Box --*/ .bgSubBoxLeftMargin {margin-left:10px;} .bgSubBoxLeftpadding {padding-left:10px;} .bgSubBoxTop {width:709px; height:5px; background:url(/images/common/bgSubBoxTop.gif); background-repeat:no-repeat;} .bgSubBoxCenter {border-right: 3px solid #ECECEC; border-left: 3px solid #ECECEC;} .bgSubBoxBottom {width:709px; height:5px; background:url(/images/common/bgSubBoxBottom.gif); background-repeat:no-repeat;} .iconSubCategoryOn {width:120px; height:18px; background:url(/images/common/iconSubCategoryOn.gif); background-repeat:no-repeat; padding-left:13px;} .iconSubCategoryOff {width:120px; height:18px; background:url(/images/common/iconSubCategoryOff.gif); background-repeat:no-repeat; padding-left:13px;} /*-- 회색라운드 Box --*/ .bgBoxLeftTop {width:8px; height:8px; background:url(/images/common/bgBoxLeftTop.gif); background-repeat:no-repeat;} .bgBoxCenterTop {height:8px; background:url(/images/common/bgBoxCenterTop.gif); background-repeat:repeat-x;} .bgBoxRightTop {width:8px; height:8px; background:url(/images/common/bgBoxRightTop.gif); background-repeat:no-repeat;} .bgBoxLeftMiddle {width:8px; background:url(/images/common/bgBoxLeftMiddle.gif); background-repeat:repeat-y;} .bgBoxRightMiddle {width:8px; background:url(/images/common/bgBoxRightMiddle.gif); background-repeat:repeat-y;} .bgBoxLeftBottom {width:8px; height:8px; background:url(/images/common/bgBoxLeftBottom.gif); background-repeat:no-repeat;} .bgBoxCenterBottom {height:8px; background:url(/images/common/bgBoxCenterBottom.gif); background-repeat:repeat-x;} .bgBoxRightBottom {width:8px; height:8px; background:url(/images/common/bgBoxRightBottom.gif); background-repeat:no-repeat;} /*-- 메인 제품 Bg --*/ .mainProduct01 {background:url(/images/main/imgMainProductImg01.gif); background-repeat:no-repeat;padding-left:168px;} .mainProduct02 {background:url(/images/main/imgMainProductImg02.gif); background-repeat:no-repeat;padding-left:168px;} .mainProduct03 {background:url(/images/main/imgMainProductImg03.gif); background-repeat:no-repeat;padding-left:168px;} .mainProduct04 {background:url(/images/main/imgMainProductImg04.gif); background-repeat:no-repeat;padding-left:168px;} /*-- 메인 제품 Bg --*/ .contentTitle {width:12px; height:21px; background:url(/images/common/bgTitleRight.gif); background-repeat:no-repeat;} .mainCategory {padding-top:4px;padding-bottom:2px;} /*-- 제품상세 --*/ .contentBox {border: 5px solid #ECECEC; padding-top:3px; padding-bottom:3px; padding-left:8px;margin-top:1px;margin-bottom:1px;} .subTitle {background:url(/images/icon/iconSubTitle.gif); background-repeat:no-repeat; color:#666666; font-weight:bold; padding-left:20px;padding-top:3px;} .subTitleDot {background:url(/images/icon/subTitleDot.gif); background-repeat:no-repeat; color:#666666; font-weight:bold; padding-left:20px;padding-top:3px; text-decoration:underline;height:30px;} .subTitleBg {height:30px; border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; background:#F6F6F6;} .content {padding:10px; color:#797979; letter-spacing :0pt;} /*-- 고객센터 --*/ .customer {width:204px; height:201px; background:url(/images/main/imgCustomerTel.gif);background-repeat:no-repeat; padding-left:12px; padding-top:105px;} /*-- Footer --*/ .bgFooterLeft {width:4px; height:24px; background:url(/images/common/bgFooterLeft.gif); background-repeat:no-repeat;} .bgFooterCenter {height:24px; background:url(/images/common/bgFooterCenter.gif); background-repeat:repeat-x; padding-top:2px; text-align:center;} .bgFooterRight {width:4px; height:24px; background:url(/images/common/bgFooterRight.gif); background-repeat:no-repeat;} .inputSearch {height:18px;width:110px; font-size:12px; color: #097386; font-family: Tahoma; border:1px #2B8899 solid;padding-top:2px; } .bank {padding-left:77px;padding-top:1px; font-family:tahoma,돋움,굴림; color:#868686;font-weight:bold;font-size:10pt;letter-spacing :0pt;}