/* BASIC css start */
.sealTopBn { margin:0 auto; padding-top:30px; width:1200px }
.sealTopBn img { width:1200px }

#contentWrap { margin-top:10px }

.subTitle { padding-left:95px }
.sealTab { margin:24px 93px 0 95px; height:39px; border-bottom:1px solid #333 }
.sealTab ul { *zoom:1 }
.sealTab ul:after { display:block; clear:both; content:'' }
.sealTab li { float:left; width:164px; height:38px; border:1px solid #ccc; border-left:1px solid #fff; border-bottom:1px solid #333 }
.sealTab li.first { border-left:1px solid #ccc; border-right:1px solid #fff }
.sealTab li.active { border:1px solid #333; border-bottom:1px solid #fff }
.sealTab li a { display:block; height:38px; font-size:14px; color:#989898; text-align:center; line-height:38px }
.sealTab li.active a { color:#000 }
.sealTab li.active a:hover{background: #9a1f1f; color:#fff; border:0}
.sealTab li a:hover{background: #9a1f1f; color:#fff}
.sealContent { padding-top:30px }
.sealContent .tabCont { display:none }
.sealContent .btnSet { position:relative; padding-left:96px; width:967px }
.sealContent .btnSet ul { *zoom:1 }
.sealContent .btnSet ul:after { display:block; clear:both; content:'' }
.sealContent .btnSet ul li { float:left }
.sealContent .btnSet ul li.last { padding-left:7px }

.commLayer { display:none; margin-top:-450px; margin-left:-509px; position:fixed; top:50%; left:50%; width:1018px; height:900px; overflow-y:auto; background:#fff; z-index:9999 }
.commLayer .layerArea { padding:20px 17px 30px }
.commLayer .layerArea .commTab { padding-top:49px; position:relative }
.commLayer .layerArea .commTab ul { padding-left:1px; *zoom:1 }
.commLayer .layerArea .commTab ul:after { display:block; clear:both; content:'' }
.commLayer .layerArea .commTab li { margin-left:-1px; float:left; width:137px; height:38px; border:1px solid #d4d4d4; border-bottom:1px solid #535353 }
.commLayer .layerArea .commTab li.first { width:136px }
.commLayer .layerArea .commTab li a { display:block; height:38px; font-size:15px; color:#999; text-align:center; line-height:38px }
.commLayer .layerArea .commTab li a:hover{  background: #9a1f1f; color:#fff}
.commLayer .layerArea .commTab li.active { border:1px solid #9a1f1f; border-bottom:1px solid #535353; background:#9a1f1f }
.commLayer .layerArea .commTab li.active a { color:#fff }

.sealLayer .layerArea .colorInfoArea { padding-top:12px; position:relative }
.sealLayer .layerArea .colorInfoArea .colorInfo { display:none }
.sealLayer .layerArea .colorInfoArea .sealThumbArea { position:relative; width:966px; overflow:hidden }
.sealLayer .layerArea .colorInfoArea .sealThumbArea .bgThumb { width:966px }
.sealLayer .layerArea .colorInfoArea .sealThumbArea .penThumb { position:absolute; top:160px; left:12px }
.sealLayer .layerArea .colorInfoArea .sealThumbArea .penThumb.stainThumb { top:147px }
.sealLayer .layerArea .colorInfoArea .sealThumbArea .penThumb.clipThumb { top:128px }
.sealLayer .layerArea .colorInfoArea .fontTypeArea { margin-top:31px; width:966px; height:542px; background:url(http://pencafe.img4.kr/renewal/abc963011/bg_font_type.jpg) 0 0 no-repeat }
.sealLayer .layerArea .colorInfoArea .fontTypeArea.h398 { height:398px }
.sealLayer .layerArea .colorInfoArea .fontTypeArea .fontList { padding-top:1px; position:relative }
.sealLayer .layerArea .colorInfoArea .fontTypeArea .fontList ul { *zoom:1 }
.sealLayer .layerArea .colorInfoArea .fontTypeArea .fontList ul:after { display:block; clear:both; content:'' }
.sealLayer .layerArea .colorInfoArea .fontTypeArea .fontList li { padding-left:1px; float:left; width:192px; height:65px }
.sealLayer .layerArea .colorInfoArea .fontTypeArea .fontList li a { display:block; height:65px; text-indent:-9999em }
.sealLayer .layerArea .colorInfoArea .fontTypeArea .fontList li a:hover,
.sealLayer .layerArea .colorInfoArea .fontTypeArea .fontList li a.active { box-sizing:border-box; border:1px solid #9a1f1f }
.sealLayer .layerArea .colorInfoArea .fontTypeArea .fontList .line1 { padding-left:193px }
.sealLayer .layerArea .colorInfoArea .fontTypeArea .fontList .line2 { padding-top:29px }
.sealLayer .layerArea .colorInfoArea .fontTypeArea .koFont { padding-top:34px }
.sealLayer .layerArea .colorInfoArea .fontTypeArea .koFont .line2 { padding-top:1px }
.sealLayer .layerArea .colorInfoArea .fontTypeArea .chFont,
.sealLayer .layerArea .colorInfoArea .fontTypeArea .logoFont,
.sealLayer .layerArea .colorInfoArea .fontTypeArea .signFont { padding-top:7px }
.sealLayer .layerArea .colorInfoArea .etcArea img { width:966px }

.sealLayer .layerArea .colorInfoArea .fontLinks { position:absolute; top:474px; left:0 }
.sealLayer .layerArea .colorInfoArea .fontLinks ul { *zoom:1 }
.sealLayer .layerArea .colorInfoArea .fontLinks ul:after { display:block; clear:both; content:'' }
.sealLayer .layerArea .colorInfoArea .fontLinks ul.line1 { padding-left:193px }
.sealLayer .layerArea .colorInfoArea .fontLinks ul.line2 { position:absolute; top:93px; left:0 }
.sealLayer .layerArea .colorInfoArea .fontLinks li { padding-left:1px; float:left; width:192px; height:27px }
.sealLayer .layerArea .colorInfoArea .fontLinks li a { display:block; height:27px; text-indent:-9999em }
.sealLayer .layerArea .colorInfoArea .largeQuanLink { position:absolute; top:811px; right:2px; width:192px; height:65px; z-index:10 }
.sealLayer .layerArea .colorInfoArea .largeQuanLink a { display:block; width:192px; height:65px; text-indent:-9999em }

.diaryLayer .layerArea .infoTab li {  width:240px }
.diaryLayer .layerArea .infoTab li.first { width:240px }

.diaryLayer .layerArea .diaryInfoArea { padding-top:12px; position:relative }
.diaryLayer .layerArea .diaryInfoArea .diaryThumbArea { position:relative; width:966px; overflow:hidden }
.diaryLayer .layerArea .diaryInfoArea .diaryThumbArea .bgThumb { width:966px }
.diaryLayer .layerArea .diaryInfoArea .diaryThumbArea .diaryThumb { position:absolute; top:61px; left:0px }
.diaryLayer .layerArea .diaryInfoArea .diaryTypeArea { margin-top:21px; width:966px; height:398px; background:url(http://pencafe.img4.kr/renewal/abc963011/bg_font_type.jpg) 0 0 no-repeat } // ÁÖ¼®Ã³¸® 261013. 470px¿¡¼­ 398px·Î º¯°æ
.diaryLayer .layerArea .diaryInfoArea .diaryTypeArea .fontList { padding-top:1px; position:relative }
.diaryLayer .layerArea .diaryInfoArea .diaryTypeArea .fontList ul { *zoom:1 }
.diaryLayer .layerArea .diaryInfoArea .diaryTypeArea .fontList ul:after { display:block; clear:both; content:'' }
.diaryLayer .layerArea .diaryInfoArea .diaryTypeArea .fontList li { padding-left:1px; float:left; width:192px; height:65px }
.diaryLayer .layerArea .diaryInfoArea .diaryTypeArea .fontList li a { display:block; height:65px; text-indent:-9999em }
.diaryLayer .layerArea .diaryInfoArea .diaryTypeArea .fontList li a:hover,
.diaryLayer .layerArea .diaryInfoArea .diaryTypeArea .fontList li a.active { box-sizing:border-box; border:1px solid #9a1f1f }
.diaryLayer .layerArea .diaryInfoArea .diaryTypeArea .fontList .line1 { padding-left:193px }
.diaryLayer .layerArea .diaryInfoArea .diaryTypeArea .fontList .line2 { padding-top:29px }
.diaryLayer .layerArea .diaryInfoArea .diaryTypeArea .koFont { padding-top:34px }
.diaryLayer .layerArea .diaryInfoArea .diaryTypeArea .koFont .line2 { padding-top:1px }
.diaryLayer .layerArea .diaryInfoArea .diaryTypeArea .chFont,
.diaryLayer .layerArea .diaryInfoArea .diaryTypeArea .logoFont,
.diaryLayer .layerArea .diaryInfoArea .diaryTypeArea .signFont { padding-top:7px }

.diaryLayer .layerArea .diaryInfoArea .fontLinks { position:absolute; top:419px; left:0 }
.diaryLayer .layerArea .diaryInfoArea .fontLinks ul { *zoom:1 }
.diaryLayer .layerArea .diaryInfoArea .fontLinks ul:after { display:block; clear:both; content:'' }
.diaryLayer .layerArea .diaryInfoArea .fontLinks ul.line1 { padding-left:193px }
.diaryLayer .layerArea .diaryInfoArea .fontLinks ul.line2 { position:absolute; top:93px; left:0 }
.diaryLayer .layerArea .diaryInfoArea .fontLinks li { padding-left:1px; float:left; width:192px; height:27px }
.diaryLayer .layerArea .diaryInfoArea .fontLinks li a { display:block; height:27px; text-indent:-9999em }
.diaryLayer .layerArea .diaryInfoArea .largeQuanLink { position:absolute; top:756px; right:2px; width:192px; height:65px; z-index:10 }
.diaryLayer .layerArea .diaryInfoArea .largeQuanLink a { display:block; width:192px; height:65px; text-indent:-9999em }

.diaryLayer .infoBox { width:966px }
.diaryLayer .infoBox img { width:100% }

.sealMask { display:none; position:fixed; top:0; left:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9990 }
/* BASIC css end */