@import "../../../common/lib/style/webfont/NotoSans.css"; /* 모바일 */ @import "../../../common/lib/style/webfont/Pretendard.css"; /* 모바일 */ /* COMMON */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button, nav, menu {margin: 0;padding: 0;} dl, ul, ol, li {list-style: none outside none;} address, caption, cite, code, dfn, em, var {font-style: normal;font-weight: normal;} body, th, td, input, select, textarea, button {color: #333333;font-family: 'Malgun Gothic',Gulim,Helvetica;font-size: 14px;line-height: 1.5;} a {color: #333333;text-decoration: none;} fieldset, img {border: 0 none;} body {-webkit-text-size-adjust:none;} html, body {background: none repeat scroll 0 0 #FFFFFF;color: #333333;} img.iconimg, .iconimg img { vertical-align: middle; border: none; margin-top: -4px; margin-bottom: -1px; } figure, figcaption {display: block;width:100%;} figure {margin:0;} figcaption {margin:3px 0 0;} .hidden {display: none !important;} /* LAYOUT */ #mobileWrap {min-width:320px;width:100%;overflow:hidden; max-width: 1024px; margin: 0 auto;} .mMain {background-color: #E5E6E7;padding-bottom:3px; padding-top: 1px;} .section { padding: 8px 6px !important; overflow: hidden; } .section-wrap { border: 1px solid #bfc2c4; background-color: #fff; } .tit-part { border-bottom: 1px solid #bfc2c4; } /* HEADLINE */ .headline {width: 100%;height:44px !important;z-index: 10;overflow:hidden;background: #2685d5 !important; border-top: 1px solid #6bb1ed !important; border-bottom: 1px solid #08599e !important;} .headline .logoPart {float: left;padding-left: 12px;} .headline .logoPart .invenlogo {width: auto;display:inline-block;color: #ffffff;float: left;font-size: 18px;font-weight: bold;height: 35px;letter-spacing: -1px;margin-left: 5px;padding-top: 9px;line-height: 1.5;} .headline .communitylogo {width: auto;display:inline-block;color: #ffffff;float: left;font-size: 18px;font-weight: bold;height: 35px;letter-spacing: -1px;margin-left: 5px;padding-top: 9px;line-height: 1.5;} .headline .leftPart {float: left;} .headline .leftPart .bttnCommunity {display: inline-block;float: left;height: 30px;margin-left: 9px;padding-top: 13px;width: 24px; -webkit-tap-highlight-color: rgba(0,0,0,0); } .headline .leftPart .bttnCommunity span {display:block;width:22px;margin:0 auto;overflow:hidden;text-indent:-9999px;} .headline .rightPart {float: right;} .headline .rightPart .bttnMap {display: inline-block;float: left;height: 30px;margin-right: 11px;padding-top: 12px;width: 21px;} .headline .rightPart .bttnMap span {display:block;width:21px;margin:0 auto;overflow:hidden;text-indent:-9999px;} .headline .rightPart .bttnLogin {display: inline-block;float: left;height: 30px;margin-right: 11px;padding-top: 12px;width: 21px;} .headline .rightPart .bttnLogin span {display:block;width:17px;margin:0 auto;overflow:hidden;text-indent:-9999px;} /* .headline .leftPart .bttnCommunity span {display:block;width:22px;height:17px;margin:0 auto;overflow:hidden;text-indent:-9999px;background:url('//static.inven.co.kr/image_2011/mobile/common/bttn_22x17_white2a_community.png') no-repeat left top;} .headline .rightPart .bttnMap span {display:block;width:21px;height:18px;margin:0 auto;overflow:hidden;text-indent:-9999px;background: url('//static.inven.co.kr/image_2011/mobile/common/bttn_21x18_white2a_map.png') no-repeat left top;} .headline .rightPart .bttnLogin span {display:block;width:17px;height:19px;margin:0 auto;overflow:hidden;text-indent:-9999px;background: url('//static.inven.co.kr/image_2011/mobile/common/bttn_17x19_blue1a_turnon.png') no-repeat left top;} .headline .rightPart .bttnLogout span {background-position: 0 -19px;} */ .headline .leftPart .bttnCommunity span, .headline .rightPart .bttnMap span, .headline .rightPart .bttnLogin span, .headline .rightPart .bttnLogout span { height: 18px; background-color: transparent; background-repeat: no-repeat; background-image: url('//static.inven.co.kr/image_2011/mobile/common/bttn_headline_icons_22x18.png'); } .headline .leftPart .bttnCommunity span { width: 21px; background-position: 0px 0px; } .headline .rightPart .bttnMap span { background-position: -22px 0px; } .headline .rightPart .bttnLogin span { background-position: 0px -18px; } .headline .rightPart .bttnLogout span { background-position: -22px -18px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-ms-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { .headline .leftPart .bttnCommunity span, .headline .rightPart .bttnMap span, .headline .rightPart .bttnLogin span, .headline .rightPart .bttnLogout span { background-image: url('//static.inven.co.kr/image_2011/mobile/common/bttn_headline_icons_44x36.png'); -webkit-background-size: 44px 36px; -moz-background-size: 44px 36px; -o-background-size: 44px 36px; background-size: 44px 36px; } } /* BBS NAV LINE */ #bbsNavLine { width: 100%; height: 39px; background-color: #fff; border-bottom: 1px solid #dadada; overflow: hidden; } #bbsNavLine dl { position: relative; width: 100%; height: 39px; overflow: hidden; } #bbsNavLine dl { -webkit-transition: margin 0.2s; -moz-transition: margin 0.2s; -o-transition: margin 0.2s; -ms-transition: margin 0.2s; transition: margin 0.2s; } #bbsNavLine dl dt { width: auto; max-width: 100%; height: 39px; margin-top: 0px; } #bbsNavLine dl dt a { display: inline-block; height: 39px; line-height: 40px; text-indent: 10px; font-size: 15px; font-weight: bold; color: #444; text-decoration: none; } #bbsNavLine dl dd { position: absolute; top: 0px; right: 0px; width: auto; height: 39px; background-color: #fff; -webkit-box-shadow: -5px 0px 20px 10px rgba(255,255,255,1); -moz-box-shadow: -5px 0px 20px 10px rgba(255,255,255,1); box-shadow: -5px 0px 20px 10px rgba(255,255,255,1); } #bbsNavLine dl dd div, #bbsNavLine dl dd ul, #bbsNavLine dl dd ul li { display: inline-block; float: left; width: auto; height: 39px; overflow: hidden; } #bbsNavLine dl dd div { line-height: 40px; font-size: 14px; font-weight: bold; padding: 0 8px 0 10px; cursor: pointer; border-left: 1px solid #dadada; } #bbsNavLine dl dd div span { display: inline-block; width: 11px; height: 39px; overflow: hidden; vertical-align: top; text-indent: -1000em; background-position: -10px 0px; } #bbsNavLine dl dd div a { display: block; width: 100%; height: 100%; } #bbsNavLine.openMenu div { background-color: #f1f1f1; } #bbsNavLine.openMenu div span { background-position: -46px 0; } #bbsNavLine dl dd ul { border-left: 1px solid #dadada; } #bbsNavLine dl dd ul li { width: 36px; } #bbsNavLine dl dd ul li:first-child { margin-left: -1px; } #bbsNavLine dl dd ul li a { display: inline-block; width: 36px; height: 39px; text-indent: -1000em; text-decoration: none; background-position: -72px 0px; } #bbsNavLine dl dd ul li a.search { background-position: -108px 0px; } #bbsNavLine dl dd ul li a.bbstype1 { background-position: -180px 0px; } #bbsNavLine dl dd ul li a.bbstype2 { background-position: -144px 0px; } #bbsNavLine.search dl { margin-top: -39px; } #bbsNavLine.search dl dd ul li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } #bbsNavLine form { position: relative; width: auto; height: 27px; margin: 6px 10px; padding: 0 77px 0 81px; overflow: hidden; } #bbsNavLine form div.left { position: absolute; top: 0px; left: 0px; width: 79px; height: 27px; overflow: hidden; } #bbsNavLine form div.middle { height: 25px; padding: 0 3px; background-color: #fff; border: 1px solid #b8b8b8; border-right-width: 0px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; } #bbsNavLine form div.right { position: absolute; top: 0px; right: 0px; width: 77px; height: 27px; overflow: hidden; } #bbsNavLine form div.selectWrap { position: relative; width: 75px; height: 25px; background-color: #fff; border: 1px solid #b8b8b8; border-radius: 2px; background-position: 49px -7px; overflow: hidden; } #bbsNavLine form div.selectWrap label { float: left; font-size: 13px; line-height: 25px; text-indent: 4px; } #bbsNavLine form div.selectWrap select { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; font-size: 13px; margin: 0; opacity: 0; filter: alpha(opacity=0); } #bbsNavLine form input.text { width: 100%; height: 25px; border: 0; font-size: 13px; line-height: 26px; color: #000; vertical-align: top; outline: none; -webkit-appearance: none; } #bbsNavLine form button { margin: 0; padding: 0; border: 0; outline: 0; cursor: pointer; } #bbsNavLine form button.submit { float: left; width: 36px; height: 27px; text-indent: -1000em; background-position: -216px -6px; } #bbsNavLine form button.cancel { float: right; width: 34px; height: 27px; text-align: center; background-color: #fff; border: 1px solid #b8b8b8; border-radius: 2px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 13px; } #bbsNavMenu { display: block; width: 100%; background-color: #fff; overflow: hidden; padding-bottom: 104px; } #bbsNavMenu.hidden { display: none !important; } #bbsNavMenu ul.basic { width: 100%; min-width: 224px; height: 82px; overflow: hidden; } #bbsNavMenu ul.basic li { display: block; float: left; width: 20%; height: 62px; margin: 10px 0 8px 0; } #bbsNavMenu ul.basic li a { display: block; width: 56px; height: 62px; color: #656565; font-size: 13px; font-weight: bold; text-align: center; text-decoration: none; overflow: hidden; margin: 0 auto; } #bbsNavMenu ul.basic li a div { display: inline-block; width: 40px; height: 40px; background: transparent url('//static.inven.co.kr/image_2011/mobile/common/bbs_nav_my_icon_40x40_1.png') 0px 0px no-repeat; } #bbsNavMenu ul.basic li a.con div { background-position: -40px 0px; } #bbsNavMenu ul.basic li a.post div { background-position: -80px 0px; } #bbsNavMenu ul.basic li a.opi div { background-position: -120px 0px; } #bbsNavMenu ul.basic li a.chu div { background-position: -160px 0px; } #bbsNavMenu ul.category li { height: 37px; color: #9b9b9b; font-size: 13px; font-weight: bold; border-top: 1px solid #dadada; line-height: 37px; overflow: hidden; } #bbsNavMenu ul.category li.noBorder { border-top-width: 0px; } #bbsNavMenu ul.category li.title { height: 28px; line-height: 28px; background-color: #f0f0f0; text-indent: 10px; } #bbsNavMenu ul.category li a { position: relative; display: block; height: 37px; color: #656565; text-indent: 10px; padding: 0 7px 0 0; text-decoration: none; background-color: #fff; overflow: hidden; } #bbsNavMenu ul.category li a span { position: absolute; top: -1px; right: 7px; display: block; width: 36px; height: 39px; background-position: -252px 0px; } #bbsArrowTop { display: block; position: fixed; right: 3px; bottom: 52px; z-index: 9999; line-height: 16px; width: 30px; height: 30px; border: 1px solid #A1A2A5; border-radius: 5px; background-color: rgba(248, 248, 248, 0.75); background-image: url('//static.inven.co.kr/image_2011/mobile/common/arrow_dark_13x7.gif'); background-position: center 6px; background-repeat: no-repeat; overflow: hidden; font-family: 'Malgun Gothic', Gulim, Helvetica; font-size: 10px; color: #333; font-weight: bold; letter-spacing: -1px; text-align: center; cursor: pointer; } #bbsArrowTop.hidden { display: none !important; } .bbsNavMenuOtherHidden { display: none !important; } #bbsNavLine dl dd div span, #bbsNavLine dl dd ul li a, #bbsNavLine form div.selectWrap, #bbsNavLine form button.submit, #bbsNavMenu ul.category li a span { background-image: url('//static.inven.co.kr/image_2011/mobile/common/bbs_nav_icon_36x39_lightpurple2.png'); background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-ms-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { #bbsNavMenu ul.basic li a div { background-image: url('//static.inven.co.kr/image_2011/mobile/common/bbs_nav_my_icon_80x80_1.png'); -webkit-background-size: 202px 40px; -moz-background-size: 202px 40px; -o-background-size: 202px 40px; background-size: 202px 40px; } #bbsNavLine dl dd div span, #bbsNavLine dl dd ul li a, #bbsNavLine form div.selectWrap, #bbsNavLine form button.submit, #bbsNavMenu ul.category li a span { background-image: url('//static.inven.co.kr/image_2011/mobile/common/bbs_nav_icon_72x78_lightpurple2.png'); -webkit-background-size: 288px 39px; -moz-background-size: 288px 39px; -o-background-size: 288px 39px; background-size: 288px 39px; } } #mobileHeadline.position-fixed, #bbsNavLine.position-fixed { position: fixed; z-index: 9000; left: 0px; top: 0px; } #bbsNavLine.position-fixed { top: 44px; } html.viewPortScaling #mobileHeadline.position-fixed, html.viewPortScaling #bbsNavLine.position-fixed, html.viewPortScaling #mobileTailAd_Layer { position: static !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; opacity: 1 !important; } html.viewPortScaling #bbsArrowTop { display: none !important; } /* AD */ .boardAd {padding:5px 5px 10px 5px;} .mobileAdNs {display:inline-block;width:100%;height:50px;text-align: center; margin:7px 0; background-color: #efefef;} .mobileAdEventNs {display:inline-block;width:100%;height:50px;text-align: center; margin:7px 0; background-color: #efefef;} .mobileDaNs1 {display: inline-block;width: 100%;height: 50px;text-align: center;margin: 0;background-color: #efefef;} .mobileDaNs2 {display: inline-block;width: 100%;text-align: center;background-color: #efefef;} .mobileAdNs2 .mobileDaNs2 {margin:0px; height: auto;} .topslideAd {width: 100%; height: 51px; position: relative; overflow:hidden;text-align:center;} .topslideAd img {cursor:pointer; height:51px;border:0 none;} .topslideAd button {position: absolute;display: block;top: 6px;right: 6px;width: 30px;height: 30px;border: 0 none;overflow: hidden;text-indent: -9999px;background: url('//static.inven.co.kr/image_2011/common/common/bttn_16x16_white1_close.gif') no-repeat right 0;} .topslideAd button.darkbttn {background: url('//static.inven.co.kr/image_2011/common/common/bttn_16x16_black1_close.gif') no-repeat right 0;} /* PAGE */ #page {position:relative; background-color:#fff;} #page .navline {position:relative;width:100%;height:39px;border-bottom:1px solid #e7e7e7;background-color:#efefef;overflow:hidden} #page .navline h3 {display:inline;padding-left:12px;font-size:15px;line-height:39px;text-align:center;color:#000;} #page .navline .toggle_wrap {display: inline-block;} #page .navline .categoryWrap {margin-left: 5px;} #page .navline .absCategory {position: absolute;top: 7px; height:27px;display:inline-block;} #page .navline .absCategory span {line-height:27px; } #page .navline .bttnWrite {position: absolute;right: 6px;top: 5px; width:65px; height:27px;} #page .navline .bttnWrite span {line-height:27px;} .filterLine {width:100%;height:30px;border-bottom: 1px solid #BACBD2;background-color:#EBEBEB;} .filterLine .bttnFilter {margin-top: 5px;width:32px;height:20px;display: inline;float:left;margin-left: 5px;} .filterLine .bttnToday {margin-top: 5px;width:100px;height:20px;display: inline;float:left;margin-left: 5px;} .filterLine .bttnFilter span {line-height: 20px;} .filterLine .bttnFilter.filter_search {float:right; margin-right:5px;margin-left:0;} .sortSelect { position:relative;float:right;width:54px; margin-right: 6px;} #page .filterLine .absCategory {width:54px;position: absolute;display:inline-block;top:4px;} /* PAGE : articleList */ #articleList {clear:both; overflow:hidden;} #articleList .articleListCategory {border-bottom: 1px solid #cecece;} #articleList .list li {padding-bottom: 7px;border-bottom: 1px solid #EAEAEA; position: relative; min-height: 69px;} #articleList .list li:first-child {margin-top: 0;} #articleList .list li a.subject {display: block;padding: 3px 3px 3px 7px;text-decoration: none;} #articleList .list li .thumb { width: 56px;height: 56px;overflow: hidden;display: inline; float:left; margin-right: 5px; margin-top:9px; } #articleList .list li .thumb img { max-width:none; width: 83px; height: 58px; margin-top: -1px; margin-left: -15px; } #boardPart #articleList .list li .thumb { width: 56px;height: 56px;overflow: hidden; } #boardPart #articleList .list li .thumb img { width: 88px; height: 59px; margin-left: -16px; margin-top: -2px; } #articleList .list li .thumb.bannericon img { width: 58px; height: 58px;} #articleList .list li .thumb320 { width: 56px; height: 56px; overflow: hidden; } #articleList .list li .thumb320 img { width: 100px; height: 56px; margin-left: -30px; } #articleList .list li .title {display: block;line-height: 1.5;overflow: hidden;padding-top: 4px;color: #000;font-size: 1.093em;} #articleList .list li .title strong {color:#2685D5; font-weight: normal;} #articleList .list li .title .cmtnum { color: #169A08; } #articleList .list li .preview {font-size: 12px;margin: 3px 0 0 0;display: block;overflow:hidden;color: #888;} #boardPart #articleList .list li .preview {display: block;height: 54px;text-align: justify; } #articleList .list li .preview {display: block; max-height: 73px; } #articleList .list li .info {display: block;margin-top: 1px;font-size:12px;line-height:1.5;margin-left: 68px;} #articleList .list li.no_thumb .info { margin-left: 12px !important; } #articleList .list li .info {color: #555;} #articleList .list li .info .writer {font-weight: normal;color:#555;} #articleList .list li .info .writer img {border: 0 none;height: 16px;vertical-align: middle;width: 16px;} #articleList .list li .info .bar {font-size: 11px;padding: 0 2px;color: #CCC;} #articleList .list li .info .req {color:#a12d2d;} #articleList .list li.no_prev { min-height: 69px; } #articleList .list li.no_prev.no_thumb { min-height: 59px; } #articleList .list li.no_thumb .info { margin-left: 9px !important; } #articleList .list li .cmtWrapForList {font-size: 11px;text-align: center;line-height: 27px;color: #555;width: 31px;height: 30px;background-position: -58px -80px;position: absolute;right: 6px;top: 13px;text-indent: 0px;} #articleList .list li.view_article .title { color: red; } #articleList .list li.no_prev.no_thumb .cmtWrapForList { top: 10px; } #articleList .list li.cmt_List .title { margin-right: 36px; } #articleList .list li.cmt_List .preview { margin-right: 36px; } #articleList .list li.cmt_List .info { margin-right: 36px; } #articleList .list li.articleNotice { min-height: 34px !important; } #articleList .list li.articleNotice span.title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #articleList .list li.articleNotice span.title em.icon-notice { display: inline-block; width: 40px; height: 20px; background: transparent url(//static.inven.co.kr/image_2011/common/fonticon/mobile_bbs_notice_icon.png) left top no-repeat; text-indent: -99em; overflow: hidden; vertical-align: -5px; } #articleList .list li.articleNotice .cmtWrapForList { top: 5px; } #boardPart #articleList .list li.cmt_List .preview { margin-left: 61px; } #boardPart #articleList .list li.no_thumb .preview { margin-left: 1px; } /* CHANNEL MENU */ #channelMenu {clear: both;} #channelMenu ul.channel li {border-bottom: 1px solid #cecece;} #channelMenu ul.channel li a {display: block;height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;font-weight: bold;padding: 1em 3em 0.2em 3.7em;} #channelMenu ul.channel li a.noicon {padding-left: 0.5em;} #channelMenu ul.channel li a img {position: absolute;z-index: 1;right: 0;width: 20px;border: 0;margin: -4px 3px 0 0;} #channelMenu ul.channel li a img:first-child {position: absolute;z-index: 1;left: 0;float: left;width: 32px;border: 0;margin: -6px 0 0 3px;} /* SITE MENU */ #siteMenu {clear: both;} #siteMenu ul li {border-bottom: 1px solid #cecece; padding-top:3px;} #siteMenu ul li a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;padding: 8px 0 6px 10px;} .iphone #siteMenu ul li a {font-size: 13px;} #siteMenu ul li a img {position: absolute;z-index: 1;right: 0;width: 15px;border: 0;margin: 1px 5px 0 0;} /* SITEMENU: UI */ #siteMenu ul li ul {border-top: 0.05em solid #cecece;margin-bottom: -0.05em;} #siteMenu ul li ul li {border-left: 0.75em solid #cecece;} #siteMenu ul li ul li a {padding-left: 0.5em;} /* CATEGORY */ .categorySelect {clear: both;} .categorySelect ul {position:relative;overflow: hidden;background-color: white;border: 1px solid #A5AFB5;border-radius: 3px;margin: 1px;box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.07) inset, -1px -1px 1px rgba(255, 255, 255, 0.07) inset;z-index:999;} .categorySelect ul li {list-style-type: none;} .categorySelect ul li {display: none;} .categorySelect.showlist ul.boardList li {display: block;} .categorySelect.showorder ul.boardOrder li {display: block;} .categorySelect.show ul li {display: block;} .categorySelect ul li a {display: block;padding: 4px 5px;font-size: 13px;line-height: 1.5;text-align: left;white-space: nowrap;color: #30383E;} .categorySelect li.firstChild {display: block;} .categorySelect li.firstChild a {line-height:1.3;padding: 2px 5px;} /* CATEGORY : OLD */ .selectCategory {clear:both;height: 4px;} .selectCategory ul {position: absolute;z-index: 1;right: 0;overflow: hidden;background: white;border: 1px solid #30383E;border-radius: 3px;margin: 0.3em;} .selectCategory ul li {list-style-type: none;} .selectCategory ul li {display: none;} .selectCategory ul li.firstChild {display: block;} .selectCategory.showlist ul.boardList li {display: block;} .selectCategory.showorder ul.boardOrder li {display: block;} .selectCategory.show ul li {display: block;} .selectCategory ul li a {display: block;padding: 2px 3px;font-weight: bold;line-height: 1.5;letter-spacing: -1px;text-align: right;white-space: nowrap;color: #30383E;} /* 글 제목 */ .articleSubjectColor1 {background: #f7f7f7;} #articleView .articleSubject {clear: both;overflow: hidden;padding: 0 0 0.3em;} #articleView .articleSubjectColor1 {background: #f7f7f7;} #articleView .articleSubject .subject {display: block;} #articleView .articleSubject .subject .title {display: block;padding: 10px 12px 6px;color: #000;font-weight: normal;letter-spacing: -1px;font-size: 22px;line-height: 1.5;} #articleView .articleSubject .subject .title strong {color: #2685D5; font-weight: normal;} #articleView .articleSubject .subject .preview {display: block;padding: 0 0 0 1em;color: black;font-size: 12px;font-weight: normal;line-height: 1.5em;margin: 0.4em 0 0;} #articleView .articleSubject .subject .preview strong {color: #8b0000;} #articleView .articleSubject .subject .preview strong.admin {color: #5521be;} #articleView .articleSubject .subject .preview span.dice {color: green;} #articleView .articleSubject .info {display: block;padding: 4px 0 2px 14px;color: #555; font-size: 12px;font-weight: normal;line-height: 1.5;} #articleView .articleSubject .info span, #articleView .articleSubject .info em {white-space: nowrap;} #articleView .articleSubject .info em {font-style: normal;} #articleView .articleSubject .info .writer {} #articleView .articleSubject .info .writer img {width: 1em;height: 1em;vertical-align: middle;border: 0;} #articleView .articleSubject .info a.comment {font-weight:bold;letter-spacing: -1px;} #articleView .articleSubject .info a.delete {color: #30383E;font-size: 1px;} #articleView .articleSubject .info a.reply {float: right;color: #30383E;font-size: 1px;} #articleView .articleSubject .info a.comment img {width: 1em;height: 1em;vertical-align: middle;border: 0;} #articleView .articleSubject .subject .thumb {display: block;float: left;width: 3em;height: 2em;overflow: hidden;margin: 0.3em 0 0 0.5em;} #articleView .articleSubject .subject .thumb img {width: 3em;height: 2em;border: 0;} #articleView .articleSubject.articleReply {padding-left: 30px;background: url('//static.inven.co.kr/image_2011/board/common/icon_arrow_10x9_silver2_reply.png') no-repeat 22px 16px;} /* 글 내용 */ .articleContent {clear: both;min-height:150px;height:auto !important;height:150px;font-size: 18px;line-height: 1.5;word-break: break-all;word-wrap: break-word;border-top: 1px solid #efefef;padding: 10px;} .articleContent img {max-width: 100%;height:auto;} .articleContent object, .articleContent embed, .articleContent iframe, .articleContent video {max-width: 100%;} .articleContent .viewImage {display: inline-block;max-width: 100%;padding-bottom: 0.5em;} .articleContent .viewImageOriginal {display: block;text-align: center;} .articleContent .viewImageOriginal a {display: inline-block;color: #30383E;font-weight: bold;padding: 0.2em 0.4em;border: 0.125em solid #30383E; border-radius: 0.4em;-moz-border-radius: 0.4em;-webkit-border-radius: 0.4em;margin: 0 auto;} .articleContent .downloadFile {display: block;text-align: left;} .articleContent .downloadFile a {display: inline-block;color: #30383E;font-weight: bold;padding: 0.2em 0.4em;border: 0.125em solid #30383E;border-radius: 0.4em;-moz-border-radius: 0.4em;-webkit-border-radius: 0.4em;margin: 0 auto;} .articleContent div.divBoxStyleWH1 { padding: 10px ! important; border: 1px solid #CCCCCC; background-color: #FFFFFF; box-sizing: border-box; max-width: 650px; } .articleContent div.divBoxStyleSL1 { padding: 10px ! important; border: 1px solid #BBBBBB; background-color: #EEEEEE; box-sizing: border-box; max-width: 650px; } .articleContent div.divBoxStyleYE1 { padding: 10px ! important; border: 1px solid #F3C534; background-color: #FEFEB8; box-sizing: border-box; max-width: 650px; } .articleContent div.divBoxStyleOR1 { padding: 10px ! important; border: 1px solid #f29950; background-color: #ffe8d7; box-sizing: border-box; max-width: 650px; } .articleContent div.divBoxStyleVL1 { padding: 10px ! important; border: 1px solid #866da6; background-color: #eee7f8; box-sizing: border-box; max-width: 650px; } .articleContent div.divBoxStyleRE1 { padding: 10px ! important; border: 1px solid #c15b58; background-color: #ffe2e2; box-sizing: border-box; max-width: 650px; } .articleContent div.divBoxStyleLM1 { padding: 10px ! important; border: 1px solid #9fbd63; background-color: #f3ffe3; box-sizing: border-box; max-width: 650px; } .articleContent div.divBoxStyleSK1 { padding: 10px ! important; border: 1px solid #55afc7; background-color: #e1f8ff; box-sizing: border-box; max-width: 650px; } .articleContent div.divBoxStyleBU1 { padding: 10px ! important; border: 1px solid #5987bf; background-color: #e0ebff; box-sizing: border-box; max-width: 650px; } .articleRecommend {clear: both;overflow: hidden;font-size: 12px;line-height: 1.5;padding: 6px 0 4px;} #articleView .articleSubject {border-bottom: 1px solid #CECECE;border-top: 1px solid #EFEFEF;clear: both;overflow: hidden;} .articleContent .txc-textbox {width: 94% !important;} .articleContent blockquote.tiktok-embed section { box-sizing: border-box; background-color: #fff; border: 1px solid rgba(22,24,35,0.12); border-radius: 8px; padding: 10px 14px 12px 14px; } .articleContent blockquote.tiktok-embed section, .articleContent blockquote.tiktok-embed section * { color: #161823; font-size: 16px; line-height: 20px; font-family: "proxima-semibold",PingFangSC,sans-serif; font-weight: 400; } .articleContent blockquote.tiktok-embed section a { color: #161823; font-weight: 600; text-decoration: none; } .articleContent blockquote.tiktok-embed section p { display: block; font-size: 15px; line-height: 18px; margin: 8px 0 8px 0; padding: 0; font-weight: 400; word-break: keep-all; white-space: pre-wrap; } .articleContent blockquote.tiktok-embed section a[title^="♬"] { font-weight: 400; } /*기사 수정 시스템*/ .contentEdit{ background-color: #F5F5F5; color:#979797; margin: 15px 10px 15px 10px; font-size:12px; padding: 10px; } /* 투표 결과창 */ .articleContent #voteWraper { border-top: 0px; width: calc(100% - 10px); max-width: 530px; padding: 68px 5px 5px; background: url("https://static.inven.co.kr/image_2011/common/invenvote/common/result_wrapper_title1.png") left top no-repeat; background-color: #fcfbf8; border: 1px solid #dad8d3; border-top: none; } #boardPart .articleContent #voteWraper { padding-top: 50px; } /* 글 내용 하단 리스트 */ .articleViewList #boardList { border-top: 1px solid #EAEAEA;} .articleViewList #bbsNavLine {display: none;} /* 데이터 절약 모드 */ body.bbsDataSaver img.bbsDataSaverImgHidden { display: none !important; } body.bbsDataSaver div.bbsDataSaver { display: inline-block; margin: 3px; vertical-align: top; } body.bbsDataSaver div.bbsDataSaver dl, body.bbsDataSaver #bbsDataSaverOpenAll { display: block; padding: 6px; cursor: pointer; border: 1px solid #999; border-radius: 3px; background: #fff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); color: #333; font-family: 'Malgun Gothic', Gulim, Helvetica; font-size: 12px; } body.bbsDataSaver div.bbsDataSaver dl dt { position: relative; display: block; width: 119px; height: 67px; overflow: hidden; background-color: #fff; border: 1px solid #999; border-radius: 2px; margin-bottom: 4px; } body.bbsDataSaver div.bbsDataSaver dl dt img { width: 119px; height: 83px; margin-top: -8px; } body.bbsDataSaver div.bbsDataSaver dl dt img.thumb320 { height: 67px; margin-top: 0px; } body.bbsDataSaver div.bbsDataSaver dl dt div { width: 119px; height: 67px; line-height: 67px; overflow: hidden; text-align: center; -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); font-size: 18px; font-weight: bold; color: #9b9b9b; } body.bbsDataSaver div.bbsDataSaver dl dt span { position: absolute; font-weight: bold; color: #fff; text-shadow: 0 -1px black, 1px 0 black, 0 1px black, -1px 0 black; font-size: 13px; } body.bbsDataSaver div.bbsDataSaver dl dt span.size { left: 4px; bottom: -1px; } body.bbsDataSaver div.bbsDataSaver dl dt span.ext { right: 4px; bottom: -1px; } body.bbsDataSaver div.bbsDataSaver dl dd { display: block; text-align: center; } body.bbsDataSaver #bbsDataSaverOpenAll { display: inline-block; float: none; clear: both; margin: 0 0 6px 3px; text-align: center; width: 121px; } /* GIF To MP4 */ div.invenGifMp4 { display: inline-block; position: relative; max-width: 100%; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden; } div.invenGifMp4 a.invenGifMp4ViewGif, #powerbbsCmt2 div.cmtgifmp4 a { display: none; cursor: pointer; position: absolute; top: 0; left: 0; font-size: 12px !important; font-weight: normal !important; color: #ffffff !important; height: 20px; line-height: 20px !important; text-decoration: none !important; margin: 0 !important; padding: 0 6px !important; outline: none !important; text-indent: 16px !important; background: rgba(0,0,0,0.6) url('//static.inven.co.kr/image_2011/board/common/icon_view_gif_24x24.png') 6px 4px no-repeat; background-size: 12px 12px; overflow: hidden; } div.invenGifMp4 div.invenGifMp4PlayButton, #powerbbsCmt2 div.cmtgifmp4 div { display: none; cursor: pointer; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: transparent url('//static.inven.co.kr/image_2011/board/common/icon_play_68x68.png') center center no-repeat; cursor: pointer; opacity: 0.8; margin: 0 !important; padding: 0 !important; border: 0 !important; } div.invenGifMp4Loaded.invenGifMp4Paused a.invenGifMp4ViewGif, #powerbbsCmt2 div.cmtgifmp4_loaded.cmtgifmp4_pause a { display: inline-block !important; } div.invenGifMp4Paused div.invenGifMp4PlayButton, #powerbbsCmt2 div.cmtgifmp4_pause div { display: block !important; } #powerbbsCmt2 div.cmtgifmp4 video { display: block; } #powerbbsCmt2 .commentList1 ul li.adminCmt .comment span div.cmtgifmp4 a { color: #fff !important; } /* 핫이슈 */ .hotissue {background-color:#333;} .hotissue .navwrap {display: block;text-align: center;background-color:#333333;padding-bottom:5px;} #swipeHotissue {padding-top: 5px; padding-bottom: 5px; height:70px; background-color:#333333;} #swipeHotissue div { display:block;width:100%;overflow:hidden;} #swipeHotIssue .swipe-wrap div .subdiv {display:inline-block;float:left;width:100%;height:70px;} #swipeHotIssue .swipe-wrap .focus dl {position: absolute;display:inline;float:left;width:100%;height:70px;overflow:hidden;} #swipeHotIssue .swipe-wrap .focus dl dt.thumb {position: absolute;left:5px;top:5px;} #swipeHotIssue .swipe-wrap .focus dl dt.thumb img {width: 88px; height: 60px;} #swipeHotIssue .swipe-wrap .focus dl dd.subject {position: absolute;left:100px;top:3px;} #swipeHotIssue .swipe-wrap .focus dl dd.desc {position: absolute;left:100px;top:27px;height:38px;overflow:hidden;} #swipeHotIssue .swipe-wrap .focus dl dd a {color:#bebebe;font-size:12px;line-height:18px;clear:both;width:210px;height:36px;overflow:hidden;float:left;text-overflow: ellipsis;} #swipeHotIssue .swipe-wrap .focus dl dd.subject a {white-space: nowrap;} #swipeHotIssue .swipe-wrap .focus dl dd a strong {font-size:13px;color:#ffecb3;} #prev, #next {text-align: center; color: #697279; font-weight: bold; font-size: 14px;} #position {display: inline-block;text-align: center;} #position li.on {background-position: 0 -13px;} #position li {display: inline-block;margin: 0 7px;width: 13px;height: 13px;cursor: pointer;background: url("//static.inven.co.kr/image_2011/mobile/common/bullet_13x13_orange1a.png") no-repeat left top;} /* COMMON COMPONENT */ /* BUTTON */ .bttnType1 {display:inline-block; height: 20px; background-color: #FDFDFE; border: 1px solid #A5AFB5; border-radius: 3px;text-align: center;} /* BUTTON MENU */ .buttonMenu {clear: both;padding-top: 8px;padding-bottom: 8px;} .buttonMenu ul {text-align: center;*line-height: 1.9em;} .buttonMenu ul li {display: inline-block;*display: inline;font-size: 13px;border: 1px solid #A5AFB5;border-radius: 3px;margin: 1px;box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.07) inset, -1px -1px 1px rgba(255, 255, 255, 0.07) inset;} .buttonMenu ul li.focus {background: #bdd3e6;} .buttonMenu ul li.focus2 a, .buttonMenu ul li.focus2 span {color: #30383E;} .buttonMenu ul li.focus3 {background: #dde9f2;} .buttonMenu ul li.focus3 span, .buttonMenu ul li.focus3 a {color: #30383E;} .buttonMenu ul li a, .buttonMenu ul li span {display: block;*display: inline;color: #30383E;font-weight: bold;*line-height: 1.5em;padding: 0.2em 0.6em;} .buttonMenuSplit {overflow: hidden;} .buttonMenuSplit ul li {float: left;*line-height: 1.5em;margin-left: 0.4em;margin-right: 0;} .buttonMenuSplit ul li.right {float: right;margin-left: 0;margin-right: 0.4em;} .buttonMenuSplit ul li:last-child {margin-right: 0.4em;} .buttonMenuColor2 ul li {background: #fff;} .buttonMenuColor2 ul li a {color: #30383E;} .buttonMenuColor3 ul li {background: #bdd3e6;} .buttonMenuColor3 ul li a {color: #30383E;} /* PART TITLE */ .partTitle {clear: both;color: #333333;font-size: 15px;background: #efefef;text-align: center;border-top: 1px solid #efefef;border-bottom: 1px solid #cecece; padding: 4px 0 2px;} .partTitle a {display: block;color: #333333;text-align: left;margin: -8px 0;padding: 8px 0 10px 32px;} .partTitle a img {position: absolute;z-index: 1;left: 0;width: 14px;border: 0;margin: 1px 0 0 10px;} /* USER LAYER */ .userLayerMenu {clear: both;font-size: 13px;padding-bottom: 4px;} .userLayerMenu.show { display: inline; } .userLayerMenu.hide { display: none; } .topmenu {padding-top: 3px;padding-bottom: 2px;background-color: #CECECE;} /* SEARCH MENU */ #searchMenu {clear: both;text-align: right;background-color: #BACBD2;} #searchMenu.searchMenuShow {display: inline-block;} #searchMenu fieldset {padding: 4px 3px 5px;border: 0;} #searchMenu fieldset legend {display: none;} #searchMenu fieldset select {line-height:1.5;} #searchMenu fieldset select, #searchMenu fieldset input {display: inline;font-size: 14px;height:24px;} #searchMenu fieldset input[type="text"] {width: 133px;font-size: 14px;border: 1px solid #9e9e9e;} #searchMenu fieldset input[type="submit"] {border: 1px solid #9e9e9e;padding-left:10px;padding-right:10px;} .nextSearch {padding-bottom: 8px;} .nextSearch .nextSearchButton {text-align: center;} .nextSearch .nextSearchButton a {display:inline;float:left;width:100%;text-align: center;padding-top:6px;} /* MINI 메뉴 */ .miniMenus {padding: 4px 6px 8px 6px;overflow: hidden;background-color:#e5e6e7;} .miniMenus ul {border:1px solid #d4d4d4;} .miniMenus ul li:first-child a {border-left: 1px solid #d4d4d4;} .miniMenus ul li {} .miniMenus ul li {float:left; width: 33.33%;} .miniMenus ul.div5 li {width: 20%;} .miniMenus ul li {text-align: center; background-color:#ffffff;} .miniMenus ul li a {width:100%;text-align: center;display: block;position: relative; color: #7d7d7d; font-weight: bold;} .miniMenus ul li a {border-top: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;border-right: 1px solid #d4d4d4;} .miniMenus ul li a {padding: 8px 0 8px 0;} .miniMenus ul li.on a, .miniMenus ul li a:hover {color: #fff; background-color: #363a52;} /* MAIN MENU */ .mainMenuWrap { border: 1px solid #A1A2A5; } .mainMenu { } .mainMenu h3 { width: 100%; overflow: hidden; background: #efefef; border-bottom: 1px solid #cecece; } .mainMenu h3 a { clear: both; width: 100%; display: inline-block; padding: 0.5em 0; color: #333; font-size: 15px; } .mainMenu h3 a.menuMinPlus { text-indent: 30px; background: none no-repeat 9px center; } .mainMenu h3 a.menuMinPlus.menuMinus { background-image: url('//static.inven.co.kr/image_2011/mobile/common/img_14x14_silver1b_minus.png'); } .mainMenu h3 a.menuMinPlus.menuPlus { background-image: url('//static.inven.co.kr/image_2011/mobile/common/img_14x14_silver1b_plus.png'); } .mainMenu .menuListWrap { background-color: white; } .mainMenu .menuListWrap ul {} .mainMenu .menuListWrap ul li { border-bottom: 1px solid #cecece; } .mainMenu .menuListWrap ul li a { color: #333; display: inline-block; padding: 8px 0 5px 20px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; } /* 댓글 리스트 : 게시판외 */ #commentList {clear: both;overflow: hidden;} #commentList ul.list, #commentList ul.list li {*float: left;*width: 100%;} #commentList ul.list {border-bottom: 1px solid #efefef;} #commentList .articleSubject {clear: both;overflow: hidden;border-top: 1px solid #efefef;border-bottom: 1px solid #cecece;} #commentList .info {} #commentList .info .writer {font-size: 12px;font-weight: bold;} #commentList .subject .preview {font-size: 12px;padding-left: 8px;} #commentList .cmtNum { font-weight: normal;} /* 댓글 리스트 메뉴 */ #commentListMenu {clear: both;border-bottom: 0.05em solid #cecece;padding-bottom: 0.32em;} #commentListCategory-Order.selectCategory ul {left:0;right:auto;z-index:1;} #commentListCategory-Order.selectCategory ul li a {text-align:left;} #commentList .articleSubject {clear: both;overflow: hidden;padding: 8px 0 4px;} #commentList .articleSubjectColor1 {background: none repeat scroll 0 0 #F7F7F7;} #commentList .articleSubject .subject {display: block;} #commentList .articleSubject .subject .title {color: #3D5B76;display: block;font-size: 13px;font-weight: bold;line-height: 1.5;padding: 4px 0 2px;} #commentList .articleSubject .subject .title strong {color: #8B0000;} #commentList .articleSubject .subject .preview {color: black;display: block;font-size: 13px;font-weight: normal;line-height: 1.5;padding: 7px 0 6px 10px;} #commentList .articleSubject .subject .preview strong {color: #8B0000;} #commentList .articleSubject .subject .preview strong.admin {color: #5521BE; } #commentList .articleSubject .subject .preview span.dice {color: green;} #commentList .articleSubject .info {color: #696969;display: block;font-size: 13px;font-weight: normal;line-height: 1.5;margin: 2px 0 0;text-indent: 10px;} #commentList .articleSubject .info span, #commentList .articleSubject .info em {white-space: nowrap;} #commentList .articleSubject .info em {font-style: normal;} #commentList .articleSubject .info .writer {font-size: 14px;} #commentList .articleSubject .info .writer img {border: 0 none;vertical-align: middle;width: 16px;} #commentList .articleSubject .info a.comment, #commentList .articleSubject .info a.delete {color: #30383E;font-size: 13px;} #commentList .articleSubject .info a.reply {color: #30383E;float: right;font-size: 11px;} #commentList .articleSubject .info a.comment img {border: 0 none;vertical-align: middle;width: 16px;} #commentList .articleSubject .subject .thumb {display: block;float: left;height: 2em;margin: 0.3em 0 0 0.5em;overflow: hidden;width: 3em;} #commentList .articleSubject .subject .thumb img {border: 0 none;height: 2em;width: 3em;} #commentList .articleSubject.articleReply {padding-left: 30px;background: url("//static.inven.co.kr/image_2011/board/common/icon_arrow_10x9_silver2_reply.png") no-repeat 22px 16px;} #commentList .articleSubject .userLayerMenu {clear: both;font-size: 12px;padding-bottom: 4px;} #commentList .articleSubject .userLayerMenu.show {display: inline;} #commentList .articleSubject .userLayerMenu.hide {display: none;} /* 글 쓰기 폼 */ #writeForm {clear: both;overflow: hidden;border-bottom: 0.05em solid #cecece;} #writeForm fieldset {border: 0;padding: 0.5em 0;} #writeForm fieldset legend {display: none;} #writeForm fieldset p {display: block;padding: 0.4em;} #writeForm fieldset p + p {padding-top: 0;} #writeForm fieldset p label {display: block;color: #356388;font-size: 13px;font-weight: bold;} #writeForm fieldset p span {display: block;margin: -1em 0 0 2.2em;} #writeForm fieldset p span.category {margin-left: 3.7em;} #writeForm fieldset p span select {display: block;width: 100%;font-size: 13px;margin: -0.125em 0 0 0;} #writeForm fieldset p span input.text {display: block;width: 100%;font-size: 13px;border: 1px solid #356388;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;margin: -2px 0 0 -2px;padding: 3px 0;} #writeForm fieldset p span input.file {display: block;width: 100%;font-size: 13px;margin: 2px 0 0 -2px;} #writeForm fieldset p span textarea {display: block;width: 100%;height: 50px;font-size: 13px;border: 1px solid #356388;border-radius: 3px;margin: -2px 0 0 -2px;padding: 3px 0;} .iphone #writeForm fieldset p.file {display: none;} #writeForm fieldset p.submit {text-align: right;margin-top: 0.5em;} #writeForm fieldset p.submit input {display: inline-block;font-size: 13px;color: #356388;font-weight: bold;border: 0.0625em solid #356388;border-radius: 0.4em;padding: 0.2em;} /* 글 쓰기 폼 NEW */ #articleWrite { padding: 0 8px 8px 8px; font-family: 'Malgun Gothic',Gulim,Helvetica; font-size: 14px; line-height: 1.5; } #articleWrite form, #articleWrite form fieldset, #articleWrite form fieldset p, #articleWrite form fieldset p span { display: block; width: auto; height: auto; padding: 0; margin: 0; overflow: hidden; float: none; clear: both; } #articleWrite form fieldset { padding: 4px 0; border: 0px; } #articleWrite form fieldset legend { display: none; } #articleWrite form fieldset p span { border: 1px solid #356388; border-radius: 3px; padding: 1px; margin: 4px 0; background-color: #fff; } #articleWrite form fieldset p span.selectWrap { background: #fff url('//static.inven.co.kr/image_2011/mobile/common/arrow_13x7_down.gif') right center no-repeat; } #articleWrite form fieldset p span select, #articleWrite form fieldset p span input.text, #articleWrite form fieldset p span textarea { box-sizing: border-box; display: block; width: 100%; border: 0 none; margin: 0; padding: 2px 4px 4px 4px; font-size: 14px; color: #333; background-color: #fff; line-height: 1.5; float: none; clear: both; resize: none; overflow: hidden; } #articleWrite form fieldset p span select { background-color: transparent; } #articleWrite form fieldset p span textarea { height: 90px; } #articleWrite form fieldset p span .placeholder { color: #929292 !important; } #articleWrite input.button { box-sizing: border-box; display: block; width: 65px; height: 26px; font-weight: bold; line-height: 25px; overflow: hidden; font-size: 13px; color: #333; cursor: pointer; border: 1px solid #356388; border-radius: 3px; background: #f7f7f7; background: -moz-linear-gradient(top, #f7f7f7 0%, #c4c4c4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#c4c4c4)); background: -webkit-linear-gradient(top, #f7f7f7 0%,#c4c4c4 100%); background: -o-linear-gradient(top, #f7f7f7 0%,#c4c4c4 100%); background: -ms-linear-gradient(top, #f7f7f7 0%,#c4c4c4 100%); background: linear-gradient(to bottom, #f7f7f7 0%,#c4c4c4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c4c4c4',GradientType=0 ); } #articleWrite input.submit { border-color: #10121f; color: #fff; background: #454a67; background: -moz-linear-gradient(top, #454a67 0%, #262939 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454a67), color-stop(100%,#262939)); background: -webkit-linear-gradient(top, #454a67 0%,#262939 100%); background: -o-linear-gradient(top, #454a67 0%,#262939 100%); background: -ms-linear-gradient(top, #454a67 0%,#262939 100%); background: linear-gradient(to bottom, #454a67 0%,#262939 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454a67', endColorstr='#262939',GradientType=0 ); } #articleWrite span.clear { float: none; clear: both; width: 0px; height: 0px; } #articleWrite .floatLeft { float: left !important; clear: none; } #articleWrite .floatRight { float: right !important; clear: none; } #articleWrite .buttonGroup { min-height: 26px; clear: both; } #articleWrite .hidden { display: none !important; } #articleWrite ul.uploadImages { clear: both; overflow: auto; padding-bottom: 8px; } #articleWrite ul.uploadImages li { width: 50%; float: left; clear: none; height: 105px; overflow: hidden; min-width: 129px; margin-top: 8px; } @media screen and (min-width: 420px) and (max-width: 549px) { #articleWrite ul.uploadImages li { width: 33%; } #articleWrite ul.uploadImages li:nth-child(3n - 1) { width: 34%; } } @media screen and (min-width: 550px) and (max-width: 679px) { #articleWrite ul.uploadImages li { width: 25%; } } @media screen and (min-width: 680px) and (max-width: 839px) { #articleWrite ul.uploadImages li { width: 20%; } } @media screen and (min-width: 840px) and (max-width: 969px) { #articleWrite ul.uploadImages li { width: 16%; } #articleWrite ul.uploadImages li:nth-child(6n), #articleWrite ul.uploadImages li:nth-child(6n - 1), #articleWrite ul.uploadImages li:nth-child(6n - 4), #articleWrite ul.uploadImages li:nth-child(6n - 5) { width: 17%; } } @media screen and (min-width: 970px) and (max-width: 1305px) { #articleWrite ul.uploadImages li { width: 14%; } #articleWrite ul.uploadImages li:nth-child(7n), #articleWrite ul.uploadImages li:nth-child(7n - 6) { width: 15%; } } @media screen and (min-width: 1306px) { #articleWrite ul.uploadImages li { width: 10%; } } #articleWrite ul.uploadImages li.loading * { cursor: default !important; } #articleWrite ul.uploadImages li dl, #articleWrite ul.uploadImages li dl dt, #articleWrite ul.uploadImages li dl dd { display: block; float: none; clear: both; box-sizing: border-box; width: 121px; padding: 0; margin: 0; } #articleWrite ul.uploadImages li dl { height: 105px; margin: 0 auto; } #articleWrite ul.uploadImages li dl dt { position: relative; height: 85px; overflow: hidden; background-color: #fff; border: 1px solid #9e9e9e; } #articleWrite ul.uploadImages li dl dt img { width: 119px; /* height: 83px; */ border: 0; } #articleWrite ul.uploadImages li.loading dl dt img { width: 65px; height: 65px; margin: 9px 27px; } #articleWrite ul.uploadImages li dl dt span { position: absolute; right: 0px; bottom: 0px; display: block; width: 21px; height: 14px; cursor: pointer; background: url('//static.inven.co.kr/image_2011/board/common/bttn_21x14_delete_thumbnail.gif') left top no-repeat; } #articleWrite ul.uploadImages li dl dd { margin-top: 2px; height: 18px; } #articleWrite ul.uploadImages li dl dd span { box-sizing: border-box; float: left; width: 34%; height: 18px; text-align: center; line-height: 16px; overflow: hidden; font-size: 12px; color: #9e9e9e; border: 1px solid #9e9e9e; cursor: pointer; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); } #articleWrite ul.uploadImages li dl dd span.first { width: 33%; border-right-width: 0px; border-radius: 3px 0 0 3px; } #articleWrite ul.uploadImages li dl dd span.last { width: 33%; border-left-width: 0px; border-radius: 0 3px 3px 0; } #articleWrite ul.uploadImages li dl dd span.on { color: #fff; border-color: #356388; background: #243868; background: -moz-linear-gradient(top, #243868 0%, #3f4c6b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#243868), color-stop(100%,#3f4c6b)); background: -webkit-linear-gradient(top, #243868 0%,#3f4c6b 100%); background: -o-linear-gradient(top, #243868 0%,#3f4c6b 100%); background: -ms-linear-gradient(top, #243868 0%,#3f4c6b 100%); background: linear-gradient(to bottom, #243868 0%,#3f4c6b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#243868', endColorstr='#3f4c6b',GradientType=0 ); } #articleWrite ul.uploadImages li.template { display: none !important; } form#mobileBBSImageUploadForm, form#mobileMyImageUploadForm { position: relative; overflow: hidden; } form#mobileBBSImageUploadForm input#mobileBBSImageUpload, form#mobileBBSImageUploadForm input#mobileBBSImageUploadDummy, form#mobileMyImageUploadForm input#mobileMyImageUpload, form#mobileMyImageUploadForm input#mobileMyImageUploadDummy { box-sizing: border-box; width: 100%; height: 27px; padding: 0; margin: 0; -webkit-tap-highlight-color: transparent; outline: none; outline-style: none; border: 0; cursor: pointer; } form#mobileBBSImageUploadForm input#mobileBBSImageUpload, form#mobileMyImageUploadForm input#mobileMyImageUpload { position: absolute; left: 0px; top: 0px; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } form#mobileBBSImageUploadForm input#mobileBBSImageUploadDummy, form#mobileMyImageUploadForm input#mobileMyImageUploadDummy { border: 1px solid #356388; border-radius: 3px; color: #333; font-weight: bold; background: #f7f7f7; background: -moz-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top, #f7f7f7 0%,#e8e8e8 100%); background: -o-linear-gradient(top, #f7f7f7 0%,#e8e8e8 100%); background: -ms-linear-gradient(top, #f7f7f7 0%,#e8e8e8 100%); background: linear-gradient(to bottom, #f7f7f7 0%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 ); } #articleWrite #UploadTabs { overflow: hidden; margin-bottom: -1px; } #articleWrite #UploadTabs div { display: inline-block; width: 50%; cursor: pointer; } #articleWrite #UploadTabs div span { display: block; width: auto; font-size: 14px; line-height: 2.1; text-align: center; border: 0px solid #356388; border-bottom-width: 1px; } #articleWrite #UploadTabs div.selected span { border-width: 1px; border-bottom-width: 0; font-weight: bold; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #fff; } #articleWrite #ImageUpload div.message, #articleWrite #MyImageUpload div.message { font-size: 12px; color: #9b9b9b; text-align: center; padding-top: 5px; } /* 확인용 */ #confirm {clear: both;overflow: hidden;} #confirm .description {font-size: 13px;color: #8b0000;font-weight: bold;text-align: center;padding: 0.9em 0 0.5em;} #confirm .description.normal {color: black;} #confirm .buttonMenu {border-bottom: 0.05em solid #cecece;padding-bottom: 0.32em;} /* Top Nav */ #topNav {border-bottom: 1px solid #A1A2A5;} #topNav ul {display:table; width:100%; height: 40px;} #topNav ul li {display:table-cell;white-space: nowrap; text-align: center;} #topNav ul li a {display: block; position: relative; height:40px; color: #333333; font-size:14px; font-weight:bold; line-height: 40px;} #topNav ul li a:hover, #topNav ul li.on a {height:37px; border-bottom: 3px solid #363a52;} /* HOT ISSUE */ #hosHotIssue { } #hosHotIssue .hotImage {padding:8px;background-color: #FFFFFF;} #hosHotIssue .hotImage img {display: block; width: 100%;} #hosHotIssue .shadowBg {width: 100%;height:30px;margin:0 0 -30px 0;position:relative;top:-30px;background:#000000;opacity:0.67;filter: alpha(opacity = 67);} #hosHotIssue h2 {width: 100%;height: 30px;overflow: hidden;text-align: center;position: relative;top: -30px;margin: 0 0 -30px 0;} #hosHotIssue h2 a {font-size: 14px;color: #FFFFFF;line-height: 1.5;display: block;margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; } #hosHotIssue h2 span.category {color:#ff5a5f;} #hosHotIssue .lineList { margin-top: -1px; } #hosHotIssue .lineList-top {border-top: 1px solid #d4d4d4;} #hosHotIssue .lineList-bot {border-bottom: 1px solid #d4d4d4;} #hosHotIssue .lineList-outer {border: 1px solid #d4d4d4;} #hosHotIssue .lineList-white {background-color: #ffffff;} #hosHotIssue .lineList-silver1 {background-color: #f3f3f3;} #hosHotIssue .lineList ul {} #hosHotIssue .lineList ul li {padding:5px 0 5px 7px;border-top: 1px solid #d4d4d4;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} #hosHotIssue .lineList ul li:first-child {border-top:none;} #hosHotIssue .lineList ul li a {font-size: 14px;color: #292929; line-height: 1.5;} #hosHotIssue .lineList ul li span.category { color: #2566d4;} #hosHotIssue .lineList ul li span.cmtnum, #hosHotIssue .lineList ul li span.comment { font-size: 11px; color: #0072ff;} #hosHotIssue .lineList ul li a.today {font-weight:bold;} /* BBS LIST */ .infoWrap { border: 1px solid #d4d4d4;background-color: #fff; } .infoWrap .title-board {display:block;width:auto; text-align:left; border-bottom: 1px solid #d4d4d4; padding: 10px 10px; position:relative;} .infoWrap .title-board h3 {font-size: 15px; color: #000000;font-weight: bold;} .infoWrap .title-board .mainMore { position: absolute; top: 10px; right: 12px; width: 9px; height: 16px; font-size: 15px; } .infoWrap .boardMain {vertical-align: top; padding-bottom:4px;} .infoWrap .boardMain .mainList li a .category {color: #8b0000;margin-right: 4px;} .infoWrap .boardMain .mainList li span.comment {color: #0072ff;} .infoWrap .boardMain .mainList li { padding: 5px 5px 5px 7px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-indent: 0 !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .infoWrap .boardMain .mainList li a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: #292929; line-height: 1.7; } .infoWrap .boardMain .mainList li img { margin: 0 1px 0 2px; } .infoWrap .boardMain .mainList li .comment { color: #0072ff; font-size: 12px; margin-left: 3px; line-height: 19px; } /* Swipe 2 required styles */ .swipe { overflow: hidden; visibility: hidden; position: relative; } .swipe-wrap { overflow: hidden; position: relative; } .swipe-wrap > div { float:left; width:100%; position: relative; background: #fff; } .swipetype1 .swipetabs { display: block; clear:both; /*padding: 8px 6px 0;*/ overflow: hidden; } .swipetype1 .swipetabs.div2 li {display: inline;float:left;width:50%;} .swipetype1 .swipetabs.div3 li {display: inline;float:left;width:33%;} .swipetype1 .swipetabs.div3 li:first-child {width:34%;} .swipetype1 .swipetabs.div4 li {display: inline;float:left;width:25%;} .swipetype1 .swipetabs.div5 li {display: inline;float:left;width:20%;} .swipetype1 .swipetabs.div6 li {display: inline;float:left;width:16.6667%;} .swipetype1 .swipetabs.div7 li {display: inline;float:left;width:14%;} .swipetype1 .swipetabs.div7 li:first-child, .swipetype1 .swipetabs.div7 li:last-child {width:15%;} .swipetype1 .swipetabs.div8 li {display: inline;float:left;width:12.5%;} .swipetype1 .swipetabs li.on {} .swipetype1 .swipetabs li a { color: #888; display: block; text-align: center; font-size: 13px; line-height: 1.5; padding: 6px 0 4px 0; border-bottom: 1px solid #A1A2A5; white-space: nowrap;} .swipetype1 .swipetabs li.on a { color: #333; border: 1px solid #A1A2A5; border-bottom: 0; background-color: #fff; font-weight: bold; } .swipetype1 .swipeWrap { clear:both; display: block; border: 1px solid #A1A2A5; border-top: 0; background-color: #fff; /*margin: 0 6px 8px;*/ } .swipetype1 .swipeWrap .boardList li { background-position: left 15px; } .v2 .swipetype1 .swipeWrap .boardList li { background-position: left 17px; } .swipetype1 .swipeWrap .boardList li a .category { color: #8b0000; margin-right: 4px; } .swipetype1 .swipeWrap .boardList li a .boardname { color: #8b0000; } .swipeTabsMoreBttn { text-align: right; padding: 3px 10px 4px 0; line-height: 1.8; border-top: 1px solid #ddd; } .swipeTabsMoreBttn a { font-size: 11px; font-weight: bold; letter-spacing: -1px; color: #E44B4B; } .bbslist { padding: 8px 0; } .bbslist .section-wrap { border: 0; } .bbslist .bbslistWrap { } .bbslist .bbslistWrap ul { } .bbslist .bbslistWrap li { margin: 0 16px; line-height: 2.2; padding-left: 7px; background: url('//static.inven.co.kr/image_2011/ma/common/rect_2x2_gray1.png') no-repeat left center; border-top: 1px solid #F6F6F6; } .bbslist .bbslistWrap li:first-child { border-top: 0; } .bbslist .bbslistWrap li a { display: block; font-size: 13px; line-height: 2.7; } .bbs1, .bbs2 { padding: 0; } .boardList { clear: both; margin: 3px 0 0 9px !important; padding: 0 0 5px 0 !important; display: block; } .boardList { margin: 0px 0 0 10px; _margin: 2px 0 0 10px; } .boardList.boardList-FocusType1 { margin-top:6px; padding-bottom: 7px;} .boardList ul { margin-left: 3px; } .boardList ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 9px 8px 0 0; text-indent: 0 !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .boardList ul li::before { width: 9px; height: 13px; content: ''; background: url('//static.inven.co.kr/image_2011/ma/common/rect_2x2_gray1.png') no-repeat left center; } .boardList ul li a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .boardList ul li img { margin: 0 1px 0 2px; } .boardList span.comment { color: #0072ff; font-size: 11px; margin-left: 3px; line-height: 19px; } /* .boardList ul li { clear: both; overflow: hidden; white-space: nowrap; text-indent: 9px; margin-top: 0px; _margin-top: 1px; padding: 9px 0 2px 0; } .boardList ul li { background: url('//static.inven.co.kr/image_2011/ma/common/rect_2x2_gray1.png') no-repeat left center; padding-bottom: 1px; _padding-bottom: 0px; } */ .boardList ul li, .boardList ul li a { font-size: 13px;} .boardList span.cmtnum { color: #0072ff; font-size: 11px; margin-left: 3px; } /* FOCUS TYPE */ .focusType { clear: both; overflow: hidden; margin: 0 0 0 0px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } .focusTypeCenter { text-align:center;padding: 6px 0 1px; } .focusType dl { clear: both; overflow: hidden; background: none; margin: 15px 10px 0 13px; } .focusType dl dt { display: inline-block; float: left; width: 102px; height: 62px; overflow: hidden; margin-right: 7px; } .focusType dl dt a { display: inline; float: left; background: #cbcbcb; padding: 1px; } .focusType dl dt a img { width: 100px; height: 60px; border: none; vertical-align: top; } .focusType dl dd { overflow: hidden; } .focusType dl dd.subject { height: 21px; margin: 7px 0 0 6px; } .focusType dl dd.subject, .focusType dl dd.subject a { color: #ea6c10; font-size: 13px; line-height: 16px; font-weight: bold; letter-spacing: -1px; } .focusType dl dd.content { height: 30px; margin: 4px 0 0 6px; } .focusType dl dd.content, .focusType dl dd.content a { color: #393939; font-size: 12px; line-height: 15px; } /* FOCUS TYPE 2 */ .focus2Type { padding: 10px; border-bottom: 1px solid #D6D6D6; } .focus2Type .focusImage img { width: 100%; } .focus2Type dl { clear: both; overflow: hidden; } .focus2Type dt { float: left; color: #EB3C12; font-weight: bold; } .focus2Type dd { float: left; margin-left: 5px; font-weight: bold; } /* IMAGE TYPE */ .imageType { clear: both; overflow: hidden; margin: 0 0 0 0px; padding-bottom: 4px; border-bottom: 1px solid #ddd; } .imageType dl { float: left; width: 48%; overflow: hidden; background: none; margin: 13px 0 0 0; text-align: center; } .imageType dl dt { display: inline-block; width: 140px; height: 62px; overflow: hidden; text-align: center; } .imageType dl dt a { display: inline; background: #cbcbcb; padding: 1px; } .imageType dl dt a img { width: 100px; height: 60px; border: none; vertical-align: top; } .imageType dl dd { overflow: hidden; } .imageType dl dd.subject { /*height: 21px;*/ margin: 4px 0 0 0; padding-bottom: 5px; } .imageType dl dd.subject, .imageType dl dd.subject a { color: #ea6c10; font-size: 13px; line-height: 16px; font-weight: bold; letter-spacing: -1px; } /* IMAGE TYPE 2 */ .image2Type { } .image2Type ul { display: block; overflow: hidden; clear: both; } .image2Type li { display: block; width: 50%; float: left; padding: 4px 0; text-align: center; } /* HOT LIST */ .hotList { border-bottom: 1px solid #ddd; } /* THUMBNAIL GRID */ .thumbnailGrid { } .thumbnailGrid ul { display: block; overflow: hidden; padding: 12px 0 6px 0; clear: both; } .thumbnailGrid li { display: block; width: 50%; height: 132px; _height: 140px; float: left; text-align: center; overflow: hidden; padding: 4px 0; } .thumbnailGrid li a { display: inline-block; width: 121px; height: 127px; text-decoration: none; overflow: hidden; } .thumbnailGrid li a img { width: 119px; height: 83px; border: 1px solid #A1A2A5; } .thumbnailGrid li a div.subject { margin-top: -7px; } .thumbnailGridFocus { padding: 11px 0 0 0; } .thumbnailGridFocus li { height: 87px; } .thumbnailGridFocus li a { width: 122px; height: 87px; } .thumbnailGridFocus li a img { width: 120px; height: 65px; } .thumbnailGridFocus li a div.subject { font-weight: bold; letter-spacing: -1px; font-size: 12px; margin-top: -6px; } /* THUMBNAIL GRID */ .thumbnail2Grid { } .thumbnail2Grid ul { display: block; overflow: hidden; padding: 12px 0 6px 0; clear: both; } .thumbnail2Grid li { display: block; width: 50%; height: 132px; _height: 140px; float: left; text-align: center; overflow: hidden; padding: 4px 0; } .thumbnail2Grid li a { display: inline-block; width: 121px; height: 127px; text-decoration: none; overflow: hidden; } .thumbnail2Grid li a img { width: 119px; height: 83px; border: 1px solid #A1A2A5; } .thumbnail2Grid li a div.subject { margin-top: -5px; text-align: left; height: 17px; overflow: hidden; font-size: 12px; font-weight: bold; } .thumbnail2Grid li a div.subject div.author { height: 17px; padding-left: 22px; padding-right: 30px; background-position: left bottom; background-repeat: no-repeat; overflow: hidden; } .thumbnail2Grid li.row0 a div.subject div.author { background-image: url('//static.inven.co.kr/image_2011/wow/common/icon_rating_1.png'); } .thumbnail2Grid li.row1 a div.subject div.author { background-image: url('//static.inven.co.kr/image_2011/wow/common/icon_rating_2.png'); } .thumbnail2Grid li.row2 a div.subject div.author { background-image: url('//static.inven.co.kr/image_2011/wow/common/icon_rating_3.png'); } .thumbnail2Grid li.row3 a div.subject div.author { background-image: url('//static.inven.co.kr/image_2011/wow/common/icon_rating_4.png'); } .thumbnail2Grid li a div.subject div.recommend { float: right; height: 17px; margin-top: -17px; padding-left: 18px; background: transparent url('//static.inven.co.kr/image_2011/wow/common/icon_good.png') left 1px no-repeat; overflow: hidden; } /* FANPIC TYPE */ .fanpicType .focus { float: left; width: 48%; overflow: hidden; background: none; margin: 10px 0 0 5px; text-align: center; } .fanpicType .focus a.thumb { width: 138px; height: 87px; display:block; border:1px solid #d6d6d6; margin: 0 auto; } .fanpicType .focus a.nickname { display: block; width: 137px; height: 20px; margin: -22px auto 0 auto; background: #000; color: #e7e7e7; opacity: 0.7; filter: alpha(opacity=70); font-weight: normal; /*z-index: 100;*/ line-height:22px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .fanpicType .focus a.nickname { line-height: 23px; } } .fanpicType .focus a.subject { margin-top: 3px; display: block; } .fanpicType .focus a { font:bold 12px/16px 굴림,gulim; } .fanpicType .focus img { width:136px; height:85px; display:block; border: 1px solid #686868; } /* BANNER */ .topBanners { display: inline-block; width: 100%; height: 50px; text-align: center; margin: 7px 0 0 0; background-color: #ffffff; } .topBanners img { width: 320px; height: 50px; } .topBanners.fullsize { height: auto; } .topBanners.fullsize img { width: 100%; height: auto; } /* ============================================================================ * ASIDE * ========================================================================= */ #leftAside { position:relative; min-height:100%; } #leftAside * { box-sizing:content-box; } #leftAside > * { position: absolute; left: 0px; top: 0px; } #leftAside > a.s_transBg { width: 100%; height: 0%; display: block; position: fixed; background-color: rgba(0,0,0,0); -ms-transition: background-color .25s,height 0s .25s; -moz-transition: background-color .25s,height 0s .25s; -o-transition: background-color .25s,height 0s .25s; transition: background-color .25s,height 0s .25s; } #leftAside > div.s_inner { width: 320px; background-color: #efefef; -ms-transform: translate(-320px,0px); -moz-transform: translate(-320px,0px); -o-transform: translate(-320px,0px); -webkit-transform: translate(-320px, 0px); transform: translate(-320px, 0px); -moz-transition: transform .25s; -ms-transition: transform .25s; -o-transition: transform .25s; transition: transform .25s; } #leftAside header > .s_h_header { display:flex; align-items:center; height: 45px; position: relative; background-color: var(--header-color); border-top: 1px solid var(--header-border-color); } #leftAside header > .s_h_header > * { position: absolute; } #leftAside header > .s_h_header > .s_h_icon { height: 18px; left: 10px; top: 12px; border: 1px solid var(--header-icon-color); border-radius: 2px; } #leftAside header > .s_h_header > .s_h_icon > img{ border: 1px solid var(--header-img-color); border-radius: 2px; } #leftAside header > .s_h_header > .s_h_nick { width: calc(100% - 70px); margin: 0 35px; color: var(--header-nick-color); font-size: 15px; font-family: dotum; font-weight: bold; } #leftAside header > .s_h_header > .s_h_cha { top: 13px; right: 57px; } @media (max-width: 319px) { #leftAside header > .s_h_header > .s_h_cha { display:none; } } #leftAside header > .s_h_header > .s_h_cha > a { width: 60px; height: 19px; display: block; } #leftAside header > .s_h_header > .s_h_cha > a > span.icon { width: 19px; height: 18px; background-position: -178px -13px; overflow: hidden; display: inline-block; float: left; } #leftAside header > .s_h_header > .s_h_cha > a > span.txt { display: inline-block; font-size: 11px; color: var(--header-font-color); text-indent: 4px; line-height: 20px; vertical-align:top; } #leftAside header > .s_h_header > .s_h_login > a { width: 242px; height: 45px; display: block; } #leftAside header > .s_h_header > .s_h_login > a > .icon { width: 19px; height: 20px; display: inline-block; display: block; background-position: -50px -13px; position: absolute; top: 13px; left: 15px; } #leftAside header > .s_h_header > .s_h_login > a > .txt { color: var(--header-font-color); font-weight: bold; display: inline-block; float: left; position: absolute; top: 0; left: 43px; line-height:45px; } #leftAside header > .s_h_header > .s_h_closeBttn { top: 0px; right: 0px; display: block; height: 45px; width: 35px; } @media (max-width: 319px) { #leftAside header > .s_h_header > .s_h_closeBttn { right: 45px; } } #leftAside header > .s_h_header > .s_h_closeBttn > span { width: 16px; height: 16px; display: inline-block; background-position: -210px -13px; margin: 13px 0 0 6px; } #leftAside header > .s_h_header > .s_h_closeBttn:after { width: 1px; height: 20px; display: block; background-color: var(--header-font-color); position: absolute; left: -12px; top: 13px; content: ''; } #leftAside header > .s_h_point { background-color: #efefef; padding: 9px 0 0; text-align: center; } #leftAside header > .s_h_point * { font-size: 11px; color: #414141; font-family: dotum; } #leftAside header > .s_h_point span { color: #2685d5; } #leftAside header > .s_h_point:after { width: 100%; height: 3px; padding-top: 4px; display: block; background: -moz-linear-gradient(top, #efefef 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #efefef 0%,#e6e6e6 100%); background: -o-linear-gradient(top, #efefef 0%,#e6e6e6 100%); background: -ms-linear-gradient(top, #efefef 0%,#e6e6e6 100%); background: linear-gradient(to bottom, #efefef 0%,#e6e6e6 100%); content: ''; clear:both; } #leftAside header > .s_h_menu { height: 83px; overflow: hidden; background-color: white; } #leftAside header > .s_h_menu ul{ display: flex; justify-content: space-around; } #leftAside header > .s_h_menu ul li{ width:100%; border-right: 1px solid #e2e2e2; } #leftAside header > .s_h_menu ul li:last-child { border-right: none; } #leftAside header > .s_h_menu ul li > a { display: inline-block; width: 100%; height: 83px; font-size: 12px; text-align: center; line-height: 38px; overflow: hidden; position: relative; } #leftAside header > .s_h_menu ul li > a > span { position:absolute; } #leftAside header > .s_h_menu ul li > a > span.icon { display: inline-block; } #leftAside header > .s_h_menu ul li > a > span.txt { display: inline-block; width: 100%; left: 0px; top: 38px; } #leftAside header > .s_h_menu ul li.post > a > span.icon { width: 30px; height: 25px; background-position: -18px -47px; left: 26px; top: 19px; } #leftAside header > .s_h_menu ul li.post > a > span.newPost { background-color: #008aff; color: white; font-weight: bold; border: 1px solid #008aff; left: 43px; top: 14px; height: 14px; padding: 1px 7px 0px; border-radius: 7px; line-height: 12px; } #leftAside header > .s_h_menu ul li.inventory > a > span.icon { width: 30px; height: 25px; background-position: -60px -45px; left: 26px; top: 19px; } #leftAside header > .s_h_menu ul li.skill > a > span.icon { width: 30px; height: 28px; background-position: -99px -42px; left: 26px; top: 14px; } #leftAside header > .s_h_menu ul li.scrap > a > span.icon { width: 33px; height: 23px; background-position: -141px -45px; left: 22px; top: 19px; } #leftAside .s_m_ad iframe{ vertical-align: top; } @media (max-width: 319px) { #leftAside .s_m_ad { display: none; } } #leftAside .main > .s_m_portal {} #leftAside .main > .s_m_portal #bttnGetPortal { width: 100%; height: 41px; display: block; background-color: #414141; line-height:1.1; } #leftAside .main > .s_m_portal #bttnGetPortal .icon { width: 21px; height: 17px; display: inline-block; background-position: -233px -13px; margin: 13px 20px 0 0; float: right; } #leftAside .main > .s_m_portal .menuMinus .icon { background-position: -283px -13px !important; } #leftAside .main > .s_m_portal #bttnGetPortal .txt { font-weight: bold; display: inline-block; font-size: 15px; color: #85c7ff; margin: 13px 0 0 15px; } #leftAside .main > .s_m_portal .portal_list .invenBookmarkBody { background-color: #535353; } #leftAside .main > .s_m_portal .portal_list .bookmarkList.loading { min-height:48px; height:auto !important; height:48px; background:url('//static.inven.co.kr/image_2011/mobile/common/loadgin_95x5.gif') no-repeat center 27px; } #leftAside .main > .s_m_portal .portal_list .bookmarkList ul li { width: 100%; border-bottom: 1px solid #717171; } #leftAside .main > .s_m_portal .portal_list .bookmarkList ul li span.title { width: 100%; height: 46px; display: inline-block; overflow: hidden; color: #dfdfdf; } #leftAside .main > .s_m_portal .portal_list .bookmarkList ul li span.title a { color: #dfdfdf; font-size: 13px; text-indent: 14px; line-height: 47px; display: inline-block; width: 100%; } #leftAside .main > .s_m_portal .portal_list .bookmarkList ul li span.menu { display: none; overflow: hidden; } #leftAside .main > .s_m_portal .portal_list .bookmarkList ul li span.menu a { display: inline-block; width: 20px; height: 20px; border: 1px solid black; border-radius: 3px; text-align: center; font-size: 12px; color: #474747; line-height: 18px; font-weight: bold; background-color: #eaeaea; margin: 12px 0 0 14px; } #leftAside .main > .s_m_portal .portal_list .bookmarkList ul li span.menu a:first-child { background-color: #98d9ff; } #leftAside .main > .s_m_portal .portal_list .manage ul li span.title { width: 200px; } #leftAside .main > .s_m_portal .portal_list .manage ul li span.title a { width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #leftAside .main > .s_m_portal .portal_list .manage ul li span.menu { display: inline-block; height: 46px; width: 90px; } /* PORTAL INPUT */ #invenBookmarkForm {position: absolute;left: 0;top: 132px !important;z-index: 998;display: none;background: white;border: 1px solid #bebebe;} #invenBookmarkForm .invenBookmarkFormBody {overflow: hidden;width: 243px;_width: 263px;padding: 10px;} #invenBookmarkForm .invenBookmarkFormBody form {display: inline;float: left;width: 253px;margin: 0;padding: 0;} #invenBookmarkForm .invenBookmarkFormBody label {display: inline;float: left;width: 210px;height: 15px;_height: 18px;overflow: hidden;font-size: 12px;line-height: 15px;overflow: hidden;padding: 0 0 3px;} #invenBookmarkForm .invenBookmarkFormBody input.bookmarktext {z-index: 999;display: block !important;float: left !important;width: 152px;height: 20px;border: 1px solid #bebebe;} #invenBookmarkForm .invenBookmarkFormBody span.bookmarksubmit {z-index: 999;display: block !important;float: left !important;width: 40px;height: 16px;_height: 18px;border: 1px solid #bebebe;margin-left: 5px;text-align: center;padding-top: 2px;cursor:pointer;} #invenBookmarkForm .invenBookmarkFormBody span.bookmarkclose {z-index: 999;display: block !important;float: left !important;width: 40px;height: 16px;_height: 18px;border: 1px solid #bebebe;margin-left: 5px;text-align: center;padding-top: 2px;cursor:pointer;} #invenBookmarkForm .invenBookmarkFormBody input.bookmarksubmit {z-index: 999;display: inline !important;float: left !important;height: 20px;border: 1px solid #bebebe;margin-left: 5px;} #leftAside .main > .list_type1 { background-color: white; margin-top: 8px; } #leftAside .main > .list_type1 .title { width: 100%; height: 45px; display: inline-block; border-bottom: 1px solid #e2e2e2; line-height:1; } #leftAside .main > .list_type1 .title .icon { width: 15px; height: 17px; display: inline-block; background-position: -267px -13px; margin: 16px 18px 0 0; float: right; } #leftAside .main > .list_type1 .title .txt { font-weight: bold; display: inline-block; font-size: 15px; color: #5e5e5e; margin: 16px 0 0 15px; } #leftAside .main > .list_type1 .title .txt_bttn { width: 64px; height: 19px; display: inline-block; background-color: #f1f1f1; border-radius: 11px; color: #7e7e7e; font-size: 11px; text-align: center; line-height: 18px; float: right; margin: 14px 14px 0; } #leftAside .main > .list_type1 .title .right_txt { float: right; font-weight: bold; color: #2685d5; margin: 16px 21px 0 0; } #leftAside .main > .list_type1 .menuList { margin-bottom: -1px; } #leftAside .main > .list_type1 .menuList ul{ display:flex; flex-wrap: wrap; } #leftAside .main > .list_type1 .menuList > ul > li { width: 50%; height: 35px; border-bottom: 1px solid #f1f1f1; float: left; } #leftAside .main > .list_type1 .n2 > ul > li:last-child { border-bottom: none; } #leftAside .main > .list_type1 .n1 > ul > li:nth-last-child(2), #leftAside .main > .list_type1 .n1 > ul > li:last-child { border-bottom: none; } #leftAside .main > .list_type1 .menuList > ul > li > a { width: 100%; height: 100%; color: #868686; font-size: 13px; display: inline-block; text-indent: 16px; line-height: 37px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #leftAside .main > .list_type1 .menuList > ul > li > a > span { background: url('//static.inven.co.kr/image_2011/ibuilder/icon/list_icon_2x2.png') no-repeat left center; padding-left: 8px; } #leftAside .main > .list_type1 .menuList > ul > li:nth-child(odd) a { border-right: 1px solid #f1f1f1; } #leftAside .main > .list_type1 .desc { font-size: 12px; color: #5e5e5e; padding: 7px 10px; line-height: 17px; } #leftAside .main > .list_type1:before { width: 100%; height: 3px; display: block; background: -moz-linear-gradient(top, #efefef 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #efefef 0%,#e6e6e6 100%); background: -o-linear-gradient(top, #efefef 0%,#e6e6e6 100%); background: -ms-linear-gradient(top, #efefef 0%,#e6e6e6 100%); background: linear-gradient(to bottom, #efefef 0%,#e6e6e6 100%); content: ''; clear:both; } #leftAside .main > .list_type1:after { width: 100%; height: 3px; display: block; background: -moz-linear-gradient(top, #e6e6e6 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #e6e6e6 0%,#efefef 100%); background: -o-linear-gradient(top, #e6e6e6 0%,#efefef 100%); background: -ms-linear-gradient(top, #e6e6e6 0%,#efefef 100%); background: linear-gradient(to bottom, #e6e6e6 0%,#efefef 100%); content: ''; clear:both; } #leftAside .main > .s_m_newsite .menuList > ul > li > a > span { background: none; padding: 0px; } #leftAside .main > .s_m_newsite .menuList > ul > li > a > span img { width: 24px; height: 24px; border-radius: 7px; vertical-align: middle; } #leftAside .main > .s_m_ap { width: 100%; overflow: hidden; } #leftAside .main > .s_m_ap .title { font-weight: bold; display: inline-block; font-size: 15px; color: #5e5e5e; margin: 16px 0 0; text-indent: 15px; } #leftAside .main > .s_m_ap .title:after { width: 271px; height: 1px; clear: both; border-bottom: 1px solid #e2e2e2; margin: 12px 0 6px 10px; content: ''; display: block; } #leftAside .main > .s_m_ap .apList { } #leftAside .main > .s_m_ap .apList li { width: 25%; height: 80px; float: left; margin: 5px 0; } #leftAside .main > .s_m_ap .apList li > a {} #leftAside .main > .s_m_ap .apList li > a > .icon img { width: 58px; height: 60px; margin-left: 6px; border: 1px solid #e2e2e2; border-radius: 10px; } #leftAside .main > .s_m_ap .apList li > a > .txt { width: 100%; display: inline-block; text-align: center; font-size: 11px; color: #676767; } #leftAside .main > .s_m_portal .bookmarkMenu { height: 46px; } #leftAside .main > .s_m_portal .bookmarkMenu ul li a { width: 64px; height: 21px; display: inline-block; background-color: #f1f1f1; border-bottom: 1px solid #f1f1f1; border-radius: 11px; color: #535353; font-size: 11px; text-align: center; line-height: 21px; margin-top: 11px; } #leftAside .main > .s_m_portal .bookmarkMenu ul > li > a.left { margin-left: 17px; } #leftAside .main > .s_m_portal .bookmarkMenu ul > li > a.right { margin-left: 0; } #leftAside footer > div.s_footer { margin-top: 8px; padding: 5px 0 60px; background-color: #414141; border-top: 1px solid #636363; } #leftAside footer > div.s_footer > * { text-align: center; color: #bfbfbf; } /* Board_List */ #leftAside .main .s_m_board .menuList { width: 320px; overflow: hidden; border-bottom: 1px solid #f2f2f2; } #leftAside .main .s_m_board .menuList .menuListWrap { overflow: hidden; } #leftAside .main .s_m_board .dummyBottom { height: 150px; } #leftAside .main .menuSideFav h3, #leftAside .main .menuSideCommunity h3 { width:100%; height: 38px; overflow: hidden; background: #d9d9d9;} #leftAside .main .menuSideFav h3 a, #leftAside .main .menuSideCommunity h3 a { clear: both; width:100%;display: block; color: #595959; font-size: .8125rem; height: 38px; line-height: 38px; } #leftAside .main .menuSideFav h3 a.menuMinPlus { border-bottom: 1px solid #f2f2f2; } #leftAside .main .menuSideFav h3 a.menuMinPlus, #leftAside .main .menuSideCommunity h3 a.menuMinPlus { padding-left: 30px; background: none no-repeat 9px 11px; } #leftAside .main .menuSideFav h3 a.menuMinPlus.menuMinus, #leftAside .main .menuSideCommunity h3 a.menuMinPlus.menuMinus { background-image:url('//static.inven.co.kr/image_2011/mobile/common/img_14x14_silver1b_minus.png'); } #leftAside .main .menuSideFav h3 a.menuMinPlus.menuPlus, #leftAside .main .menuSideCommunity h3 a.menuMinPlus.menuPlus { background-image:url('//static.inven.co.kr/image_2011/mobile/common/img_14x14_silver1b_plus.png'); } #leftAside .main > .s_m_board { margin-top: 12px; border-top: 1px solid white; } #leftAside .main > .s_m_board .menuListWrap { background-color: white; } #leftAside .main > .s_m_board .menuListWrap ul {} #leftAside .main > .s_m_board .menuListWrap ul li { border-bottom: 1px solid #f2f2f2; } #leftAside .main > .s_m_board .menuListWrap ul li a { color: #808080; display: inline-block; width: 270px; padding: .8em 0 .7em 1.6em; font-size: 0.8125rem; white-space: nowrap; text-overflow: ellipsis; } /* ============================================================================ * SIDE MENU EVENT * ========================================================================= */ .icon_mt { overflow: hidden; text-indent: -100000em; background-image: url('//static.inven.co.kr/image_2011/ibuilder/common/icon_mt_1.png?cache=17'); background-color: transparent; background-repeat: no-repeat; -webkit-background-size: 387px 311px; -moz-background-size: 387px 311px; -o-background-size: 387px 311px; background-size: 387px 311px; } html.openSideMenu #leftAside > a.s_transBg { height: 100%; background-color: rgba(0,0,0,.8); -ms-transition: background-color .25s; -moz-transition: background-color .25s; -o-transition: background-color .25s; transition: background-color .25s; z-index: 900; } html.openSideMenu #leftAside > div.s_inner { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -o-transform: translate(0px,0px); transform: translate(0px, 0px); z-index: 900; } html.openSideMenu body {position: relative;} html.openSideMenu, html.openSideMenu body {width: 100%;height: 100%;overflow: hidden;} html #sideMenuWrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: scroll; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: auto; z-index: -1; visibility: hidden; } html.openSideMenu #sideMenuWrap { display: block; z-index: auto; visibility: visible; } /* Footer */ #leftAside footer > div.s_footer { margin-top: 8px; font-size: 11px; padding: 5px 0 55px; background-color: #414141; border-top: 1px solid #636363; } #leftAside footer > div.s_footer > * { text-align: center; color: #bfbfbf; } /* 유저정보 */ .menuSideHeader {width:260px;} .menuSideHeader table {border-collapse: collapse;border-spacing: 0;height: 42px;table-layout: fixed;width: 100%;} .menuSideArea .userInfo {color: #C4CCDA;} .menuSideArea .userInfo .nick { padding: 10px 0 5px; margin-left: 10px; height: 20px; font-weight: bold; letter-spacing: -1px;} .menuSideArea .userInfo .nick img { margin-bottom: -1px;margin-top: -4px;vertical-align: middle;width:16px;height:16px;} .menuSideArea .userInfo .points {padding-left: 20px; font-size: 11px;} .menuSideArea .userBttons {clear:both;width:100%;height:25px;} .menuSideArea .logininfo {padding: 10px 10px 0 10px;text-align: center;} .menuSideArea .userBttons ul {} .menuSideArea .userBttons ul li {float:left;display:inline; margin-left: 3px;} .menuSideArea .userBttons ul li a { padding: 3px 7px;height: 28px;overflow: hidden;color: #FFFFFF;font-size: 11px;line-height: 1.5;text-align: center; border: 1px solid #10121f; border-radius: 3px; background-color: #5c638a; background-image: -webkit-gradient(linear,left top,left bottom,from(#454a67),to(#262939)); background-image: -moz-linear-gradient(top,#454a67,#262939); background-image: -o-linear-gradient(top,#454a67,#262939); background-image: linear-gradient(to bottom,#454a67,#262939); } .menuSideArea .logininfo .userBttons {padding-bottom: 7px;text-align: center;} .menuSideArea .logininfo ul {text-align: center;} .menuSideArea .logininfo .userBttons ul li {float: none;text-align: center;} .menuSideArea .userBttons ul li a.bttnLogin {padding: 4px 28px;height: 28px;overflow: hidden;color: #FFFFFF;font-size: 12px;font-weight:bold;letter-spacing:-1px;line-height: 1.5;text-align: center;border: 1px solid #232932;border-radius: 3px;background-color: #464F5C;background-image: linear-gradient(to bottom, #464F5C, #232932);} /* 리스트 */ .menuSideFav h3, .menuSideCommunity h3 {width:100%;height:38px;overflow:hidden;background: #d9d9d9;} .menuSideFav h3 a, .menuSideCommunity h3 a {clear: both;width:100%;display: inline-block;color: #595959;font-size: 13px;} .menuSideFav h3 a.menuMinPlus { border-bottom: 1px solid #f2f2f2; } .menuSideFav h3 a.menuMinPlus, .menuSideCommunity h3 a.menuMinPlus {padding-left: 30px; background: none no-repeat 9px 11px;} .menuSideFav h3 a.menuMinPlus.menuMinus, .menuSideCommunity h3 a.menuMinPlus.menuMinus {background-image:url('//static.inven.co.kr/image_2011/mobile/common/img_14x14_silver1b_minus.png');} .menuSideFav h3 a.menuMinPlus.menuPlus, .menuSideCommunity h3 a.menuMinPlus.menuPlus {background-image:url('//static.inven.co.kr/image_2011/mobile/common/img_14x14_silver1b_plus.png');} /* 게시판 : 페이징 */ .paging {clear: both;margin: 15px auto 15px;width:100%;line-height:1.5;font-size:14px;text-align:center;} .paging .pg {display: inline-block;margin-right: 3px;padding: 2px 5px 9px;width: 20px;height: 14px;color: #7D7D7D;font-weight: bold;text-decoration: none;vertical-align: middle;border: 1px solid #BBBBBB;border-radius: 3px;background-color: #FFFFFF;} .paging .currentpg {border: 1px solid #7D7D7D;border-radius: 3px 3px 3px 3px;color: #FFFFFF;background-color: #BBBBBB;} /* 게시판 : 추천 */ .articleRecommend {margin-top: 10px;} .articleRecommend .recommendMenu ul {text-align: center;} .articleRecommend .bttnRecom { width: 96px; height:66px; margin: 0 0px; display:inline-block;*display: inline;} .articleRecommend .bttnRecom a { display: inline; float: left; width: 96px; height:66px; padding:0;} .articleRecommend .bttnRecom a.bttnRecommend { background: url('//static.inven.co.kr/image/board/common/bttn_96x66_red1_recommend.gif') no-repeat left top; } .articleRecommend .bttnRecom a.bttnNotRecommend { background: url('//static.inven.co.kr/image_2011/board/common/bttn_96x66_red1b_notrecommend.png') no-repeat left top; } .articleRecommend .bttnRecom a:hover { background-position: 0 -66px; text-decoration:none;} .articleRecommend .bttnRecom span.reqnum { display: inline; float: left; text-align: center; width: 83px; margin-left: 6px; margin-top: 37px; font-size: 18px; font-family: tahoma,Helvetica; cursor: pointer; font-weight: bold; letter-spacing:-1px;} .articleRecommend .bttnRecom span.reqblue { color: blue; } .articleRecommend .bttnRecom span.reqred { color: red; } /* (비)추천 리스트 */ .recomList { width: 100%; } .recomList table { width: calc(100% - 15px); margin: 10px auto 0; border-spacing: 0; } .recomList th { height: 30px; text-align: left; background-color: #f7f7f7; border-top: dashed 1px #bcbcbc; border-bottom: solid 1px #e1e1e1; } .recomList th span { font-weight: bold; } .recomList th span:before { display: inline-block; content:''; width: 11px; height: 13px; margin: 0 5px 0 18px; vertical-align: middle;} .recomList th.recommend span:before { background: url(//static.inven.co.kr/image/board/common/icon_11x13_recommend.png) no-repeat center; } .recomList th.notrecommend span:before { background: url(//static.inven.co.kr/image/board/common/icon_11x13_notrecommend.png) no-repeat center; } .recomList td { width: 50%; height: 25px; text-align: center; background-color: #fff; } .recomList .exTable td { width: 25%; } .recomList.loading { height: 13px; background: url(//static.inven.co.kr/image_2011/board/common/loading.gif) no-repeat center -28px; } /* 게시판 : 스크랩 */ .articleRecommend .recommendMenu{ position: relative; } .articleRecommend .bttnScrapli{ position: absolute; top: 0px; left: calc(100% - 75px); } .articleRecommend .bttnScrap { display: inline; padding-right:5px; float: right; width: 63px; height: 64px; overflow: hidden; text-indent: -1000em; background: url(//static.inven.co.kr/image/board/common/bttn_63x64_silver1_scrap.gif) no-repeat left top; } /* 게시판 : 본문보기 */ #bttnViewArticle1 { width: 100%; margin:5px 0;} #bttnViewArticle1 .lineMenuType1 {display:block;text-align: center;height:24px;padding-top:6px;font-weight:bold;letter-spacing: -1px;font-size: 13px;} /* 게시판 : 미니인벤토리 */ .viewMiniInventory { margin-top: 10px;} .viewMiniInventory .memberInfo {display:inline;float:left;} .viewMiniInventory .lineMenuType1.licenseS {border-color:#d20d07; background-color: #ffe9e9; background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffe9e9)); background-image: -moz-linear-gradient(top,#ffffff,#ffe9e9); background-image: -o-linear-gradient(top,#ffffff,#ffe9e9); background-image: linear-gradient(to bottom, #ffffff, #ffe9e9); } .viewMiniInventory .lineMenuType1.licenseA {border-color:#054ef0; background-color: #e8efff; background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#e8efff)); background-image: -moz-linear-gradient(top,#ffffff,#e8efff); background-image: -o-linear-gradient(top,#ffffff,#e8efff); background-image: linear-gradient(to bottom, #ffffff, #e8efff); } .viewMiniInventory .lineMenuType1.licenseB {border-color:#139911; background-color: #e9f7e9; background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#e9f7e9)); background-image: -moz-linear-gradient(top,#ffffff,#e9f7e9); background-image: -o-linear-gradient(top,#ffffff,#e9f7e9); background-image: linear-gradient(to bottom, #ffffff, #e9f7e9); } .viewMiniInventory .lineMenuType1.licenseC {border-color:#f6651e; background-color: #f8eae2; background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#f8eae2)); background-image: -moz-linear-gradient(top,#ffffff,#f8eae2); background-image: -o-linear-gradient(top,#ffffff,#f8eae2); background-image: linear-gradient(to bottom, #ffffff, #f8eae2); } .viewMiniInventory .lineMenuType1.licenseD {border-color:#707070; background-color: #e8e8e8; background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#e8e8e8)); background-image: -moz-linear-gradient(top,#ffffff,#e8e8e8); background-image: -o-linear-gradient(top,#ffffff,#e8e8e8); background-image: linear-gradient(to bottom, #ffffff, #e8e8e8); } .viewMiniInventory .memberLevel { margin: 7px 0 0 10px; } .viewMiniInventory .memberLevel img { width: 24px; height: 16px; margin:0; padding:0; } .viewMiniInventory .memberNick { padding: 6px 0 4px 10px; width: 100px; font-weight: bold; letter-spacing: -1px; color: black; } .viewMiniInventory .memberPoint {position:absolute;right:0;bottom:0;overflow: hidden; white-space:nowrap; } .viewMiniInventory .memberPoint span {margin-right: 5px;font-family: Tahoma; font-size: 11px; color: #636363; white-space:nowrap; } .viewMiniInventory .memberExp { float: right; margin: 3px 0 0 3px; width:140px; overflow: hidden; white-space:nowrap; } .viewMiniInventory .memberExp .percent dt { display:inline;float:left; width: 29px; _width: 35px; padding-left: 6px; height: 15px; font-family: Tahoma; line-height: 14px; font-size: 9px; color: black; background: url('//static.inven.co.kr/image_2011/member/profile/bg_35x15_silver1.png') no-repeat left top;} .viewMiniInventory .memberExp .percent .progressbar {display:inline;float:left; width: 102px; height: 15px; overflow:hidden; background: url('//static.inven.co.kr/image_2011/member/profile/bg_102x30_blue1.png') no-repeat left top;} .viewMiniInventory .memberExp .percent .progressbar div {display:inline;float:left; height: 15px; overflow:hidden; background: url('//static.inven.co.kr/image_2011/member/profile/bg_102x30_blue1.png') no-repeat left -15px;} .viewMiniInventory .memberExp .percent.finalHit dt { display:inline;float:left;cursor: pointer; color: #ff0000; } .viewMiniInventory .memberExp .percent.finalHit .progressbar div {display:inline;float:left; cursor: pointer; background-image: url('//static.inven.co.kr/image_2011/member/profile/bg_102x30_red1.png');} /* Left Part */ /* 뉴스 : 다음뷰 */ .viewDaumView {text-align:center;margin-top:20px;} .bottomGroup { margin: 20px 0 40px; padding: 0 10px; } /* 모바일 해시태그 */ .hashtag-wrap { display: flex; gap: 4px; } .hashtag-wrap + .directLinkWrap { margin-top: 20px; } .hashtag-wrap .tag-txt { height: 29px; color: #4E4C4C;font-size: 13px;font-weight: 700;line-height: 29px; } .hashtag-wrap .tag-box { display: flex;align-items: center;gap: 4px;flex-wrap: wrap; } .hashtag-wrap .tag-link { display: flex;justify-content: center;align-items: center;padding: 0 10px;height: 29px;border-radius: 4px;border: 1px solid #E8E8E8;background: #F7F7F7;color: #4E4C4C;font-size: 13px;font-weight: 700;line-height: normal; } /* 모바일 주소 바로가기 */ .directLinkWrap ul { display: flex;flex-direction: column;gap: 8px; } .directLinkWrap li { max-width: 100%; width: fit-content } .directLinkWrap .related-link {display: flex;align-items: center;padding: 0 10px;max-width: 100%;height: 32px;border-radius: 50px;border: 1px solid #D9DBDF; } .directLinkWrap .related-link::before { flex-shrink: 0;content: '';display: inline-block;margin-right: 4px;width: 20px;height: 20px;background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23D00'/%3E%3Cpath fill='%23fff' d='M12.5 4H5v12h9.75V6.25L12.5 4Zm-2.25 10.5H6.5V13h3.75v1.5Zm3-3H6.5V10h6.75v1.5Zm0-3H6.5V7h6.75v1.5Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .directLinkWrap .related-link::after { flex-shrink: 0;content: '';display: inline-block;margin-top: 1px;width: 16px;height: 16px;background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%234E4C4C' d='M5.405 14.56 4 13.281 9.19 8.56 4 3.839 5.405 2.56l6.595 6-6.595 6Z'/%3E%3C/svg%3E"); } .directLinkWrap span { color: #4E4C4C;font-size: 13px;font-weight: 700;line-height: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* 게시판 : SNS */ .viewSocialService { margin-top: 5px;} .lineMenuType1 { position:relative; margin:0 5px; overflow:hidden} .lineMenuType1 {height: 32px;background-color: #F9F9F9;background-image: linear-gradient(to bottom, #FBFBFB, #F3F3F3);border: 1px solid #BBBBBB;border-radius: 2px;} .snsbbs .snsgroup {padding-left: 114px;} .snsbbs .bttnInventory {position: absolute;left: 0px;top: 1px;width: 57px;height: 32px;text-align: center;border-right: 1px solid #E0E0E0;} .snsbbs .bttnCopy {position: absolute;left: 57px;top: 1px;width: 57px;height: 32px;border-right: 1px solid #E0E0E0;} .snsbbs .bttnShare {position: absolute;left: 114px;top: 1px;width: 57px;height: 32px;border-right: 1px solid #E0E0E0;} .snsbbs .bttnCopySns {position: absolute;left: 0px;top: 1px;width: 100px;height: 32px;border-right: 1px solid #E0E0E0;} .snsbbs .bttnLineReport {position: absolute;right: 0px;top: 1px;width: 57px;height: 32px;border-left: 1px solid #E0E0E0;} .snsbbs .bttnLineArticleKill {position: absolute;right: 57px;top: 1px;width: 57px;height: 32px;border-left: 1px solid #E0E0E0;} .snsbbs .bttnInventory, .snsbbs .bttnCopySns, .snsbbs .bttnLineArticleKill, .snsbbs .bttnLineReport, .snsbbs .bttnCopy {display: block;padding-top: 9px;color: #393939;font-size: 12px;line-height: 14px;text-align: center;text-indent: -1px;vertical-align: top;} .snsnews .snsgroup {padding-left: 58px; padding-right: 58px;} .snsnews .bttnCopy {position: absolute;left: 0px;top: 1px;width: 57px;height: 32px;text-align: center;border-right: 1px solid #E0E0E0;} .snsnews .bttnCopySns {position: absolute;left: 0px;top: 1px;width: 100px;height: 32px;border-right: 1px solid #E0E0E0;} .snsnews .bttnCopy {display: block;padding-top: 9px;color: #393939;font-size: 12px;line-height: 14px;text-align: center;text-indent: -1px;vertical-align: top;} .snsnews .bttnCopyNews { left: auto; right: 0; border-left: 1px solid #E0E0E0; border-right: none; } .snsgroup ul {float: left;width: 100%;} .snsgroup ul::after { content: ""; display: block; clear: both; height: 0; overflow: hidden; } .snsgroup li {width: 20%;} .newSnsGroup .snsgroup li { width: 14.28%; } .snsgroup li {float: left;height: 32px;} .snsgroup li .bttnSns {display: block;height: 100%;overflow: hidden;text-indent: -9999px;} .snsgroup .bttnSns span {display: block;width: 24px;height: 24px;margin: 4px auto 3px;background-image: url('//static.inven.co.kr/image_2011/mobile/common/map_sns1dx2.png?v=20190215'); background-size: cover; } .snsgroup .bttnSns span.snsKakaoTalk {background-position: 0 0;} .snsgroup .bttnSns span.snsKakaoStory {background-position: -24px 0px;} .snsgroup .bttnSns span.snsTwitter {background-position: -48px 0;} .snsgroup .bttnSns span.snsFacebook {background-position: -72px 0;} .snsgroup .bttnSns span.snsBand {background-position: -96px 0;} .snsgroup .bttnSns span.snsLine {background-position: -120px 0;} .snsgroup .bttnSns span.snsNaver {background-position: -336px 0;} .snsgroup .bttnSns span.linkCopy {background-position: -360px 0;} #copyPermalink, #copyPermalink2 {margin-top:-5px;padding:5px;} #copyPermalink .permalinkWrap, #copyPermalink2 .permalinkWrap2 { background-color:#E0E0E0; padding: 5px 10px 5px 10px;} .newSnsGroup #copyPermalink2 .permalinkWrap2 { background-color: white; border: 1px solid #bbbbbb; border-top: none; padding: 5px 10px 5px 10px;} #copyPermalink2 .permalinkWrap2::after { content: ""; display: block; clear: both; height: 0; overflow: hidden; } #copyPermalink .permalinkWrap .permalHelp, #copyPermalink2 .permalinkWrap2 .permalHelp { color:#333333; font-size:12px; padding: 4px 0 2px;} #copyPermalink .permalinkWrap input.permalink, #copyPermalink2 .permalinkWrap2 input.permalink { border: 1px solid #BBBBBB; width:100%;} #copyPermalink .permalinkWrap a.permalink, #copyPermalink2 .permalinkWrap2 a.permalink { border: 1px solid #BBBBBB; background-color: #ffffff; display: block; border-radius: 8px; padding: 5px; } .viewWriterInventory {margin-top: 10px;text-align: center;} .viewWriterInventory a {display: inline-block;*display: inline;font-size: 13px;border: 1px solid #A5AFB5;border-radius: 3px;padding: 3px;box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.07) inset, -1px -1px 1px rgba(255, 255, 255, 0.07) inset;} .articleBotMenu {margin-top: 15px; height:40px;padding: 10px 5px;} .articleBotMenu.modMenu {margin-top: 5px; height:40px;padding: 5px 5px;} .botLeftMenu {float:left;} .botRightMenu {float:right;} .botMenu {display: inline-block;*display: inline;font-size: 13px;border: 1px solid #A5AFB5;border-radius: 3px;padding: 5px 3px;} .modMenu .botMenu {margin-right:5px;border-color: #ccc;color: #bebebe;} .modMenu .botMenu a {color: #bebebe;} /* 게시판 : SNS renew */ .snsbbs.withMenu .bttn { position:static; float:left; display:block; width:auto; height:32px; padding:0 8px; margin:0; border-right: 1px solid #E0E0E0; border-left:0; color: #393939;font-size: 12px;line-height: 32px;text-align: center;text-indent: -1px; } .snsbbs.withMenu .alignRight { float:right; } .snsbbs.withMenu .alignRight .bttn:first-child { border-left: 1px solid #E0E0E0; } .snsbbs.withMenu .alignRight .bttn:last-child { border-right:0; } .snsbbs.withMenu .bttn.bttnLastAtt img { width: 14px; vertical-align: -3px; padding-right: 4px; } .snsbbs.withMenu .bttn.bttnLastAtt .textBttn { color:#f3705a; } @media screen and (max-width:401px) { .snsbbs.withMenu .bttn.bttnShare span { position: absolute; z-index: -1; opacity: 0; clip: rect(0, 0, 0, 0); } .snsbbs.withMenu .bttn.bttnShare::before { content: '공유'; } } @media screen and (max-width:360px) { .snsbbs.withMenu .bttn { padding: 0 5px; } } /* list bottom menu */ .listBottomMenu {margin-bottom:20px;} .listBottomMenu .listbottommenu ul {float: left;width: 100%;} .listBottomMenu .listbottommenu li {width: 19%;} .listBottomMenu .listbottommenu li {float: left;height: 32px;border-right: 1px solid #E0E0E0;} .listBottomMenu .listbottommenu li.last {border-right: none;} .listBottomMenu .listbottommenu li a {display: block; padding-top:7px;font-size:13px;text-align: center;} /* 게시판 : 코멘트 */ #powerbbsCmt2 { margin: 5px; border: 1px solid #e1e1e1; clear:both;} #powerbbsCmt2 .cmtWrap { margin-left: 0px; margin-top: 0px; } #powerbbsCmt2 .cmtHead { overflow: hidden; clear: both; width:100%;} #powerbbsCmt2 .cmtHead h4 { display:inline;float:left; font-weight:bold; letter-spacing:-1px; margin-left:5px; padding:11px 0 5px 5px; white-space:nowrap; } #powerbbsCmt2 .cmtHead h4 strong { color: red; font-size: 14px; } #powerbbsCmt2 .cmtHead ul { display:inline;float:left; overflow: hidden; margin-left:9px; padding:9px 0 5px 11px; white-space:nowrap; } #powerbbsCmt2 .cmtHead ul li {float: left; margin: 0 5px 0 0;} #powerbbsCmt2 .cmtHead ul li, #powerbbsCmt2 .cmtHead ul li a { display:inline;font-size: 12px; } #powerbbsCmt2 #diceBttn1 { display: none; } #powerbbsCmt2 .cmtHead .recent .recent a, #powerbbsCmt2 .cmtHead .dice .dice a, #powerbbsCmt2 .cmtHead .date .date a { font-weight:bold; letter-spacing:-1px; } #powerbbsCmt2 .cmtMain { border-bottom: 1px solid #eaeaea; } #powerbbsCmt2 .cmtMainTail { clear: both;width:100%; border-top: 1px solid #eaeaea;} #powerbbsCmt2 .cmtMainTail .cmtMainAdminMenu { float:left; margin-left: 5px; padding: 9px 0 5px 0; } #powerbbsCmt2 .cmtMainTail .cmtMainAdminMenu li { margin-left: 5px; } #powerbbsCmt2 .cmtMainTail .cmtMainAdminMenu li, #powerbbsCmt2 .cmtMainTail .cmtMainAdminMenu li a { color: #787e7e; } /* 코멘트 새로고침 */ #powerbbsCmt2 .cmtListOpen { background-position: 0 -33px !important;} #powerbbsCmt2 .bttnRefresh { background:url("//static.inven.co.kr/image/board/common/icon_refresh_red1.gif") no-repeat left center;} #powerbbsCmt2 .bttnRefresh { float: right; color: red; text-decoration:underline; cursor: pointer; margin-right:5px; padding:9px 0 5px 15px; white-space:nowrap; } #powerbbsCmt2 .bttnRefresh.refreshS1 { color: #ff3b3b; text-decoration: none; background:none; } #powerbbsCmt2 .bttnRefresh.refreshS2 { color: #fe8181; text-decoration: none;background:none;} #powerbbsCmt2 .bttnRefresh.refreshS3 { color: #ffcaca; text-decoration: none;background:none;} /* 코멘트 리스트 */ #powerbbsCmt2 .commentList1 ul { margin:0 0 -1px 0px; overflow:hidden; display: block; clear:both;} #powerbbsCmt2 .commentList1 ul li { border-top: 1px solid #dcdcdc; overflow:hidden; } #powerbbsCmt2 .commentList1 ul li div.cmtOne { display:block; clear:both; width:100%;background-color: white; border: 1px solid white; padding: 9px 0 0 0;} #powerbbsCmt2 .commentList1 ul li.bestCmt div.cmtOne { background-color: #fff6f3 !important;} #powerbbsCmt2 .commentList1 ul li.replyCmt { padding-top: 0px; padding-left: 18px; border-top: 1px dashed #dcdcdc; background:url("//static.inven.co.kr/image_2011/board/common/icon_arrow_10x9_silver2_reply.png") no-repeat 6px 16px; } #powerbbsCmt2 .commentList1 ul li.replyCmt div.cmtOne { } #powerbbsCmt2 .commentList1 ul li div.chkbox {display: none;} #powerbbsCmt2 .commentList1 ul li input.checkCmt {display: none;} #powerbbsCmt2 .commentList1 ul li strong.title { margin-left: 3px;} #powerbbsCmt2 .commentList1 ul li strong.title, #powerbbsCmt2 .commentList1 ul li strong.title a { color:#000000; font-size:14px; font-weight:normal; letter-spacing:0; } #powerbbsCmt2 .commentList1 ul li strong.title { display:inline; float:left; padding-top:3px; } #powerbbsCmt2 .commentList1 ul li strong.title img { height:16px; margin-top:-3px; vertical-align:middle; } #powerbbsCmt2 .commentList1 ul li strong.title img.lvicon { margin-right:6px; width:24px; } #powerbbsCmt2 .commentList1 ul li strong.title img.confirmIcon { width: 18px; height: 18px; border: none; margin-left: 3px; } #powerbbsCmt2 .commentList1 ul li strong.title img.icon { margin-right:2px; width:16px; } #powerbbsCmt2 .commentList1 ul li strong.title span.date { display:inline;margin-left:3px; color:#848484; font-size:11px; font-weight: normal; letter-spacing:0; font-family: tahoma,Helvetica; } #powerbbsCmt2 .commentList1 ul li strong.title span.ip { display:none;} #powerbbsCmt2 .commentList1 ul li strong.title span.postip { color:#848484; font-size:10px; font-weight:normal; letter-spacing:0; font-family: tahoma,Helvetica; } #powerbbsCmt2 .commentList1 ul li a.delete { background:url("//static.inven.co.kr/image/board/common/icon_rect_olive1.gif") no-repeat scroll left top transparent; display:inline; float:left; height:10px; margin:4px 0 0 3px; overflow:hidden; text-indent:-1000em; width:10px; } #powerbbsCmt2 .commentList1 ul li a.recover { background:url("//static.inven.co.kr/image_2011/board/common/icon_rect_olive1_repair.png") no-repeat scroll left top transparent; display:inline; float:left; height:10px; margin:4px 0 0 3px; overflow:hidden; text-indent:-1000em; width:10px; } #powerbbsCmt2 .commentList1 ul li a.blind { background:url("//static.inven.co.kr/image/board/common/icon_rect_olive2_blind.gif") no-repeat scroll left top transparent; display:inline; float:left; height:10px; margin:4px 0 0 3px; overflow:hidden; text-indent:-1000em; width:10px; } #powerbbsCmt2 .commentList1 ul li .comment { clear:both; display: block; overflow:hidden;} #powerbbsCmt2 .commentList1 ul li span.content { display:block;line-height:1.5; padding:14px 3px 8px 4px;min-height: 32px; height:auto; *height:32px; } #powerbbsCmt2 .commentList1 ul li span.content { font-family: gulim, 굴림, Helvetica; font-size: 13px; text-align: left; text-decoration: none; line-height:1.5;color: black; font-weight: normal;word-wrap: break-word; } #powerbbsCmt2 .commentList1 ul li.adminCmt .comment span { color: #5521be !important; } #powerbbsCmt2 .commentList1 ul li.adminCmt .comment span a { color: #5521be !important; } #powerbbsCmt2 .commentList1 ul li.adminCmt .comment span a:hover { color: blue !important; } #powerbbsCmt2 .commentList1 ul li.partnerCmt .comment span { color: #0063DB !important; } #powerbbsCmt2 .commentList1 ul li.partnerCmt .comment span a { color: #0063DB !important; } #powerbbsCmt2 .commentList1 ul li.partnerCmt .comment span a:hover { color: blue !important; } #powerbbsCmt2 .commentList1 ul li.amaCmt .comment span { font-weight:bold !important; } #powerbbsCmt2 .commentList1 ul li.dice .comment span { color: green !important; } #powerbbsCmt2 .commentList1 ul li.blindCmt .comment span .powerbbsBlindCommentMenu { color: silver !important; } #powerbbsCmt2 .commentList1 ul li.dice .comment span .powerbbsBlindComment { color: green !important; } #powerbbsCmt2 .commentList1 ul li span .powerbbsBlindComment { clear: both; } #powerbbsCmt2 .commentList1 ul li strong.title span.snsIcons.snsloading {height: 18px;font-size:10px;border: 1px solid #9e9e9e;padding: 0 2px;margin-left: 3px;background-color: #e3e3e3;} #powerbbsCmt2 .commentList1 ul li .comment .bbsDataSaver dl dt span { color: #fff !important; } #powerbbsCmt2 .commentList1 ul li strong.title span.snsIcons img.snsIcon { margin-left: 3px;width: 14px;height: 14px; cursor: pointer;} /* 답글쓰기 버튼 */ #powerbbsCmt2 .commentList1 ul li .bottomLine {display: block;height:24px;} #powerbbsCmt2 .commentList1 ul li a.replyBttn { float: right; margin-right:17px; color: #a7a7a7; text-decoration: none;} #powerbbsCmt2 .commentList1 ul li a.replyBttn:hover { color: black;} /* 코멘트 공감,신고 */ #powerbbsCmt2 .commentList1 ul li .goodbadpart { float: right; width: auto; margin-right: 5px;} #powerbbsCmt2 .commentList1 ul li .goodbadpart .bttn_sep11 { float: left; padding: 1px 4px; font-size: 11px; letter-spacing: -1px; cursor: pointer; } #powerbbsCmt2 .commentList1 ul li .goodbadpart .bttn_sep11sep { float: left; padding: 1px 1px; font-size: 11px; letter-spacing: -1px; } #powerbbsCmt2 .commentList1 ul li .goodbadpart .bttn_recommender { float: right; } #powerbbsCmt2 .commentList1 ul li .bttn_b11right { float: right; padding: 1px 4px; height: 15px; line-height: 14px; vertical-align: top; border: 1px solid #9f9f9f; font-size: 11px; background-color: #fff;letter-spacing: -1px; font-family: dotum, sans-serif; cursor: pointer; margin-right: 5px; } #powerbbsCmt2 .commentList1 ul li .bttn_bad { color: #007acf; } #powerbbsCmt2 .commentList1 ul li .bttn_good { color: #e94a23; margin-right: 5px; } #powerbbsCmt2 .commentList1 ul li .bttn_b11 { float: left; padding: 1px 4px; height: 15px; line-height: 14px; vertical-align: top; border: 1px solid #9f9f9f; font-size: 11px; background-color: #fff; letter-spacing: -1px; font-family: dotum, sans-serif; cursor: pointer; } #powerbbsCmt2 .commentList1 ul li .cmtSt2 a.replyBttn { float: left; margin-right: 0px; margin-left: 3px; } #powerbbsCmt2 .commentWrite .bttnSubmitUpload { width: 78px; height: 21px; background: url(//static.inven.co.kr/image/board/common/bttn_78x21_white1.gif) no-repeat left top; border: 0; font-size: 11px; cursor: pointer; } #powerbbsCmt2 #cmtImageUploader #cmtUploadImage { position: absolute; width: 78px; height: 21px; font-size: 11px; display: block; cursor: pointer; opacity: 0; } #powerbbsCmt2 .commentList1 ul li .goodbadparticon {width: 170px !important;} #powerbbsCmt2 .commentList1 ul li .goodbadpart.nogood { width: 110px;} #powerbbsCmt2 .commentList1 ul li .goodbadpart span.goodbadnum { display:inline; float:left; height: 16px; padding-top: 1px; margin-left: 1px; text-indent: 33px; cursor: pointer; } #powerbbsCmt2 .commentList1 ul li .goodbadpart span.goodbadnum { font-family:tahoma,Helvetica; font-size: 11px; font-weight: bold; letter-spacing:-1px; color: #323232; } #powerbbsCmt2 .commentList1 ul li .goodbadpart .goodnum { width: 47px; background: url('//static.inven.co.kr/image/board/common/bttn_29x16_red1_good.gif') no-repeat left top; } #powerbbsCmt2 .commentList1 ul li .goodbadpart .badnum { width: 47px; background: url('//static.inven.co.kr/image/board/common/bttn_29x16_black1_report.gif') no-repeat left top; } #powerbbsCmt2 .commentList1 ul li .goodbadpart .killnum { width: 50px; background: url("//static.inven.co.kr/image_2011/board/common/bttn_50x16_black1_reportkill.png") no-repeat left top;} #powerbbsCmt2 .commentList1 ul li .goodbadpart span.goodbadicon { display:inline; float:left; height: 16px; padding-top: 1px; margin-left: 4px; text-indent: 20px; cursor: pointer; } #powerbbsCmt2 .commentList1 ul li .goodbadpart span.goodbadicon { font-family:tahoma; font-size: 8pt; font-weight: bold; letter-spacing:-1px; color: #323232; } #powerbbsCmt2 .commentList1 ul li .goodbadpart .goodicon { width: 36px; text-indent:20px; background: url('//static.inven.co.kr/image_2011/board/common/bttn_16x16_red1_good.png') no-repeat left top; } #powerbbsCmt2 .commentList1 ul li .goodbadpart .badicon { width: 36px; text-indent:20px; background: url('//static.inven.co.kr/image_2011/board/common/bttn_16x16_blue1_bad.png') no-repeat left top; } #powerbbsCmt2 .commentList1 ul li .goodbadpart .reporticon { width: 32px; background: url('//static.inven.co.kr/image/board/common/bttn_29x16_black1_report.gif') no-repeat left top; } #powerbbsCmt2 .commentList1 ul li .goodbadmng { display: inline; float:right; width: 124px; margin-right:10px;} #powerbbsCmt2 .commentList1 ul li .goodbadmng .mngRecommend { cursor:pointer;color:#999;font-size:11px; } #powerbbsCmt2 .commentList1 ul li .goodbadmng .mngNotRecommend { cursor:pointer;color:#999;font-size:11px;float:right;margin-right:10px; } /* 베스트 코멘트 */ #powerbbsCmt2 .commentList1.bestComment { } #powerbbsCmt2 .commentList1.bestComment ul { border-bottom: 1px solid #dcdcdc; } #powerbbsCmt2 .commentList1.bestComment ul li { padding-top: 53px; } #powerbbsCmt2 .commentList1.bestComment ul li { background: #fff6f3 url('//static.inven.co.kr/image/board/common/bg_best_commend.gif') no-repeat left top; } #powerbbsCmt2 .commentList1.bestComment ul li div.cmtOne { background-color: #FFF6F3; border: 1px solid #FFF6F3; } #powerbbsCmt2 .commentList1.bestComment ul li.bestCmt { padding-top: 53px; } #powerbbsCmt2 .commentList1.bestComment ul li.bestCmt { position: relative; background: #fff6f3; } #powerbbsCmt2 .commentList1.bestComment ul li.bestCmt::before {content: ''; display: block; position: absolute; top: 20px; left: 20px; width: 80px; height: 25px; background: url("https://static.inven.co.kr/image_2011/common/common/common_img_sprite.png?v=210611b") no-repeat; background-position: -35px -33px;} #powerbbsCmt2 .commentList1.bestComment ul li.bestCmt div.cmtOne { background-color: #FFF6F3; border: 1px solid #FFF6F3; } /* 우선삭제 코멘트 */ #powerbbsCmt2 .commentList1 ul li.preDelCmt .comment span { color: #999 !important; } /* 삭제 코멘트 */ #powerbbsCmt2 .commentList1 ul li.deleteCmt { background: #cecece; } #powerbbsCmt2 .commentList1 ul li.deleteCmt div.cmtOne { background: #cecece; border-color:#cecece;} /* 코멘트 블록 */ #powerbbsCmt2 .bttnBlockOpinion { display: inline; float: left; margin-top: 2px;} #powerbbsCmt2 .powerbbsBlockOpinionTitleOpen .bttnBlockOpinion { background-position: 0 -33px !important;} #powerbbsCmt2 .powerbbsBlockOpinionTitleOpen .bttnBlockOpinion span.bluetext { display: none !important;} /* 코멘트 쓰기 */ #powerbbsCmt2 .commentWrite { background-color: #F8F8F8; clear:both;} #powerbbsCmt2 .commentWrite .cmtWriteForm { padding:8px 0 8px 0; } #powerbbsCmt2 .commentWrite .cmtWriteForm table {display:table;width:100%;margin: 0 auto; table-layout: fixed;} #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtTitle { display:none;} #powerbbsCmt2 .commentWrite .cmtWriteForm table .cmtContentTd {padding-left: 5px; padding-right:5px;} #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtGuest { display:inline; float:left; clear: both; margin-left: 37px; margin-bottom: 5px; } #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtTitle strong {} #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtContent {width:100%;position:relative;} #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtContent textarea { display:block;width:100%;_height:40px;height:46px; margin:0; line-height: 1.5; font-size: 13px;border: 1px solid #abadb3;background-color:#fff;background-image:none;padding:2px 0;} /* #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtContent textarea.notice { background: #ffffff url("//static.inven.co.kr/image_2011/board/common/bg_218x64_comment1b.gif") no-repeat 2px top;}*/ #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSubmit input,#powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSubmit button { cursor:pointer; font-weight:bold; letter-spacing:-1px; } #labelReplyNick {position:absolute;display:none;padding: 2px 13px 1px 2px; line-height:14px;left:2px;top:2px;background:#f6f7f8 url('//static.inven.co.kr/image_2011/common/common/icon_15x15_x.png') no-repeat right 1px;border:1px solid #a7b8d2;border-radius:3px;font-size:12px;cursor:pointer;} /* #powerbbsCmt2 .commentWrite .cmtWriteForm table .cmtBttnTd {width: 74px;} #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSubmit { width:68px;} #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSubmit input { border:0 none; height:66px; overflow:hidden; text-align:center; width:68px;} #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSubmit input { background:url("//static.inven.co.kr/image/common/databoard/common/bttn_68x66_silver1_submit.gif") no-repeat left top; } #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSubmit input.loading { background:url(//static.inven.co.kr/image_2011/board/common/loading_68x66.gif) no-repeat left top; } */ #powerbbsCmt2 .commentWrite .cmtWriteForm table .cmtBttnTd {width: 48px;} #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSubmit { width:48px; margin-top: 4px;} #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSubmit input, #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSubmit button { border:0 none; height:48px; overflow:hidden; text-align:center; width:48px;} #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSubmit input, #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSubmit button { background:url("//static.inven.co.kr/image_2011/board/common/bttn_48x48_silver1_submit.png") no-repeat left top; text-indent: -10000em; } #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSubmit input.loading, #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSubmit button.loading { background:url("//static.inven.co.kr/image_2011/board/common/loading_48x48.gif") no-repeat left top; } /* 코멘트 쓰기:SNS */ #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSns {margin-left: 8px;} #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSns li {margin-left: 10px; display:inline;float:left;} #powerbbsCmt2 .commentList1 ul.cmtSns li { border:none; padding:0; width:auto;} #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSns li input {display: inline;float: left; margin-top:4px;} #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSns li label.snsIcon {display: inline;float: left;margin-left:5px;margin-top: 2px;width: 16px;height: 16px;text-indent: -9999px;cursor: pointer;} #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSns label.snsIcon.snsIcon-Twitter { background: url('//static.inven.co.kr/image_2011/common/sns/bg_16x16_sns1_twitter1.png') no-repeat left top;} #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSns label.snsIcon.snsIcon-Facebook { background: url('//static.inven.co.kr/image_2011/common/sns/bg_16x16_sns1_facebook1.png') no-repeat left top;} #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSns label.snsIcon.snsIcon-Me2day { background: url('//static.inven.co.kr/image_2011/common/sns/bg_16x16_sns1_me2day1.png') no-repeat left top;} #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSns li.Available label.snsIcon { background-position: 0 -16px !important;} /* cmtImage */ #cmtImageUploader {display: inline-block;} #cmtImageUploader.tab1 .tabContent1,#cmtImageUploader.tab2 .tabContent2,#cmtImageUploader.tab3 .tabContent3 {display:inline;} #cmtImageUploader .tabContent { float: left; display: none; width: 100%; margin-top: 7px;} #cmtImageUploader .tabContent { padding-top:3px; padding-bottom:3px; border:1px solid #9b9b9b;} #cmtImageUploader .tabContent form { float:left; display:inline; width: 100%; margin:0 0 0 10px; padding:0; } #cmtImageUploader .tabContent form label { margin:0 5px 0 0; padding:0; float:left; display: inline; padding-top: 4px;} #cmtImageUploader .tabContent form input { margin:0; padding:0; float:left; display: inline;} #cmtImageUploader .tabContent ul { float: left; display: inline; width: 100%; margin-left: 0px; margin-top: 0px;} #cmtImageUploader .tabContent ul li { float: left; display: inline; width: 119px; height:83px; overflow:hidden; padding:0;margin-left: 16px; margin-top: 10px; border:1px solid #9e9e9e;} #cmtImageUploader .tabContent ul li img { float: left; display: inline; width: 119px;height:83px; margin-left: 0px; _margin-left: -4px; margin-top: 0px;cursor:pointer;} #cmtImageUploader .tabContent ul li span { float: left; display: inline; text-align:center;cursor:pointer;} #cmtImageUploader .tabContent ul li span.deleteImg {float:right; width: 20px; height:14px; background:#ffffff; margin-left: 0px; margin-top: -14px; border:1px solid #9e9e9e; color:#9e9e9e; font-size:11px;text-align:center;} #cmtImageUploader .tabContent ul li span.deleteImg {float:right; width: 20px; height:15px; background:#ffffff; margin-right: -1px; margin-top: -14px; border:1px solid #9e9e9e; color:#9e9e9e; font-size:11px;text-align:center;} #bbsImageUploader .uploadBottom { float: left; display: inline; width: 100%;} #cmtImageUploader .tabContent .descImageUploader{ float: left; display: inline; width: 100%; color:#9b9b9b; margin-top:5px;line-height:18px;} #cmtImageUploader .tabContent .bttnWrap {float:right;display:inline-block;width:91px;height:28px;margin-right: 12px;} #cmtImageUploader .tabContent .bttnWrap .abs {position:absolute;} #cmtImageUploader .tabContent .bttnWrap input {margin-left:0px;_margin-left:-5px;width: 91px; height: 28px; border: 0px none; text-align: left; cursor: pointer; filter:alpha(opacity=0);opacity:0;} .cmtUploadImgTop { position:relative; z-index:3; overflow:hidden;} .cmtUploadImgTop .cmtUploadImg {display: inline-block; float:left; padding-bottom: 13px;} .cmtUploadImgTop .cmtUploadImg img { float:left; display: inline-block; max-width: 100%;} .cmtUploadImgTop .deleteCmtImg {display: inline-block; float:none; background-color: #999; margin-top:2px; height: 16px; width:80px; text-align: center; cursor:pointer; font-size: 13px; color: #fff; font-weight: bold; padding: 2px;} #cmtImageUploader .cmtImageControl { margin-left: 5px; padding-bottom: 7px;} /* delete icon renew*/ .cmtUploadImg {position: relative;} .cmtUploadImgTop .deleteCmtImg { display:none; position: absolute; top: 4px; right: 4px; width: 25px; height: 25px; margin: 0; padding: 0; border-radius: 15px; background-color: rgba(0,0,0,0.7); border:1px solid white; } .cmtUploadImgTop .cmtUploadImg.loaded .deleteCmtImg { display:block; } .cmtUploadImgTop .deleteCmtImg .icon_delete { display:inline-block; width: 20px; height: 20px; fill: #fff;} #powerbbsCmt2 .cmtimage { max-width: 100%; display: block; } #powerbbsCmt2 div.cmtimager { width: auto; max-width: 320px; position: relative; display: inline-block; } #powerbbsCmt2 div.cmtimager video { display: block; max-width: 100%; } #powerbbsCmt2 div.cmtimageMore { height: 10px; background-color: #dddddd;text-align:center;line-height:5px; clear:both;} #powerbbsCmt2 div.cmtmessage { margin-top: 15px; clear:both;} #powerbbsCmt2 div.cmtimager .cmtimageFull { font-size: 0; position: absolute; bottom: 10px; right: 10px; display: none; text-decoration: none; } #powerbbsCmt2 div.cmtimager .cmtimageFull:before { font-size: 25px; color: white; text-shadow: 0 0 3px black; } #powerbbsCmt2 .cmtimager.cmtvideo > span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; z-index: 1; } #powerbbsCmt2 .cmtimager.cmtvideo > span::after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent url(//static.inven.co.kr/image_2011/common/comment/icon_play.png) center center no-repeat; background-color: rgba(0, 0, 0, .8); opacity: .5; } #powerbbsCmt2 .cmtimager.cmtvideo.play > span::after { display: none; } #powerbbsCmt2 div.cmtimager.cmtvideo .cmtimageGif { display: block; position: absolute; right: 0; bottom: 0; z-index: 2; padding: 0px 10px; color: white; background-color: black; font-size: 10px; } #powerbbsCmt2 .commentList1 ul li.adminCmt .comment span a.cmtimageGif { color: white !important; } #powerbbsCmt2 div.cmtimager.video .cmtimageGif:hover { text-decoration: none; } /* PwCMT V2 Mobile */ /* #mobileWrap #powerbbsCmt2 { width: auto; box-sizing: border-box; margin: 0; padding-bottom: 0; } #mobileWrap #powerbbsCmt2 .cmtWrap { width: auto; box-sizing: border-box; margin: 3px; } #mobileWrap #powerbbsCmt2 .cmtHead { width: auto; box-sizing: border-box; overflow: hidden; } #mobileWrap #powerbbsCmt2 .cmtHead ul li { display: inline !important; } #mobileWrap #powerbbsCmt2 .cmtHead ul li, #mobileWrap #powerbbsCmt2 .cmtHead ul li a { font-size: 13px; } #mobileWrap #powerbbsCmt2 .vertical-bar { display: inline-block; margin: 0 2px 0 3px; vertical-align: 1px; } #mobileWrap #powerbbsCmt2 .cmtMainTail { width: auto; box-sizing: border-box; overflow: hidden; } #mobileWrap #powerbbsCmt2 .commentWrite { width: auto; box-sizing: border-box; } #mobileWrap #powerbbsCmt2 .commentWrite .cmtWriteForm { width: auto; box-sizing: border-box; } #mobileWrap #powerbbsCmt2 .commentWrite .cmtWriteForm .textLogin { overflow: hidden; width: auto !important; } #mobileWrap #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtContent textarea { box-sizing: border-box; } #mobileWrap #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtContent textarea.notice { width: 100% !important; } #mobileWrap #powerbbsCmt2 .cmtMain { overflow: hidden; box-sizing: border-box; width: auto; } #mobileWrap #powerbbsCmt2 .title678SL1 { width: auto; height: 33px; box-sizing: border-box; line-height: initial; background: #e9e8e8 url(//static.inven.co.kr/image_2011/board/common/icon_18x36_plus_pwcmt1a.gif) 98% 50% no-repeat; padding: 0 0 0 1.5em; line-height: 31px; border-color: #c0c0c0; border-width: 1px 1px 1px 1px; } #mobileWrap #powerbbsCmt2 .commentList1 ul { width: auto; margin: 0; } #mobileWrap #powerbbsCmt2 .commentList1 ul li { width: auto; padding: 0; } #mobileWrap #powerbbsCmt2 .commentList1 ul li div.chkbox { display: block; } #mobileWrap #powerbbsCmt2 .commentList1 ul li div.cmtOne { display: block; float: right; width: calc(100% - 15px); clear: unset; } #mobileWrap #powerbbsCmt2 .commentList1 ul li span.content { margin-top: unset; font-size: 13px; width: auto; } #mobileWrap #powerbbsCmt2 .commentList1 ul li strong.title { padding-top: 0; } #mobileWrap #powerbbsCmt2 .commentList1 ul li strong.title .nickname { font-size: 14px; } #mobileWrap #powerbbsCmt2 .commentList1 ul li .bttn_b11right { font-size: 12px; padding: 2px 5px; } #mobileWrap #powerbbsCmt2 .commentList1 ul li.replyCmt { background-position: 10px 4px; margin-bottom: 10px; } #mobileWrap #powerbbsCmt2 .commentList1 ul li.replyCmt div.cmtOne { width: calc(100% - 30px); } #mobileWrap #powerbbsCmt2 .commentList1 ul li .bottomLine { width: auto; margin-bottom: 5px; } #mobileWrap #powerbbsCmt2 .commentList1 ul li.replyCmt .bottomLine { height: auto; } #mobileWrap #powerbbsCmt2 .commentList1 ul li a.replyBttn { float: left; clear: unset; margin-right: 0; font-size: 13px; } #mobileWrap #powerbbsCmt2 .commentList1 ul li .goodbadpart.nogood { width: auto; margin-right: 5px; } #mobileWrap #powerbbsCmt2 .commentList1 ul li.replyCmt .comment { width: auto; } #mobileWrap #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtContent textarea.notice { background-size: contain; background-position: left 50%; } #mobileWrap #powerbbsCmt2 .commentList1 ul li .comment { width: auto; } #mobileWrap #powerbbsCmt2 .cmtMainTail .cmtMainAdminMenu ul { overflow: hidden; } #mobileWrap #powerbbsCmt2 .cmtMainTail .cmtMainAdminMenu li { float: left; display: inline-block; height: 22px; } #mobileWrap #powerbbsCmt2 .cmtMainTail .cmtMainAdminMenu li input[type="checkbox"] { margin-top: 5px !important; } #mobileWrap #powerbbsCmt2 .cmtMainTail .cmtMainAdminMenu li a { float: none; } #mobileWrap #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtContent { overflow: hidden; width: auto; margin-left: 0px; } #mobileWrap #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSubmit.not-login { margin-top: 0; margin-left: 0; } #mobileWrap #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtSubmit.login { margin-top: 0; } */ /* bttn78WH1 */ .bttn78WH1 { float: left; display: inline; height: 18px; _height: 21px; padding-top: 3px; overflow: hidden; } .bttn78WH1 { color: #3c3c3c; text-decoration: none; line-height: 117.5%; border: none; text-align: center;font-size: 12px;} .bttn78WH1 { width: 78px; background: url('//static.inven.co.kr/image/board/common/bttn_78x21_white1.gif') repeat-y left top;} input.bttn78WH1 { height: 21px; cursor: pointer; padding-top: 0; _padding-top: 3px; } a.bttn78WH1:hover { color:#ff8000; } /* TITLE 678x33 SILVER 1 */ #powerbbsCmt2 .title678SL1 { height: 20px; border:1px solid #e9e9e9; background-color:#f9f9f9; } #powerbbsCmt2 .title678SL1 { clear: both;padding: 6px 0 4px 20px;font-size:13px;line-height: 1.5; font-weight: normal; letter-spacing: 0px; overflow: hidden; color: #696868; text-decoration: none;} #powerbbsCmt2 .title678SL1 span.boldnum { font-weight: bold; letter-spacing: -1px; overflow: hidden; color: #000000; } #powerbbsCmt2 .title678SL1 span.bluetext { color: blue; } /* PORTAL */ #portalList .portalManage, #portalList .portalInsert { clear:both; display: block;} #portalList .portalManage {text-align: center; padding:4px 0 2px;} #mBookmarkList li span.menu {display: none;} #mBookmarkList li span.menu { float: right; width: 90px; overflow: hidden; } #mobileBookmark.manage #mBookmarkList li span.menu {display:inline;} #mobileBookmark.manage #mBookmarkList li span.title, #mobileBookmark.manage #mBookmarkList li a.title { overflow:hidden;} #mobileBookmark.manage #mBookmarkList li span.menu {display:inline !important;} #mobileBookmark #mBookmarkList li a.menu { width: 20px; font-size: 12px; font-family: "Malgun Gothic",Gulim,Helvetica; color: #6e6e6e; text-align: center; } #mobileBookmark .bookmarkList {overflow: hidden;} #mobileBookmark .bookmarkMenu ul {width: 260px;} #mobileBookmark .bookmarkMenu ul li a.left {width: 100px; } #mobileBookmark .bookmarkMenu ul li a.right {float:right; width: 84px; } #mobileBookmark .bookmarkList.loading { min-height:30px; height:auto !important; height:30px; background:url('//static.inven.co.kr/image_2011/mobile/common/loadgin_95x5.gif') no-repeat center 12px; } /* FOOT */ #invenFoot { clear: both; width: 100%; height: 110px; text-align: center; background-color: #edeeef; } #invenFoot .content.first-contents, #invenFoot .content.second-contents { text-align: center; } #invenFoot .content.first-contents { padding: 14px 0 6px; } #invenFoot .content.second-contents { padding-bottom: 8px; } #invenFoot .content .row { font-weight: bold; color: #aeb0b1; margin-right: 12px; } #invenFoot .content .row:after { content: ''; display: inline-block; position: relative; top: 2px; left: 8px; width: 2px; height: 14px; background-color: #d6dbdd; } #invenFoot .content .row:last-child:after { display: none; } #invenFoot address { width: 100%; height: 28px; background-image: url('//static.inven.co.kr/image_2011/mobile/common/inven_footer_logo.png'); background-repeat: no-repeat; background-position: center; } #invenFoot address span { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); } a.gototop { display: block; float: right; margin: -92px 14px 0 0; width: 30px; height: 30px; overflow: hidden; line-height: 30px; color: #aeb0b1; font-size: 13px; text-align: center; background-color: #ffffff; border: 1px solid #e4e5e6; border-radius: 3px 3px 3px 3px; box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7) inset, -1px 0 1px rgba(255, 255, 255, 0.7) inset; } /* 저작권 */ #copyright { clear: both; font-size: 13px; color:#333; text-align: center; background: #F7F7F7; padding: 0.5em 0 0.5em; } /* button */ /* BUTTON 78x21 WHITE 1 */ #powerbbsBody .bttn78WH1 { float: left; display: inline; height: 18px; _height: 21px; padding-top: 3px; overflow: hidden; } #powerbbsBody .bttn78WH1 { color: #3c3c3c; text-decoration: none; line-height: 117.5%; border: none; text-align: center;} #powerbbsBody .bttn78WH1 { width: 78px; background: url('//static.inven.co.kr/image/board/common/bttn_78x21_white1.gif') repeat-y left top;} #powerbbsBody input.bttn78WH1 { height: 21px; cursor: pointer; padding-top: 0; _padding-top: 3px; } #powerbbsBody a.bttn78WH1:hover { color:#ff8000; } /* 설정 */ #setting {clear: both;border-top: 1px solid #efefef;border-bottom: 1px solid #cecece;} #setting fieldset {border: 0;} #setting fieldset legend {display: none;} #setting fieldset p {clear: both;display: block;padding: 5px;line-height: 2.4;} #setting fieldset p + p {padding-top: 0;} #setting fieldset p span, #setting fieldset p input {font-size: 13px;} #setting fieldset p label {font-weight: bold;font-size: 13px;} #setting fieldset p span {} .iphone #setting fieldset p span {} #setting fieldset p span select {} #setting fieldset p span input[type="checkbox"] { display: block;width: 1em;} #setting fieldset p input[type="checkbox"] + label {margin-left: 5px;} #setting fieldset p span.scalesize, #setting fieldset p span.screensize, #setting fieldset p span.commentline {margin-left: 5px;} #setting fieldset p span.listline {margin-left: 5px;} #setting fieldset p.submit {text-align: right;} #setting fieldset p.submit input[type="submit"] {display: inline-block;font-size: 15px;color: #356388;font-weight: bold;border: 1px solid #356388;border-radius: 3px;-moz-border-radius:3px;-webkit-border-radius: 3px;width:30%;} /* 포털 입력폼 */ #invenBookmarkForm {position: absolute;left: 0;top: 0;z-index: 998;display: none;background: white;border: 1px solid #bebebe;} #invenBookmarkForm .invenBookmarkFormBody {overflow: hidden;width: 243px;_width: 263px;padding: 10px;} #invenBookmarkForm .invenBookmarkFormBody form {display: inline;float: left;width: 253px;margin: 0;padding: 0;} #invenBookmarkForm .invenBookmarkFormBody label {display: inline;float: left;width: 210px;height: 15px;_height: 18px;overflow: hidden;font-size: 12px;line-height: 15px;overflow: hidden;padding: 0 0 3px;} #invenBookmarkForm .invenBookmarkFormBody input.bookmarktext {z-index: 999;display: block !important;float: left !important;width: 152px;height: 20px;border: 1px solid #bebebe;} #invenBookmarkForm .invenBookmarkFormBody span.bookmarksubmit {z-index: 999;display: block !important;float: left !important;width: 40px;height: 16px;border: 1px solid #bebebe;margin-left: 5px;text-align: center;padding-top: 2px;cursor:pointer;line-height:16px;} #invenBookmarkForm .invenBookmarkFormBody span.bookmarkclose {z-index: 999;display: block !important;float: left !important;width: 40px;height: 16px;border: 1px solid #bebebe;margin-left: 5px;text-align: center;padding-top: 2px;cursor:pointer;line-height:16px;} #invenBookmarkForm .invenBookmarkFormBody input.bookmarksubmit {z-index: 999;display: inline !important;float: left !important;height: 20px;border: 1px solid #bebebe;margin-left: 5px;} #comNewNote {display:inline;float:left;left:18px;top:2px;width:23px;height:18px;position: absolute;} #comNewNote span { background-color: #ffffff; color: rgb(38,133,213); font-weight: bold; border: 1px solid #ffffff; left: 2px; top: 4px; height: 14px; padding: 1px 7px 0px; border-radius: 7px; line-height: 14px; position: absolute; cursor: pointer; } #articleList .notAuthBttn li a { display: block; padding: 2px 5px; color: #333333; float: left; font-size: 13px; border: 1px solid #A5AFB5; border-radius: 3px; margin: 10px 5px; background-color: #FDFDFE; } #articleList .adultOnlyText { display: block; clear:both; width: 100%; font-size:13px; color: #333; line-height: 1.5; padding:10px; } /* TOAST */ #toast{ position: fixed; z-index: 999; display: inline; top: 30%; width: 250px; margin-left: -150px; left: 50%; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background-color: #000; color: #fff; font-size: 14px; font-weight: bold; text-align: center; padding: 26px 25px 23px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); /* IE 7 and olders */ opacity: .75; /* opacity time */ -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } /* NICKNAME LAYER */ #nickNameLayer { color: #000; font-size: 9pt; position:absolute; width:150px; z-index:10000; visibility: hidden; display:none; background:#FFF; border:1px solid #000; overflow:hidden; } #nickNameLayer ul { width: 150px; margin: 0; padding: 0; } #nickNameLayer li { width: 150px; height: auto; margin: 0; padding: 0; clear:both; display:inline; float: left; } #nickNameLayer a { width: 100%; height: auto; text-decoration: none; color:#000000; padding:10px; font-size: 16px; display:inline; float: left; } #nickNameLayer a:hover { font-weight: bold; letter-spacing: -1px; background-color: #EEE; } #nickNameLayer li.close a { text-align:center; background:#EEE; border-top:solid 1px #DDDDDD; padding-left:0;padding-right:0; } #nickNameLayer li.close a:hover { background:#EEE; font-weight:normal; letter-spacing:0px; } /* HOT LINK */ .hotlink { overflow: hidden; } .hotlink ul { overflow: hidden; width: 100%; text-align: center; } .hotlink li { display: inline-block; width: 31.3%; height: 29px; border: 1px solid #a6a6a6; border-radius: 3px; line-height: 30px; margin: 4px 2px 0; } .hotlink li a { display: block; width: 100%; height: 100%; background-color: #fff; border-radius: 3px; font-size: 13px; color: #303030; font-weight: bold; background-image: -webkit-linear-gradient(top, #fff, #dcdcdc); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background-image: -webkit-linear-gradient(top, #fff, #dcdcdc); background-image: -moz-linear-gradient(top, #fff, #dcdcdc); background-image: -ms-linear-gradient(top, #fff, #dcdcdc); background-image: -o-linear-gradient(top, #fff, #dcdcdc); background-image: linear-gradient(top, #fff, #dcdcdc); } .v2 .hotlink li a { font-size: 13px; } .hotlink li.color1 a { color: #a02525; } .hotlink li.color2 a { color: #6072A2; } .hotlink li.color3 a { color: #303030; } /* LOL Manual */ .championManual .articleContent {display: inline;float: left; width:96%;} /* Mobile Rank Table */ #articleView .articleContent .mobileRankTitle {text-align:left;font-weight: bold;width: 100%;margin: 0 0 15px;} #articleView .articleContent .mobileRankTable {width: 100%;margin-bottom: 20px; clear:both; display:table;} #articleView .articleContent .mobileRankTable.rankLeft { margin-right: 20px; } #articleView .articleContent .mobileRankTable caption {color: white;font-weight: bold;letter-spacing: -1px;background-color: black;font-size: 13px;padding:3px 0;} #articleView .articleContent .mobileRankTable th {color: white;font-weight: bold;letter-spacing: -1px;background-color: black;font-size: 12px;border-top: 1px solid white;border-right: 1px solid white;padding:3px 0;_padding:4px 0 1px;} #articleView .articleContent .mobileRankTable tbody {border-right: 1px solid black;} #articleView .articleContent .mobileRankTable th, #articleView .articleContent .mobileRankTable td { display: table-cell;} #articleView .articleContent .mobileRankTable tr.lastTr td { border-bottom: 1px solid #7c7c7c; } #articleView .articleContent .mobileRankTable td {padding: 3px 0;text-align: center;border-right: 1px solid gray;border-top:1px solid #7c7c7c;} #articleView .articleContent .mobileRankTable td a {font-size: 12px;font-family: 'Malgun Gothic' !important;font-weight:bold;letter-spacing:-1px;} #articleView .articleContent .mobileRankTable td a:hover {color: red;text-decoration: none;} #articleView .articleContent .mobileRankTable.rankLeft td.rank { color: blue; } #articleView .articleContent .mobileRankTable td.rank {color: red;font-weight: bold;letter-spacing: -1px;border-left: 1px solid gray;} /* Mobile Table */ #articleView .articleContent .mobileTable {clear:both; display:table;} #articleView .articleContent .mobileTable th, #articleView .articleContent .mobileTable td {display: table-cell;} /* Mobile Object : 동영상 */ #articleView .articleContent object, #articleView .articleContent embed, #articleView .articleContent figure iframe {clear:both; width: 308px;height:173px;} /* MEDIA */ @media screen and (min-width:360px) { #swipeHotIssue .swipe-wrap .focus dl dd a {width:250px;} } @media screen and (min-width:400px) { #swipeHotIssue .swipe-wrap .focus dl dd a {width:290px;} } @media screen and (min-width:480px) { #articleView .articleContent object, #articleView .articleContent embed, #articleView .articleContent figure iframe { width: 460px !important; height: 259px !important; } #swipeHotIssue .swipe-wrap .focus dl dd a {width:370px;} /*#powerbbsCmt2 .commentWrite .cmtWriteForm .cmtContent textarea.notice { background: #ffffff url("//static.inven.co.kr/image_2011/board/common/bg_378x46_comment1b.png") no-repeat 2px 8px;}*/ } @media screen and (min-width:520px) { #articleView .articleContent object, #articleView .articleContent embed, #articleView .articleContent figure iframe { width: 500px !important; height: 281px !important; } #swipeHotIssue .swipe-wrap .focus dl dd a {width:410px;} /*#powerbbsCmt2 .commentWrite .cmtWriteForm .cmtContent textarea.notice { background: #ffffff url("//static.inven.co.kr/image_2011/board/common/bg_455x46_comment1b.png") no-repeat 4px 8px;}*/ } @media screen and (min-width:640px) { #swipeHotIssue .swipe-wrap .focus dl dd a {width:540px;} } @media screen and (min-width:660px) { #articleView .articleContent object, #articleView .articleContent embed, #articleView .articleContent figure iframe { max-width: 640px !important; height: 360px !important; } } /* inven float alarm */ @keyframes inven-float-alarm-ani { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } .inven-float-alarm { position: fixed; right: 12px; bottom: 55px; line-height: 1.2em; z-index: 99999; display: none; } body.show-roulette-button .inven-float-alarm.roulette-open { bottom: 140px; } body.flotalarm-init .inven-float-alarm { display: block; } .inven-float-alarm li { position: relative; float:none; display:block; margin-bottom: 30px; animation: inven-float-alarm-ani 0.5s cubic-bezier(0.04, 0.54, 0.79, 1.53) backwards; } .inven-float-alarm li:nth-last-child(2) { animation-delay: 0.3s; } .inven-float-alarm li:nth-last-child(3) { animation-delay: 0.6s; } .inven-float-alarm li:nth-last-child(4) { animation-delay: 0.9s; } .inven-float-alarm li:nth-last-child(5) { animation-delay: 1.2s; } .inven-float-alarm li:nth-last-child(6) { animation-delay: 1.5s; } .inven-float-alarm li:nth-last-child(7) { animation-delay: 1.8s; } .inven-float-alarm li:nth-last-child(8) { animation-delay: 2.1s; } .inven-float-alarm li:nth-last-child(9) { animation-delay: 2.4s; } .inven-float-alarm li:nth-last-child(10) { animation-delay: 2.7s; } .inven-float-alarm li:nth-last-child(11) { animation-delay: 3.0s; } .inven-float-alarm li:last-child { margin-bottom: 0; } .inven-float-alarm li.remove { transition:0.25s all ease-in; transform: translateX(100%); opacity: 0; z-index: 1; } .inven-float-alarm a { display: flex; align-items: center; width:238px; max-height: 96px; padding: 8px; box-sizing: border-box; margin-left: auto; background-color: rgba(0, 0, 0, 0.7); border:2px solid transparent; border-radius: 6px; } .inven-float-alarm .has-thumb a { width:316px; max-height: none; } .inven-float-alarm a:hover { text-decoration: none; } .inven-float-alarm .thumb { flex: 0 0 70px; position: relative; margin-right: 8px; overflow: hidden; } .inven-float-alarm .thumb img { width:70px; height:40px; vertical-align: top; } .inven-float-alarm .msg { flex: 1 1 auto; font-size: 12px; max-width:100%; -webkit-text-size-adjust: none; text-size-adjust: none; } .inven-float-alarm .thumb + .msg { max-width: calc(100% - 78px); } .inven-float-alarm p { overflow: hidden; font-family: '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo'; } .inven-float-alarm .title { white-space:nowrap; text-overflow:ellipsis; color:yellow; } .inven-float-alarm .title + p { color:#fff; } .inven-float-alarm p:last-child { display: -webkit-box; max-height: 2.8em; word-wrap: break-word; word-break: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #6dcae6; overflow:hidden; } .inven-float-alarm button { position: absolute; top: -26px; right: 0px; -webkit-appearance: none; appearance: none; background-color: rgba(0, 0, 0, 0.8); width:25px; height:25px; border:2px solid rgba(0, 0, 0, 0); border-radius: 50px; cursor: pointer; font-size: 0px; color: transparent; } .inven-float-alarm button span { content: ''; position: absolute; top:1px; bottom:1px; left: 1px; right: 1px; margin: auto; background-color: #000; transform: rotate(45deg); } .inven-float-alarm button.no-bg span { background-color: #fff; } .inven-float-alarm button span:first-child { width:2px; } .inven-float-alarm button span:last-child { height:2px; } /* title */ section.title { overflow: hidden; width: 100%; min-height: 45px; font-size: 1em; line-height: 1; letter-spacing: -1px; border-bottom: 1px solid #e3e3e3; } section.title .head_title { display: block; width: calc(100% - 84px); overflow: hidden; padding: 13px 0 10px 13px; font-size: 1rem; line-height: 1.23; letter-spacing: -1px; white-space: nowrap; text-overflow: ellipsis; } section.title .head_title.nolink { width: 100%; } section.title .head_title img.title_img { position: relative; vertical-align: top; height: 18px; } section.title .head_title span { /*vertical-align: middle;*/ } section.title .more { position: relative; display: block; } section.title .moreText { display: block; position: absolute; top: 0; right: 0; padding: 6px 8px; margin: 11px 5px 0 0; background-color: #f1f1f1; border-radius: 20px; font-size: 0.85em; color: #7d7d7d; } /* link */ section.link { overflow: hidden; min-height: 39px; } section.link > div { /*border: 1px solid #D3D3D3;*/ } section.link > div .link-item { float: left; text-align: center; font-weight: bold; } section.link > div .link-item:last-child { display: block; overflow: hidden; /*float: none;*/ } section.link > div .link-item a { display: block; min-height: 17px; padding: 14px 0 8px; border-right: 1px solid #F2F2F2; border-top: 1px solid #F2F2F2; letter-spacing: -1px; white-space: nowrap; text-overflow: ellipsis; } section.link > div.hori2 .link-item:nth-child(2n) a, section.link > div.hori3 .link-item:nth-child(3n) a, section.link > div.hori4 .link-item:nth-child(4n) a { border-right: 0; } section.link > div.hori2 .link-item:nth-child(-n+2) a, section.link > div.hori3 .link-item:nth-child(-n+3) a, section.link > div.hori4 .link-item:nth-child(-n+4) a { border-top: 0; } section.link > div.hori1 .link-item { width: 100%; } section.link > div.hori2 .link-item { width: 50%; } section.link > div.hori3 .link-item { width: 33.3%; } section.link > div.hori3 .link-item:nth-child(3n) { width: 33.4%; } section.link > div.hori4 .link-item { width: 25%; } /* 공유하기 & 기자 정보 */ .news_share_area{padding:0 5px;margin-top:15px} .news_share_area .btn{padding:0;background:transparent;border:0;outline:0} .news_share_area .btn_like{display:block;width:auto;height:40px;padding:0 15px 0 45px;margin:0 auto;background:url('//static.inven.co.kr/image_2011/webzine/s3/common/btn_like01_m.png') no-repeat 5px top / 40px;color:#e53115;border:1px solid #e53115;border-radius:40px;font-size:16px;line-height:38px;font-weight:bold;box-sizing:border-box;cursor:pointer} .news_share_area .btn_like.act{background-color:#e53115;background-position-y:-40px;color:#fff} .news_share_area .share_area{margin:15px 0 10px;padding:7px 10px;background:#ebebeb} .news_share_area .share_area::after{display:block;content:'';clear:both} .news_share_area .share_area .list{position:relative;float:left;width:calc(100% - 85px);padding-left:40px;background:#fff;line-height:22px;box-sizing:border-box} .news_share_area .share_area .list::after{display:block;content:'';clear:both} .news_share_area .share_area .list .text{position:absolute;top:0;left:0;bottom:0;width:39px;border-right:1px solid #e6e6e6;font-weight:bold} .news_share_area .share_area .list .text span{position:absolute;top:50%;left:0;right:0;text-align:center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} .news_share_area .share_area .list .btn{float:left;width:20px;height:20px;margin:5px;cursor:pointer} .news_share_area .share_area .list .btn img{width:100%;height:100%} .news_share_area .share_area .btn_bookmark{float:right;width:80px;height:30px;background:#ffb515;color:#fff;font-size:12px;font-weight:bold;line-height:30px;cursor:pointer} .news_share_area .share_area .btn_bookmark .icon{width:17px;height:17px;margin:-2px 5px 0 0;vertical-align:middle} .news_share_area .reporter_info{padding:12px 10px;border-width:1px 0;border-style:solid;border-color:#d9d9d9} .news_share_area .reporter_info::after{display:block;content:'';clear:both} .news_share_area .reporter_info .img_area{float:left;width:108px;} .news_share_area .reporter_info .img_area .img{display:block;width:100%} .news_share_area .reporter_info .img_area .no_reporter{width:108px;height:79px} .news_share_area .reporter_info .img_area .name{display:block;height:28px;background:#124dcc;color:#afcbff;font-weight:bold;text-align:center;line-height:28px} .news_share_area .reporter_info .info_area{float:right;width:calc(100% - 120px)} .news_share_area .reporter_info .info_area .name{padding:10px 0;font-size:14px;font-weight:bold} .news_share_area .reporter_info .info_area .mail{color:#9b9b9b;font-size:14px;font-weight:bold} .news_share_area .reporter_info .info_area .mail img{margin:0 5px 0 0} .news_share_area .reporter_info .btn_area{float:left;width:100%;padding-top:8px} .news_share_area .reporter_info .btn_area::after{display:block;content:'';clear:both} .news_share_area .reporter_info .btn_area .item{float:left;width:calc((100% - 10px)/3);margin-right:5px} .news_share_area .reporter_info .btn_area .item:last-child{margin-right:0} .news_share_area .reporter_info .btn_area .link{display:block;width:100%;height:22px;color:#333;border:1px solid #d9d9d9;font-size:10px;text-align:center;line-height:20px;box-sizing:border-box} .news_share_area .reporter_info .btn_area .link .icon{width:11px;height:11px;margin:-2px 2px 0 0;vertical-align:middle} /*카페용 상단 수정*/ .headline .menu{margin: 10px 0px 0px 10px; border: 0; background: transparent; cursor: pointer;} .headline .menu {position:relative;float:left;width:20px;height:20px;color:transparent;font-size:0} .headline .menu::before{display:block;content:'';position:absolute;top:2px;left:0;right:0;height:4px;background:#fff;border-radius:1px;box-shadow:0 7px 0 #fff,0 14px 0 #fff} .headline .rightPart .bttnLogin, .headline .rightPart .bttnMap {width: 25px;} .headline .rightPart .icon{ width: 25px; height: 25px;} .headline .rightPart .path{ fill: #fff} span.cafe-icon { display: inline-block; margin-top: -2px; vertical-align: middle; margin-left: 3px; margin-right: 5px; text-align: center; } span.cafe-icon.manager { position: relative; width: 12px; height: 12px; box-sizing: border-box; background: url('data:image/gif;base64,R0lGODlhDAAMAKIAABhm1rXO8rbP8hto1xln1v///wBW0gAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTYxOTIzQzdCNENGMTFFOUFGMzdFNEU0OUMxMTIxQzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTYxOTIzQzhCNENGMTFFOUFGMzdFNEU0OUMxMTIxQzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NjE5MjNDNUI0Q0YxMUU5QUYzN0U0RTQ5QzExMjFDMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NjE5MjNDNkI0Q0YxMUU5QUYzN0U0RTQ5QzExMjFDMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAMAAwAAAMdKGTcTMpJs6Y1peVZcrffx2Hk6F1oSqVAAFxDkAAAOw==') no-repeat; } /* jay 2021-03-10 git-issue #2047 */ #bodyMain.content > #mobileWrap #articleList > #articleListMenu > .paging{ display:none;} /* ViewTweetBox*/ @keyframes rotate-loading { 0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @-moz-keyframes rotate-loading { 0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @-webkit-keyframes rotate-loading { 0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @-o-keyframes rotate-loading { 0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @keyframes rotate-loading { 0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @-moz-keyframes rotate-loading { 0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @-webkit-keyframes rotate-loading { 0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @-o-keyframes rotate-loading { 0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @keyframes loading-text-opacity { 0% {opacity: 0} 20% {opacity: 0} 50% {opacity: 1} 100%{opacity: 0} } @-moz-keyframes loading-text-opacity { 0% {opacity: 0} 20% {opacity: 0} 50% {opacity: 1} 100%{opacity: 0} } @-webkit-keyframes loading-text-opacity { 0% {opacity: 0} 20% {opacity: 0} 50% {opacity: 1} 100%{opacity: 0} } @-o-keyframes loading-text-opacity { 0% {opacity: 0} 20% {opacity: 0} 50% {opacity: 1} 100%{opacity: 0} } #articleView .articleContent .itweetBox { display: inline-block; width: 100%; position: relative; } #articleView .articleContent .itweetBox .loader { height: 100px; position: relative; width: 100px; border-radius: 100%; } #articleView .articleContent .itweetBox .loader{ border: 2px solid transparent; border-color: transparent #006eff transparent #006eff; -moz-animation: rotate-loading 1.5s linear 0s infinite normal; -moz-transform-origin: 50% 50%; -o-animation: rotate-loading 1.5s linear 0s infinite normal; -o-transform-origin: 50% 50%; -webkit-animation: rotate-loading 1.5s linear 0s infinite normal; -webkit-transform-origin: 50% 50%; animation: rotate-loading 1.5s linear 0s infinite normal; transform-origin: 50% 50%; } #articleView .articleContent .itweetBox .loader { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #articleView .articleContent .itweetBox .loading-text { -moz-animation: loading-text-opacity 2s linear 0s infinite normal; -o-animation: loading-text-opacity 2s linear 0s infinite normal; -webkit-animation: loading-text-opacity 2s linear 0s infinite normal; animation: loading-text-opacity 2s linear 0s infinite normal; color: #006eff; font-family: "Nanum Barun Gothic, dotum,sans-serif"; font-size: 10px; font-weight: bold; margin-top: 45px; opacity: 0; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 100px; } #articleView .articleContent .itweetBox.youtubeBox .loader { border-color: transparent #FF0000 transparent #FF0000;} #articleView .articleContent .itweetBox.youtubeBox .loading-text { color:#FF0000} #articleView .articleContent .itweetBox.instaBox .loader { border-color: transparent #000 transparent #000;} #articleView .articleContent .itweetBox.instaBox .loading-text { color:#000} #articleView .articleContent .itweetBox.youtubeBox .youtubeIframe, #powerbbsCmt2 .commentList1 ul li span.content .youtubeIframe { position:relative; padding-bottom: 56.9%; } #articleView .articleContent .itweetBox.youtubeBox .youtubeIframe iframe, #powerbbsCmt2 .commentList1 ul li span.content .youtubeIframe iframe { position:absolute; top: 0; left: 0; width:100%; height:100%;} /* 뉴스 : 리포터 뉴스 뷰페이지 - PC 버전*/ #articleView .gamereview {width: calc(100% - 20px); margin: 10px; padding: 12px 10px 10px 10px; border:1px solid #d9d9d9; box-sizing: border-box;} #articleView .gamereview * {font-family: "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;} #articleView .gamereview .blind {width: 1px; height: 1px; overflow: hidden; position: absolute; margin: -1px; padding: 0; clip: rect(0, 0, 0, 0);} @media screen and (max-width:768px) { #articleView .gamereview { padding: 11px 10px 11px 8px; } } #articleView .gamereview .head {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; float: none;} #articleView .gamereview .gameName {width:calc(100% - 85px); letter-spacing:-0.025em; padding:0 20px 0 4px; box-sizing: border-box; word-break: keep-all;} #articleView .gamereview .gameName a {display:inline-block; vertical-align:middle;} #articleView .gamereview .gameName .name {max-height:84px; line-height:28px;font-size:22px; color:#1a1a1a; font-weight:bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} #articleView .gamereview .gameName .en {max-height: 40px; line-height:20px; font-size:15px; font-weight:bold; color:#b2b2b2; display:block; margin-top:2px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} @media screen and (max-width:768px) { #articleView .gamereview .gameName {padding:0 20px 0 0;} #articleView .gamereview .gameName .name {font-size:21px; letter-spacing: -0.04em;} } #articleView .gamereview .score {width:85px; height: 75px;} #articleView .gamereview .score .txtBox {line-height:73px; font-size:34px; text-align: center; letter-spacing: -0.025em; font-weight:bold; border-top:2px solid #000; background:#f5f5f5; box-sizing: border-box; position: relative; left: 50%; transform: translateX(-50%); float: none; display: block;} #articleView .gamereview .score .red {color:#ff2600;} #articleView .gamereview .score .yellow {color:#ffc922;} #articleView .gamereview .score .green {color:#00d338;} #articleView .gamereview .reviewContent {width:100%; display:flex; flex-flow:row wrap; justify-content: space-between; margin-top:4px;} @media screen and (max-width:768px) { #articleView .gamereview .reviewContent {margin-top:21px;} } #articleView .gamereview .reviewContent .txtBox {width:calc((99.9% - 7px) / 2);} #articleView .gamereview .reviewContent .txt {width:100%; line-height:20px; font-size:15px; font-weight:bold; color:#050505; letter-spacing:-0.025em; margin-bottom: 9px; padding:0 10px 2px 10px; border-bottom-width:10px; border-bottom-style:solid; box-sizing:border-box;} #articleView .gamereview .reviewContent .txtBox.advantages .txt {border-bottom-color:#8dc63f;} #articleView .gamereview .reviewContent .txtBox.disadvantages .txt {border-bottom-color:#b40000;} @media screen and (max-width:768px) { #articleView .gamereview .reviewContent .txtBox {width:100%;} #articleView .gamereview .reviewContent .txtBox.advantages {margin-bottom:13px;} #articleView .gamereview .reviewContent .txt {padding:0 9px 2px 9px; margin-bottom:8px;} } #articleView .gamereview .reviewContent .list li {width:100%; font-size:13px; color:#626262; text-indent:15px; margin-bottom:10px; position: relative;} #articleView .gamereview .reviewContent .list li::before {content:''; display:block; width:2px; height:2px; background:#000; position: absolute; top:9px; left:5px;} #articleView .gamereview .reviewContent .list li:last-of-type {margin-bottom:5px;} @media screen and (max-width:768px) { #articleView .gamereview .reviewContent .list li {margin-bottom:8px;} } /* 모바일 웹진 리뷰 */ .review-image { position: relative; padding-bottom: 52.25%; height: 0; background-image: var(--review-bg); background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center; } @media screen and (max-width: 570px) { .review-image { padding-bottom: 65.25%; } } @media screen and (max-width: 400px) { .review-image { padding-bottom: 80.25%; } } .review-image::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%); } .review-image .text-wrap { position: absolute; bottom: 10px; left: 0; width: 100%; } .review-image .text-wrap h2 { margin: 0 auto; width: 96%; color: #fff; font-size: 20px; text-shadow: 0 0 5px #000; } .review-image .text-wrap p { margin: 0 auto; width: 80%; color: rgb(130, 130, 130); font-size: 16px; text-shadow: 0 0 5px #000; } .review-image .text-wrap a { display: flex; align-items: center; justify-content: right; padding: 0 10px; width: 100%; box-sizing: border-box; color: #828282; } .review-image .text-wrap a::before { content: ""; display: block; margin: 0 5px 0 0; width: 18px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.9 14.3'%3E%3Cstyle%3E.st0%7Bfill:%23828282%7D%3C/style%3E%3Cpath d='M8.5.9C12.6.9 16 3.4 16 6.4s-3.3 5.5-7.5 5.5c-.6 0-1.2-.1-1.8-.2-1.3 1.7-4.8 1.7-4.8 1.7 1.4-.6 1.7-2.3 1.7-2.9C2 9.5 1 8 1 6.4 1 3.3 4.3.9 8.5.9m0-.9C3.8 0 0 2.9 0 6.4 0 8.1.9 9.8 2.6 11c-.1.6-.4 1.4-1.1 1.7-.4.2-.6.6-.5 1 .1.4.5.7 1 .7.4 0 3.5-.1 5.2-1.6.5.1.9.1 1.4.1 4.7 0 8.5-2.9 8.5-6.4-.2-3.6-4-6.5-8.6-6.5z' class='st0'/%3E%3Ccircle cx='8.5' cy='6.3' r='1' class='st0'/%3E%3Ccircle cx='12' cy='6.3' r='1' class='st0'/%3E%3Ccircle cx='5' cy='6.3' r='1' class='st0'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 100%; } .gamedb-list li { padding:5px 7px; line-height:1.3; } .gamedb-list li:not(:last-child) { border-bottom:1px solid #eaeaea; } .gamedb-list li:nth-child(even) { background-color:#f7f7f7; } .gamedb-list a { display:block; } .gamedb-list .img-desc-score { display:flex; justify-content:space-between; align-items:center; } .gamedb-list .img-score { margin-right:5px; } .gamedb-list img { width:110px; vertical-align:top; aspect-ratio:210/145; object-fit:cover; object-position:center; } .gamedb-list p { margin:2px 0 3px; font-size:15px; font-weight:bold; color:#222; } .gamedb-list .eng { font-size:smaller; color:#a6a6a6; } .gamedb-list .desc { margin-right:auto; margin-left:5px; padding-left:5px; border-left:2px solid #1a70dc; align-self:stretch; display:flex; align-items:center; font-size:13px; line-height:1.15; } .gamedb-list dt, .gamedb-list dd { display:inline; } .gamedb-list dt { font-weight:bold; color:#1f1f1f; } .gamedb-list .divider:not(:last-child) { margin-bottom:3px; } .gamedb-list .score { margin-top:2px; height:25px; line-height:25px; text-align:center; font-size:14px; font-weight:bold; background-color:#0e0e0e; border-radius:3px; color:#eee; } .gamedb-list .score::before { content:'Score: '; color:#ff9000; } .gamedb-list .score.red { color: #ff2600; } .gamedb-list .score.yellow { color: #ffc922; } .gamedb-list .score.green { color: #00d338; } /* G-STAR Spotlight */ .sc-news { margin: 30px 0 10px; padding: 0 10px; } .sc-news .group-news { position: relative; margin: 0 auto; padding: 30px 20px 15px; max-width: 500px; border: 1px solid #ebebeb; border-top: 2px solid #bf0404; box-sizing: border-box; } /*@import "../../../../common/lib/style/webfont/NotoSans.css";*/ .sc-news .group-news .title a, .sc-news .group-news .title span, .sc-news .group-news .desc, .sc-news .group-news .txt-box .title { font-family: 'Noto Sans', sans-serif; } .sc-news .group-news .title { margin: 0 0 10px 10px; font-size: 28px; font-weight: bold; line-height: 1; } .sc-news .group-news .title span { color: #b40b16; } .sc-news .group-news .desc { margin: 0 0 18px 10px; font-size: 12px; line-height: 1; color: #333; word-break: keep-all; } .sc-news .group-news .news-area { display: flex; justify-content: center; gap: 8px; margin: 0 auto; } .sc-news .group-news .news-area .news-wrap { max-width: 150px; box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08); } .sc-news .group-news .news-area .img-box img { display: block; width: 150px; height: 150px; object-fit: cover; } .sc-news .group-news .news-area .txt-box .title, .sc-news .group-news .news-area .txt-box .desc { display: block; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sc-news .group-news .news-area .txt-box .title { margin: 10px 5px; font-size: 12px; font-weight: 600; color: #1a1a1a; } .sc-news .group-news .news-area .txt-box .title.blue { color:#0072ff; } .sc-news .group-news .news-area .txt-box .desc { margin: 0 5px 15px; font-size: 10px; color: #808080; } .sc-news .group-news .btn-more { display: flex; justify-content: center; align-items: center; position: absolute; top: 50px; right: 10px; width: 40px; height: 40px; } .sc-news .group-news .btn-more::after { content: ''; display: inline-block; width: 20px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='10px'%3E%3Cimage x='0px' y='0px' width='20px' height='10px' xlink:href='data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKBAMAAABGe2PVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAG1BMVEW/BAS/BAS/BAS/BAS/BAS/BAS/BAS/BAT///8VQrH2AAAAB3RSTlMAvyB/n99AylazuwAAAAFiS0dECIbelXoAAAAHdElNRQfnCh8LIQOcnHVKAAAASklEQVQI12NgYGBUYGB2cXFxYmBgUA1iYAkNDQ0DMplCFRhgACgMBomCgqKlDAyOgmIwpiGQCQTqYTClTKUJMCZ7GNwwxQSwFW4AU28La8hooyAAAAAASUVORK5CYII=' /%3E%3C/svg%3E"); } .sc-news .group-news .blind { position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; } /* 모바일 - 앱으로 열기 추천 */ #invenAppSuggestion { } #invenAppSuggestion .group-AppSuggestion { display: flex; flex-direction: column; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 100000; width: 100%; max-width: 375px; background: #FFF; border-radius: 20px 20px 0 0; box-sizing: border-box; font-family: Pretendard, sans-serif; padding: 48px; } #invenAppSuggestion .flex { display: flex; align-items: center; gap: 16px; margin-bottom: 10px; } #invenAppSuggestion img { width: 64px; height: 64px; } #invenAppSuggestion .invenAppSuggestionText { color: #333; font-size: 16px; font-weight: 700; line-height: 24px; font-family: Pretendard, sans-serif; letter-spacing: -0.07em; } #invenAppSuggestion .invenAppSuggestionLink { display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 20px; height: 48px; background: #FDECEC; color: #BE1C20; font-size: 16px; font-weight: 600; text-align: center; line-height: 1; font-family: Pretendard, sans-serif; } #invenAppSuggestion .invenAppSuggestionReject { height: 20px; background-color: transparent; border: none; color: #AAA; font-size: 13px; font-weight: 600; line-height: 20px; text-align: center; font-family: Pretendard, sans-serif; cursor: pointer; } #invenAppSuggestion .dimmed { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 11; background-color: rgba(0, 0, 0, 0.7); } .is-blind { width: 1px; height: 1px; overflow: hidden; position: absolute; margin: -1px; padding: 0; clip: rect(0, 0, 0, 0); } .emoji_area { display: flex; flex-direction: column; align-items: center; padding: 0 10px; } .emoji_area .txt { display: flex; align-items: center; gap: 10px; margin-bottom: 25px; width: 100%; white-space: nowrap; color: #4E4C4C; font-size: 13px; font-weight: 400; line-height: 13px; } .emoji_area .txt::before, .emoji_area .txt::after { content: ''; width: 100%; height: 1px; background-color: #EBEBEB; } .emoji_area .emoji_wrap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 25px; } .emoji_area .btn_emoji { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 60px; color: #727272; text-align: center; font-size: 11px; font-weight: 400; line-height: 12px; cursor: pointer; } .emoji_area .btn_emoji::before { content: ""; display: block; width: 32px; height: 32px; background-repeat: no-repeat; background-size: 100%; background-position: center; } /* 만점 */ .emoji_area .btn_emoji.emoji_1::before { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32' fill='none'%3E%3Cpath fill='url(%23a)' d='M0 0h32v32H0z'/%3E%3Cdefs%3E%3Cpattern id='a' width='1' height='1' patternContentUnits='objectBoundingBox'%3E%3Cuse xlink:href='%23b' transform='scale(.03125)'/%3E%3C/pattern%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFVElEQVRYhe2XXWwUVRTHf3f2q1DaXSCFYkvLx2BUKmCqbg1EUisNQUPUqtEgxmj0TSSaqKgPajQ8GB9MNL74YDDRBMQXjJEYPgSUbsEgpIVatpZCW0qhdugu2+3u7FwfZu52dnaLxMTw4nnp2XvPx/9/5p5zb4WUkpsp2k3N/j+A64lsbD0oG1vj/3UeoZRwOFywYejRHEBGSub1dvQButfZeGHrDvTFmwEi214R3v1/DcDQo5Z7L4dkbrwjDcxw2RxEE2vzTk89QuT9NwtiumyPoInVALQ2ZyOfbg9OC8CbHEACs+MxGwv4DT26F3gQTRScoQENGrrbi0AYtzZJrMJ2j8RjWSBYEMDQo9lSDFyi7NcAWjZnWafmz2F43hykJak1Je11KwD6XTGLkjvrAUOPSr9roR2wSmXNSMvt+APOpziaTsiNhzsAJi8vvTcYEELcFpwBUAd0GXq0wsVYqQcMPdrsZUQkHmsiXDlGXS3U1ZLQpgqRsHJ5LMBqQKSllds4eEb5H67q7fC29B3AQoCXLvWOOmudwAO4YvvdHpHffqp21OEry5rmq/UhMwPAnprbBVAByEMT4xL7cyWBde44rTMjcntVfT7LzsSVucAY8J4H5LSDqNrvXBIWcCydBOCuULkPEKaU8smhP3zY5/MA5M8PABtmzWZpaAZogmcu9gw6y3uAbwHUmYjEY6UBGA9vUuyYlBavXT4HYJVrPh9AVyal9rPARi+ZprIKAXAmnRr8/tpYjbP8DTgdcQMVyMtozgQgVrdCtYdce6FT+Z1y2Pfg6p5FgRAAhyauhpyl/cCPXvbTA+iO54/9Caf8iwNlAuCalVNzQgL3OGa1CkAGCDrj4Y3L/eXOfocDtKgfp6uAAHsCbh4+C0BACEFlBScnU4rpuBP0CK4J6RcCAUR62jOAqsA2Q4+OKBtXS4oiAEbD/QkFIGnZhTD0aL6+GwZPK/WE8/dO5XsmOzGF3u4wAQiHeZUnVYcyKhTTnKnUnsxE4d54whWfZod9JcDbV86nn66sKrOkRABjelQzciazff6CsrvYR6HUJzBzAuwP3JVJ2WuBYpyOrFbKZ8bF4Jrzp1JCE6Zamx0I5A17fDLlnoZK8d4FA4phVkq2jvQpLEVi6NGM0p8bPms6dt/7VjZ8KWBSqGmnCX6dSPDOhR5V2d8NPdpaAEA2ttpAQqF5aiMo8l2VZUH1mCsxhh4FCADmd8lRK5ZOasAIsCuy64sXsYeOTTVpsGN8hJ33tSjfVZF4TFXJr2obBNJks6VqHYzs3x3ytpAFnEgn/R//NcRFM2MCPwNHASLx2BOO2S6jpe3x5v4B6B9wu0uHxNTwkI2tncBy9bs9nWD9wGn1UzjsM5PSCkxKyb6UwYejA8SzaQs43hCa+XLnZMru95Y2G+wFZwo7w2fLSB9jlslX1csoCCxffXeQc+dvcaN0HZhfsO9/t2QAy2hps/tc+bluObfsMC5xdCLB5wv0AkBTAB57XjI4bGKafsg/wQps3GK0tEkvuzyAhTVe8yKAkZ52wD5nfvnW9iG6z4Jp5nDmguv+zyv5M6AJu7SeV86WkT6uWibXBrqpCwRpDM1iU2Xh7FGJlWSkFH72HlgCrN+dHP26bflKABbt223ngvGSTySXLOg9RhZJjT/IyfpVBUy9F49LRJESDofLgPXAo8CzDuuA0zIaYLkflypoWPPRv+TuwvCayLMtExpp+0n3EfD6tEi8/xd4xA+YDijpBqDaScl12JYB6VKBb0Ty45VPPlgElPPQui6vUf2fx0slVlKUvMDoHypQSuqBckANiwhglNCvK38DhsUqzHSwD+MAAAAASUVORK5CYII=' id='b' width='32' height='32' preserveAspectRatio='none'/%3E%3C/defs%3E%3C/svg%3E"); } /* 좋아요 */ .emoji_area .btn_emoji.emoji_2::before { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32' fill='none'%3E%3Cpath fill='url(%23a)' d='M0 0h32v32H0z'/%3E%3Cdefs%3E%3Cpattern id='a' width='1' height='1' patternContentUnits='objectBoundingBox'%3E%3Cuse xlink:href='%23b' transform='scale(.03125)'/%3E%3C/pattern%3E%3Cimage xlink:href='data:image/png;base64,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' id='b' width='32' height='32' preserveAspectRatio='none'/%3E%3C/defs%3E%3C/svg%3E"); } /* 파티 */ .emoji_area .btn_emoji.emoji_3::before { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32' fill='none'%3E%3Cpath fill='url(%23a)' d='M0 0h32v32H0z'/%3E%3Cdefs%3E%3Cpattern id='a' width='1' height='1' patternContentUnits='objectBoundingBox'%3E%3Cuse xlink:href='%23b' transform='scale(.03125)'/%3E%3C/pattern%3E%3Cimage xlink:href='data:image/png;base64,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' id='b' width='32' height='32' preserveAspectRatio='none'/%3E%3C/defs%3E%3C/svg%3E"); } /* 웃음 */ .emoji_area .btn_emoji.emoji_4::before { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32' fill='none'%3E%3Cpath fill='url(%23a)' d='M0 0h32v32H0z'/%3E%3Cdefs%3E%3Cpattern id='a' width='1' height='1' patternContentUnits='objectBoundingBox'%3E%3Cuse xlink:href='%23b' transform='scale(.03125)'/%3E%3C/pattern%3E%3Cimage xlink:href='data:image/png;base64,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' id='b' width='32' height='32' preserveAspectRatio='none'/%3E%3C/defs%3E%3C/svg%3E"); } /* 씬나 */ .emoji_area .btn_emoji.emoji_5::before { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32' fill='none'%3E%3Cpath fill='url(%23a)' d='M0 0h32v32H0z'/%3E%3Cdefs%3E%3Cpattern id='a' width='1' height='1' patternContentUnits='objectBoundingBox'%3E%3Cuse xlink:href='%23b' transform='scale(.03125)'/%3E%3C/pattern%3E%3Cimage xlink:href='data:image/png;base64,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' id='b' width='32' height='32' preserveAspectRatio='none'/%3E%3C/defs%3E%3C/svg%3E"); } /* 무표정 */ .emoji_area .btn_emoji.emoji_6::before { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32' fill='none'%3E%3Cpath fill='url(%23a)' d='M0 0h32v32H0z'/%3E%3Cdefs%3E%3Cpattern id='a' width='1' height='1' patternContentUnits='objectBoundingBox'%3E%3Cuse xlink:href='%23b' transform='scale(.03125)'/%3E%3C/pattern%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAB80lEQVRYhcVXsU4CMRj+Ti4uGo9EYWGQwYWQaMLiwAM4Org5yAMwECYHZlYJj8Bj8AC8AIlilESJ0UTQRM4zTuc54C/tXXtt4Qjf1l57931fv/bvWTBAs1bYb3XGj3Fj3j7eLZN3bpgMXgVi2YoUD7tF6XjX81E6u+X6VI7YSoohONsp0ymxELJjld8/DGcD706lBKaej4OTa65v2C1yjsicUDrgOM6MgKFyXac4VmHln66L0lGJmzDpHXLtTLkPgM8Gq1zlhNQBUq4LmWKVExYgXvP06wWCAHDdKTeB1pqcmHp+5ENBALhf835qi5yIOPCv/MWDpaFA9Nyy+P5wm0WEAKWdQGtMisMZkI3TRTQDvmf0gmVh76V3g1ZnHHvCJYWdrRS7KwKAcSDpE04EURbWXozWTkB5FOtmY9EMqWuBZjYWzZB2OaZ9LoPp/iesPwP1Sjbv+0EuU+73ALmSRRWyYO8N9Uo2DwB2oz0YNWuFpV9uikZ7MAIkGRDdcJJwQIT1ZwAA7JT1FM5C+Iaj2gXP598AgM3qceSZaO0b7fc5gcurmx8AXBZWVRto7Qla5wBVMRlcz0fu76Yzqc7745QbEYi70egirNyIgAysQqrz4azIlCdCgIXMIZlyIQHRbtAFKSfFcwJi5QTlr5kpTH/PfwGqLfgRF0rHpAAAAABJRU5ErkJggg==' id='b' width='32' height='32' preserveAspectRatio='none'/%3E%3C/defs%3E%3C/svg%3E"); } /* 울음 */ .emoji_area .btn_emoji.emoji_7::before { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32' fill='none'%3E%3Cpath fill='url(%23a)' d='M0 0h32v32H0z'/%3E%3Cdefs%3E%3Cpattern id='a' width='1' height='1' patternContentUnits='objectBoundingBox'%3E%3Cuse xlink:href='%23b' transform='scale(.03125)'/%3E%3C/pattern%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAACh0lEQVRYha1XMWsUQRT+ZmcvRm52NnC5IFgk4BWBswwqxNikOH+AVYiksREkENtDOxsbOfBvWKQR7gcoVhcMCWexQmKSQivFWwLK7VroG92Zm52deF/3Zt/Oft/33pvdZfDE/FwjL7u+vdlcfPryw6eq+wW+BFzgnDGffGeyrnjwahlScGt+q3NYiF2OhG6ORUjBEZcQ0OFyxHqRlA/eDxBJCZZsAFkKWeco2/LbaFyIyRGbE04HIikRxzFYFAJjt3KbOzYnjEVdefzlIVieAuMUQOkATAQ5YnPC6oBS/jkFxiPvBxN0R3QnVGBT3rz1trBB0m+XNmFzdX9ivs0Jw4FpKddhc8IgwJINsChUyvW5l/XyRkz67UJMim3OmT2QpYVu9517n1wAYKr2f5TSnFPNXHPvC70XlAO6Ul8lVaHv6zyIbF09rfxgpjZFfy+A8NJMkP/4OTZYkBL5ZBdsVqj1VmcdgKnMN18RcDFkswLsclRNzgXyrQQ+9tvIAawciML63usVRPzcOA9o/qvmOwmow0ebQSlCSG5uFnvmKwIP7jUWAQStzuERKakygr7drt+3vdlc5Zydhd3e8AQA5ucazptL4fmm5pyddXvDY+9Psmt33gEAdpclBP9rd+vu75MtfvZ9Ok3oguAMEf//M0QR2NlaWAIA316oCqP2nJ0UCHR7w2NgCr3gANWeYqMEuhN6TWmu2d45Rm9GyDNA3KwjeX4VYOY5QD2jK7cScDmh5npNQK4JM8Hy7taVWwkQyIkX3fWjf9ez/nVA2P/ovj6+UYgf3b9yuxZkp7pyJwGbE8xz4GtBdjpJuZMAgZwgUG/YQLVWD7AoJ3gPsuv3fGdrYalMsY5fV0rozKpiQzYAAAAASUVORK5CYII=' id='b' width='32' height='32' preserveAspectRatio='none'/%3E%3C/defs%3E%3C/svg%3E"); } /* 녹는다 */ .emoji_area .btn_emoji.emoji_8::before { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32' fill='none'%3E%3Cpath fill='url(%23a)' d='M0 0h32v32H0z'/%3E%3Cdefs%3E%3Cpattern id='a' width='1' height='1' patternContentUnits='objectBoundingBox'%3E%3Cuse xlink:href='%23b' transform='scale(.03125)'/%3E%3C/pattern%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAADO0lEQVRYhb2XPWgUQRTHf7O7dxtDxLvkVkUUQYIECditNiGdhY2gIH4Sgta2VtpbCWolQjhQKzVoYWETghAhhaAIBowiaqNnckHjJXvZ27HY29273Z27vfjxmjtm3rz3f795M8sIerRSYUh2mr90ztp79dbCp6zxtF4FdDNdF6IXfyFlx4KwiqU2h8p8sQaYgCAqwAMk4Fh2tb/V/9I5a++Vm2+VRIxe1DatP2VMU811I6IkEFRemS86gOkXKPELz0zZseyqCWoSGQismOTWwQWcNdC2gD7UlJ+L+croV3ogdDOYUZFIEAgrfznq0jdolG9PJxZNnLf9P41lIiqAMJr/DV+cXAPpAJpr2VUDkiTUBEw/+eS1gZTJeV/ImeFmwQ7IBuRd0Bvg5vzQXh021kAfCPPESYQEoj0vOLBiagcdAPLjx0Pnlcd3AOgvDALgvdoBuGDsBKFRLr9I0rpwAtxlqL8D0ZfoiTQCJvo62RpNgtwAfRvlqWcKWg99ISeHwDATPZG+BZ5G1FCRFY5djDsCOtrIHDDQkdbEKS81VfpN2Eh3Tph0lSESpq+lDhst570G9IMEYQL1DFHVd0KCltRp5gGoWfa3j9fLpbYtMMOgooD3Ok/53gKT1x4lgk9dXmXi9B5AA5HPIBR/WyNYYS+08ouV0g1tcOY7f0va/ZO5xC6rJOsbMkCzaSvfX0w9BVOXV5k4e6B5IUU1WnYVAK3P/Otf5KTJOqpeEft2b5c/VhtU5oseKdyXVjRGjiy1jT24sZ3xwxt/JMmyq4K0hHFz3eRYrSaYmcvxq/YnGnyLCMwVf2KwVeW4sKgzduZ75sAzdy1G96eo982z7KoGYLz//FVA2/c/dcXIcIM3T4cYPbqUOh+3dSd9z5vNp1Wq3ztcxQrbUfJ6OC3ZeuQ/HIGMAvK5JDLLrobn9Z8LMPNa25XWmribENVcsK7TWuUWBESCZumWfLOklAL+1g0ZFKASuPksMgraLUkniqGAD1++akGQeKDKdDGRwDrUnjwuIuuWKAlIiey2/90svj5ODDK8DQGYHYbxxeQ7MUVgq0/rfNv4k4JgbBHY3Nuwo6mohePPm2+J2eGtgPwNgrQ/KLiKSGQAAAAASUVORK5CYII=' id='b' width='32' height='32' preserveAspectRatio='none'/%3E%3C/defs%3E%3C/svg%3E"); } .emoji_area .btn_emoji .count { color: #4E4C4C; text-align: center; font-size: 15px; font-weight: 700; line-height: 15px; } .emoji_area .btn_emoji.active, .emoji_area .btn_emoji.active .count { color: #D00; } .share_area { margin-bottom: 40px; } .share_area .btn_share { display: flex; justify-content: center; align-items: center; gap: 4px; margin: 0 auto; width: 315px; height: 44px; border-radius: 4px; border: 1px solid #EBEBEB; color: #4E4C4C; font-size: 13px; font-weight: 700; line-height: 13px; cursor: pointer; } .share_area .btn_share::after { content: ''; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%234E4C4C' d='M3.381 14.135c-.42 0-.777-.147-1.073-.443a1.462 1.462 0 0 1-.443-1.073V3.38c0-.42.148-.777.443-1.073a1.462 1.462 0 0 1 1.073-.444h4.62v1.517H3.38v9.238h9.238v-4.62h1.517v4.62c0 .42-.148.777-.444 1.073a1.461 1.461 0 0 1-1.073.443H3.381Zm3.21-3.668L5.533 9.41l6.028-6.029H9.334V1.864h4.802v4.803h-1.517v-2.23l-6.029 6.03Z'/%3E%3C/svg%3E"); } .popup-wrap.share-layer.on { display: block; } .popup-wrap.share-layer { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; width: 100%; padding: 10px; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; } .popup-wrap.share-layer .popup { width: 100%; max-width: 310px; border-radius: 20px; background-color: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 2px 1px 14px 0 #2c2b2b; z-index: 100; } .popup-wrap.share-layer .popup .title { font-size: 15px; text-align: center; color: #000; margin-top: 28px; } .popup-wrap.share-layer .popup .btn-close { position: absolute; top: 28px; right: 22px; width: 17px; height: 17px; background-color: transparent; background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='-0.199 -0.199 17 17'%3E%3Cpath fill='none' stroke='%23878787' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='m1.417 1.417 13.768 13.768m0-13.768L1.417 15.185'/%3E%3C/svg %3E"); outline: none; border: none; cursor: pointer; } .popup-wrap.share-layer .popup .sns-list { width: 216px; margin: 40px auto 48px; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: space-between; } .popup-wrap.share-layer .popup .sns-list::after { content: ''; display: flex; flex: 1 0 auto; } .popup-wrap.share-layer .popup .sns-list li { width: calc(99.9% / 3); height: 56px; overflow: hidden; margin: 18px 0 0; } .popup-wrap.share-layer .popup .sns-list li:nth-of-type(-n + 3) { margin-top: 0; } .popup-wrap.share-layer .popup .sns-list li.kakao button { background-color: #FFEB00; } .popup-wrap.share-layer .popup .sns-list li.kakao button::before { width: 34px; height: 34px; background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='45' height='45' viewBox='-0.736 -2.089 45 45'%3E%3Cpath fill='%233C1E1E' d='M43.871 15.973a14.31 14.31 0 0 0-1.799-5.635 16.835 16.835 0 0 0-3.111-3.958c-1.281-1.212-2.664-2.294-4.236-3.101-1.169-.599-2.35-1.192-3.572-1.665-1.025-.396-2.107-.672-3.188-.894a39.033 39.033 0 0 0-3.982-.617 19.602 19.602 0 0 0-4.785.092c-1.294.19-2.603.341-3.87.65-1.183.288-2.339.714-3.473 1.167a24.476 24.476 0 0 0-2.947 1.406c-1.441.813-2.746 1.824-3.948 2.965-1.207 1.146-2.239 2.434-3.048 3.882-.442.793-.774 1.651-1.116 2.496a10.308 10.308 0 0 0-.73 3.115c-.135 1.841-.107 3.674.493 5.447.27.796.535 1.601.89 2.359.508 1.086 1.177 2.083 1.934 3.017 1.053 1.303 2.245 2.465 3.621 3.415.952.658 1.975 1.214 2.962 1.822.173.106.242.247.173.481-.229.787-.427 1.582-.634 2.375-.204.783-.402 1.566-.606 2.35-.233.896-.49 1.787-.69 2.691-.045.205.031.527.176.666.227.22.562.164.834-.005.282-.175.551-.371.825-.559a3191.68 3191.68 0 0 1 4.256-2.917c.979-.67 1.95-1.35 2.945-1.995.381-.247.706-.601 1.268-.529 1.121.144 2.251.206 3.479.312 1.36-.121 2.809-.233 4.253-.384a9.835 9.835 0 0 0 1.685-.317c1.241-.359 2.488-.718 3.696-1.172a23.564 23.564 0 0 0 3.032-1.388 19.773 19.773 0 0 0 4.076-2.962 17.8 17.8 0 0 0 2.851-3.402 15.27 15.27 0 0 0 1.903-4.35c.422-1.604.548-3.227.383-4.858zm-33.039-1.056c.011 2.22.023 4.44.03 6.66.001.238-.012.478-.046.714a.997.997 0 0 1-1.061.854c-.507-.036-.961-.465-.967-.97-.015-1.229-.005-2.458-.005-3.687h-.034c0-1.218-.006-2.435.004-3.652.003-.315-.085-.443-.429-.435-.631.016-1.265.006-1.894-.044-.56-.044-.928-.458-.854-.95.073-.487.311-.918.949-.921 1.313-.005 2.626-.001 3.939-.006.847-.002 1.695-.027 2.542-.015.811.012 1.23.731.865 1.448-.168.33-.464.429-.803.435-.573.01-1.146.004-1.718.018-.482.012-.52.062-.518.551zm10.33 8.182c-.473.074-1.019-.28-1.162-.757-.106-.353-.218-.704-.311-1.06-.064-.244-.199-.364-.455-.363-1.277.004-2.555-.002-3.832.014-.101 0-.252.119-.292.219-.181.452-.323.92-.493 1.375-.19.51-.778.733-1.303.51-.579-.248-.806-.777-.602-1.298.321-.816.605-1.647.916-2.468.306-.809.629-1.611.935-2.421.288-.766.54-1.546.849-2.303.261-.639.37-1.36.961-1.835.868-.697 1.814-.396 2.288.407.333.564.524 1.215.762 1.833.32.83.627 1.665.934 2.5.213.58.411 1.165.625 1.744.209.567.438 1.127.644 1.696.152.42.281.85.365 1.106-.003.653-.338 1.023-.829 1.101zm7.895-.751c-.127.306-.373.578-.748.582-1.42.016-2.839.025-4.258.011-.562-.006-.957-.494-.972-1.156-.016-.715-.005-1.431-.005-2.146v-2.075h-.01l.001-4.15c0-.477.227-.826.649-1.02.406-.186.861-.133 1.115.205.224.298.366.731.373 1.108.037 2.241.023 4.484.027 6.726.001.58.025.601.609.589.668-.013 1.335-.031 2.002-.027.421.003.82.062 1.109.444.227.295.23.618.108.909zm8.533.423c-.355.325-1.094.374-1.408.03-.422-.463-.799-.968-1.176-1.471-.625-.834-1.233-1.683-1.853-2.522-.211-.286-.305-.268-.589-.027-.326.277-.45.599-.427 1.03.036.667-.018 1.337.024 2.003.05.805-.525 1.248-1.03 1.252-.716.006-1.132-.473-1.134-1.27-.006-1.813-.008-3.626-.012-5.44-.002-.954-.016-1.909-.001-2.863.006-.399.12-.762.487-1.013.345-.234.711-.258 1.051-.09.378.187.613.525.617.973.006.895 0 1.79.007 2.685.001.153.045.307.083.548.559-.584 1.038-1.091 1.523-1.594.748-.775 1.488-1.557 2.254-2.315.315-.313.73-.264 1.109-.125.343.126.525.446.537.779.007.219-.129.489-.285.659-.893.965-1.807 1.91-2.721 2.854-.197.203-.237.348-.039.603a306.32 306.32 0 0 1 3.068 4.017c.314.415.264.976-.085 1.297z'/%3E%3Cpath fill='%233C1E1E' d='M17.639 15.115c-.078-.231-.201-.447-.303-.669l-.086.013c-.035.122-.069.244-.105.365-.108.364-.208.73-.327 1.09-.216.653-.445 1.301-.664 1.953-.098.292-.196.585-.268.884-.052.214.042.333.287.328.799-.018 1.598-.031 2.397-.03.281 0 .332-.121.254-.356-.394-1.193-.783-2.387-1.185-3.578z'/%3E%3C/svg%3E") } .popup-wrap.share-layer .popup .sns-list li.facebook button { background-color: #3B5EAA; } .popup-wrap.share-layer .popup .sns-list li.facebook button::before { width: 30px; height: 30px; background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='22' height='42' viewBox='-0.543 -1.241 22 42'%3E%3Cpath fill='%23fff' d='M19.848 15.115h-6.695v-4.686c0-2.125.591-3.573 3.638-3.573l2.821-.001c.589 0 1.064-.478 1.064-1.065V1.065C20.676.477 20.199 0 19.609 0H15.01C9.409 0 5.572 3.42 5.572 9.702v5.413H1.065c-.59 0-1.068.479-1.065 1.069l.022 5.603a1.066 1.066 0 0 0 1.065 1.061h4.515l-.029 16.67h7.579l.029-16.67h6.002c.539 0 .993-.402 1.059-.938l.664-5.603a1.066 1.066 0 0 0-1.058-1.192z'/%3E%3C/svg%3E") } .popup-wrap.share-layer .popup .sns-list li.link-copy button { background-color: #878787; } .popup-wrap.share-layer .popup .sns-list li.link-copy button::before { width: 26px; height: 26px; background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='-0.704 -0.957 34 34'%3E%3Cpath fill='%23fff' d='M13.957 20.334c-.434 0-.868-.164-1.199-.496-3.101-3.101-3.101-8.147 0-11.249l6.259-6.259C20.519.827 22.517 0 24.642 0s4.122.827 5.625 2.33c3.101 3.102 3.101 8.148 0 11.25l-2.861 2.861a1.696 1.696 0 0 1-2.398-2.397l2.861-2.861a4.57 4.57 0 0 0 0-6.455c-.861-.862-2.008-1.337-3.227-1.337s-2.365.475-3.228 1.337l-6.259 6.259a4.57 4.57 0 0 0 0 6.455 1.694 1.694 0 0 1-1.198 2.892z'/%3E%3Cpath fill='%23fff' d='M7.951 32.6a7.906 7.906 0 0 1-5.625-2.33c-3.102-3.102-3.102-8.146 0-11.248l2.861-2.862a1.695 1.695 0 1 1 2.397 2.397l-2.861 2.861a4.57 4.57 0 0 0 0 6.455c.862.861 2.008 1.336 3.228 1.336s2.365-.475 3.228-1.336l6.259-6.26a4.57 4.57 0 0 0 0-6.454 1.695 1.695 0 1 1 2.397-2.397c3.102 3.102 3.102 8.148 0 11.25l-6.259 6.258a7.911 7.911 0 0 1-5.625 2.33z'/%3E%3C/svg%3E") } .popup-wrap.share-layer .popup .sns-list li.naver button { background-color: #55c669; } .popup-wrap.share-layer .popup .sns-list li.naver button::before { width: 26px; height: 26px; background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='-0.421 -0.225 31 28'%3E%3Cpath fill='%23fff' d='M10.202 13.621c-.008.191-.024.382-.024.574 0 4.272-.006 8.543.012 12.815.002.441-.142.542-.553.54-3.026-.014-6.051-.013-9.077-.001-.4.002-.56-.084-.559-.533C.015 18.197.016 9.379.003.561.002.098.147-.002.579 0c3.074.017 6.148.016 9.223.001.386-.001.615.124.83.441 2.989 4.4 5.99 8.792 8.989 13.185.068.101.156.188.323.388.014-.307.029-.489.03-.672.001-4.255.008-8.51-.009-12.766-.001-.446.12-.58.57-.577 3.026.018 6.052.019 9.077 0 .434-.002.545.13.544.549-.012 8.818-.013 17.636-.003 26.455.001.427-.121.549-.548.547a933.81 933.81 0 0 0-9.319-.001c-.355.001-.553-.14-.744-.421-2.998-4.414-6.006-8.82-9.012-13.229-.071-.104-.15-.202-.226-.302a4.823 4.823 0 0 0-.102.023z'/%3E%3C/svg%3E") } .popup-wrap.share-layer .popup .sns-list li.twitter button { background-color: #000000; } .popup-wrap.share-layer .popup .sns-list li.twitter button::before { width: 36px; height: 36px; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M437.5 500h-375C27.988 499.988.013 472.013 0 437.5v-375C.013 27.988 27.988.013 62.5 0h375c34.513.013 62.488 27.988 62.5 62.5v375c-.012 34.513-27.987 62.488-62.5 62.5Z' style='transform-origin:250px 250px'/%3E%3Cpath d='M14.258 10.152 23.176 0h-2.113l-7.747 8.813L7.133 0H0l9.352 13.328L0 23.973h2.113l8.176-9.309 6.531 9.309h7.133zm-2.895 3.293-.949-1.328L2.875 1.56h3.246l6.086 8.523.945 1.328 7.91 11.078h-3.246zm0 0' style='fill:%23fff' transform='matrix(12.52453 0 0 12.51408 100 100)'/%3E%3C/svg%3E"); } .popup-wrap.share-layer .popup .sns-list li.line button { background-color: #4eae32; } .popup-wrap.share-layer .popup .sns-list li.line button::before { background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='-1.129 -1.081 47 45'%3E%3Cpath fill='%23fff' d='M23.333 0c6.389.135 12.832 2.304 17.733 7.937 5.331 6.128 5.317 14.317.042 20.491-5.097 5.966-11.53 10.202-18.295 13.995a3.58 3.58 0 0 1-1.007.363c-.939.201-1.379-.184-1.272-1.142.084-.75.254-1.491.368-2.238.311-2.019-.237-2.776-2.237-3.164-1.21-.233-2.438-.421-3.617-.765-5.725-1.667-10.452-4.726-13.27-10.145C-1.318 19.379-.294 12.53 4.257 7.604 8.8 2.69 15.23.001 23.333 0m-.951 18.493.312-.143c.271.324.56.637.812.976 1.021 1.372 2.049 2.739 3.037 4.134.581.821 1.428.718 2.147.515.289-.081.522-.875.532-1.35.056-2.506.039-5.015.029-7.521-.003-.845.234-1.789-1.196-1.816-1.429-.028-1.232.885-1.232 1.752-.002 1.362-.001 2.725-.001 4.088a2.527 2.527 0 0 1-1.038-.832c-1.074-1.432-2.165-2.852-3.192-4.316-.582-.828-1.401-.804-2.121-.535-.308.116-.51.89-.519 1.369-.047 2.665.004 5.332-.033 7.998-.012.882.206 1.292 1.194 1.297 1.025.005 1.316-.401 1.283-1.352-.052-1.419-.014-2.842-.014-4.264m8.405.154h.008c0 1.434.021 2.867-.008 4.3-.017.799.277 1.158 1.115 1.141 1.671-.036 3.345-.033 5.017.004.854.019 1.102-.377 1.094-1.163-.007-.76-.083-1.352-1.061-1.322-.955.028-1.911-.02-2.866.001-.626.013-.953-.302-.793-.863.086-.302.493-.697.786-.725.987-.092 1.988-.055 2.983-.036.954.018.941-.625.961-1.296.02-.681-.104-1.19-.95-1.17a33.98 33.98 0 0 1-2.389-.012c-.606-.027-1.46.326-1.433-.843.025-1.071.807-.753 1.383-.776a24.907 24.907 0 0 1 2.27-.005c.946.049 1.114-.482 1.124-1.272.01-.802-.179-1.307-1.115-1.291-1.672.028-3.345.028-5.017-.001-.828-.014-1.137.343-1.118 1.15.033 1.392.009 2.786.009 4.179m-23.373-.003h-.013c0 1.43.017 2.86-.006 4.29-.012.777.248 1.171 1.104 1.149a88.472 88.472 0 0 1 4.887.009c.986.029 1.187-.448 1.188-1.317.002-.896-.357-1.211-1.213-1.165-.752.042-1.515-.05-2.263.021-1.031.096-1.297-.376-1.273-1.317.047-1.945-.003-3.892.027-5.838.014-.872-.339-1.201-1.213-1.178-.828.021-1.26.274-1.235 1.176.037 1.389.01 2.78.01 4.17m8.524.133c0 1.433.021 2.866-.008 4.298-.019.911.521 1.014 1.24 1.02.729.006 1.223-.106 1.211-1.021-.036-2.904-.037-5.81-.018-8.715.005-.788-.341-1.063-1.082-1.043-.724.019-1.371.038-1.351 1.044.031 1.472.009 2.944.008 4.417'/%3E%3C/svg%3E") } .popup-wrap.share-layer .popup .sns-list li.band button { background-color: #55c669; } .popup-wrap.share-layer .popup .sns-list li.band button::before { background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='-0.918 -1.404 35 45'%3E%3Cpath fill='%23fff' d='M21.242 9.872c-2.883-.743-5.993-.604-9.315-.893 0-.644.012-1.634-.002-2.625C11.872 2.736 9.312.018 5.952 0 2.684-.017.021 2.833.016 6.383.008 12.802-.017 19.22.02 25.639c.061 10.43 9.668 18.265 19.859 16.231 7.311-1.459 12.934-8.076 13.27-15.618.331-7.406-4.641-14.508-11.907-16.38M18.814 39.9c-7.651.933-14.233-3.344-16.164-10.573-.331-1.237-.542-2.544-.554-3.822-.057-6.306-.046-12.613-.023-18.919.012-3.233 2.665-5.317 5.329-4.176 1.776.76 2.418 2.258 2.415 4.144-.01 6.424-.018 12.849.053 19.272.035 3.197 2.211 5.731 5.292 6.416 2.839.63 5.723-.641 7.254-3.201 1.467-2.448 1.146-5.75-.766-7.892-1.924-2.156-5.148-2.891-7.746-1.755-.578.253-1.138.547-1.736.836-.579-2.947-.399-3.268 2.077-3.869 5.565-1.353 10.876 2.198 11.854 7.929.908 5.316-3.272 10.362-9.027 10.896-5.248.486-10.021-4.033-10.043-9.555-.025-6.07-.01-12.141-.016-18.211-.001-.53.087-1.104-.09-1.574-.136-.364-.616-.82-.95-.825-.318-.005-.796.464-.93.826-.175.472-.098 1.044-.098 1.574-.005 6.012-.024 12.024.003 18.035.031 6.838 5.517 12.165 12.19 11.888 6.568-.274 11.656-6.251 11.069-13.005-.579-6.659-7.424-11.534-14.174-10.094-.627.134-1.248.295-1.872.444-.539-2.617-.455-2.789 1.533-3.209 8.94-1.886 17.465 5.157 17.311 14.302-.118 7.103-5.468 13.297-12.191 14.118m-6.881-14.345c.031-2.661 2.021-4.582 4.733-4.568 2.632.013 4.627 2.075 4.577 4.731-.05 2.609-2.149 4.658-4.739 4.62-2.598-.038-4.602-2.135-4.571-4.783'/%3E%3C/svg%3E") } .popup-wrap.share-layer .popup .sns-list li button { display: block; width: 56px; height: 56px; margin: 0 auto; background-color: #eee; border-radius: 50%; border: none; outline: none; cursor: pointer; } .popup-wrap.share-layer .popup .sns-list li button::before { content: ''; display: block; width: 32px; height: 32px; background-repeat: no-repeat; background-size: contain; background-position: center center; margin: 0 auto; } #mobileWrap .popup-wrap.share-layer .popup { max-width: 280px; } #mobileWrap .popup-wrap.share-layer .sns-list { margin: 40px auto 48px; flex-direction: row; border-bottom: none; }