@charset "utf-8"; /* 2013-07-10 */ #cmt { margin:0 auto; padding:20px 0 0 0; } #cmt .cmtList ul li .cmtCont p.cmtContPhoto a, #cmt .cmtList ul li .cmtCont a.cmtContTransLink, #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContBtnLike, #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset div.cmtContFormSubmit span.cmtButtonSubmit, #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset div.cmtContFormSubmit span.cmtButtonSubmit button, #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset div.cmtContFormSubmit a.cmtButtonCancel, #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset div.cmtContFormSubmit a.cmtButtonCancel span, #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset a.cmtContFormClose, #cmt form fieldset p.cmtWritePhoto, #cmt form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li a span.cmtWritePhoto, #cmt.cmt_mini .cmtList ul li .cmtCont p.cmtContPhoto a, #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContBtnCancel, #cmt .moReplyWrap form fieldset div.cmtWriteWrap span.cmtButtonSubmit button.cmtContBtnCancel, #cmt form fieldset .cmtMediaInput .icoDel, #cmt form fieldset .adminMedia label { background:url(../images/cmt/cmt_btn.png?v=1) no-repeat left top; } #cmt .cmtBox {position:relative;padding-top:20px; padding-bottom:11px; font-size:14px; color:#444444; line-height:18px;border-bottom:2px solid #d5d5d5;} #cmt .cmtBox:before {content:"";} #cmt .cmtBox p {position:absolute;top:22px;right:0;} #cmt .cmtBox p a {color:#444;font-size:12px;} #cmt .cmtBox .cmtB { font-weight:bold; } #cmt .cmtBox .cmtBFirst { color:#e44d11; font-weight:bold; } #cmt .cmtBox .cmtNum {font-weight:bold;color:#e44d11;} #cmt .cmtMoreView {color:#444444; line-height:18px;text-align:center;border:1px solid #d5d5d5;border-radius:0 0 3px 3px;box-shadow:1px 1px 2px 0 #f1f1f1;} #cmt .cmtMoreView .cmtBLink {display:block;padding:8px 0 6px;font-weight:bold;color:#444444;background:#fff;border:1px solid #ffffff;text-align:center;} #cmt .cmtMoreView .cmtBLink span {display:inline-block;padding-right:20px;font-family:Arial;background:url('../images/cmt/cmt_moreView.png') right center no-repeat;} #cmt .cmtMoreView .cmtBLink:hover {background:#fff;color:#000000;} #cmt .cmtMoreView .cmtNum {margin-left:2px;} #cmt .cmtList { position:relative; width:100%;} #cmt .cmtList ul { } #cmt .cmtList ul li {padding:9px 0 8px 0; border-bottom:1px solid #d5d5d5; } #cmt .cmtList ul li .cmtCont { position:relative; min-height:43px;padding-left:50px;font-size:12px; color:#666666; } #cmt .cmtList ul li .cmtCont.on { z-index:11; } #cmt .cmtList ul li .cmtCont p.cmtContPhoto { position:absolute; left:0; top:3px; width:40px; height:40px; } #cmt .cmtList ul li .cmtCont p.cmtContPhoto a { width:40px; height:40px; background-position:-50px top; display:block; } #cmt .cmtList ul li .cmtCont p.cmtContPhoto a img { width:40px; height:40px; display:block; } #cmt .cmtList ul li .cmtCont p.cmtContNick {display:block;margin:0 0 4px 0 !important;} #cmt .cmtList ul li .cmtCont p.cmtContNick a {vertical-align:top;font-weight:bold; line-height:16px;color:#4b8697;} #cmt .cmtList ul li .cmtCont p.cmtContBody {position:relative;display:block;margin:0 0 3px 0 !important; font-size:12px; color:#333333; line-height:16px; word-wrap:break-word;word-break:break-all;} #cmt .cmtList ul li .cmtCont p.cmtContBody a.cmtContProfileLink { color:#4b8697;} #cmt .cmtList ul li .cmtCont .cmtContDate {display:inline-block;*display:inline; margin:0 5px 0 0 !important; z-index:5;} #cmt .cmtList ul li .cmtCont div.cmtContDate.on { z-index:11; } #cmt .cmtList ul li .cmtCont a.cmtContTransLink { position:relative; top:-1px; width:19px; height:15px; line-height:15px; display:inline-block;} #cmt .cmtList ul li .cmtCont.on a.cmtContTransLink { background-position:left -20px; } #cmt .cmtList ul li .cmtCont a.cmtContTransLink span { width:19px; height:15px; line-height:15px; text-indent:-99999em; display:block; } #cmt .cmtList ul li .cmtCont a.cmtContTransLink:hover { background-position:left -20px; } #cmt .cmtList ul li .cmtCont .cmtContBtnNoti .cmtContBtnNotiLink {display:inline-block;width:11px;height:11px;margin-left:5px;vertical-align:middle;background:url('../images/cmt/cmt_iconSet.png') no-repeat;background-position:-39px 0;text-indent:-99999px;*float:left;*margin-top:4px;} #cmt .cmtList ul li .cmtCont .modifyReply {position:absolute;top:0;left:45px;margin:0;padding:4px 7px 4px 7px; height:auto; min-height:14px; font-size:12px; color:#333333; font-weight:bold; color:#666666; border:1px solid #ababab;border-radius:3px; overflow-y:auto; overflow:hidden; background-color:#fff;z-index:10;} #cmt .cmtList ul li .cmtCont div.cmtContTransListWrap { position:absolute; right:0px; width:265px; padding:9px 0; border:1px solid #ababab; -webkit-border-radius:3px; border-radius:3px; background-color:#fff; z-index:5; } #cmt .cmtList ul li .cmtCont div.cmtContTransListWrap.cmt_top { top:16px; } #cmt .cmtList ul li .cmtCont div.cmtContTransListWrap.cmt_bottom { bottom:16px; } #cmt .cmtList ul li .cmtCont div.cmtContTransListWrap ul { } #cmt .cmtList ul li .cmtCont div.cmtContTransListWrap ul li { float:left; width:130px; height:20px; padding:0; border-bottom:0 none; } #cmt .cmtList ul li .cmtCont div.cmtContTransListWrap ul li.odd { border-right:1px solid #ababab; } #cmt .cmtList ul li .cmtCont div.cmtContTransListWrap ul li a { padding:0 0 0 14px; height:20px; line-height:20px; display:block; } #cmt .cmtList ul li .cmtCont div.cmtContBtn {position:relative;width:100%;margin:7px 0 0 0 !important;max-height:15px; display:inline-block;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft {height:15px;position:relative;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContBtnReply .cmtContBtnReplyLink {color:#4b8697;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContBtnLike { margin-left:3px; padding-left:8px; background-position:left -200px; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContBtnLike a { display:inline-block;*display:inline; color:#4b8697;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContBtnLike strong { margin-left:-2px; color:#4b8697; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContBtnModify a {color:#4b8697;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContBtnModify button {color:#4b8697;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContBtnModify button:hover {text-decoration:underline;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContBtnCancel a {color:#4b8697;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContBtnCancel { margin-left:3px; padding-left:8px; background-position:left -200px; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContSnsBtn { margin-right:5px;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContSnsBtn i {display:inline-block;width:17px;height:17px;background:url('../images/cmt/cmt_snsBtn.png') no-repeat;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContSnsBtn i em {display:inline-block;text-indent:-99999px;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContSnsBtn i.twitter {background-position:0 -25px;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContSnsBtn i.facebook {background-position:-21px -25px;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContSnsBtn i.weibo {background-position:-42px -25px;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnLeft .cmtContSnsBtn i.renren {background-position:-64px -25px;} #cmt .cmtWrite .edt_snShare {display:block;margin:12px 0 0 51px;} #cmt .cmtWrite .edt_snShare dl dt {display:none;} #cmt .cmtWrite .edt_snShare dl dd {float:left;margin-left:5px;} #cmt .cmtWrite .edt_snShare dl dd:first-child {margin-left:0;} #cmt .cmtWrite .edt_snShare a {display:inline-block;width:17px;height:17px;background:url('../images/cmt/cmt_snsBtn.png') no-repeat;text-indent:0} #cmt .cmtWrite .edt_snShare a em {display:inline-block;text-indent:-99999px;} #cmt .cmtWrite .edt_snShare a.twitter {background-position:0 0;} #cmt .cmtWrite .edt_snShare a.facebook {background-position:-21px 0;} #cmt .cmtWrite .edt_snShare a.weibo {background-position:-42px 0;} #cmt .cmtWrite .edt_snShare a.renren {background-position:-64px 0;} #cmt .cmtWrite .edt_snShare a.twitter:hover, #cmt .cmtWrite .edt_snShare a.twitter.on {background-position:0 -25px;} #cmt .cmtWrite .edt_snShare a.facebook:hover, #cmt .cmtWrite .edt_snShare a.facebook.on {background-position:-21px -25px;} #cmt .cmtWrite .edt_snShare a.weibo:hover, #cmt .cmtWrite .edt_snShare a.weibo.on {background-position:-42px -25px;} #cmt .cmtWrite .edt_snShare a.renren:hover, #cmt .cmtWrite .edt_snShare a.renren.on {background-position:-64px -25px;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight {position:absolute;top:0;right:0;height:15px;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight.on { z-index:11; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContBtnDelete { margin-right:5px; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContBtnDelete .cmtContBtnModifyLink {display:inline-block;width:11px;height:11px;margin-left:5px;vertical-align:middle;background:url('../images/cmt/cmt_iconSet.png') no-repeat;background-position:0 0;text-indent:-99999px;*float:left;*margin:2px 5px 0;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContBtnDelete .cmtContBtnDeleteLink {display:inline-block;width:11px;height:11px;margin-left:5px;vertical-align:middle;background:url('../images/cmt/cmt_iconSet.png') no-repeat;background-position:-20px 0;text-indent:-99999px;*float:left;*margin:2px 5px 0;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContBtnNoti {margin-right:10px; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap { position:absolute; right:0px; width:225px; padding:0 0 0 0; border:1px solid #ababab; -webkit-border-radius:3px; border-radius:3px; background-color:#fff; z-index:5; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap.cmt_top { top:19px; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap.cmt_bottom { bottom:19px; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form { } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset { position:relative; width:100%; padding-bottom:20px; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset legend { margin:0; padding:0; width:100%; height:auto; font-size:12px; color:#333333; font-weight:bold; line-height:16px; text-indent:0px; border:0 none; background:#e9e9e9; border-radius:3px 3px 0 0; display:block; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset legend span { padding:9px 15px 7px 15px; display:block; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset div.cmtContForm { padding:11px 15px 0 15px; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset div.cmtContForm p { padding:0 0 4px 0; line-height:16px; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset div.cmtContForm p input.cssRadio { position:relative; top:-2px; width:16px; height:16px; vertical-align:middle;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset div.cmtContFormTextarea { padding:4px 15px 15px 15px; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset div.cmtContFormTextarea textarea.cssTextarea { width:179px; height:44px; padding:4px 7px 4px 7px; color:#666666; border:1px solid #ababab; overflow-y:auto; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset div.cmtContFormSubmit { text-align:center; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset div.cmtContFormSubmit span.cmtButtonSubmit { margin:0; padding:0 0 0 1px; border:0 none; background-position:left -400px; display:inline-block; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset div.cmtContFormSubmit span.cmtButtonSubmit button { padding:0 13px 0 12px; height:27px; font-weight:bold; line-height:27px; background-position:right -400px; display:inline-block;} #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset div.cmtContFormSubmit a.cmtButtonCancel { margin:0; padding:0 0 0 13px; cursor:pointer; font-weight:bold; background-position:left -430px; display:inline-block; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset div.cmtContFormSubmit a.cmtButtonCancel:hover { text-decoration:none; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset div.cmtContFormSubmit a.cmtButtonCancel span { padding:0 13px 0 0; height:27px; line-height:27px; background-position:right -430px; display:inline-block; } #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset a.cmtContFormClose { position:absolute; right:5px; top:4px; width:22px; height:22px; text-indent:-99999px; background-position:-20px 0px; display:block; } #cmt .cmtList ul li .cmtCont .cmtMedia {position:relative;max-height:390px;min-height:93px;margin:10px 0;} #cmt .cmtList ul li .cmtCont .cmtMedia .imgType {display:inline-block;padding:4px;border:1px solid #e1e1e1;} #cmt .cmtList ul li .cmtCont .cmtMedia .imgType img {max-width:640px;max-height:210px;min-height:85px;} #cmt .cmtList ul li .cmtCont .cmtMedia .videoType {display:inline-block;max-width:640px;min-height:73px;padding:10px;background:#f6f6f6;} #cmt .cmtList ul li .cmtCont .cmtMedia .videoType .thumb {position:absolute;top:10px;left:10px;} #cmt .cmtList ul li .cmtCont .cmtMedia .videoType .thumb img {width:130px;height:73px;} #cmt .cmtList ul li .cmtCont .cmtMedia .videoType .thumb .btn_play {position:absolute; bottom:3px; left:3px; background:url('../images/com/btn/btn_arrow.png') 0 -129px no-repeat;width:21px;height:21px; text-indent:-9999px;} #cmt .cmtList ul li .cmtCont .cmtMedia .videoType .vodInfo {margin:0 0 0 140px;} #cmt .cmtList ul li .cmtCont .cmtMedia .videoType .vodInfo .vodTitle a {font-weight:bold;} /* #cmt .cmtWrite { position:relative; width:100%; min-height:40px; margin-bottom:20px; z-index:11; } #cmt .cmtWrite form { } #cmt .cmtWrite form fieldset { } #cmt .cmtWrite form fieldset p.cmtWritePhoto { position:absolute; left:0px; top:0px; width:40px; height:40px; background-position:-50px top; } #cmt .cmtWrite form fieldset div.cmtWriteWrap { position:relative; margin-left:50px; } #cmt .cmtWrite form fieldset div.cmtWriteWrap div.cmtWriteForm { position:relative; -webkit-border-radius:3px; border-radius:3px; border:1px solid #aeaeae; background-color:#fff; } #cmt .cmtWrite form fieldset div.cmtWriteWrap div.cmtWriteForm div.cmtWriteMentions { position:absolute; width:100%; } #cmt .cmtWrite form fieldset div.cmtWriteWrap div.cmtWriteForm div.cmtWriteMentions div { padding:10px 61px 10px 7px; font-size:12px; color:#fff; font-weight:bold; line-height:18px; white-space:pre-wrap; word-wrap:break-word; } #cmt .cmtWrite form fieldset div.cmtWriteWrap div.cmtWriteForm div.cmtWriteMentions div b { background-color:#d4d4d4; color:#d4d4d4; line-height:18px; } */ /* #cmt .cmtWrite form fieldset div.cmtWriteWrap div.cmtWriteForm div.cmtWriteTextarea { position:relative; padding:10px 61px 10px 7px; z-index:2; } #cmt .cmtWrite form fieldset div.cmtWriteWrap div.cmtWriteForm textarea.cssTextarea { margin:0; padding:0; width:100%; height:18px; min-height:18px; font-size:12px; color:#333333; font-weight:bold; line-height:18px; border:0 none; overflow:hidden; background-color:transparent; } */ /* #cmt .cmtWrite form fieldset div.cmtWriteWrap div.cmtWriteForm div.cmtWriteTextarea { position:relative; z-index:2; } #cmt .cmtWrite form fieldset div.cmtWriteWrap div.cmtWriteForm textarea.cssTextarea { margin:0; padding:10px 61px 10px 7px; height:18px; min-height:18px; font-size:12px; color:#333333; font-weight:bold; line-height:18px; border:0 none; overflow:hidden; background-color:transparent; } #cmt .cmtWrite form fieldset div.cmtWriteWrap span.cmtButtonSubmit { position:absolute; right:0px; top:0; width:54px; height:100%; display:block; z-index:5; } #cmt .cmtWrite form fieldset div.cmtWriteWrap span.cmtButtonSubmit button { width:100%; height:100%; font-weight:bold; border:1px solid #7e7e7e; -webkit-border-radius:3px; border-radius:3px; background-color:#efefef; display:block; -webkit-box-sizing: border-box;box-sizing: border-box;} #cmt .cmtWrite form fieldset div.cmtWriteWrap span.cmtButtonSubmit button:hover { background-color:#fcfcfc; } #cmt .cmtWrite form fieldset div.cmtWriteReplyWrap { position:absolute; width:100%; left:0; top:0; } #cmt .cmtWrite form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub { position:relative; left:0; bottom:0; width:100%; } #cmt .cmtWrite form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul { position:absolute; left:-1px; bottom:0px; width:223px; border:1px solid #ababab; -webkit-border-radius:3px; border-radius:3px; background-color:#fff; } #cmt .cmtWrite form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li { border-top:1px solid #cccccc; } #cmt .cmtWrite form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li:first-child { border-top:0 none; } #cmt .cmtWrite form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li a { position:relative; padding:4px; min-height:30px; display:block; } #cmt .cmtWrite form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li a span.cmtWritePhoto { position:absolute; left:4px; top:4px; width:30px; height:30px; background-position:-100px top; } #cmt .cmtWrite form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li a em { margin-left:39px; margin-right:9px; line-height:30px; display:block; } #cmt .cmtWrite form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li a em b { font-weight:bold; } #cmt .cmtWrite form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li a:hover { text-decoration:none; background-color:#e7e7e7; } #cmt .cmtWrite form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li a.on { text-decoration:none; background-color:#e7e7e7; } */ /* 댓글 관련 수정 CSS Start 2013-07-05 */ #cmt .cmtWrite { position:relative; width:100%; min-height:40px; margin-bottom:20px;padding:13px 0;background:#f6f6f6;} #cmt form { } #cmt form fieldset { } #cmt form fieldset p.cmtWritePhoto { position:absolute; left:0px; top:13px; width:40px; height:40px; background-position:-50px top; } #cmt form fieldset div.cmtWriteWrap { position:relative; margin-left:50px; } #cmt form fieldset div.cmtWriteWrap div.cmtWriteForm { position:relative; -webkit-border-radius:3px; border-radius:3px; border:1px solid #aeaeae; background-color:#fff; } #cmt form fieldset div.cmtWriteWrap div.cmtWriteForm div.cmtWriteMentions { position:absolute; width:100%; } #cmt form fieldset div.cmtWriteWrap div.cmtWriteForm div.cmtWriteMentions div { padding:10px 101px 10px 7px; font-size:12px; color:#fff; font-weight:bold; line-height:18px; white-space:pre-wrap; word-wrap:break-word; } #cmt .cmtCont form fieldset div.cmtWriteWrap div.cmtWriteForm div.cmtWriteMentions div {padding-right:61px;} #cmt form fieldset div.cmtWriteWrap div.cmtWriteForm div.cmtWriteMentions div b { background-color:#d4d4d4; color:#d4d4d4; line-height:18px; } /* #cmt form fieldset div.cmtWriteWrap div.cmtWriteForm div.cmtWriteTextarea { position:relative; padding:10px 61px 10px 7px; z-index:2; } #cmt form fieldset div.cmtWriteWrap div.cmtWriteForm textarea.cssTextarea { margin:0; padding:0; width:100%; height:18px; min-height:18px; font-size:12px; color:#333333; font-weight:bold; line-height:18px; border:0 none; overflow:hidden; background-color:transparent; } */ #cmt form fieldset div.cmtWriteWrap div.cmtWriteForm div.cmtWriteTextarea { position:relative; z-index:2; } #cmt form fieldset div.cmtWriteWrap div.cmtWriteForm textarea.cssTextarea { margin:0; padding:10px 61px 10px 7px; height:18px; min-height:18px; font-size:12px; color:#333333; font-weight:bold; line-height:18px; border:0 none; overflow:hidden; background-color:transparent; } #cmt form fieldset div.cmtWriteWrap span.cmtButtonSubmit { position:absolute; right:0px; top:0; width:54px; height:100%; display:block; z-index:5; } #cmt form fieldset div.cmtWriteWrap span.cmtButtonSubmit button { width:100%; height:100%; font-weight:bold; border:1px solid #7e7e7e; -webkit-border-radius:3px; border-radius:3px; background-color:#efefef; display:block; -webkit-box-sizing: border-box;box-sizing: border-box;} #cmt form fieldset div.cmtWriteWrap span.cmtButtonSubmit button:hover { background-color:#fcfcfc; } #cmt form fieldset div.cmtWriteReplyWrap { position:absolute; width:100%; left:0; top:0; } #cmt form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub { position:relative; left:0; bottom:0; width:100%; } #cmt form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul { position:absolute; left:-1px; bottom:0px; width:223px; border:1px solid #ababab; -webkit-border-radius:3px; border-radius:3px; background-color:#fff; } #cmt form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li { border-top:1px solid #cccccc; } #cmt form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li:first-child { border-top:0 none; } #cmt form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li a { position:relative; padding:4px; min-height:30px; display:block; } #cmt form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li a span.cmtWritePhoto { position:absolute; left:4px; top:4px; width:30px; height:30px; background-position:-100px top; } #cmt form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li a em { margin-left:39px; margin-right:9px; line-height:30px; display:block; } #cmt form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li a em b { font-weight:bold; } #cmt form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li a:hover { text-decoration:none; background-color:#e7e7e7; } #cmt form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li a.on { text-decoration:none; background-color:#e7e7e7; } #cmt form fieldset .cmtMediaInput {position:relative;width:490px;min-height:80px;margin:10px 0;padding:5px 5px 0;border-top:1px solid #ececec;} #cmt form fieldset .cmtMediaInput .imgType img {max-width:490px;max-height:80px;} #cmt form fieldset .cmtMediaInput .icoDel {position:absolute;top:5px;right:64px;width:9px;height:9px;padding:3px;text-indent:-99999px;background-position:-22px -3px;} #cmt form fieldset .cmtMediaInput .videoType {display:inline-block;min-height:73px;padding:10px;} #cmt form fieldset .cmtMediaInput .videoType .thumb {position:absolute;top:10px;left:10px;} #cmt form fieldset .cmtMediaInput .videoType .thumb img {width:130px;height:73px;} #cmt form fieldset .cmtMediaInput .videoType .thumb .btn_play {position:absolute; bottom:3px; left:3px; background:url('../images/com/btn/btn_arrow.png') 0 -129px no-repeat;width:21px;height:21px; text-indent:-9999px;} #cmt form fieldset .cmtMediaInput .videoType .vodInfo {margin:0 0 0 140px;} #cmt form fieldset .cmtMediaInput .videoType .vodInfo .vodTitle a {font-weight:bold;} #cmt form fieldset .adminMedia {position:absolute;top:6px;right:58px;width:33px;overflow:hidden;z-index:4;} #cmt form fieldset .adminMedia label {display:block;width:23px;height:17px;padding:5px;text-indent:-99999px;background-position:-145px 5px;} #cmt form fieldset .adminMedia input {position:absolute;top:0px;left:0px;width:23px;height:17px;padding:5px;opacity:0;filter:alpha(opacity=0);} #cmt .cmtCont form fieldset .adminMedia {right:6px;} #cmt .moReplyWrap form fieldset div.cmtWriteWrap { margin-left:0; } #cmt .moReplyWrap form fieldset div.cmtWriteReplyWrap .cmtWriteReplySub ul li { padding:0; border-bottom:0 none; } #cmt .moReplyWrap form fieldset div.cmtWriteWrap span.cmtButtonSubmit { position:static; padding-top:7px; width:100%; height:auto; } #cmt .moReplyWrap form fieldset div.cmtWriteWrap span.cmtButtonSubmit button { width:auto; height:auto; color:#4b8697; font-weight:normal; background-color:transparent; border:0 none; display:inline; } #cmt .moReplyWrap form fieldset div.cmtWriteWrap span.cmtButtonSubmit button.cmtContBtnCancel { margin-left:3px; padding-left:8px; background-position:left -197px; } #cmt .moReplyWrap form fieldset div.cmtWriteWrap span.cmtButtonSubmit button:hover { text-decoration:underline; } /* 댓글 관련 수정 CSS End 2013-07-05 */ /* 댓글 관련 수정 CSS Start 2013-07-10 : 제민 */ #cmt .cmtList .cmtWriteReplyWrap, #cmt .cmtWrite .cmtWriteReplyWrap { z-index:11 } /* 댓글 관련 수정 CSS End 2013-07-10 */ /* 요약본 */ #cmt.cmt_mini {background-color:#f6f6f6; } #cmt.cmt_mini .cmtBox { padding-top:; padding-left:19px; padding-right:19px; padding-bottom:6px; font-size:12px;border-bottom:none;} #cmt.cmt_mini .cmtBox p {top:2px; right:20px;} #cmt.cmt_mini .cmtBox .cmtNum { margin-left:0; font-weight:bold; } #cmt.cmt_mini .cmtList { width:auto; padding-left:15px; padding-right:15px; padding-bottom:13px; margin-bottom:0; background-color:#f6f6f6; } #cmt.cmt_mini .cmtList ul li .cmtCont p.cmtContPhoto { left:5px; width:30px; height:30px; } #cmt.cmt_mini .cmtList ul li .cmtCont p.cmtContPhoto a { width:30px; height:30px; background-position:-100px top; } #cmt.cmt_mini .cmtList ul li .cmtCont p.cmtContPhoto a img { width:30px; height:30px; } #cmt.cmt_mini .cmtList ul li .cmtCont p.cmtContNick {margin-bottom:3px; } #cmt.cmt_mini .cmtList ul li .cmtCont .cmtContBody {margin-bottom:2px; line-height:18px; } #cmt.cmt_mini .cmtList ul li .cmtCont div.cmtContDate {} #cmt.cmt_mini .cmtList ul li .cmtCont div.cmtContBtn {display:inline-block;} #cmt.cmt_mini .cmtWrite { width:auto;margin-bottom:0;padding:0 15px 80px; background-color:#f6f6f6; } #cmt.cmt_mini .cmtWrite form { position:relative; } #cmt.cmt_mini .cmtWrite form fieldset p.cmtWritePhoto { left:5px; top:5px; width:30px; height:30px; background-position:-100px top; } #cmt.cmt_mini .cmtWrite form fieldset p.cmtWritePhoto img { width:30px; height:30px; } #cmt.cmt_mini .cmtWrite form fieldset div.cmtWriteWrap { margin-left:41px; } #cmt.cmt_mini .cmtMoreView {margin-bottom:20px;border-radius:0;box-shadow:0 0 0;} #cmt.cmt_mini .cmtList ul li .cmtCont .cmtMedia .imgType img {max-width:100%;height:auto;max-height:73px;} #cmt.cmt_mini form fieldset .cmtMediaInput {position:relative;width:auto;height:80px;margin:10px 0;padding:5px 5px 0;border-top:1px solid #ececec;} #cmt.cmt_mini form fieldset .cmtMediaInput .imgType img {max-width:100%;max-height:80px;} #cmt .cmtMoreView .cmtBLink {border:none;} /* hack */ *:first-child+html #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset legend { margin-left:-7px; } *:first-child+html #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset div.cmtContFormSubmit span.cmtButtonSubmit { position:relative; top:-1px; vertical-align:middle; } body:not(:-moz-handler-blocked) #cmt .cmtList ul li .cmtCont div.cmtContBtn .cmtContBtnRight .cmtContNotiWrap form fieldset div.cmtContFormSubmit span.cmtButtonSubmit { position:relative; top:-1px; vertical-align:middle; }