/* common layout */ /* alphaBlind */ .alphaBlind { display:none; position:fixed; color:#fff; z-index:1000; left:0; top:0px; background-color:#000; width:100%; height:100%; opacity:0.6; } /* MDWrap */ #MDWrap { } /* MDHeader */ #MDHeader { position:relative;} /* logo */ #MDHeader .logoSearch { position:relative; height:122px;} @media screen and (-webkit-min-device-pixel-ratio:1.5)#MDHeader .logoSearch { background:#0091e5; } @media screen and (-webkit-min-device-pixel-ratio:2)#MDHeader .logoSearch { background:#0091e5; } #MDHeader .logoSearch .siteLogo { position:absolute; left:8px; top:7px; width:89px; height:32px; margin:0; } #MDHeader .logoSearch .siteLogo a { display:block; width:89px; height:32px; background-repeat:no-repeat; background-size:89px 32px; overflow:hidden; text-indent:-1000px; background-image:url('http://img.jjinpl.com/common/header/logo/jjinpl_logo200x72.png'); } @media screen and (-webkit-min-device-pixel-ratio:1.5){#MDHeader .logoSearch .siteLogo a {background-image:url('http://img.jjinpl.com/common/header/logo/jjinpl_logo200x72.png');}} @media screen and (-webkit-min-device-pixel-ratio:2){#MDHeader .logoSearch .siteLogo a {background-image:url('http://img.jjinpl.com/common/header/logo/jjinpl_logo200x72.png');}} /* searchForm */ #MDHeader .searchForm { position:relative; /* margin:9px 8px 0 119px; width:55%;*/ padding-left: 8px; padding-right: 8px; } #MDHeader .searchForm .Keyword { position:relative; /*height:26px;*/ margin-right:40px; width:100%;} /* #MDHeader .searchForm .Keyword input { display:block; width:96%; border:0; padding:0; -webkit-appearance:none; height:40px; line-height:40px; font-size:11px; color:#777; text-decoration:none; padding-left:7px; box-sizing:border-box; border-radius:1px; margin:0 auto; border-left: 2px solid #0091e5; border-right: 2px solid #0091e5; } */ #MDHeader .searchForm .Keyword input { display:block; width:100%; border:0; padding:0; -webkit-appearance:none; height:38px; line-height:38px; font-size:12px; color:#777; text-decoration:none; padding-left:4px; padding-right:4px; box-sizing:border-box; border-radius:1px; margin:0 auto; border: 2px solid #0091e5; letter-spacing: -0.6px; } #MDHeader .searchForm .Keyword input:placeholder, #MDHeader .searchForm .Keyword input::placeholder { line-height:38px; color:#000;} #MDHeader .searchForm .searchBtn { position:absolute; right:0; top:0; display:block; width:43px; height:35px; border:0; margin:1px 0 0 0; margin-right: 9px; padding:0; background-repeat:no-repeat; background-size:36px 29px; overflow:hidden; text-indent:-100px; background:url('http://img.jjinpl.com/common/header/blue_search.png ')no-repeat; background-size:46px 38px;} /* 200217 이전 */ /* #MDHeader .searchForm .searchBtn { position:absolute; right:0; top:0; display:block; width:46px; height:38px; border:0; margin:1px 0 0 0; margin-right:3%; padding:0; background-repeat:no-repeat; background-size:36px 29px; overflow:hidden; text-indent:-100px; background:url('http://img.jjinpl.com/common/header/blue_search.png ')no-repeat; background-size:46px 38px;} @media screen and (-webkit-min-device-pixel-ratio:1.5){#MDHeader .searchForm .searchBtn { background:url('http://img.jjinpl.com/common/header/red_search_btnico.png')no-repeat; background-size:46px 38px;}} @media screen and (-webkit-min-device-pixel-ratio:2){#MDHeader .searchForm .searchBtn { background:url('http://img.jjinpl.com/common/header/red_search_btnico.png')no-repeat; background-size:46px 38px;}} */ /* searchRecord */ #MDHeader .memberInfo .searchRecord{ display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 9999; background: #fff; position: absolute; width: 96vw; /* margin: 0 2%; */ border: 2px solid #0091e5; min-width: 212px; top: 40px; left: 0; } #MDHeader .memberInfo .searchRecord h5{ color: #0091e5; padding: 10px 6px; font-weight: bold; border-bottom: 1px solid #dfdfdf; } #MDHeader .memberInfo .searchRecord ul{ float: none; margin: 0; } #MDHeader .memberInfo .searchRecord ul li{ color: #888; height: 32px; line-height: 31px; cursor: pointer; font-size: 11px; padding-left: 6px; } #MDHeader .memberInfo .searchRecord ul li:last-child{ border-bottom: 0; } #MDHeader .headerGnb .memberInfo .searchRecord ul li:hover{ background: #e4eff0; } #MDHeader .headerGnb .memberInfo .searchRecord ul li > a{ font-family: '돋움', dotum; font-size: 12px; color: #888; padding: 0; margin: 0; float: left; letter-spacing: 0; width: 75%; min-width: 140px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; text-align: left; } #MDHeader .headerGnb .memberInfo .searchRecord ul li p{ display: block; text-align: right; float: right; color: #afafaf; } #MDHeader .headerGnb .memberInfo .searchRecord ul li p .record_date{ letter-spacing: -0.5px; font-size: 12px; } #MDHeader .headerGnb .memberInfo .searchRecord ul li p a{ display: inline-block; padding-left: 6px; padding-right: 8px; color: #666; } #MDHeader .headerGnb .memberInfo .searchRecord ul li p a img{ width: 8px; } #MDHeader .headerGnb .memberInfo .searchRecord .bottom{ font-size: 11px; background: #f5f5f5; padding: 0 6px; height: 31px; line-height: 31px; border-top: 1px solid #dfdfdf; } #MDHeader .headerGnb .memberInfo .searchRecord .bottom a{ color: #787878; display: inline-block; margin: 0; float: none; font-size: 12px; width: auto; letter-spacing: -0.8px; } #MDHeader .headerGnb .memberInfo .searchRecord .bottom .btn_search_record{ float: right; } #MDHeader .headerGnb .memberInfo .searchRecord .bottom .btn_search_record img{ vertical-align: middle; margin-left: 2px; width: 48px; } /* headerGnb */ #MDHeader .headerGnb { /*height:47px;*/} #MDHeader .headerGnb ul { float:right;margin-right:3px; } #MDHeader .headerGnb ul li.top { /*height:50px;*/ float:left; /*width:45px;*/ } #MDHeader .headerGnb ul.btn_top li > a { display:inline-block; /*width:40px; height:20px;*/ text-align:center; text-decoration:none; background:#0091e5; border:1px solid #217cd0; border-radius:3px; width:max-content; color:#fff; padding:6px; letter-spacing:-1.7px; font-size:13px; font-family:'sans-serif'; margin: 8px 4px 7px 0px;} #MDHeader .headerGnb ul li span.hd_title { display:inline-block; width:40px; height:20px; overflow:hidden; color:#fff; line-height:20px; text-align:center; font-size:10px; } #MDHeader .headerGnb ul li.buy a { background-position:-21px 2px; } #MDHeader .headerGnb ul li.buy span { padding-top:3px; } #MDHeader .headerGnb ul li.favorite a { background-position:-65px -27px;} #MDHeader .headerGnb ul li.favorite span { padding-top:3px; } #MDHeader .headerGnb ul li.charge a { background-position:-114px -56px;} #MDHeader .headerGnb ul li.charge span { padding-top:3px; } /* #MDHeader .headerGnb ul li.entireMenu { width:40px; } #MDHeader .headerGnb ul li.entireMenu a { /*background-position:-160px -87px;*//* background:url('http://img.jjinpl.com/m/icon/MENU_APP_setup3.png') no-repeat; width:30px; text-align:center; margin:0 auto; margin-top:13px; background-size:30px;} #MDHeader .headerGnb ul li.entireMenu span { padding-top:3px; } #MDHeader .headerGnb ul li.freeCoupon { margin-right:4px; } #MDHeader .headerGnb ul li.freeCoupon a { background:url('http://img.jjinpl.com/m/icon/MENU_COUPON4.png') no-repeat; width:40px; text-align:center; margin:0 auto; margin-top:13px; background-size:40px; margin-right:0px;} #MDHeader .headerGnb ul li.login { width:42px; } #MDHeader .headerGnb ul li.login a { background:url('http://img.jjinpl.com/m/icon/MENU_LOGIN3.png') no-repeat; width:30px; text-align:center; margin:0 auto; margin-top:13px; background-size:30px; margin-right:8px;} #MDHeader .headerGnb ul li.join a { background:url('http://img.jjinpl.com/m/icon/MENU_JOIN3.png') no-repeat; width:40px; text-align:center; margin:0 auto; margin-top:13px; background-size:40px; margin-right:4px;} #MDHeader .headerGnb ul li.logout a { background:url('http://img.jjinpl.com/m/icon/MENU_LOGOUT3.png') no-repeat; width:40px; text-align:center; margin:0 auto; margin-top:13px; background-size:40px;} #MDHeader .headerGnb ul li.my_info a { background:url('http://img.jjinpl.com/m/icon/MENU_my_info3.png') no-repeat; width:30px; text-align:center; margin:0 auto; margin-top:13px; background-size:30px;} #MDHeader .headerGnb ul li.event a { background:url('http://img.jjinpl.com/m/icon/MENU_EVENT.png') no-repeat; width:30px; text-align:center; margin:0 auto; margin-top:13px; background-size:30px; margin-right:8px;} */ /* memberInfo */ #MDHeader .memberInfo { /*padding:8px; padding:2px 0 0 5px;*/ clear:both; /*float:left;margin-top:-3px;*/ display:inline-block; width:100%; } #MDHeader .memberInfo .memberTab { position:absolute; top:57px; right:5px;} #MDHeader .memberInfo .memberTab a { display:block; padding:2px 1px; float:left; text-align:center;margin-left:5px; border-radius:8px; font-size:10px; letter-spacing:-1px; box-sizing:border-box; text-decoration:none; } #MDHeader .memberInfo .memberTab .mem_gray { width:55px; height:22px; line-height:21px; background:#fff; border-radius:5px; color:#434547; } /* guestOnly */ #MDHeader .memberInfo .loginMent { color:#827e7a; font-size:11px; letter-spacing:-1px;} #MDHeader .memberInfo .guestOnly { text-align:right; position:absolute; right:5px; top:57px;} #MDHeader .memberInfo .guestOnly .loginMent { position:absolute;} #MDHeader .memberInfo > a { margin-top:-2px; margin-left:3px; width:50px; display:block; float:left; text-align:center;margin-left:5px; border-radius:8px; font-size:10px; letter-spacing:-1px; box-sizing:border-box; text-decoration:none; font-weight:normal; } #MDHeader .memberInfo .orange {width:55px; height:22px; line-height:24px; background:#d12323; border-radius:5px; color:#fff;} #MDHeader .memberInfo .gray { width:55px; height:22px; line-height:24px; background:#fff; border-radius:5px; color:#434547; } /* info */ #MDHeader .memberInfo .info { position:relative; } #MDHeader .memberInfo .info .btnOC { position:absolute; right:0; top:-2px; display:block; width:23px; height:23px; overflow:hidden; text-indent:-1000px; } #MDHeader .memberInfo .info ul li .icon { display:inline-block; width:14px; height:14px; overflow:hidden; vertical-align:top; } #MDHeader .memberInfo .info ul li .icon.point { background-position:-27px -248px; } #MDHeader .memberInfo .info ul li .icon.bonus { background-position:-61px -248px; } #MDHeader .memberInfo .info ul li .icon.coupon { background-position:-44px -248px; } #MDHeader .memberInfo .info ul li .icon.fix { background-position:-79px -248px; } #MDHeader .memberInfo .info ul li .icon.m_fix { background-position:-99px -248px;} /* normal */ #MDHeader .memberInfo .info.normal { } #MDHeader .memberInfo .info.normal .welcome { display:none; } #MDHeader .memberInfo .info.normal ul { } #MDHeader .memberInfo .info.normal ul li { float:left; margin-right:5px; } #MDHeader .memberInfo .info.normal ul li span { height:18px; line-height:22px; vertical-align:top; } #MDHeader .memberInfo .info.normal ul li .name { display:none; } #MDHeader .memberInfo .info.normal ul li .value { color:#d6d6d6; letter-spacing:-1px; padding-left:1px; font-size:11px; line-height:11px; } #MDHeader .memberInfo .info.normal ul li .value.normalfix { display:inline-block; } #MDHeader .memberInfo .info.normal ul li .value.extendFix { display:none; } #MDHeader .memberInfo .info.normal .btnOC { background-position:0 -266px; } /* extend */ #MDHeader .memberInfo .info.extend { } #MDHeader .memberInfo .info.extend .welcome { display:block; padding-bottom:2px; color:#555; font-size:12px; } #MDHeader .memberInfo .info.extend .welcome span { color:#da3e00; } #MDHeader .memberInfo .info.extend ul { } #MDHeader .memberInfo .info.extend ul li.le { float:left; width:41%; } #MDHeader .memberInfo .info.extend ul li.ri { float:left; width:59%; } #MDHeader .memberInfo .info.extend ul li span { display:inline-block; height:18px; line-height:18px; font-size:12px; vertical-align:top; } #MDHeader .memberInfo .info.extend ul li .name { color:555; width:61px; font-size:11px; } #MDHeader .memberInfo .info.extend ul li.le .name { width:45px; } #MDHeader .memberInfo .info.extend ul li .value { color:#d6d6d6; letter-spacing:-1px; font-size:11px; } #MDHeader .memberInfo .info.extend ul li .value.normalFix { display:none; } #MDHeader .memberInfo .info.extend ul li .value.extendFix { display:inline-block; } #MDHeader .memberInfo .info.extend .btnOC { background-position:-23px -266px; } #MDHeader .memberInfo .info ul li .value.expiration { text-decoration:line-through } /* rank box */ #MDHeader .memberInfo .rank_box{ width: 100%; height: 30px; position: relative; overflow: hidden; background:#fff; border-bottom:3px solid #0091e5; margin-top:9px;} #MDHeader .memberInfo .rank_box ul{ position: absolute; top: 0; width: 100%;} #MDHeader .memberInfo .rank_box ul li{ height: 40px; box-sizing: border-box; line-height: 100%;} #MDHeader .memberInfo .rank_box ul li dl{ color: #666; letter-spacing: -1.7px; font-family: 'sans-serif'; margin-top: 5px; padding:0 20px; clear:both;} #MDHeader .memberInfo .rank_box ul li dl::after {display: table; clear: both; table-layout: fixed; content: '';} #MDHeader .memberInfo .rank_box ul li dl dt.rank_num { display: inline-block; width: 20px; height: 20px; color: #4385f5; line-height: 20px; text-align: center; box-sizing: border-box; float:left; font-weight:bold; font-size: 15px;} #MDHeader .memberInfo .rank_box ul li dl dd.rank_name{ display: inline-block; width: 72px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 11.5px; text-indent: 5px; letter-spacing: -0.5px; margin-left:10px; margin-top:4px;} #MDHeader .memberInfo .rank_box ul li dl dd.rank_change {display: inline-block; width: 42px; text-align: center; float:right; margin-top:3px;} #MDHeader .memberInfo .rank_box ul li dl dd.rank_change img{ width: 9px; height: 8px; display: inline-block; vertical-align: baseline; margin-right: 3px; } #MDHeader .memberInfo .rank_dropbox{ position: absolute; top: 76px; right: 8px; z-index: 9999; width: 200px; height: 400px; background: #fff; box-sizing: border-box; border: 1px solid #0091e5; color: #666666; display: none; box-shadow: 1px 1px 4px rgba(0,0,0,0.4); } #MDHeader .memberInfo .rank_dropbox h3{ font-size: 12px; font-weight: bold; text-align: center; padding: 10px 0; border-bottom: 1px solid #e2e2e2; background: #f2f2f2; margin-bottom: 2px; } #MDHeader .memberInfo .rank_dropbox ul{ font-size: 11px; float: none;} #MDHeader .memberInfo .rank_dropbox ul li dl{ padding: 6px 20px; cursor: pointer; } #MDHeader .memberInfo .rank_dropbox ul li dl dt.rank_num{ background: #fff; border: 1px solid #e2e2e2; color: #666; display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; box-sizing: border-box; } #MDHeader .memberInfo .rank_dropbox ul li dl dd.rank_name {display: inline-block; width: 72px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 11.5px; text-indent: 5px; letter-spacing: -0.5px; vertical-align: middle; margin-left:26px;} #MDHeader .memberInfo .rank_dropbox ul li dl dd.rank_change{ width: 34px; color: #383838; display: inline-block; text-align: right;} #MDHeader .memberInfo .rank_dropbox ul li dd.rank_change img{ width: 9px; height: 8px; display: inline-block; vertical-align: baseline; margin-right: 3px; } #MDHeader .memberInfo .rank_dropbox a.btn_close{ display: block; width: 70%; margin: 7px auto; float: none; background-color: #007ed5; height: 28px; line-height: 28px; float: none; font-size: 12px; color: #fff; border-radius: unset; text-align: center; } /* entireMenu */ #MDHeader .headerLnb { display:none; border-bottom:1px solid #d0d0d0; background:#f1f1f1; } #MDHeader .headerLnb h3 { font-weight:bold; font-size:13px; padding:5px 5px; border-top:1px solid #F8F8F8; border-bottom:1px solid #E0E0E0; color:#555; } #MDHeader .headerLnb ul { padding:7px 0 7px 0; border-top:1px solid #F8F8F8; border-bottom:1px solid #d0d0d0; } #MDHeader .headerLnb ul.last {border-bottom:0; } #MDHeader .headerLnb ul li { float:left; width:20%; text-align:center; padding-bottom:5px; } #MDHeader .headerLnb ul li a { display:inline-block; text-decoration:none; } #MDHeader .headerLnb ul li span { display:block; margin:0 auto; } #MDHeader .headerLnb ul li em { display:inline-block; font-style:normal; font-size:12px; color:#666; vertical-align:top; } /* 전체메뉴 레이어 내정보 */ /*#MDHeader .hd_entireMenu { display:none; background:#fff; width:320px; height:415px; top:0px; left:50%; margin-left:-160px; z-index:1001; position:fixed; }*/ /*#MDWrap .hd_entireMenu { display:none; background:#fff; width:320px; height:410px; top:50%; left:50%; margin-top:-205px; margin-left:-160px; z-index:1001; position:absolute; border-radius:7px; /*overflow:hidden; }*/ #MDWrap .hd_entireMenu { display:none; background:#fff; width:300px; height:457px; top:0; left:0; right:0; bottom:0; margin:auto; z-index:1001; position:absolute; border-radius:7px; /*border:1px solid #e63427;*/ border-top:0; box-sizing:border-box; } #MDWrap .hd_entireMenu.show {display:block} /* 내 정보 */ #MDWrap .hd_entireMenu .myInfopage {display:block;} #MDWrap .hd_entireMenu .btn_C {position:absolute; display:block; width:10px; height:10px; font-size:0; /*border-left:1px solid #535452;*/ box-sizing:border-box; } #MDWrap .hd_entireMenu .top_nav {background:#808080; overflow:hidden; height:44px; margin:0 20px;} #MDWrap .hd_entireMenu .top_nav li {float:left; /*height:30px; padding:11px 18px;*/ color:#fff; width:130px; text-align:center; } #MDWrap .hd_entireMenu .top_nav li.myinfo {border-right:1px solid #434547; margin-left:20px;} #MDWrap .hd_entireMenu .top_nav li.chargeshop {border-left:1px solid #45312c;} #MDWrap .hd_entireMenu .top_nav .loginLi { } #MDWrap .hd_entireMenu .top_nav .registLi { } .top_nav.logout li a.on { background:#fff; color:#0091e5 !important; } #MDWrap .hd_entireMenu .top_nav li a { color:#fff; display:block; height:44px; line-height:44px; text-decoration:none; font-family:'sans-serif'; font-size:15px; letter-spacing:-0.8px; box-sizing:border-box; } #MDWrap .hd_entireMenu .top_nav li a.on { border-top:1px solid #aaa; font-weight:bold; border-left:1px solid #aaa; border-right:1px solid #aaa; border-bottom:1px solid #fff;} #MDWrap .hd_entireMenu .top_nav li a span {display:block; float:left;} #MDWrap .hd_entireMenu .top_nav li a .icon {width:26px; height:26px; margin-right:5px; } #MDWrap .hd_entireMenu .top_nav .myinfo a .nav1 {background-position:0 -267px;} #MDWrap .hd_entireMenu .top_nav .chargeshop a .nav2 {background-position:-28px -267px;} #MDWrap .hd_entireMenu .top_nav .loginLi a .nav3 {background-position:-69px -267px;} #MDWrap .hd_entireMenu .top_nav .registLi a .nav4 {background-position:-99px -267px;} #MDWrap .hd_entireMenu .top_nav .join { } #MDWrap .hd_entireMenu .top_nav .join .join2 { /*width:70px;*/} #MDWrap .hd_entireMenu .top_nav li a .title_nav { font-weight:bold; font-size:14px; line-height:26px; color:#fff;} #MDWrap .hd_entireMenu .top_nav li a .title_nav.new { font-size:12px; } #MDWrap .hd_entireMenu .pointIF {margin:12px;} #MDWrap .hd_entireMenu .pointIF h3 {color:#53413c; font-size:14px; padding:5px 3px; letter-spacing:-1px;} #MDWrap .hd_entireMenu .pointIF .subPoint {background:#fcfcfc; border:1px solid #dadada; padding:9px; border-radius:5px; overflow:hidden;} #MDWrap .hd_entireMenu .pointIF .subPoint li {color:#5c5452; margin-bottom:1px; float:left; width:101px; letter-spacing:-1px;} #MDWrap .hd_entireMenu .pointIF .subPoint .bonusLi {width:202px;} #MDWrap .hd_entireMenu .pointIF .subPoint li .blue {color:#20a6de;} #MDWrap .hd_entireMenu .pointIF .subPoint li .orange {color:#dc2222;} #MDWrap .hd_entireMenu .pointIF .subPoint li .purple {color:#815289;} #MDWrap .hd_entireMenu .pointIF .subPoint li .expiration { text-decoration:line-through; } #MDWrap .hd_entireMenu .allMenu {margin:12px;} #MDWrap .hd_entireMenu .allMenu h3 {color:#53413c; font-size:14px; padding:5px 3px; letter-spacing:-1px;} #MDWrap .hd_entireMenu .allMenu .suballMenu {background:#fcfcfc; border:1px solid #dadada; padding:4px; border-radius:5px; overflow:hidden;} #MDWrap .hd_entireMenu .allMenu .suballMenu li {float:left; width:51px; margin:9px ;} #MDWrap .hd_entireMenu .allMenu .suballMenu li a {display:block; text-decoration:none;} #MDWrap .hd_entireMenu .allMenu .suballMenu li a span {display:block;} #MDWrap .hd_entireMenu .allMenu .suballMenu li a .icon {width:51px; height:51px;} #MDWrap .hd_entireMenu .allMenu .suballMenu li a .sec1 {background-position:-0 -302px;} #MDWrap .hd_entireMenu .allMenu .suballMenu li a .sec2 {background-position:-55px -302px;} #MDWrap .hd_entireMenu .allMenu .suballMenu li a .sec3 {background-position:-112px -302px;} #MDWrap .hd_entireMenu .allMenu .suballMenu li a .sec4 {background-position:-0 -357px;} #MDWrap .hd_entireMenu .allMenu .suballMenu li a .sec5 {background-position:-55px -357px;} #MDWrap .hd_entireMenu .allMenu .suballMenu li a .sec6 {background-position:-112px -357px;} #MDWrap .hd_entireMenu .allMenu .suballMenu li a .title_sec{text-align:center; color:#53413c; letter-spacing:-1px; padding-top:6px;} #MDWrap .hd_entireMenu .callCenter {margin:12px;} #MDWrap .hd_entireMenu .callCenter h3 {color:#53413c; font-size:14px; padding:5px 3px; letter-spacing:-1px;} #MDWrap .hd_entireMenu .callCenter ul {background:#fcfcfc; border:1px solid #dadada; padding:12px; border-radius:5px; overflow:hidden;} #MDWrap .hd_entireMenu .callCenter ul li {float:left;} #MDWrap .hd_entireMenu .callCenter ul li.phoneIcon {width:24px; height:24px; background-position:-136px -268px; margin-right:15px; } #MDWrap .hd_entireMenu .callCenter ul li a {font-size:16px; font-weight:bold; color:#ff3c00; } /* 전체메뉴 로그인 */ #MDWrap .myLoginpage { display:block; /*height:354px; overflow-y:scroll;*/ } #MDWrap .myLoginpage .loginform { /*margin:12px;*/margin:10px 19px; } #MDWrap .myLoginpage .loginform h3 {color:#53413c; font-size:14px; padding:5px 3px; letter-spacing:-1px;} #MDWrap .myLoginpage .loginform .loginwrap { } #MDWrap .myLoginpage .loginform .loginwrap .sns_mbox {text-align:center; box-sizing:border-box; padding-top:6px; padding-bottom:10px; margin:10px 0; border-top:1px solid #e0e0e0; } #MDWrap .myLoginpage .loginform .loginwrap .sns_mbox span { margin-top:0; margin:0 auto !important; height:27px; line-height:27px; vertical-align:top; color:#4e4e4e; font-size:12px; display:block; } #MDWrap .myLoginpage .loginform .loginwrap .sns_mbox a { display:inline-block; /*float:right;*/ } #MDWrap .myLoginpage .loginform .loginwrap .sns_mbox a img { width:70px; } #MDWrap .myLoginpage .loginform .loginwrap input::placeholder { color:#d9d9d9; } #MDWrap .myLoginpage .loginform .loginwrap input { border-radius:0; } #MDWrap .myLoginpage .loginform .loginwrap .IDinsert { width:100%; height:40px; margin:0 auto; border:1px solid #e0e0e0; box-sizing:border-box; padding-left:7px; margin-bottom:5px; clear:both; background:#fff; margin-top:3px; -webkit-appearance:none;} #MDWrap .myLoginpage .loginform .loginwrap .PWinsert { width:100%; height:40px; margin:0 auto; border:1px solid #e0e0e0; box-sizing:border-box; padding-left:7px; margin-bottom:5px; background:#fff; -webkit-appearance:none;} #MDWrap .myLoginpage .loginform .loginwrap .IDinsert::placeholder, #MDWrap .myLoginpage .loginform .loginwrap .PWinsert::placeholder { color:#555; } #MDWrap .myLoginpage .loginform .loginwrap .loginBtn { width:100%; height:42px; line-height:42px; margin:0 auto; border:0; box-sizing:border-box; margin-top:8px; background:#0091e5; color:#fff; font-size:16px; -webkit-appearance:none; -webkit-border-radius:3px; font-family:'sans-serif'; } #MDWrap .myLoginpage .loginform .loginwrap .loginBtn:hover { background:#007ed5; } #MDWrap .myLoginpage .loginform .loginwrap .kakao_code {width: 70%; height: 40px; margin: 0 auto; border: 1px solid #d2bdbd; box-sizing: border-box; padding-left: 7px; margin-bottom: 5px; background: #fdf9f9;} #MDWrap .myLoginpage .loginform .loginwrap .send_kakao_code_reset { height: 40px; margin: 0 auto; border: 0; box-sizing: border-box; background: #1c822d; color: #fff; font-size: 13px; border-radius: 3px; font-family: 'sans-serif'; padding: 2px 17px; vertical-align: -1.5px;} #MDWrap .myLoginpage .loginform .loginwrap .customer_center_info { display:block; margin-bottom: 20px; padding: 0 12px 0 0;} #MDWrap .myLoginpage .loginform .loginwrap .customer_center_info>div {float: right;} #MDWrap .myLoginpage .loginform .loginwrap .customer_center_call { display:none; text-align:center; width:100%; height:50px; line-height:50px; font-weight:bold; color:#7d7d7d; text-decoration:none; margin-bottom:30px;} #MDWrap .myLoginpage .loginform .loginwrap .customer_center_call img { vertical-align:text-top; margin-top:-3px; } #MDWrap .myLoginpage .loginform .loginwrap .checkwrap {margin-top:5px;} #MDWrap .myLoginpage .loginform .loginwrap .checkwrap input#auto_login { border:1px solid #d9d9d9; margin-right:3px; } #MDWrap .myLoginpage .loginform .loginwrap .checkwrap .idcheck {margin-right:3px; border-radius:4px; } #MDWrap .myLoginpage .loginform .loginwrap .checkwrap label {padding-right:8px; font-size:11px;} #MDWrap .myLoginpage .loginform .loginwrap .checkwrap .pwcheck {margin-right:3px; border-radius:4px; } #MDWrap .myLoginpage .loginform p {font-size:11px; font-weight:normal; line-height:18px; color:#424242;} /* 전체메뉴 회원가입 */ #MDWrap .myjoinpage {display:none; /*height:354px; overflow-y:scroll;*/ } #MDWrap .myjoinpage .loginform {margin:10px 19px;} #MDWrap .myjoinpage .loginform h3 {color:#53413c; font-size:14px; padding:5px 3px; letter-spacing:-1px;} #MDWrap .myjoinpage .loginform .joinwrap {} #MDWrap .myjoinpage .loginform .joinwrap .sns_mbox {text-align:center; box-sizing:border-box; padding-top:6px; padding-bottom:10px; margin:10px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; } #MDWrap .myjoinpage .loginform .joinwrap .sns_mbox span { margin-top:0; margin:0 auto !important; height:27px; line-height:27px; vertical-align:top; color:#4e4e4e; font-size:12px; display:block; } #MDWrap .myjoinpage .loginform .joinwrap .sns_mbox a { display:inline-block; /*float:right;*/ } #MDWrap .myjoinpage .loginform .joinwrap .sns_mbox a img { width:70px; } #MDWrap .myjoinpage .loginform .joinwrap .IDinsert { width:100%; height:40px; margin:0 auto; border:1px solid #e0e0e0; box-sizing:border-box; padding-left:7px; margin-bottom:5px; clear:both; background:#fff; -webkit-appearance:none;} #MDWrap .myjoinpage .loginform .joinwrap .PWinsert { width:100%; height:40px; margin:0 auto; border:1px solid #e0e0e0; box-sizing:border-box; padding-left:7px; margin-bottom:5px; background:#fff; -webkit-appearance:none;} #MDWrap .myjoinpage .loginform .joinwrap .PWinsert::placeholder, #MDWrap .myjoinpage .loginform .joinwrap .IDinsert::placeholder { color:#555; } #MDWrap .myjoinpage .loginform .joinBtn { width:100%; height:42px; line-height:42px; margin:0 auto; border:0; box-sizing:border-box; background:#0091e5; color:#fff; text-align:center; font-size:15px; -webkit-appearance:none; -webkit-border-radius:3px; font-family:'sans-serif';} #MDWrap .myjoinpage .loginform .joinBtn:hover { background:#007ed5; } #MDWrap .myjoinpage .loginform .agree { margin-right:2px; border:1px solid #909090; } #MDWrap .myjoinpage .loginform label {font-size:11px; letter-spacing:-0.8px;} #MDWrap .myjoinpage .loginform .checkwrap { overflow:hidden; box-sizing:border-box; width:215px; margin:8px auto; } #MDWrap .myjoinpage .loginform .checkwrap a.readmore { display:inline-block; float:left;border:1px solid #969696; background:#fff; padding:6px 8px; font-size:11px; font-weight:normal; text-decoration:none; margin-right:5px; border-radius:3px; } #MDWrap .myjoinpage .loginform .checkwrap a.readmore.last { float:right; margin-right:0; } #MDWrap .myjoinpage .loginform ul {background:#fafafa; border:3px solid #eeeeee; padding:8px; border-radius:5px; overflow:hidden; margin-top:60px;} #MDWrap .myjoinpage .loginform ul li { font-size:11px; letter-spacing:-1px; line-height:16px; font-weight:normal; color:#5c5452; margin-bottom:3px;} #MDWrap .myjoinpage .loginform ul li.title {font-size:13px; color:#ff3c00; font-weight:bold;} /* common_set media query */ /*#MDHeader .hd_entireMenu .btn_C,*/ #MDWrap .hd_entireMenu .top_nav li a .icon, #MDWrap .hd_entireMenu .allMenu .suballMenu li a .icon, #MDWrap .hd_entireMenu .callCenter ul li.phoneIcon, /*#MDHeader .myLoginpage .loginform .loginwrap .loginBtn,*/ #MDWrap .myjoinpage .loginform .joinwrap .joinBtn { background-size:190px 704px; background-repeat:no-repeat; background-image:url(http://img.jjinpl.com/common/m/icon/icon320.png); } @media screen and (-webkit-min-device-pixel-ratio:1.5){ /*#MDHeader .hd_entireMenu .btn_C,*/ #MDWrap .hd_entireMenu .top_nav li a .icon, #MDWrap .hd_entireMenu .allMenu .suballMenu li a .icon, #MDWrap .hd_entireMenu .callCenter ul li.phoneIcon, /*#MDHeader .myLoginpage .loginform .loginwrap .loginBtn,*/ #MDWrap .myjoinpage .loginform .joinwrap .joinBtn, { background-image:url(http://img.jjinpl.com/common/m/icon/icon640.png); } } @media screen and (-webkit-min-device-pixel-ratio:2){ /*#MDHeader .hd_entireMenu .btn_C,*/ #MDWrap .hd_entireMenu .top_nav li a .icon, #MDWrap .hd_entireMenu .allMenu .suballMenu li a .icon, #MDWrap .hd_entireMenu .callCenter ul li.phoneIcon, /*#MDHeader .myLoginpage .loginform .loginwrap .loginBtn,*/ #MDWrap .myjoinpage .loginform .joinwrap .joinBtn {background-image:url(http://img.jjinpl.com/m/icon/xbutton.png)no-repeat;} } #MDWrap .hd_entireMenu .btn_C { width:26px; height:26px; /*right:0;*/right:-11px;top:-12px; } #MDWrap .hd_entireMenu .btn_C img { /*display:block; margin:0 auto;*/ } /*헤더아래 grayline*/ /*#MDHeader .gray_line{display:block; height:4px; background:#e71919;}*/ @media screen and (-webkit-min-device-pixel-ratio:1.5)#MDHeader .gray_line { background:#e71919;} @media screen and (-webkit-min-device-pixel-ratio:2)#MDHeader .gray_line{ background:#e71919;} /* MDHeader2 */ #MDHeader2 { } /* logo */ #MDHeader2 .logoGnb { position:relative; height:48px; overflow:hidden; background-image:url(http://img.jjinpl.com/m/common/bg/logognb_320.gif); background-repeat:repeat-x; } @media screen and (-webkit-min-device-pixel-ratio:1.5){#MDHeader .logoGnb {background-image:url(http://img.jjinpl.com/m/common/bg/logognb_640.gif);}} @media screen and (-webkit-min-device-pixel-ratio:2){#MDHeader .logoGnb {background-image:url(http://img.jjinpl.com/m/common/bg/logognb_480.gif);}} #MDHeader2 .logoGnb .siteLogo { position:absolute; left:6px; top:7px; width:102px; height:33px; } #MDHeader2 .logoGnb .siteLogo a { display:block; width:102px; height:33px; background-repeat:no-repeat; background-size:102px 33px; overflow:hidden; text-indent:-100px; background-image:url(http://img.jjinpl.com/m/common/logo/logo_white_320_160518.png); } @media screen and (-webkit-min-device-pixel-ratio:1.5){#MDHeader2 .logoGnb .siteLogo a {background-image:url(http://img.jjinpl.com/m/common/logo/logo_white_480_160518.png);}} @media screen and (-webkit-min-device-pixel-ratio:2){#MDHeader2 .logoGnb .siteLogo a {background-image:url(http://img.jjinpl.com/m/common/logo/logo_white_640_160518.png);}} /* headerGnb */ #MDHeader2 .gnb { height:48px; } #MDHeader2 .gnb ul { float:right; padding-right:5px; } #MDHeader2 .gnb ul li { height:48px; float:left; width:36px; } #MDHeader2 .gnb ul li a { display:block; width:100%; height:100%; text-align:center; text-decoration:none; } #MDHeader2 .gnb ul li span { display:inline-block; width:100%; height:39px; margin-top:4px; overflow:hidden; text-indent:-1000px; } #MDHeader2 .gnb ul li.home span { background-position:center top; } #MDHeader2 .gnb ul li.mypage span { background-position:center -39px; } #MDHeader2 .gnb ul li.pay span { background-position:center -78px; } #MDHeader2 .gnb ul li.coupon span { background-position:center -117px; } #MDHeader2 .gnb ul li.entireMenu a { background:none; } #MDHeader2 .gnb ul li.entireMenu span { background-position:center -156px; } /* memberInfo */ #MDHeader2 .memberInfo { padding:5px; border-bottom:1px solid #d0d0d0; background:#f6f6f6; } /* guestOnly */ #MDHeader2 .memberInfo .guestOnly { text-align:right; } #MDHeader2 .memberInfo a { margin-left:3px; width:50px; } /* info */ #MDHeader2 .memberInfo .info { position:relative; } #MDHeader2 .memberInfo .info .btnOC { position:absolute; right:0; top:-2px; display:block; width:23px; height:23px; overflow:hidden; text-indent:-1000px; } #MDHeader2 .memberInfo .info ul li .icon { display:inline-block; width:18px; height:18px; overflow:hidden; vertical-align:top; } #MDHeader2 .memberInfo .info ul li .icon.point { background-position:-1px -248px; } #MDHeader2 .memberInfo .info ul li .icon.bonus { background-position:-19px -248px; } #MDHeader2 .memberInfo .info ul li .icon.coupon { background-position:-37px -248px; } #MDHeader2 .memberInfo .info ul li .icon.fix { background-position:-55px -248px; } /* normal */ #MDHeader2 .memberInfo .info.normal { } #MDHeader2 .memberInfo .info.normal .welcome { display:none; } #MDHeader2 .memberInfo .info.normal ul { } #MDHeader2 .memberInfo .info.normal ul li { float:left; margin-right:5px; } #MDHeader2 .memberInfo .info.normal ul li span { height:18px; line-height:18px; vertical-align:top; } #MDHeader2 .memberInfo .info.normal ul li .name { display:none; } #MDHeader2 .memberInfo .info.normal ul li .value { color:#666; letter-spacing:-1px; font-size:11px; } #MDHeader2 .memberInfo .info.normal ul li .value.normalfix { display:inline-block; } #MDHeader2 .memberInfo .info.normal ul li .value.extendFix { display:none; } #MDHeader2 .memberInfo .info.normal .btnOC { background-position:0 -266px; } /* extend */ #MDHeader2 .memberInfo .info.extend { } #MDHeader2 .memberInfo .info.extend .welcome { display:block; padding-bottom:2px; color:#555; font-size:12px; } #MDHeader2 .memberInfo .info.extend .welcome span { color:#da3e00; } #MDHeader2 .memberInfo .info.extend ul { } #MDHeader2 .memberInfo .info.extend ul li.le { float:left; width:41%; } #MDHeader2 .memberInfo .info.extend ul li.ri { float:left; width:59%; } #MDHeader2 .memberInfo .info.extend ul li span { display:inline-block; height:18px; line-height:18px; font-size:12px; vertical-align:top; } #MDHeader2 .memberInfo .info.extend ul li .name { color:555; width:61px; font-size:11px; } #MDHeader2 .memberInfo .info.extend ul li.le .name { width:45px; } #MDHeader2 .memberInfo .info.extend ul li .value { color:#777777; letter-spacing:-1px; font-size:11px; } #MDHeader2 .memberInfo .info.extend ul li .value.normalFix { display:none; } #MDHeader2 .memberInfo .info.extend ul li .value.extendFix { display:inline-block; } #MDHeader2 .memberInfo .info.extend .btnOC { background-position:-23px -266px; } #MDHeader2 .memberInfo .info ul li .value.expiration { text-decoration:line-through } /* entireMenu */ #MDHeader2 .headerLnb { display:none; border-bottom:1px solid #d0d0d0; background:#f1f1f1; } #MDHeader2 .headerLnb h3 { font-weight:bold; font-size:13px; padding:5px 5px; border-top:1px solid #F8F8F8; border-bottom:1px solid #E0E0E0; color:#555; } #MDHeader2 .headerLnb ul { padding:7px 0 7px 0; border-top:1px solid #F8F8F8; border-bottom:1px solid #d0d0d0; } #MDHeader2 .headerLnb ul.last {border-bottom:0; } #MDHeader2 .headerLnb ul li { float:left; width:20%; text-align:center; padding-bottom:5px; } #MDHeader2 .headerLnb ul li a { display:inline-block; text-decoration:none; } #MDHeader2 .headerLnb ul li span { display:block; margin:0 auto; } #MDHeader2 .headerLnb ul li em { display:inline-block; font-style:normal; font-size:12px; color:#666; vertical-align:top; } /* footer */ #MDFooter { margin-bottom:35px; width:100%; display:inline-block;} #MDFooter .footerBanner { height:50px; margin:0; padding:0; border-top:1px solid #cecece; text-align:center; } #MDFooter .footerBanner2 { height:60px; margin:0; padding:0; border-top:1px solid #cecece; text-align:center; } #MDFooter .footerContent { border-top:1px solid #cecece; background:#fafafa; padding:15px 0; /*margin-bottom:40px;*/ } #MDFooter nav { } #MDFooter nav ul { padding:0 0 0 0; text-align:center; } #MDFooter nav ul li { display:inline-block; height:10px; font-size:12px; font-weight:bold; border-right:1px solid #b5b5b5; } #MDFooter nav ul li.last { border:0; } #MDFooter nav ul li a { display:block; margin:0 8px; margin-top:-2px; color:#555; text-decoration:none; } #MDFooter .copyright { color:#777; text-align:center; padding-top:7px; font-size:11px; } #MDFooter .copyContent { color:#777; text-align:center; padding:0 7px 10px 7px; font-size:10px; line-height:12px; background-color: #eee; } #MDFooter .copyContent .bar { display:inline-block; margin:0 4px; margin-top:1px; color:#CCC; font-size:8px; vertical-align:top; } #MDFooter .copyContent .line { display:block; } #MDFooter .copyCompanyInfo { text-align: center; height: 30px; line-height: 30px; background-color: #eee; font-size: 11px; color: #666; cursor: pointer;} #MDFooter .copyContent ul{ width: 300px; margin: 0 auto; overflow: hidden; line-height: 13px; padding: 10px 0; } #MDFooter .copyContent ul li{ clear: both; } #MDFooter .copyContent ul li span.title{ font-weight: bold; margin-right: 8px; float: left; } #MDFooter .copyContent ul li span.info{ float: left; } #MDFooter .copyContent .policy{ font-size: 11px; color: #888;} #MDFooter .copyContent .policy > a{ font-size: 11px; color: #999; font-weight: bold; } /* cobtnRou */ .cobtnRou { display:inline-block; padding:2px 4px; color:#666666; text-align:center; font-size:11px; font-weight:bold; text-decoration:none; /*border:1px solid #fafafa;*/ -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:#ddd; background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ddd)); background: -moz-linear-gradient(top,#f6f6f6, #ddd); background: -ms-linear-gradient(top,#f6f6f6, #ddd); background: -o-linear-gradient(top,#f6f6f6, #ddd); } .cobtnRou:hover { text-decoration:none; } .cobtnRou.orange { text-decoration:none; background:#0091e5; color:#fff; height:24px; line-height:24px; margin-top:-2px; } .cobtnRou.blue { text-decoration:none; border:1px solid #da4b1f; background-color:#ff3f04; background: -webkit-gradient(linear, left top, left bottom, from(#ff9256), to(#ff5a00)); background: -moz-linear-gradient(top,#ff9256, #ff5a00); background: -ms-linear-gradient(top,#ff9256, #ff5a00); background: -o-linear-gradient(top,#ff9256, #ff5a00); color:#fff; text-shadow:0 0 2px #7d1800; } .cobtnRou.disable { display:inline-block; padding:2px 4px; color:#C6C6C6; text-align:center; font-size:11px; font-weight:bold; text-decoration:none; border:1px solid #EBEBEB; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background-color:#fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#FAFAFA)); background: -moz-linear-gradient(top,#fff, #FAFAFA); background: -ms-linear-gradient(top,#fff, #FAFAFA); background: -o-linear-gradient(top,#fff, #FAFAFA); } /* cobtnRouM */ .cobtnRouM { display:inline-block; padding:3px 7px; color:#666666; text-align:center; font-size:13px; font-weight:bold; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:#ddd; background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ddd)); background: -moz-linear-gradient(top,#f6f6f6, #ddd); background: -ms-linear-gradient(top,#f6f6f6, #ddd); background: -o-linear-gradient(top,#f6f6f6, #ddd); } .cobtnRouM:hover { text-decoration:none; } .cobtnRouM.orange { text-decoration:none; background:#0091e5; color:#fff; height:24px; line-height:24px; } .cobtnRouM.green { text-decoration:none; border:1px solid #9ABF3F; background:#65ab70; color:#fff; } .cobtnRouM.yellow { text-decoration:none; border:1px solid #f6c916; background:#f6c916; color:#fff; } /* btnMoreview */ #moreViewLine { position:relative; height:44px; overflow:hidden; background: #eaeaea; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */ } #moreViewLine .btnMore {background:#fafafa; display:block; height:44px; margin-right:44px; border-right:1px solid #dadada; line-height:44px; font-size:17px; font-weight:bold; text-align:center; color:#777; text-decoration:none; } #moreViewLine .btnMore2 {background:#fafafa; display:; height:44px; margin-right:44px; border-right:1px solid #dadada; line-height:44px; font-size:17px; font-weight:bold; text-align:center; color:#fff; text-decoration:none; } #moreViewLine .btnTop {background:#fafafa; position:absolute; right:0; top:0; display:block; width:43px; height:32px; padding-top:12px; text-align:center; border-left:1px solid #fff; } /* commonPaginate1 */ .commonPaginate1 { text-align:center; vertical-align:top; padding:15px 0 7px 0; border-bottom:15px solid #ececec; } /* .commonPaginate1 a { display:inline-block; margin-left:-1px; font-size:15px; height:16px; line-height:16px; color:#555; padding:12px 12px; border-left:1px solid #e2e2e2; letter-spacing:-1px; overflow:hidden; vertical-align:top; border:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; background-color:#ddd; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0)); background: -moz-linear-gradient(top,#fff, #f0f0f0); background: -ms-linear-gradient(top,#fff, #f0f0f0); background: -o-linear-gradient(top,#fff, #f0f0f0); } */ .commonPaginate1 a { display:inline-block; margin:0 4px !important; margin-left:-1px; font-size:14px; height:30px !important; line-height:28px !important; color:#827e7e; letter-spacing:2px; overflow:hidden; vertical-align:top; background:#dde0db; border-radius:3px; text-decoration:none; padding: 0 8px; } .commonPaginate1 a.on { background:#fff; color:#0091e5; font-weight:bold; border:1px solid #0087e5;} .commonPaginate1 a:hover { background:#dde0db !important;} .commonPaginate1 .prevBtn, .commonPaginate1 .nextBtn { width:34px !important; background:linear-gradient(#fff, #f1f1f1); height:30px !important; border:0; margin:0 !important; padding:0 !important; vertical-align:top; text-indent:inherit; color:#827e7e; font-weight:bold; line-height:28px !important; border:1px solid #e0e0e0; /*display:inline-block; height:20px; padding:10px 12px; overflow:hidden; color:#575757; letter-spacing:0; vertical-align:top; */} .commonPaginate1 .prevBtn span, .commonPaginate1 .nextBtn span { display:inline-block; width:12px; height:20px; background-repeat:no-repeat; background-position:center center; background-size:12px 20px; overflow:hidden; text-indent:-1000px; } .commonPaginate1 .prevBtn span { background-image:url(http://img.jjinpl.com/m/common/icon/paginate_prev.png); } .commonPaginate1 .nextBtn span { background-image:url(http://img.jjinpl.com/m/common/icon/paginate_next.png); } /* starScore */ /*http://img.jjinpl.com/common/img/icon_starscore.png*/ .starScore, .starScore * { height:14px; overflow:hidden; background-size:74px 28px; background-image:url('http://img.jjinpl.com/seller/seller_score_new.png'); background-repeat:no-repeat; background-position: 0 2px; } .starScore { display:inline-block; width:74px; } .starScore span { display:block; width:20%; background-position:0 -14px; margin-top: 2px; } /* MenuIcon */ .MenuIcon { display:inline-block; width:41px; height:41px; overflow:hidden; } .MenuIcon.allFile { background-position:0 -289px; } .MenuIcon.movie { background-position:-41px -289px; } .MenuIcon.drama { background-position:-82px -289px; } .MenuIcon.video { background-position:-123px -289px; } .MenuIcon.ani { background-position:0 -330px; } .MenuIcon.adult { background-position:-41px -330px; } .MenuIcon.edu { background-position:-82px -330px; } .MenuIcon.pay { background-position:-123px -330px; } .MenuIcon.coupon { background-position:0 -371px; } .MenuIcon.myinfo { background-position:-41px -371px; } .MenuIcon.mydown { background-position:-82px -371px; } .MenuIcon.myscrap { background-position:-123px -371px; } .MenuIcon.notice { background-position:0 -412px; } .MenuIcon.to1help { background-position:-41px -412px; } /* mobile checkbox */ input[type='checkbox']{ vertical-align:middle; border: 1px solid #cecece; } input[type='checkbox']{ /*background:#fff; border:solid 2px #bbb;*/ border-radius:0; height:20px; width:20px; -webkit-appearance:none; } input[type='checkbox']:checked{ /*background:#fff; border:solid 2px #bbb;*/ } input[type='checkbox']:checked:after { content:''; position:relative; top:0; left:0; display:block; width:16px; height:16px; background:#fff; background-image:url('http://img.jjinpl.com/m/icon/check_green.png'); background-size:16px 16px; background-position:left top; } input[type='checkbox']:disabled{ border:solid 2px #ddd; background:#fafafa; } /* mobile radio */ input[type='radio']{ vertical-align:middle; } input[type='radio']{ background:#fff; border:solid 2px #bbb; border-radius:10px; height:20px; width:20px; -webkit-appearance:none; } input[type='radio']:checked{ border:solid 2px #bbb; border-radius:10px; } input[type='radio']:checked:after { content:''; position:relative; top:0; left:0; display:block; width:16px; height:16px; border-radius:10px; /*background:#fff; background:url('http://img.jjinpl.com/m/icon/radio_red_v2.png') no-repeat; */background:url('http://img.jjinpl.com/m/icon/radio_b.png') no-repeat; background-size:10px 10px; background-position:center center; background-repeat:no-repeat; } /* #payCont .payPoint .amountChoice .amountList .listTable tr.on td input { background:linear-gradient(#ff5656, #f72f2f); }*/ input[type='radio']:disabled{ border:solid 2px #ddd; background:#fafafa; } /* mobile selectbox */ select { padding-left:4px; padding-right:15px; background-image:url('http://img.jjinpl.com/m/icon/select_arrow.gif'); background-size:15px 6px; background-repeat:no-repeat; background-position:right center; background-color:#fafafa; -webkit-appearance:none; appearance:none; -webkit-border-radius:0; border-radius:0; background-color:#f6f6f6; } /* common_set media query */ #MDHeader .headerGnb ul li a, #MDHeader .memberInfo .info .btnOC, #MDHeader .memberInfo .info ul li .icon, #diskboardCont .searchForm .searchBtn, .MenuIcon { /*background-size:190px 704px; background-repeat:no-repeat; background-image:url(http://img.jjinpl.com/common/m/icon/icon320.png); */} @media screen and (-webkit-min-device-pixel-ratio:1.5){ #MDHeader .headerGnb ul li a, #MDHeader .headerGnb ul li span, #MDHeader .memberInfo .info .btnOC, #MDHeader .memberInfo .info ul li .icon, #diskboardCont .searchForm .searchBtn, .MenuIcon { /*background-image:url(http://img.jjinpl.com/common/m/icon/icon640.png);*/ } } @media screen and (-webkit-min-device-pixel-ratio:2){ #MDHeader .headerGnb ul li a, #MDHeader .headerGnb ul li span, #MDHeader .memberInfo .info .btnOC, #MDHeader .memberInfo .info ul li .icon, #diskboardCont .searchForm .searchBtn, .MenuIcon { /*background-image:url(http://img.jjinpl.com/common/m/icon/icon640.png);*/} } #MDHeader2 .gnb ul li span, #MDHeader2 .memberInfo .info .btnOC, #MDHeader2 .memberInfo .info ul li .icon, #diskboardCont .searchForm .searchBtn { /*background-size:189px 700px; background-repeat:no-repeat; background-image:url(http://img.jjinpl.com/common/m/icon/icon320.png); */} @media screen and (-webkit-min-device-pixel-ratio:1.5){ #MDHeader2 .gnb ul li span, #MDHeader2 .memberInfo .info .btnOC, #MDHeader2 .memberInfo .info ul li .icon, #diskboardCont .searchForm .searchBtn{ /*background-image:url(http://img.jjinpl.com/common/m/icon/icon640.png);*/ } } @media screen and (-webkit-min-device-pixel-ratio:2){ #MDHeader2 .gnb ul li span, #MDHeader2 .memberInfo .info .btnOC, #MDHeader2 .memberInfo .info ul li .icon, #diskboardCont .searchForm .searchBtn {/*background-image:url(http://img.jjinpl.com/common/m/icon/icon640.png);*/} } /* MDContent */ #MDContent { } /* diskboardCont */ #diskboardCont { } /* diskSearchForm */ #diskboardCont .diskSearchForm { padding:9px 5px 0 5px; background:#fafafa; } #diskboardCont .diskSearchForm fieldset { position:relative; } #diskboardCont .diskSearchForm .Keyword { position:relative; height:14px; border:4px solid #ff5300; margin-right:40px; padding:3px 4px 4px 4px; } #diskboardCont .diskSearchForm .Keyword input { display:block; width:100%; height:100%; border:0; margin:0; padding:0; -webkit-appearance:none; height:14px; line-height:14px; font-size:12px; color:#777; } #diskboardCont .diskSearchForm .searchBtn { position:absolute; right:0; top:0; display:block; width:36px; height:29px; border:0; margin:0; padding:0; background-repeat:no-repeat; background-size:36px 29px; overflow:hidden; text-indent:-100px; background-image:url(http://img.jjinpl.com/m/common/button/header_search_320.gif); } @media screen and (-webkit-min-device-pixel-ratio:1.5){#diskboardCont .diskSearchForm .searchBtn {background-image:url(http://img.jjinpl.com/m/common/button/header_search_480.gif);}} @media screen and (-webkit-min-device-pixel-ratio:2){#diskboardCont .diskSearchForm .searchBtn {background-image:url(http://img.jjinpl.com/m/common/button/header_search_640.gif);}} /* diskSnb */ #diskboardCont .diskSnb { /*background:#f1f1f1; border-bottom:1px solid #dddddd; */ width:100%; padding:0 4px; box-sizing:border-box; text-align:left; position:static; margin:0; /*z-index:1000;*/ top:0; left:0; } /*#diskboardCont .diskSnb { text-align:left; position:absolute; top:200px; right:10px; padding:0; margin:0; z-index:1000; }*/ #diskboardCont .diskSnb .ftClear {/* margin-bottom:30px;*/ } #diskboardCont .diskSnb .singleLine {/*margin-bottom:32px;*/ } #diskboardCont .diskSnb li { float:left; } #diskboardCont .diskSnb li.two { /*width:11.333% */ width:11.5%;} #diskboardCont .diskSnb li.three { /*width:13.333%;*/ width:12.5%;} #diskboardCont .diskSnb li.four { width:13.2%; } #diskboardCont .diskSnb li:first-child.four { /*line-height:20px;*/} #diskboardCont .diskSnb li a.menuAdult { color:#ff5252; } #diskboardCont .diskSnb a { display:block; padding:12px 1px; color:#888888; text-align:center; font-size:13px; text-decoration:none; white-space:nowrap; letter-spacing:-1px; overflow:hidden; border:0; background:none; /* Old browsers */ font-family:'sans-serif'; } #diskboardCont .diskSnb li.now a { color:#0091e5; padding-bottom:9px; border-bottom:2px solid #0091e5; font-weight:bold; background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091e5', endColorstr='#ff5a00',GradientType=0 ); /* IE6-9 */ } #diskboardCont .diskSnb li a.yellowBtn { color:#7b3a00; border:1px solid #e2bb66; background: #ffdfae; /* Old browsers */ background: -moz-linear-gradient(top, #fff6e7 0%, #ffdfae 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff6e7), color-stop(100%,#ffdfae)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff6e7 0%,#ffdfae 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff6e7 0%,#ffdfae 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff6e7 0%,#ffdfae 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff6e7 0%,#ffdfae 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff6e7', endColorstr='#ffdfae',GradientType=0 ); /* IE6-9 */ } #diskboardCont .diskSnb li a .iconAdult { width:10px; height:10px; background:url(http://img.jjinpl.com/m/icon/list_adult.gif) no-repeat ; background-size:10px 10px; display:inline-block; margin-right:2px; vertical-align:middle; } #diskboardCont .white {height:68px; display:block;} /* diskSnb2 */ #diskboardCont .diskSnb2 { display: block; background:#fafafa; width:100%; overflow: hidden; border-top:1px solid #dfdfdf;} /*#diskboardCont .diskSnb2 { background:#f9f9f9; width:100%; height:63px; padding:0; margin:0; /*z-index:1001; position:relative; border-bottom:1px solid #dcdcdc;}*/ /*#diskboardCont .diskSnb2 { text-align:left; position:absolute; top:200px; right:10px; padding:0; margin:0; z-index:1000; }*/ #diskboardCont .diskSnb2 .ftClear { margin-bottom:64px; } #diskboardCont .diskSnb2 .singleLine {margin-bottom:32px; } #diskboardCont .diskSnb2 li { float:left; } #diskboardCont .diskSnb2 li.two {width:11.333%} #diskboardCont .diskSnb2 li.three {width:15.333%;} #diskboardCont .diskSnb2 li.four {width:20.001%} #diskboardCont .diskSnb2 a { display:block; padding:12px 1px; color:#3a302d; text-align:center; font-size:13px; font-weight:bold; text-decoration:none; white-space:nowrap; letter-spacing:-1px; overflow:hidden; border:0; background:none;; /* Old browsers */ } #diskboardCont .diskSnb2 li.now a { color:#d12323; border-bottom:6px solid #d12323; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9256', endColorstr='#ff5a00',GradientType=0 ); /* IE6-9 */ } #diskboardCont .diskSnb2 li a.yellowBtn { color:#7b3a00; border:1px solid #e2bb66; background: #ffdfae; /* Old browsers */ background: -moz-linear-gradient(top, #fff6e7 0%, #ffdfae 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff6e7), color-stop(100%,#ffdfae)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff6e7 0%,#ffdfae 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff6e7 0%,#ffdfae 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff6e7 0%,#ffdfae 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff6e7 0%,#ffdfae 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff6e7', endColorstr='#ffdfae',GradientType=0 ); /* IE6-9 */ } /*#diskboardCont .diskSnb2 li a .iconAdult { width:22px; height:14px; background:url(http://img.jjinpl.com/m/icon/iconAdult.png) no-repeat ; display:inline-block; margin-right:2px; margin-top:-1px; vertical-align:middle; }*/ #diskboardCont .diskSnb2 li a .iconAdult { display:inline-block; margin-right:3px; width:18px; height:18px; line-height:11px; background:#ff3000; border-radius:10px; padding:2px 1px 0 0; box-sizing:border-box; color:#fff; font-size:11px; font-weight:100; border:1px solid #c7261a; letter-spacing:-1px; font-family:'tahoma'; vertical-align:top; margin-top:-2px; } /* #diskboardCont .diskSnb2 .sub {display:block; background:#434547; position:absolute; top:133px; left:0; width:100%;} */ #diskboardCont .diskSnb2 .sub {display:block; background:#434547; /*position:absolute; top:255px;*/ left:0; width:100%;} #diskboardCont .diskSnb2 .sub li {overflow:hidden; width:20%; height:32px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; box-sizing:border-box; background:#fafafa;} #diskboardCont .diskSnb2 .sub li:nth-child(5n) { border-right:0; } #diskboardCont .diskSnb2 .sub.Top100 li { /*width:16.66%;*/width:20%; } #diskboardCont .diskSnb2 .sub.Top100 li:nth-child(5n) { border-right:1px solid #dfdfdf; } #diskboardCont .diskSnb2 .sub a {display:block; padding:9px 0 9px 0; color:#40413e; font-size:11px; font-weight:normal; box-sizing:border-box; height:31px; line-height:14px;} #diskboardCont .diskSnb2 .sub .on {color:#fff; background:#0091e5;} .paddingTab { clear:both; } /* #diskboardCont .diskSnb .All {display:block;} #diskboardCont .diskSnb .Movie {display:none;} #diskboardCont .diskSnb .Drama {display:none;} #diskboardCont .diskSnb .TV{display:none;} #diskboardCont .diskSnb .Ani {display:none;} */ /* search */ #diskboardCont .searchForm { padding:10px 4px 0px 4px; background:#fafafa; overflow:hidden; /*border-bottom:1px dotted #dddddd;*/ z-index:100;} #diskboardCont .searchForm .srch_field {height:32px !important; } #diskboardCont .searchForm .Keyword { padding:5px 6px 6px 6px; border:2px solid #e71919; border-radius:4px; position:relative;} #diskboardCont .searchForm .Keyword:hover{border:2px solid #e71919;} #diskboardCont .searchForm .Keyword input { display:block; width:100%; border:0; margin:0; padding:0; height:16px; font-size:11px; color:#777; background:#fafafa;} #diskboardCont .searchForm .searchBtn {position:relative; float:right; top:-25px; right:10px; width:18px; height:18px; display:block; background-position:0 -245px; border:0; font-size:0; } #diskboardCont .searchForm .on { } /* 성인웹툰 배너 */ .m_banner { } .m_banner a.adult { display:block; width:55%; background:#fdad11; height:40px; float:left;} .m_banner a.adult .webtoon {width:176px; height:40px; float:right; background:url(http://img.jjinpl.com/banner/adultToon/banner1.jpg) no-repeat 0 0; background-size:176px 40px;} .m_banner a.movie { display:block; width:45%; background:#3a85ca; height:40px; float:left; } .m_banner a.movie .freemovie {width:143px; height:40px; float:left; background:url(http://img.jjinpl.com/banner/adultToon/banner2.jpg) no-repeat 0 0; background-size:143px 40px;} /* diskboardList */ #diskboardCont .diskboardList { } #diskboardCont .diskboardList .norecord { height:auto; padding:20px 0; font-weight:bold; color:#555; font-size:15px; text-align:center; border-bottom:1px solid #ddd; } #diskboardCont .diskboardList .norecord p span {color:#ff004e;} /*#diskboardCont .diskboardList .norecord .norecord_div { width:80%; margin:auto; height:160px; background:#f3f3f3; border-radius:5px; padding:20px 0; box-sizing:border-box; font-size:16px; font-family:sans-serif; letter-spacing:-0.6px; border:1px solid #c8c8c8; font-weight:bold; } #diskboardCont .diskboardList .norecord .norecord_p { text-align:left; padding:15px 20px 0 20px; line-height:20px; font-size:12px; color:#5d5d5d; font-weight:400; } */ #diskboardCont .diskboardList .norecord a img.norecord_img{ width: 100%; max-width: 500px; } #diskboardCont .diskboardList ul.viewListArticle { } #diskboardCont .diskboardList ul.viewListArticle li { height:80px; padding:5px 5px 5px 5px; overflow:hidden; border-bottom:1px solid #ddd; } #diskboardCont .diskboardList ul.viewListArticle li a { position:relative; display:block; height:80px; overflow:hidden; padding-left:150px; text-decoration:none; } #diskboardCont .diskboardList ul.viewListArticle li .thumb { position:absolute; left:0; top:0; width:142px; height:80px; line-height:0; overflow:hidden; } #diskboardCont .diskboardList ul.viewListArticle li .thumb img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; } #diskboardCont .diskboardList ul.viewListArticle li .thumb .size { position:absolute; right:0; bottom:0; display:block; padding:1px 3px; line-height:15px; text-align:right; font-size:10px; font-weight:bold; background:#000; opacity:0.5; color:#fff; } #diskboardCont .diskboardList ul.viewListArticle li .thumb .numbering { position:absolute; left:0; top:0; display:block; padding:1px 3px; line-height:17px; text-align:right; font-size:12px; font-weight:bold; background:#FFF; opacity:0.8; color:#21212; } #diskboardCont .diskboardList ul.viewListArticle li .subject, #diskboardCont .diskboardList ul li .cate, #diskboardCont .diskboardList ul li .price { display:block; } #diskboardCont .diskboardList ul.viewListArticle li .subject { max-height:30px; height:30px; overflow:hidden; line-height:15px; font-size:13px; word-break:break-all; color:#333; } #diskboardCont .diskboardList ul.viewListArticle li .subject .iconAdult { display:inline-block; vertical-align:top; margin-right:3px; width:20px; height:17px; line-height:10px; background:#ff3000; border-radius:3px; padding:2px 0 0 3px; box-sizing:border-box; color:#fff; font-size:11px; font-weight:100; border:1px solid #c7261a; letter-spacing:-1px; font-family:'tahoma'; } #diskboardCont .diskboardList ul.viewListArticle li .tb_sub {display:inline-block; /*width:150px;*/ float:right; margin-top:33px; clear:both;} #diskboardCont .diskboardList ul.viewListArticle li .cate { height:15px; font-size:12px; line-height:15px; color:#777; overflow:hidden; display:inline-block; margin-right:10px; } #diskboardCont .diskboardList ul.viewListArticle li .price { height:15px; color:#777; font-size:12px; vertical-align:top; display:inline-block;} #diskboardCont .diskboardList ul.viewListArticle li .price * { height:15px; } #diskboardCont .diskboardList ul.viewListArticle li .price .tline { text-decoration:line-through; vertical-align:top; } #diskboardCont .diskboardList ul.viewListArticle li .price .red { color:#0091e5; vertical-align:top; font-weight: bold; } #diskboardCont .diskboardList ul.viewListArticle li .price .arrow { display:inline-block; width:10px; height:15px; padding:0 3px; background-size:10px 7px; background-repeat:no-repeat; background-image:url("http://img.jjinpl.com/m/icon/price_arrow.png"); background-position:center center; } #diskboardCont .diskboardList ul.viewListArticle li .price .saleIcon { display:inline-block; width:30px; height:14px; padding:0 3px; background-size:30px 14px; background-repeat:no-repeat; background-image:url("http://img.jjinpl.com/m/icon/pay_50sale.gif"); background-position:center top; } #diskboardCont .diskboardList ul.viewListArticle li .price .saleIcon2 { display: none; width:35px; height:15px; padding:0 3px; background-size:35px 14px; background-repeat:no-repeat; background-image:url("http://img.jjinpl.com/m/icon/pay_50sale.gif"); background-position:center top; } #diskboardCont .diskboardList ul.viewListArticle li.denyContent { background:#ffc6c6; } #diskboardCont .diskboardList ul.viewListArticle li.denyContent strong.subject { text-decoration:line-through; color:#929292; } /* block content */ #diskboardCont .diskboardList ul.viewListArticle li.block { background-color:#FFF9F7; } #diskboardCont .diskboardList ul.viewListArticle li.block * { color:#999 !important; } /* execept adult button */ #diskboardCont .diskboardList .titlePart{ background-color: #f1f1f1; border-bottom: 1px solid #ddd; text-align: right; padding: 3px 5px; overflow: hidden; } #diskboardCont .diskboardList .titlePart input{ border: 1px solid #dfdfdf; width: 18px; height: 18px; margin-right: 3px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 3px; background-color: #fff; } #diskboardCont .diskboardList .exceptAdultBtn{ display: inline-block; float:right; margin-right: 5px; height: 26px; line-height: 28px; font-size: 11px; border: 1px solid #ccc; background-color: #fff; color: #888; border-radius: 5px; padding: 0 5px; clear:both;} #diskboardCont .diskboardList .exceptAdultBtn span.iconAdult{ display: inline-block; vertical-align: top; width: 18px; height: 18px; line-height: 16px; background: #ff3000; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 4px; padding-right: 1px; color: #fff; font-size: 11px; border: 1px solid #c7261a; letter-spacing: -1px; font-family: 'tahoma'; } /* #diskboardCont .diskboardList .exceptAdultBtn.on{ background-color: #48ab6c; color: #fff; border: 1px solid #48ab6c; } */ #diskboardCont .diskboardList .exceptAdultBtn img.icn_exception{ display: block; float: right; width: 48px; height: 20px; padding-top: 3px; padding-left: 4px; } /* article select button */ #diskboardCont .diskboardList .articleSelect{ border-bottom: 0; padding: 0; float: left; display: inline-block; } #diskboardCont .diskboardList .articleSelect button{ display: inline-block; background-position-x:10px; width: 50px; height: 28px; line-height: 28px; font-size: 11px; border: 1px solid #ccc; position: relative; background-color: #fff; color: #888888; background-repeat: no-repeat; background-size: 28px; text-indent: 22px;} #diskboardCont .diskboardList .articleSelect button.articleListBtn{ background-image: url('http://img.jjinpl.com/m/icon/icn_articleList.png'); border-top-right-radius: 5px; border-bottom-right-radius: 5px; margin-left:-5px;} #diskboardCont .diskboardList .articleSelect button.articleThumbBtn{ background-image: url('http://img.jjinpl.com/m/icon/icn_articleThumb.png'); border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #diskboardCont .diskboardList .articleSelect::after{ content: ""; clear: both; width: 100%; display: block; height: 1px; } #diskboardCont .diskboardList .articleSelect button img{ width: 16px; height: 16px; float: left; margin-left: 5px; margin-top: 4px; } #diskboardCont .diskboardList .articleSelect button.active{ background-color: #0091e5; color: #fff; border: 1px solid #0087e5; background-position: 0 -29px; background-position-x:10px;} #diskboardCont .diskboardList ul.viewThumbArticle { } #diskboardCont .diskboardList ul.viewThumbArticle li { padding:5px 5px 5px 5px; overflow:hidden; border-bottom:1px solid #ddd; width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 180px; } #diskboardCont .diskboardList ul.viewThumbArticle li a { position:relative; display:block; height:170px; overflow:hidden; padding-left:0; text-decoration:none; } #diskboardCont .diskboardList ul.viewThumbArticle li .thumb { position: relative; width: 100%; overflow: hidden; background-color: #000; height: 107px; display: block; } #diskboardCont .diskboardList ul.viewThumbArticle li .thumb img { margin: auto; width: 100%;} #diskboardCont .diskboardList ul.viewThumbArticle li .thumb .size { position:absolute; right:0; bottom:0; display:block; padding:1px 3px; line-height:15px; text-align:right; font-size:10px; font-weight:bold; background:#000; opacity:0.5; color:#fff; } #diskboardCont .diskboardList ul.viewThumbArticle li .thumb .numbering { position:absolute; left:0; top:0; display:block; padding:1px 3px; line-height:17px; text-align:right; font-size:12px; font-weight:bold; background:#FFF; opacity:0.8; color:#21212; } #diskboardCont .diskboardList ul.viewThumbArticle li .subject, #diskboardCont .diskboardList ul li .cate, #diskboardCont .diskboardList ul li .price { display:block; } #diskboardCont .diskboardList ul.viewThumbArticle li .subject { max-height:30px; height:30px; overflow:hidden; line-height:15px; font-size:13px; word-break:break-all; color:#333; clear: both; margin-top: 8px; } #diskboardCont .diskboardList ul.viewThumbArticle li .subject .iconAdult { display:inline-block; vertical-align:top; margin-right:3px; width:20px; height:17px; line-height:10px; background:#ff3000; border-radius:3px; padding:2px 0 0 3px; box-sizing:border-box; color:#fff; font-size:11px; font-weight:100; border:1px solid #c7261a; letter-spacing:-1px; font-family:'tahoma'; } #diskboardCont .diskboardList ul.viewThumbArticle li .tb_sub {display:inline-block; float:right; margin-top:8px; clear:both;} #diskboardCont .diskboardList ul.viewThumbArticle li .cate { height:15px; font-size:12px; line-height:15px; color:#777; overflow:hidden; text-align:left; margin-right:7px;} #diskboardCont .diskboardList ul.viewThumbArticle li .price { height:15px; color:#888; font-size:12px; vertical-align:top; float:right;} #diskboardCont .diskboardList ul.viewThumbArticle li .price * { height:15px; } #diskboardCont .diskboardList ul.viewThumbArticle li .price .tline { text-decoration:line-through; vertical-align:top; } #diskboardCont .diskboardList ul.viewThumbArticle li .price .red { color:#0091e5; vertical-align:top; font-weight:bold;} #diskboardCont .diskboardList ul.viewThumbArticle li .price .arrow { display:inline-block; width:10px; height:15px; padding:0 3px; background-size:10px 7px; background-repeat:no-repeat; background-image:url("http://img.jjinpl.com/m/icon/price_arrow.png"); background-position:center center; } #diskboardCont .diskboardList ul.viewThumbArticle li .price .saleIcon { display:inline-block; width:30px; height:14px; padding:0 3px; background-size:30px 14px; background-repeat:no-repeat; background-image:url("http://img.jjinpl.com/common/m/icon/pay_50sale.gif"); background-position:center top; } #diskboardCont .diskboardList ul.viewThumbArticle li .price .saleIcon2 { display:inline-block; width:28px; height:15px; padding:0 3px; background-size:28px 14px; background-repeat:no-repeat; background-image:url("http://img.jjinpl.com/common/m/icon/pay_50sale.gif"); background-position:center top; } #diskboardCont .diskboardList ul.viewThumbArticle li.denyContent { background:#ffc6c6; } #diskboardCont .diskboardList ul.viewThumbArticle li.denyContent strong.subject { text-decoration:line-through; color:#929292; } /*Tablet*/ @media(min-width:700px){ #diskboardCont .diskboardList ul.viewThumbArticle li {height: 275px;} #diskboardCont .diskboardList ul.viewThumbArticle li a {height: 270px;} #diskboardCont .diskboardList ul.viewThumbArticle li .thumb {height: 202px;} #diskboardCont .diskboardList ul.viewThumbArticle li .thumb img {position:absolute; margin:auto; top: 0; left: 0; bottom: 0; right: 0;} } @media(min-width:1024px){ #diskboardCont .diskboardList ul.viewThumbArticle li {height: 355px;} #diskboardCont .diskboardList ul.viewThumbArticle li a {height: 350px;} #diskboardCont .diskboardList ul.viewThumbArticle li .thumb {height: 282px;} #diskboardCont .diskboardList ul.viewThumbArticle li .thumb img {position:absolute; margin:auto; top: 0; left: 0; bottom: 0; right: 0;} } /* block content */ #diskboardCont .diskboardList ul.viewThumbArticle li.block { background-color:#FFF9F7; } #diskboardCont .diskboardList ul.viewThumbArticle li.block * { color:#999 !important; } .pagingTypeMobile{ clear: both !important; } /* diskboardView */ #diskboardCont .diskboardView { } #diskboardCont .diskboardView h2.subject { padding:20px 5px; font-size:15px; word-break:break-all; color:#333; background:#fff; border-top:2px solid #0091e5;} #diskboardCont .diskboardView h2.subject font { display:block; text-align:center; color:#fff; background:#ff5d5d; width:100%; height:26px; line-height:26px; font-size:12px; font-family:sans-serif; } #diskboardCont .diskboardView .postInfo { padding:11px 5px; border-top:1px solid #e4e4e4; background:#fafafa; } #diskboardCont .diskboardView .postInfo table { width:100%; border:0; } #diskboardCont .diskboardView .postInfo table th, #diskboardCont .diskboardView .postInfo table td { height:20px; line-height:20px; vertical-align:top; font-size:12px; } #diskboardCont .diskboardView .postInfo table th { text-align:left; color:#2d2d2d; overflow:hidden; } #diskboardCont .diskboardView .postInfo table td { color:#777; } #diskboardCont .diskboardView .postInfo table td * { height:16px; overflow:hidden; vertical-align:top;} #diskboardCont .diskboardView .postInfo table td .tline { text-decoration:line-through; vertical-align:top; } #diskboardCont .diskboardView .postInfo table td .red { color:#f00; vertical-align:top; } #diskboardCont .diskboardView .postInfo table td .green { color:#0091e5;} #diskboardCont .diskboardView .postInfo table td .arrow { display:inline-block; width:10px; height:15px; padding:0 3px; background-size:10px 7px; background-repeat:no-repeat; background-image:url(http://img.jjinpl.com/m/icon/price_arrow.png); background-position:center center; vertical-align: -3px; } #diskboardCont .diskboardView .postInfo table td .saleIcon { display:inline-block; width:28px; height:15px; padding:0 3px; background-size:28px 14px; background-repeat:no-repeat; background-image:url(http://img.jjinpl.com/common/m/icon/pay_50sale.gif); background-position:center top; } #diskboardCont .diskboardView .postInfo table td .saleIcon2 { display:inline-block; width:28px; height:15px; padding:0 3px; background-size:28px 14px; background-repeat:no-repeat; background-image:url(http://img.jjinpl.com/common/m/icon/pay_50sale.gif); background-position:center top; } #diskboardCont .diskboardView .postInfo table td .starScore { } #diskboardCont .diskboardView div.use_area { background:#fafafa; border-top:1px solid #e4e4e4; padding:6px 5px; text-align: center; } #diskboardCont .diskboardView div.use_area a.diskScrapBtn { border:1px solid #ef5151; height:30px; line-height:30px; text-align:center; color:#fff; text-decoration:none; cursor:pointer;/* margin-right:5px; */ padding:0 15px; border-radius:3px; background:#f68181; margin:2px 1px;} #diskboardCont .diskboardView div.use_area a.m_report { border:1px solid #b1b1b1; height:30px; line-height:30px; text-align:center; color:#fff; text-decoration:none; cursor:pointer;/* margin-right:5px; */ padding:0 15px; border-radius:3px; background:#b7b7b7; margin:2px 1px;} #diskboardCont .diskboardView div.use_area a.diskCommentMvBtn{ border: 1px solid #ff9c32; height: 30px; line-height: 30px; text-align: center; color: #fff; text-decoration: none; cursor: pointer; /* margin-right: 5px; */ padding: 0 6px; border-radius: 3px; background: #ffc332; margin:2px 1px;} #diskboardCont .diskboardView div.use_area a{ display: inline-block; float: none; } #diskboardCont .diskboardView .viewBtnGroup { padding-top:15px; border-top:1px solid #dddddd; /*background-image:url(http://img.jjinpl.com/m/common/bg/shadowborder_top.gif);*/ background-size:1px 5px; background-repeat:repeat-x; background-position:left top; text-align:center; font-size:0; line-height:0; } #diskboardCont .diskboardView .viewBtnGroup a { display:inline-block; margin:5px 2px; vertical-align:top;} #diskboardCont .diskboardView .viewBtnGroup .buyContent { background:#0091e5; width:110px; height:38px; color:#fff; font-weight:bold; font-size:13px; letter-spacing:-1px; text-align:center; box-sizing:border-box; line-height:38px; border-radius:3px; } #diskboardCont .diskboardView .viewBtnGroup .buyContent.bcD {background:#86b541;} #diskboardCont .diskboardView .viewBtnGroup .buyContent_css { background:#0091e5; width:248px; height:42px; color:#fff; font-weight:bold; font-size:13px; letter-spacing:-1px; text-align:center; box-sizing:border-box; line-height:42px; } #diskboardCont .diskboardView .viewBtnGroup .buyContent_1 { background:#0091e5; width:248px; height:42px; color:#fff; font-weight:bold; font-size:13px; letter-spacing:-1px; text-align:center; box-sizing:border-box; line-height:42px; } #diskboardCont .diskboardView .viewBtnGroup .buyContent2 { background:#0f1f36; width:248px; height:42px; color:#ffd736; font-weight:bold; font-size:13px; letter-spacing:-1px; text-align:center; box-sizing:border-box; line-height:42px; text-decoration:none;} #diskboardCont .diskboardView .viewBtnGroup .goToWork { background:#0e6cd6; width:110px; height:38px; color:#fff; font-weight:bold; font-size:13px; letter-spacing:-1px; text-align:center; box-sizing:border-box; line-height:38px; border-radius:3px; text-decoration:none; } #diskboardCont .diskboardView .viewBtnGroup .diskScrapBtn { background:#e76767; width:110px; height:42px; color:#fff; font-weight:bold; font-size:14px; letter-spacing:-1px; text-align:center; line-height:42px; } #diskboardCont .diskboardView .viewBtnGroup .m_report { background:#e76767; width:80px; height:42px; color:#fff; font-weight:bold; font-size:14px; letter-spacing:-1px; text-align:center; line-height:42px; } #diskboardCont .diskboardView .viewBtnGroup .coBtn1 { background:#afafaf; height:32px; line-height:32px; color:#fff; font-weight:bold; font-size:12px; text-align:center; padding:0 10px; border-radius:3px; text-decoration:none; } /* 초고화질 */ #HDPlay{ background:#0091e5; text-decoration: none; /*text-indent: 10px;*/ position:relative;} #HDPlay p{ margin-top:15px; color:#fff; font-weight:bold; line-height:14px; } #HDDownBtn{ background: #86b541; text-decoration: none; /*text-indent: 10px;*/ } #HDDownBtn p{ margin-top:15px; color:#fff; font-weight:bold; line-height:14px; } /* 일반화질 */ #nowPlayBtn{ background:#0091e5; text-decoration: none; /*text-indent: 10px;*/ margin-right: 2px !important;} #nowPlayBtn p{ margin-top:15px; color:#fff; font-weight:bold; line-height:14px; } #downBtn{ background: #86b541; text-decoration: none; /*text-indent: 10px;*/ margin-left: 2px !important;} #downBtn p{ margin-top:15px; color:#fff; font-weight:bold; line-height:14px; } #fileList .hd_section{ border-bottom: 1px solid #dfdfdf; margin-bottom: 10px; padding-bottom: 6px; } #diskboardCont .diskboardView .fileList { padding:5px; border-bottom:1px solid #dddddd; /*background-image:url(http://img.jjinpl.com/m/common/bg/shadowborder_bottom.gif);*/ background-size:1px 5px; background-repeat:repeat-x; background-position:left bottom; } #diskboardCont .diskboardView .fileList h3 { height:46px; line-height:27px; padding:8px 5px 5px 5px; border-top:2px solid #dddddd; border-bottom:1px solid #dddddd; font-size:15px; font-weight:bold; color:#444; } #diskboardCont .diskboardView .fileList h3 span { display:inline-block; height:17px; line-height:16px; padding-left:7px; font-size:11px; color:#707070; vertical-align:top; } #diskboardCont .diskboardView .fileList h3 a.mem_gray {display:block; line-height:12px; padding:2px 1px; width:50px; float:left; text-align:center;margin-left:5px; border-radius:8px; letter-spacing:-1px; box-sizing:border-box; text-decoration:none; background:linear-gradient(to bottom, #e5e5e5, #cccaca); border:1px solid #b4b4b4; font-size:11px; font-weight:normal; float:right;} #diskboardCont .diskboardView .fileList table { width:100%; border:0; margin:0; padding:0; } #diskboardCont .diskboardView .fileList table tr { border:1px solid #e0e0e0; display:block; padding:3px; border-radius:3px; margin-top:5px; } #diskboardCont .diskboardView .fileList table td { word-break:break-all; vertical-align:middle; } #diskboardCont .diskboardView .fileList table td.txt { padding:5px; display:block; width:100%; box-sizing:border-box; /*background:#f1f1f1;*/ border-bottom:1px solid #dfdfdf;} #diskboardCont .diskboardView .fileList table td.btn { display:block; text-align:center; padding:5px; } #diskboardCont .diskboardView .fileList table td.btn a { display:inline-block; vertical-align:middle; margin: 4px auto; border-radius:3px; /*width:49%;*/ width: 160px; /*min-width:200px;*/ height:38px; line-height:38px; color:#fff; font-weight:bold; font-family:'sans-serif'; -webkit-background-size: 24px; background-size: 22px 14px; background-repeat: no-repeat; letter-spacing: -0.6px; background-position: 10px 50%; } /* @media all and (orientation: landscape){ #diskboardCont .diskboardView .fileList table td.btn a{ display: inline-block; width: 28%; height: 42px; line-height: 42px; } } */ #diskboardCont .diskboardView .fileList table td.btn a img { border-radius:10px; } #diskboardCont .diskboardView .fileList table td p {display: block; border-bottom: 1px solid #ddd; padding: 3px 0; clear:both;} #diskboardCont .diskboardView .fileList table td .name { /*display:block;*/ padding-bottom:3px; font-size:13px; color:#535353; word-break:break-all; line-height:15px; } #diskboardCont .diskboardView .fileList table td .infoTxt { /*display:inline-block;*/ padding-right:10px; color: #999; font-weight: bold; float:right;} #diskboardCont .diskboardView .fileList .notice { color:#777; text-align:center; padding:5px 5px 5px 5px; } #diskboardCont .diskboardView .snsRecommend { width:100%; margin:5px auto; border-bottom:1px solid #e0e0e0; } #diskboardCont .diskboardView .snsRecommend .pbox { text-align:center; padding:8px; background:#72ab5f; color:#fff; } #diskboardCont .diskboardView .snsRecommend .pbox p { display:inline-block; } #diskboardCont .diskboardView .snsRecommend .icon { display:inline-block;} #diskboardCont .diskboardView .snsRecommend .icon a { margin:0 3px; width:30px; height:30px; display:inline-block; background:url('http://img.jjinpl.com/common/m/icon/recommend_icon3.png')no-repeat; } #diskboardCont .diskboardView .snsRecommend .icon a.kakao { background-position:-1px -1px; background-size:170px; } #diskboardCont .diskboardView .snsRecommend .icon a.facebook { background-position:-39px -1px; background-size:170px; } #diskboardCont .diskboardView .snsRecommend .icon a.twitter { background-position:-77px -1px; background-size:170px; } #diskboardCont .diskboardView .postContent { padding:10px 5px 7px 5px; word-break:break-all; overflow:hidden; border-bottom:15px solid #ececec; text-align:center;} #diskboardCont .diskboardView .postContent img { max-width:100% !important; } #diskboardCont .diskboardView .postContent p.titletop { width:100%; height:36px; line-height:36px; box-sizing:border-box; padding-left:10px; font-size:13px; color:#565656; font-weight:bold; background:#f9f9f9; border:1px solid #e0e0e0; margin-top:30px; } #diskboardCont .diskboardView .screenshot { padding:20px 0 10px 0; } #diskboardCont .diskboardView .screenshot h4 { font-size:13px; letter-spacing:-1px; height:14px; line-height:14px; overflow:hidden; color:#2b2b2b; font-weight:bold; font-family:'sans-serif'; margin-bottom:5px; padding:10px; border-top:2px dashed #ececec; } #diskboardCont .diskboardView .screenshot h4 span { background:#2b2b2b; width:12px; height:12px; border-radius:3px; display:inline-block; margin-right:4px; vertical-align:text-bottom; margin-bottom:2px; } #diskboardCont .diskboardView h4.titleContentInfo { font-size:13px; letter-spacing:-1px; height:14px; line-height:14px; overflow:hidden; color:#2b2b2b; font-weight:bold; font-family:'sans-serif'; margin-bottom:5px; padding:10px; border-top:2px dashed #ececec; } #diskboardCont .diskboardView .comment { /*border-top:1px solid #d0d0d0;*/ border-bottom:3px solid #0091e5; } /****star****/ #diskboardCont .diskboardView .comment .commentStar {border-bottom: 1px solid #0091e5; font-weight: bold; background: #ffffff; padding: 10px 5px; box-sizing: border-box; color: #2f2f2f;} #diskboardCont .diskboardView .comment .commentStar .commemtSatisfied {height: 28px; line-height: 28px;} #diskboardCont .diskboardView .comment .commentStar .commemtSatisfied_Guide {color:#bbbbbb; font-weight:bold; font-size:11px;} #diskboardCont .diskboardView .comment .commentStar .starRating { overflow: hidden; text-align: center; margin-bottom:10px; } #diskboardCont .diskboardView .comment .commentStar .starRating li.star{ display: inline-block; width: 50px; border: 0; padding: 0; } #diskboardCont .diskboardView .comment .commentStar .starRating li.star a{ display: block; width: 34px; height: 34px; background: url('http://img.jjinpl.com/m/common/board/icn_m_star_rating.png') no-repeat; background-position: 0 -34px; -webkit-background-size: 34px; background-size: 34px; margin: 0 auto; } #diskboardCont .diskboardView .comment .commentStar .starRating li.selected a{ background-position: 0 0; } #diskboardCont .diskboardView .comment .commentWrite { padding:10px 5px 10px 5px; /*background:#eeeeee;*/} #diskboardCont .diskboardView .comment .commentWrite fieldset { position:relative; padding-right:55px; } #diskboardCont .diskboardView .comment .commentWrite span { position:relative; display:block; height:36px; padding:5px; border:1px solid #8a8a8a; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; background:#fff;} #diskboardCont .diskboardView .comment .commentWrite span label { display:block; position:absolute; left:5px; top:5px; word-break:break-all; color:#777; } #diskboardCont .diskboardView .comment .commentWrite span .inputComment { width:100%; height:100%; border:0; padding:0; margin:0; resize:none; color:#555; } #diskboardCont .diskboardView .comment .commentWrite .submit { position:absolute; right:0; top:0; border:0; /*background:#0091e5;*/ width:50px; height:48px; color:#fff; font-weight:bold; } #diskboardCont .diskboardView .comment .commentList { } #diskboardCont .diskboardView .comment .commentList ul { } #diskboardCont .diskboardView .comment .commentList li { position:relative; padding:8px 5px 8px 5px; border-top:1px dotted #a8a8a8; } #diskboardCont .diskboardView .comment .commentList li .writer { display:block; padding-bottom:7px; font-weight:bold; color:#333; font-size:13px; display:inline-block;} #diskboardCont .diskboardView .comment .commentList .starName {display:inline-block;} #diskboardCont .diskboardView .comment .commentList .starRating2 {display:inline-block; vertical-align:-2px; margin-left:3px;} #diskboardCont .diskboardView .comment .commentList .starRating2 li.star { display: inline-block; width: 12px; padding: 0; border-top:none;} #diskboardCont .diskboardView .comment .commentList .starRating2 li.star a { display: block; width: 14px; height: 14px; background: url('http://img.jjinpl.com/seller/seller_score_new.png') no-repeat; background-position: 0 0; margin: 0 auto; background-size: 74px 28px;} #diskboardCont .diskboardView .comment .commentList .starRating2 li.star a.eva {background-position: 0 -14px; } #diskboardCont .diskboardView .comment .commentList li .write_date{ display: inline-block; color: #acacac; font-size: 10px; letter-spacing: 0.6px; margin-left: 6px; } #diskboardCont .diskboardView .comment .commentList li .writeWhere img{ display: inline-block; width: 16px; height: 18px; vertical-align: middle; margin-right: 2px; } #diskboardCont .diskboardView .comment .commentList li .commentContent { color:#555; font-size:12px; word-break:break-all; } #diskboardCont .diskboardView .comment .commentList li .commentContent .date { display:inline-block; margin-left:7px; color:#888; font-size:11px; } #diskboardCont .diskboardView .comment .commentList li .btnDelete, #diskboardCont .diskboardView .comment .commentList li .btnHide { position:absolute; right:5px; display:block; width:23px; height:23px; background-repeat:no-repeat; overflow:hidden; text-indent:-1000px; } #diskboardCont .diskboardView .comment .commentList li .btnDelete { right:5px; top:5px; background-image:url('http://img.jjinpl.com/m/icon/comment_delete_v2.png'); background-size:23px 23px; } #diskboardCont .diskboardView .comment .commentList li .btnHide { right:30px; top:5px; background-image:url('http://img.jjinpl.com/m/icon/comment_hide_v2.png'); background-size:23px 23px; } #diskboardCont .diskboardView .comment .commentList li.hide * { text-decoration:line-through; } /* #diskboardCont .diskboardView .comment .commentList li.hide .btnHide { background-size:23px 46px; background-position:left -23px; }*/ #diskboardCont .diskboardView .comment .commentList li.norecord .commentContent { text-align:center; } #diskboardCont .diskboardView .comment .m_snsComment { clear:both; text-align:center; margin-top:10px; color#:444; font-weight:bold; letter-spacing:-0.5px; } #diskboardCont .diskboardView .comment .m_snsComment p { padding-right:5px;padding-top:10px; } #diskboardCont .diskboardView .comment .m_snsComment p input { border:1px solid #d9d9d9; vertical-align:text-top; margin-top:-4px;} /* diskboardPlay */ #diskboardCont .diskboardPlay { } #diskboardCont .diskboardPlay h2.subject { padding:10px 5px; font-size:15px; word-break:break-all; color:#333; background:#fafafa; } #diskboardCont .DMplayer { } #diskboardCont .DMplayer a { display:block; width:100%; height:100%; } #diskboardCont .DMplayer video { width:100%; height:100%; } #diskboardCont .buttonGroup { padding:10px; background:#fff; text-align:center; margin:10px 0; } #diskboardCont .tip { padding:10px; background:#fafafa; border-top:1px solid #ddd; font-size:11px; word-wrap:break-word; line-height:15px; color:#777; } /* myDownCont */ #myDownCont { } #myDownCont .titlePart { position:relative; height:35px; /*background:#2c8ba7;*/background:#fff; } #myDownCont .titlePart h2 { position:absolute; padding:0 8px; display:inline-block; height:35px; line-height:35px;} #myDownCont .titlePart h2 a { line-height:35px; color:#5d5d5d; font-size:12px; font-weight:bold; text-decoration:none; } #myDownCont .titlePart .titleBtnGroup { position:absolute; right:5px; top:5px; } #myDownCont .titlePart .titleBtnGroup .commonSelectBox { width:55px; float:right; margin-top:1px; } #myDownCont .titlePart .titleBtnGroup .cobtnRou { float:right; margin-left:3px; padding:3px 7px; font-weight:bold; font-size:13px; } #myDownCont form { } /* listPart */ #myDownCont .listPart { border-top:1px solid #e0e0e0; } #myDownCont .listPart ul { } #myDownCont .listPart li { position:relative; padding-left:32px; border-bottom:1px solid #dddddd; background:#fff;} #myDownCont .listPart li:nth-child(odd) { background:#f3f3f3; } #myDownCont .listPart li.norecord { display:block; padding:17px 0; text-align:center; font-size:13px; color:#777; } #myDownCont .listPart li .check { position:absolute; display:block; left:5px; top:50%; margin-top:-10px; border:1px solid #d4d4d4;} #myDownCont .listPart li a { display:block; padding:7px 5px 7px 0; text-decoration:none; } #myDownCont .listPart li .subject { display:block; padding-bottom:3px; color:#555; font-size:13px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #myDownCont .listPart li .info { font-size:11px; } #myDownCont .listPart li .info span { color:#777; } #myDownCont .listPart li .info span.type1 { color:#09F; } #myDownCont .listPart li .info span.type2 { color:#f00; } #myDownCont .listPart li .info .bar { display:inline-block; margin:0 7px; width:1px; height:9px; background:#ddd; overflow:hidden; text-indent:-1000px; } #myDownCont .listPart li .icon { display:inline-block; margin-left:2px; background-image:url(http://img.jjinpl.com/m/icon/diskboard_icon_set1.gif); background-size:200px 200px; background-repeat:no-repeat; overflow:hidden; text-indent:-1000px; overflow:hidden; vertical-align:top; } #myDownCont .listPart li .icon.stream { width:13px; height:13px; margin:2px 2px 0 0; background-position:-1px -1px; }/*스트리밍 중*/ #myDownCont .listPart li .icon.streamOn { width:13px; height:13px; margin:2px 2px 0 0; background-position:-1px -16px; }/*스트리밍 안됨*/ #myDownCont .listPart li .icon.encoding { width:13px; height:13px; margin:2px 2px 0 0; background-position:-1px -31px; }/*인코딩 중*/ /* buttonPart */ #myDownCont .buttonPart { padding:10px 5px; } /*#myDownCont .buttonPart .left { float:left; margin-right:4px; color:#fff; font-size:12px; background:#2c8ba7; background-color:#2c8ba7; border:0; border-radius:0;}*/ #myDownCont .buttonPart .left { float:right; margin-right:4px; font-size:12px; background:#fff; color:5f5f5f; font-weight:100; border-radius:0; border:1px solid #e0e0e0; font-size:11px; padding:8px 14px; letter-spacing:-0.6px; } #myDownCont .buttonPart .left.btn_del { /*background:#4b4343;*/ background:#0091e5; border:1px solid #0087e5; color:#fff; } #myDownCont .buttonPart .right { float:right; margin-left:4px; } /* pagingPart */ #myDownCont .pagingPart { padding:0 5px 10px 5px; } /* myScrapCont */ #myScrapCont { } #myScrapCont .titlePart { position:relative; height:35px; background:#fff; } #myScrapCont .titlePart h2 { position:absolute; padding:0 8px; display:inline-block; height:35px; line-height:35px;} #myScrapCont .titlePart h2 a { line-height:35px; color:#5d5d5d; font-size:12px; font-weight:bold; text-decoration:none; } #myScrapCont .titlePart .titleBtnGroup { position:absolute; right:5px; top:5px; } #myScrapCont .titlePart .titleBtnGroup .commonSelectBox { width:55px; float:right; margin-top:1px; } #myScrapCont .titlePart .titleBtnGroup .cobtnRou { float:right; margin-left:3px; padding:3px 7px; font-weight:bold; font-size:13px; } #myScrapCont form { } /* listPart */ #myScrapCont .listPart { border-top:1px solid #e0e0e0; } #myScrapCont .listPart ul { } #myScrapCont .listPart li { position:relative; padding-left:32px; border-bottom:1px solid #ddd; overflow:hidden; background:#fff;} #myScrapCont .listPart li:nth-child(odd) { background:#f3f3f3; } #myScrapCont .listPart li.norecord { display:block; padding:17px 0; text-align:center; font-size:13px; color:#777; } #myScrapCont .listPart li .check { position:absolute; display:block; left:5px; top:50%; margin-top:-10px; border:1px solid #d4d4d4; } #myScrapCont .listPart li a { display:block; padding:7px 5px 7px 0; text-decoration:none; } #myScrapCont .listPart li .subject { display:block; padding-bottom:3px; color:#555; font-size:13px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #myScrapCont .listPart li .info { } #myScrapCont .listPart li .info span { color:#777; } #myScrapCont .listPart li .info .bar { display:inline-block; margin:0 7px; width:1px; height:9px; background:#ddd; overflow:hidden; text-indent:-1000px; } /* buttonPart */ #myScrapCont .buttonPart { padding:10px 5px; } /*#myScrapCont .buttonPart .left { float:right; margin-right:4px; color:#fff; font-size:12px; background:#2c8ba7; border:0; border-radius:0;}*/ #myScrapCont .buttonPart .left { float:right; margin-right:4px; color:#5f5f5f; font-size:11px; background:#fff; font-weight:100; border:1px solid #e0e0e0; border-radius:0; padding:8px 14px; letter-spacing:-0.6px} #myScrapCont .buttonPart .left.btn_del { /*background:#4b4343;*/background:#0091e5; border:1px solid #0087e5; color:#fff; } #myScrapCont .buttonPart .right { float:right; margin-left:4px; } /* pagingPart */ #myScrapCont .pagingPart { padding:0 5px 10px 5px; } /* loginCont */ #loginCont form { border:1px solid #F4F2F2; margin:10px; } #loginCont form fieldset { background:#fafafa; margin:1px; padding-bottom:15px; } #loginCont form fieldset .box { position:relative; } #loginCont form fieldset .box .inputGroup { display:block; padding:5px 10px; } #loginCont form fieldset .box .inputGroup label { position:absolute; display:inline-block; padding:14px 0 0 5px; font-size:13px; color:#AAA; } #loginCont form fieldset .box .inputGroup input { display:block; width:100%; height:44px; -webkit-appearance:none; font-size:12px; color:#444; border:1px solid #dcdcdc; box-sizing:border-box; padding-left:7px; margin-bottom:-1px; } #loginCont form fieldset .box .inputGroup .id { border-top-left-radius:3px; border-top-right-radius:3px; } #loginCont form fieldset .box .inputGroup .password { border-bottom-left-radius:3px; border-bottom-right-radius:3px; } #loginCont form fieldset .box .liginSubmit { display:block; right:15px; top:15px; width:90%; height:44px; font-weight:bold; font-size:14px; border:0; background:#0091e5; color:#fff; margin:0 auto; border-radius:3px; } #loginCont form fieldset .box .checkGroup { padding:0 10px; margin-bottom:15px;} #loginCont form fieldset .box .checkGroup ul li { display:inline-block; margin-right:9px; } #loginCont form fieldset .box .checkGroup ul li .checkbox { margin-right:5px; border:1px solid #d9d9d9;} #loginCont form fieldset .box .checkGroup ul li label { display:inline-block; vertical-align:middle; font-size:11px; height:20px; overflow:hidden; line-height:20px; color:#5c5c5c; } #loginCont form fieldset .box .message { display:block; padding:4px 15px 0 15px; color:#888; } #loginCont form fieldset .box .joinMamber { margin:10px 15px 0 15px; height:44px; line-height:44px; font-size:14px; font-weight:bold; text-align:center; border:0; background:#223557; color:#fff; letter-spacing:-1px;} #loginCont form fieldset .box .joinMamber a { display:block; text-decoration:none; color:#fff; border-radius:3px; } /* memberJoinCont */ #memberJoinCont { } #memberJoinCont legend { display:block; height:20px; padding:13px 5px 5px 5px; margin:0; line-height:20px; font-weight:bold; font-size:14px; color:#555; } #memberJoinCont .basicTable { width:100%; border-top:1px solid #e7e7e7; table-layout:fixed; border-spacing:0; } #memberJoinCont .basicTable th, #memberJoinCont .basicTable td { /* border-bottom:1px solid #e7e7e7; */ padding:0; } #memberJoinCont .basicTable th { height:26px; padding:5px 0 5px 0; text-align:left; font-weight:bold; background:#f5f5f5; vertical-align:middle; } #memberJoinCont .basicTable th label { display:block; height:26px; padding-left:10px; line-height:26px; color:#666; vertical-align:top; } #memberJoinCont .basicTable td { padding:5px 23px; } /* #memberJoinCont .basicTable td .text { display:inline-block; width:150px; height:16px; padding:5px 2px 5px 2px; font-size:14px; color:#666; border:1px solid #8a8a8a; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; -webkit-appearance:none; }*/ #memberJoinCont .basicTable td .text { width:100%; height:40px; display:block; margin:0 auto; border:1px solid #dcdcdc; box-sizing:border-box; padding-left:7px;} #memberJoinCont .basicTable td .w100 { width:100px; } #memberJoinCont .basicTable td .cobtnSquGray { margin-left:4px; } #memberJoinCont .basicTable td .boxTip { display:block; height:14px; line-height:14px; padding:5px 0 0 0; font-size:11px; color:#909090; } #memberJoinCont .basicTable td .inlineTip { display:inline-block; height:26px; line-height:26px; padding:0 0 0 6px; font-size:11px; color:#909090; vertical-align:top; } #memberJoinCont .basicTable td .red { color:#f00; } #memberJoinCont .basicTable td .inputConnect { display:inline-block; height:26px; line-height:26px; padding:0 3px; font-size:12px; color:#909090; vertical-align:top; } #memberJoinCont .basicTable td .commonSelectBox { display:inline-block; width:105px; height:24px; vertical-align:top; *margin-top:1px; } #memberJoinCont .basicTable td .commonSelectBox .nowSelected { padding:5px 3px 5px 3px; } #memberJoinCont .basicTable td .realName { display:inline-block; height:26px; line-height:26px; font-size:12px; color:#909090; vertical-align:top; } #memberJoinCont .basicTable td .cobtnRouS { vertical-align:middle; margin-left:7px; margin-top:2px; } #memberJoinCont .buttonGroup { text-align:center; } #memberJoinCont .buttonGroup .joinBtn { display:block; font-size:14px; text-decoration:none; } #memberJoinCont .buttonGroup .joinBtn strong { display:block; width:300px; height:44px; line-height:44px; margin:0 auto; overflow:hidden; background-color:#0091e5; border:0px; color:#fff; box-sizing:border-box; margin-top:5px; border-radius:3px; } #memberJoinCont .agreement { } #memberJoinCont .agreement .check { text-align:center; padding:10px 0; } #memberJoinCont .agreement .check .checkbox{ margin-right:4px; vertical-align:text-top; border:1px solid #d9d9d9; margin-top: -3px; } #memberJoinCont .agreement .check label { height:18px; line-height:18px; font-size:11px; color:#555; vertical-align:top; letter-spacing:-1px;} #memberJoinCont .agreement .agreementLink { padding:10px 0 20px 0; text-align:center; } #memberJoinCont .agreement .agreementLink a { display:inline-block; width:110px; margin:0 5px; padding:5px 5px; color:#666666; text-align:center; font-size:13px; font-weight:bold; text-decoration:none; font-size:11px; white-space:nowrap; overflow:hidden; border:1px solid #c0bfbf; background-color:#ddd; background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ddd)); background: -moz-linear-gradient(top,#f6f6f6, #ddd); background: -o-linear-gradient(top,#f6f6f6, #ddd); background: -ms-linear-gradient(top,#f6f6f6, #ddd); } #memberJoinCont .introduce { margin:0 5px 5px 5px; border:1px solid #ddd; background:#fafafa; color:#666; } #memberJoinCont .introduce strong.title { display:block; padding:8px 8px 0 8px; color:#F30; font-size:14px; } #memberJoinCont .introduce ul { padding:8px; } #memberJoinCont .introduce ul li { position:relative; padding-left:7px; padding-bottom:2px; line-height:14px; } #memberJoinCont .introduce ul li .icon { position:absolute; left:0; top:0; display:block; height:14px; } #memberJoinCont .introduce ul li .red { color:#f00; } #memberJoinCont .introduce .else { display:block; padding:0 8px 8px 8px; font-size:11px; color:#777; text-align:center; } /* commonTermsCont */ #commonTermsCont { padding:5px; } #commonTermsCont h2.title { padding:5px 0 10px 0; font-size:15px; color:#555; } #commonTermsCont .textBox { font-size:12px; color:#777; } /* memberModifyCont */ #memberModifyCont { padding:0 0 20px 0; } #memberModifyCont legend { display:none; } #memberModifyCont .titlePart { position:relative; height:35px; border-bottom:3px solid #666666; } #memberModifyCont .titlePart h2 { position:absolute; padding:0 5px; display:inline-block; height:35px; line-height:35px; border-bottom:3px solid #ff4300; color:#555; font-size:17px; font-weight:bold; } #memberModifyCont .titlePart h2 span { line-height:35px; color:#555; font-size:17px; font-weight:bold; text-decoration:none; } #memberModifyCont .basicTable { width:100%; margin-top:10px; border-top:1px solid #e7e7e7; table-layout:fixed; border-spacing:0; } #memberModifyCont .basicTable th, #memberModifyCont .basicTable td { border-bottom:1px solid #e7e7e7; padding:0; } #memberModifyCont .basicTable th { height:26px; padding:5px 0 5px 0; text-align:left; font-weight:bold; background:#f5f5f5; vertical-align:middle; } #memberModifyCont .basicTable th label { display:block; height:26px; padding-left:10px; line-height:26px; color:#666; vertical-align:top; } #memberModifyCont .basicTable td { padding:5px; } #memberModifyCont .basicTable td .text { display:inline-block; width:150px; height:16px; padding:5px 2px 5px 2px; font-size:14px; color:#666; border:1px solid #8a8a8a; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; -webkit-appearance:none; } #memberModifyCont .basicTable td .textField { display:inline-block; height:16px; padding:6px 2px 6px 2px; font-size:14px; color:#666; } #memberModifyCont .basicTable td .w100 { width:100px; } #memberModifyCont .basicTable td .w90 { width:90px; } #memberModifyCont .basicTable td .cobtnSquGray { margin-left:4px; } #memberModifyCont .basicTable td .boxTip { display:block; height:14px; line-height:14px; padding:5px 0 0 0; font-size:11px; color:#909090; } #memberModifyCont .basicTable td .pTip { display:block; line-height:14px; font-size:11px; color:#909090; } #memberModifyCont .basicTable td .inlineTip { display:inline-block; height:26px; line-height:26px; padding:0 0 0 6px; font-size:11px; color:#909090; vertical-align:top; } #memberModifyCont .basicTable td .red { color:#f00; } #memberModifyCont .basicTable td .blue { color:#00f; } #memberModifyCont .basicTable td .inputConnect { display:inline-block; height:26px; line-height:26px; padding:0 3px; font-size:12px; color:#909090; vertical-align:top; } #memberModifyCont .basicTable td .commonSelectBox { display:inline-block; width:105px; height:24px; vertical-align:top; *margin-top:1px; } #memberModifyCont .basicTable td .commonSelectBox .nowSelected { padding:5px 3px 5px 3px; } #memberModifyCont .basicTable td .realName { display:inline-block; height:26px; line-height:26px; font-size:12px; color:#909090; vertical-align:top; } #memberModifyCont .basicTable td .cobtnRouS { vertical-align:middle; margin-left:7px; margin-top:2px; } #memberModifyCont .basicTable .realnameBtnGroup { padding-top:5px; } #memberModifyCont .basicTable .realnameBtnGroup a { margin-right:5px; } #memberModifyCont .buttonGroup { padding:10px 5px; text-align:center; } #memberModifyCont .buttonGroup .joinBtn { display:block; font-size:19px; text-decoration:none; } #memberModifyCont .userMenu { } #memberModifyCont .userMenu ul { padding-top:15px; text-align:center; } #memberModifyCont .userMenu ul li { display:inline-block; margin:0 5px; } /* juminVerifyCont */ #juminVerifyCont { } #juminVerifyCont legend { display:block; font-size:15px; font-weight:bold; padding:10px 5px; color:#333; } #juminVerifyCont .popupContent { padding:10px; } #juminVerifyCont .tip1, #juminVerifyCont .tip2 { margin:5px; padding:10px; border:1px solid #efefef; background:#fafafa; font-size:11px; color:#777; line-height:16px; } #juminVerifyCont .inputTable { padding:0 5px; } #juminVerifyCont .inputTable table { width:100%; border-top:1px solid #e7e7e7; table-layout:fixed; border-spacing: 0 } #juminVerifyCont .inputTable table th, #juminVerifyCont .inputTable table td { padding: 0; border-bottom:1px solid #e7e7e7; } #juminVerifyCont .inputTable table th { height:26px; padding:9px 0 9px 0; text-align:left; font-weight:bold; background:#f5f5f5; vertical-align:top; } #juminVerifyCont .inputTable table th label { display:block; height:26px; padding-left:10px; line-height:26px; color:#666; vertical-align:top; } #juminVerifyCont .inputTable table td { padding:9px 0 9px 9px; } #juminVerifyCont .inputTable table td .text { width:150px; height:14px; padding:5px 2px 5px 2px; line-height:14px; color:#666; border:1px solid #8a8a8a; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; -webkit-appearance:none; appearance:none; } #juminVerifyCont .inputTable table td .w100 { width:100px; } #juminVerifyCont .inputTable table td .w95 { width:95px; } #juminVerifyCont .inputTable table td .inputConnect { display:inline-block; height:26px; line-height:26px; padding:0 3px; font-size:12px; color:#909090; vertical-align:top; } #juminVerifyCont .bottomButtonGroup { padding:15px 0 15px 0; text-align:center; } #juminVerifyCont .bottomButtonGroup .cobtnRouM { margin:0 8px; } /* couponAddCont */ #couponAddCont { padding:10px; } #couponAddCont form { border:1px solid #dedede; padding:1px; } #couponAddCont form fieldset { border:1px solid #EFEFEF; background:#fafafa; } #couponAddCont h2 { padding:15px 0 5px 0; color:#392f2c; text-align:center; font-size:20px; font-weight:bold; letter-spacing:-1px; } #couponAddCont .subtitle { display:block; padding-bottom:10px; font-size:13px; color:#ff002a; text-align:center; } #couponAddCont h2 .purple { color:#63F; } #couponAddCont .input { padding:20px 0 20px 0; text-align:center; } #couponAddCont .input .couponNumber { display:inline-block; width:200px; height:16px; padding:5px 2px 5px 2px; font-size:14px; color:#666; border:3px solid #ff4000; -webkit-appearance:none; } #couponAddCont .input .submit { margin-left:4px; border-radius:0; height:32px; } #couponAddCont .process { padding:5px; } #couponAddCont .process h3 { padding-bottom:10px; font-weight:bold; font-size:14px; color:#555; } #couponAddCont .process table { border-spacing:0; width:100%; } #couponAddCont .process table th, #couponAddCont .process table td { padding:0; text-align:center; vertical-align:top; padding:0 4px; } #couponAddCont .process table td div { height:75px; border:1px solid #d6d6d6; overflow:hidden; background:#fff; margin:0 auto; } #couponAddCont .process table td div .number, #couponAddCont .process table td div .text { display:block; text-align:center; color:#666; } #couponAddCont .process table td div .number { padding:8px; color:#e43c00; font-size:16px; font-weight:bold; } #couponAddCont .process table td div .text { padding:0 8px 8px 8px; } #couponAddCont .warning { padding:15px 5px 15px 5px; } #couponAddCont .warning h3 { padding-bottom:5px; font-weight:bold; font-size:14px; color:#555; } #couponAddCont .warning ul { } #couponAddCont .warning li { position:relative; padding:0 0 4px 14px; line-height:14px; color:#777; } #couponAddCont .warning li .number { position:absolute; left:0; top:0; } /* couponAddCont NEW */ #couponAddCont2 { /*padding:10px; */} #couponAddCont2 div.lineBG {/* border:1px solid #fafafa; padding:1px; */} #couponAddCont2 div.lineBG fieldset { /*border:2px dashed #EFEFEF;*/ background:#fcf8f0; } #couponAddCont2 h2.topbaaner { position:relative; background:url('http://img.jjinpl.com/common/coupon/coupon_page_m_200319-3.jpg')no-repeat; width:320px; height:274px; background-size:320px; margin:0 auto;} #couponAddCont2 .subtitle { display:block; padding-bottom:10px; font-size:13px; color:#E71919; text-align:center; } #couponAddCont2 h2 .green { color:#EB2D1D; } #couponAddCont2 h2 .red { color:#E71919; } #couponAddCont2 .input { position:relative; top:-155px; /*padding:20px 15px;*/ text-align:center; /*border-top:1px solid #f0f0f0; border-left:1px solid #f0f0f0; box-shadow:2px 2px 2px rgba(176,176,176,.5); background:#2f2f2f;*/ color:#fff; width:320px; box-sizing:border-box; margin:0 auto ;} /* #couponAddCont2 .input .dondiCoupon {border-bottom:2px dashed #f0f0f0; padding-bottom:20px; margin-bottom:20px;}*/ #couponAddCont2 .input form{border:0;} #couponAddCont2 .couponName {margin:0 auto; margin-bottom:8px; display:block; color:#fff; font-weight:bold; letter-spacing:-1px; display:none;} #couponAddCont2 .couponName strong {} #couponAddCont2 .couponName strong.orange {color:#ff4400;} #couponAddCont2 .couponName strong.green {color:#558b1f;} #couponAddCont2 .couponName strong.yellow {color:#f4961d;} #couponAddCont2 .input .couponNumber { display:inline-block; width:200px; height:27px; padding-left:5px; box-sizing:border-box; border:2px solid #ed1250; border-radius:10px; margin-left:5px; } /* #couponAddCont2 .input .couponNumber2 { display:inline-block; width:180px; height:16px; padding:5px 2px 5px 2px; font-size:14px; color:#666; border:3px solid #558b1f; -webkit-appearance:none; } #couponAddCont2 .input .couponNumber3 { display:inline-block; width:180px; height:16px; padding:5px 2px 5px 2px; font-size:14px; color:#666; border:3px solid #f4961d; -webkit-appearance:none; } */ #couponAddCont2 .input .submit { margin-top:5px; background:url('http://img.jjinpl.com/common/coupon/coupon_page_btn_m_200319.png') no-repeat; text-indent:9999; background-size:80px; width:80px; height:49px; border:0; } #couponAddCont2 .process { padding:5px; } #couponAddCont2 .process h3 { padding-bottom:10px; font-weight:bold; font-size:14px; color:#555; } #couponAddCont2 .process table { border-spacing:0; width:100%; } #couponAddCont2 .process table th, #couponAddCont2 .process table td { padding:0; text-align:center; vertical-align:top; padding:0 3px; } #couponAddCont2 .process table td div { height:125px; overflow:hidden; border-radius:3px; background:#fff; margin:0 auto; box-sizing:border-box; } #couponAddCont2 .process table td div .number, #couponAddCont2 .process table td div .text { display:block; text-align:center; color:#666; font-size:11px;} #couponAddCont2 .process table td div .number { padding:8px; color:#e43c00; font-size:16px; font-weight:bold; text-align:text-top;} #couponAddCont2 .process table td div .text { padding:0 8px 8px 8px; } #couponAddCont2 .inputWrap {height:0;} /*#couponAddCont2 .inputWrap { margin:8px; position:relative; background:url('http://img.jjinpl.com/common/coupon/m_my_page_couponn3.png')no-repeat; width:320px; height:273px; background-size:320px; margin:0 auto;}*/ #couponAddCont2 .warning { padding:15px 10px 15px 10px; width:300px; margin:0 auto; } #couponAddCont2 .warning h3 { padding-bottom:5px; font-weight:bold; font-size:11px; color:#555; } #couponAddCont2 .warning ul { } #couponAddCont2 .warning li { position:relative; padding:0 0 4px 14px; line-height:12px; color:#777; font-size:11px;} #couponAddCont2 .warning li .number { position:absolute; left:0; top:0; } /*couponAddCont3*/ #couponAddCont3 {padding:0 10px; margin-top:15px;} #couponAddCont3 .coupon_top {} #couponAddCont3 .coupon_top .gray_arrow2 {font-size:12px; color:#888; margin-bottom:15px; padding-bottom:20px; display:block; border-bottom:1px dotted #ddd; line-height:18px;} #couponAddCont3 .coupon_top .gray_arrow2>span {font-size:15px; color:#164be3; font-weight:bold;} #couponAddCont3 .couponUse {border-top:1px dotted #ddd; margin-top:15px; padding-top:20px; } #couponAddCont3 .couponUse .couponGuide {font-size:12px; color:#888; line-height:18px;} #couponAddCont3 .couponUse .couponGuide>span {font-weight:bold;} #couponAddCont3 .couponUse .dondiCoupon {} #couponAddCont3 .couponUse .dondiCoupon .couponNumber {width:100%; height:45px; background:#fff; border:1px solid #ddd; padding:0 5px; -webkit-box-sizing: border-box;} #couponAddCont3 .couponUse .dondiCoupon .cobtnRouM {width:100%; height:43px; background:#0091e5; border:1px solid #0087e5; color:#fff; font-size:1.2rem; font-weight:bold; margin:6px 0 0 0; text-align:center;} #couponAddCont3 .noticePart {background:#f9f9f9; margin:15px 0; padding: 20px 10px;} #couponAddCont3 .noticePart ul {list-style:none;} #couponAddCont3 .noticePart li {color:#666;} #couponAddCont3 .noticePart li:nth-child(1) {font-weight:bold;} /* basicBoard */ #basicBoard { } #basicBoard .titlePart { position:relative; height:35px; border-bottom:1px solid #dddddd; } #basicBoard .titlePart h2 { position:absolute; padding:0 5px; display:inline-block; height:35px; line-height:35px; color:#555; font-size:17px; font-weight:bold; } #basicBoard .titlePart h2 a { line-height:35px; color:#555; font-size:17px; font-weight:bold; text-decoration:none; } #basicBoard .titlePart .titleBtnGroup { position:absolute; right:5px; top:5px; } #basicBoard .titlePart .titleBtnGroup .commonSelectBox { width:55px; float:right; margin-top:1px; } #basicBoard .titlePart .titleBtnGroup .cobtnRou { float:right; margin-left:3px; padding:3px 7px; font-weight:bold; font-size:13px; } #basicBoard .titlePart .titleBtnGroup .data_tab{ margin-left: 4px; margin-top: -2px; } #basicBoard .titlePart .titleBtnGroup .data_tab .btnTab{ font-size: 12px; height: 30px; line-height: 30px; /*background-color: #eee;*/ display: block; float: left; padding: 0 10px; color: #999; letter-spacing: -0.4px;border-radius:5px; } #basicBoard .titlePart .titleBtnGroup .data_tab .btnTab:nth-child(1){ -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #basicBoard .titlePart .titleBtnGroup .data_tab .btnTab:nth-child(2){ -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #basicBoard .titlePart .titleBtnGroup .data_tab .active{ /*background-color: #0091e5;*/ color: #5d5d5d; margin-top:2px; } /* listPart */ #basicBoard .listPart { } #basicBoard .listPart ul { } #basicBoard .listPart li { position:relative; border-bottom:1px solid #dddddd; } #basicBoard .listPart li a { display:block; padding:7px 5px; text-decoration:none; } #basicBoard .listPart li .subject { display:block; padding-bottom:3px; color:#555; font-size:15px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #basicBoard .listPart li .subject span.noticeIcon { width:33px; height:18px; line-height:16px; background:#0091e5; font-size:11px; box-sizing:border-box; border-radius:3px; padding:2px 4px; color:#fff; vertical-align:text-top; margin-right:5px; margin-top:2px; display:inline-block; text-align:center;} #basicBoard .listPart li .info { } #basicBoard .listPart li .info span { color:#777; } #basicBoard .listPart li .info .bar { display:inline-block; margin:0 7px; width:1px; height:9px; background:#ddd; } #basicBoard .listPart li .info .writer { color:#814F34; } #basicBoard .listPart li .info .date { } #basicBoard .listPart li .info .hit { } #basicBoard .listPart.inquiry li { padding-right:65px; } #basicBoard .listPart.inquiry .sideIcon { position:absolute; right:5px; top:7px; display:block; padding:9px 0; width:55px; letter-spacing:-1px; text-align:center; font-size:12px; font-weight:bold; text-decoration:none; color:#999; border:1px solid #c0bfbf; /*-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:#ddd; background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ddd)); background: -moz-linear-gradient(top,#f6f6f6, #ddd); background: -ms-linear-gradient(top,#f6f6f6, #ddd); background: -o-linear-gradient(top,#f6f6f6, #ddd);*/ } #basicBoard .listPart.inquiry .sideIcon.progress { } #basicBoard .listPart.inquiry .sideIcon.finish { border:1px solid #369514; /*background-color:#6da959; background: -webkit-gradient(linear, left top, left bottom, from(#6da959), to(#6da959)); background: -moz-linear-gradient(top,#6da959, #6da959); background: -ms-linear-gradient(top,#6da959, #6da959); background: -o-linear-gradient(top,#6da959, #6da959);*/ color:#369514; /*text-shadow:0 0 2px #2c6b17;*/ } #basicBoard .pagingPart { padding:10px 5px; } /* viewPart */ #basicBoard .viewPart { } #basicBoard .viewPart h3.subject { padding:10px 5px; font-size:15px; word-break:break-all; color:#333; background:#fafafa; border-bottom:1px solid #e4e4e4; } #basicBoard .viewPart h3.subject span.noticeIcon { width:33px; height:18px; line-height:16px; background:#0091e5; font-size:11px; box-sizing:border-box; border-radius:3px; padding:2px 4px; color:#fff; vertical-align:text-top; display:inline-block; text-align:center;} #basicBoard .viewPart .postInfo { padding:5px; border-bottom:1px solid #e4e4e4; } #basicBoard .viewPart .postInfo span { display:inline-block; color:#777; } #basicBoard .viewPart .postInfo span em { display:inline-block; margin-right:4px; color:#333; } #basicBoard .viewPart .postInfo span.bar { display:inline-block; margin:0 8px; width:1px; height:9px; background:#ddd; overflow:hidden; text-indent:-1000px; } .viewPart .addCategory *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .viewPart .addCategory .header{ text-align: center; padding: 5px 0; background: #f4f4f4; border-bottom: 1px solid #e4e4e4; } .viewPart .addCategory .header h5{ display: inline-block; font-weight: bold; color: #666; font-size: 11px; } .viewPart .addCategory .btn_list_toggle{ display: inline-block; padding-right: 16px; font-size: 11px; font-weight: bold; color: #666; background: url('http://img.jjinpl.com/m/common/board/icn_m_arrow_off.png') no-repeat 98% 40%; -webkit-background-size: 12px 12px; background-size: 12px 12px; /* background-position: 98% 40%; */ } .viewPart .addCategory #Category{ padding: 0 5px; background: #f7f7f7; display: block; border-bottom: 1px solid #e4e4e4; } .viewPart .addCategory #Category li{ padding: 5px 0; font-size: 11px; color: #949ae6; border-bottom: 1px solid #e4e4e4; } .viewPart .addCategory #Category li:last-child{ border-bottom: 0; } .viewPart .addCategory #Category li span{ color: #888; display: inline-block; padding: 0 6px; } .viewPart .addCategory #Category3{ padding: 0 5px; background: #f7f7f7; display: block; border-bottom: 1px solid #e4e4e4; } .viewPart .addCategory #Category3 li{ padding: 5px 0; font-size: 11px; color: #949ae6; border-bottom: 1px solid #e4e4e4; } .viewPart .addCategory #Category3 li:last-child{ border-bottom: 0; } .viewPart .addCategory #Category3 li span{ color: #888; display: inline-block; padding: 0 6px; } .viewPart .addCategory #addCateList{ padding: 0 5px; background: #f7f7f7; display: none; border-bottom: 1px solid #e4e4e4; } .viewPart .addCategory #addCateList li{ padding: 5px 0; font-size: 11px; color: #949ae6; border-bottom: 1px solid #e4e4e4; } .viewPart .addCategory #addCateList li:last-child{ border-bottom: 0; } .viewPart .addCategory #addCateList li span{ color: #888; display: inline-block; padding: 0 6px; } #basicBoard .viewPart .postContent { min-height:80px; padding:15px 5px; overflow:hidden; border-bottom:1px solid #dddddd; font-size:15px; color:#555; } #basicBoard .viewPart .postContent pre{ line-height: 1.0; margin: 0; word-break: break-all; white-space: pre-wrap; -moz-white-space: pre-wrap; -o-white-space: pre-wrap; -ms-white-space: pre-wrap; } #basicBoard .viewPart .postContent img { max-width:100%; } #basicBoard .viewPart .requestfileUpload{ margin: 10px auto; text-align: center; } #basicBoard .viewPart .requestfileUpload a.btn_request_move{ display: inline-block; color: #ffffff; font-weight: bold; letter-spacing: 2px; width: 85%; height: 40px; line-height: 40px; background-color: #568fe4; border-radius: 5px; } #basicBoard .viewPart .buttonGroup { padding:10px 5px; border-bottom:1px solid #ddd; } #basicBoard .viewPart .buttonGroup .left { float:left; margin-right:4px; } #basicBoard .viewPart .buttonGroup .right { float:right; margin-left:4px; } #basicBoard .viewPart .comment { border-bottom:2px solid #bbb; } #basicBoard .viewPart .commentWrite { padding:10px 5px 10px 5px; border-bottom: 1px solid #ddd; } #basicBoard .viewPart .commentWrite fieldset { position:relative; padding-right:55px; } #basicBoard .viewPart .commentWrite span { position:relative; display:block; height:36px; padding:5px; border:1px solid #8a8a8a; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; } #basicBoard .viewPart .commentWrite span label { display:block; position:absolute; left:5px; top:5px; word-break:break-all; color:#777; } #basicBoard .viewPart .commentWrite span .inputComment { width:100%; height:100%; border:0; padding:0; margin:0; resize:none; color:#555; } #basicBoard .viewPart .commentWrite .submit { position:absolute; right:0; top:0; } #basicBoard .viewPart .comment .commentList { } #basicBoard .viewPart .comment .commentList ul { } #basicBoard .viewPart .comment .commentList li { position:relative; padding:8px 5px 8px 5px; border-bottom:1px dotted #a8a8a8; } #basicBoard .viewPart .comment .commentList li.replyComment{ padding-left: 20px; background: url("http://img.jjinpl.com/board/btn/icn_reply.png") no-repeat 0 8px; } #basicBoard .viewPart .comment .commentList li:last-child{ border-bottom: 0; } #basicBoard .viewPart .comment .commentList li .writer { display:block; padding-bottom:7px; font-weight:bold; color:#333; font-size:13px; } #basicBoard .viewPart .comment .commentList li .commentContent { color:#555; font-size:12px; word-break:break-all; } #basicBoard .viewPart .comment .commentList li .commentContent .date { display:inline-block; margin-left:7px; color:#888; font-size:11px; } #basicBoard .viewPart .comment .commentList li .btnDelete, #basicBoard .viewPart .comment .commentList li .btnHide, #basicBoard .viewPart .comment .commentList li .btnUnhide, #basicBoard .viewPart .comment .commentList li .btnComments { position:absolute; right:5px; display:block; width:23px; height:23px; background-repeat:no-repeat; overflow:hidden; text-indent:-1000px; } #basicBoard .viewPart .comment .commentList li .btnDelete { right:5px; top:5px; background-image:url(http://img.jjinpl.com/m/icon/icon_m_del.png); background-size:23px 23px; } #basicBoard .viewPart .comment .commentList li .btnHide { right:30px; top:5px; background-image:url(http://img.jjinpl.com/m/icon/icn_m_hide.png); background-size:23px 23px; } #basicBoard .viewPart .comment .commentList li .btnComments { right:55px; top:5px; background-image:url(http://img.jjinpl.com/m/icon/icn_m_reply.png); background-size:23px 23px; cursor:pointer; } #basicBoard .viewPart .comment .commentList li .btnUnhide { right:30px; top:5px; background-image:url(http://img.jjinpl.com/m/icon/icn_m_unhide2.png); background-size:23px 23px; cursor:pointer; } #basicBoard .viewPart .comment .commentList li.hide * { text-decoration:line-through; } #basicBoard .viewPart .comment .commentList li.hide .btnHide { /*background-size:23px 46px; background-position:left -23px;*/ } #basicBoard .viewPart .comment .commentList li.norecord .commentContent { text-align:center; } .commentRatingWrap, .commentRatingWrap *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .commentRatingWrap{ overflow: hidden; border: 1px solid #dfdfdf; position: relative; margin: 5px; } .commentRatingWrap .text{ width: 100%; background: #f7f7f7; height: 100%; text-align: center; color: #666; line-height: 150%; padding: 10px 0; border-bottom: 1px solid #dfdfdf; } .commentRatingWrap .text h5{ font-size: 14px; font-weight: bold; font-family: 'arial', '돋움', dotum, sans-serif; padding-bottom: 6px; } .commentRatingWrap .right{ width: 100%; height: 100%; padding: 14px 0; } #basicBoard .viewPart .comment .commentRatingWrap .starRating{ overflow: hidden; text-align: center; } #basicBoard .viewPart .comment .commentRatingWrap .starRating li.star{ display: inline-block; width: 50px; border: 0; padding: 0; } #basicBoard .viewPart .comment .commentRatingWrap .starRating li.star a{ display: block; width: 34px; height: 34px; background: url('http://img.jjinpl.com/m/common/board/icn_m_star_rating.png') no-repeat; background-position: 0 -34px; -webkit-background-size: 34px; background-size: 34px; margin: 0 auto; } #basicBoard .viewPart .comment .commentRatingWrap .starRating li.selected a{ background-position: 0 0; } .commentRatingWrap .right .starText{ font-size: 14px; text-align: center; font-weight: bold; color: #a0a0a0; padding: 12px 0; } .commentRatingWrap .right .starText span{ font-size: 14px; } .commentRatingWrap .right .btn_apply{ display: block; width: 110px; height: 32px; line-height: 32px; background: #1976e8; margin: 0 auto; text-align: center; color: #fff; border-radius: 5px; } /* adminCommentAnswer */ #adminCommentAnswer { /* margin-top:-25px; */ padding:10px 5px 7px 5px; border-top: 1px solid #ddd; } #adminCommentAnswer h3 { padding-bottom:3px; font-size:14px; color:#555; } #adminCommentAnswer input { display:inline-block; padding:5px 6px; margin-bottom:3px; color:#666666; letter-spacing:-1px; text-align:center; font-size:11px; font-weight:bold; text-decoration:none; border:1px solid #c0bfbf; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background-color:#ddd; background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ddd)); background: -moz-linear-gradient(top,#f6f6f6, #ddd); background: -ms-linear-gradient(top,#f6f6f6, #ddd); background: -o-linear-gradient(top,#f6f6f6, #ddd); } /* writePart */ #basicBoard .writePart { display:block; } #basicBoard .writePart form { padding-top:10px; position:relative; } #basicBoard .writePart .textInput { position:relative; } #basicBoard .writePart .textInput .inputHeader { padding:0 5px; position:relative; } #basicBoard .writePart .textInput .inputHeader.select { padding-left:96px; } #basicBoard .writePart .textInput .inputHeader .category { position:absolute; left:5px; top:0; display:block; height:37px; width:87px; font-size:13px; border:1px solid #8a8a8a; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; } #basicBoard .writePart .textInput .subject label { position:absolute; font-size:13px; color:#BBB; margin:9px 0 0 3px; } #basicBoard .writePart .textInput .subject { border:1px solid #8a8a8a; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; -webkit-border-radius:0; } #basicBoard .writePart .textInput .subject input { display:block; width:100%; height:35px; padding-left:2px; border:0; -webkit-border-radius:0; font-size:14px; background:none; color:#555 } #basicBoard .writePart .textInput .content { position:relative; border:1px solid #8a8a8a; margin:5px 5px 0 5px; padding:5px; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; -webkit-border-radius:0; height:210px; overflow:hidden;} #basicBoard .writePart .textInput .content label { position:absolute; left:0; top:0; padding:5px; font-size:13px; color:#BBB; } #basicBoard .writePart .textInput .content textarea { display:block; width:100%; height:210px; border:0; -webkit-border-radius:5px; font-size:13px; background:none; color:#555; resize:none; } #basicBoard .writePart .imageUpload { padding:0; padding:5px 0 0 5px; border-bottom:1px solid #ddd; } #basicBoard .writePart .imageUpload ul { padding:0 2px 0 0; _height:1%; } /* IE6 */ *:first-child+html #basicBoard .writePart .imageUpload ul { min-height:1%; } /* IE7 */ #basicBoard .writePart .imageUpload ul:after { content:" "; display:block; clear:both; height:0; visibility:hidden; } /* 표준 */ #basicBoard .writePart .imageUpload ul li { position:relative; width:47px; height:47px; float:left; margin:0 5px 5px 0; border:1px solid #c2c2c2; overflow:hidden; } #basicBoard .writePart .imageUpload ul li a.btnDel { position:absolute; right:0; bottom:0; width:24px; height:24px; background:url(http://img.jjinpl.com/m/common/button/image_trash.gif) no-repeat center center #fff; background-size:17px 18px; overflow:hidden; text-indent:-1000px; overflow:hidden; border-left:1px solid #c6c6c6; border-top:1px solid #c6c6c6; } #basicBoard .writePart .imageUpload .tipBtn { position:relative; height:32px; padding-bottom:10px; clear:both; *margin-top:8px; } #basicBoard .writePart .imageUpload .tipBtn .tips { height:29px; padding:3px 89px 0 0; line-height:14px; font-size:12px; color:#999999; text-align:left; overflow:hidden; } #basicBoard .writePart .imageUpload .tipBtn .fileBtn { position:absolute; right:5px; top:0; width:84px; height:32px; line-height:32px; cursor:pointer; _cursor:hand; background:#2c88fb; border-radius:3px; color:#fff; text-align:center; } #basicBoard .writePart .imageUpload .tipBtn .fileBtn input { position:absolute; left:0; top:0; width:84px; height:32px; opacity:0; filter:alpha(opacity=0); opacity:0; } #basicBoard .writePart .imageUpload .tipBtn .fileBtn span { display:block; width:84px; height:32px; /*background-image:url(http://img.jjinpl.com/m/common/button/write_imageupload.gif); background-repeat:no-repeat; background-size:84px 32px;*/ overflow:hidden; /*text-indent:-1000px; */} #basicBoard .writePart .imageUpload .tipBtn .fileBtn.on span { background-image:url(http://img.jjinpl.com/m/common/button/write_imageupload_on.gif); } #basicBoard .writePart .setting { position:relative; padding:10px 5px; border-bottom:1px solid #ddd; } #basicBoard .writePart .setting legend { position:absolute; left:0; top:11px; font-size:13px; color:#333; } #basicBoard .writePart .setting .checkbox { vertical-align:middle; } #basicBoard .writePart .setting label { display:inline-block; vertical-align:middle; font-size:13px; margin-right:6px; height:19px; overflow:hidden; line-height:19px; color:#5c5c5c; } #basicBoard .writePart .submitGroup { text-align:center; padding:10px 0 20px 10px; } /* CS Write */ .csWriteWrap{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .csWriteWrap .csTab{ } .csWriteWrap .csTab a{ background: #eee; color: #888; font-size: 12px; border: 0; display: block; padding: 10px 20px; cursor: pointer; width: 50%; float: left; text-align: center; margin-bottom: 12px; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .csWriteWrap .csTab a.active{ background: #0091e5; color: #fff; font-weight: bold; position: relative; } .csWriteWrap .csTab a.active:after{ content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 6px; border-color: #0091e5 transparent transparent transparent; position: absolute; left: 50%; bottom: -12px; margin-left: -6px; } .csWriteWrap .csclass{ overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-top: 10px; border-top: 3px solid #0091e5; display: none; } .csWriteWrap .column{ width: 100%; margin-bottom: 5px; overflow: hidden; border-top: 1px solid #dfdfdf; padding-top: 10px; } .csWriteWrap .column:nth-child(1){ border-top: 0; padding-top: 0; } .csWriteWrap .column .title{ padding-top: 4px; font-size: 13px; font-weight: bold; color: #6d2c27; width: 31%; float: left; text-indent: 6px; } .csWriteWrap .column .csRadioSection{ width: 66%; float: left; padding-left: 10px; } .csWriteWrap .csclass input.radioBtn{ display: inline-block; margin: 0; padding: 0; vertical-align: middle; margin-bottom: 2px; margin-right: 5px; } .csWriteWrap .column label{ display: inline-block; height: 14px; line-height: 14px; margin-bottom: 2px; vertical-align: middle; margin-bottom: 12px; width: 50%; } .csWriteWrap .column label.checked{ font-weight: bold; color: #ff3000; } .csWriteWrap #userInterfaces{ border-top: 1px solid #dfdfdf; padding: 6px; } .csWriteWrap #userInterfaces .title{ display: block; height: 26px; line-height: 26px; color: #666; font-weight: bold; } .csWriteWrap #userInterfaces label{ display: inline-block; height: 26px; line-height: 26px; margin: 0 15px 0 2px; vertical-align: middle; width: 33.33%; } .csWriteWrap #userInterfaces label.etc{ width: auto; } .csWriteWrap #userInterfaces label input[type=text]{ display: inline-block; border: 1px solid #cecece; padding: 0 6px; height: 24px; margin-left: 5px; } .csWriteWrap #userInterfaces label input[type=radio]{ margin-right: 4px; } .csWriteWrap #userInterfaces #userBrowser{ margin-top: 6px; } #basicBoard .writePart .csWriteWrap .imageUpload .tipBtn{ height: 38px; } /* payCont */ #payCont { } #payCont .payTab { position:relative; height:40px; border-top:5px solid #f1f1f1; } #payCont .payTab ul { } #payCont .payTab ul li { position:relative; float:left; height:40px; width:33.33%; *display:inline; *zoom:1; z-index:1; border-top:1px solid #c8c8c8; } #payCont .payTab ul li.first { margin-left:0; } #payCont .payTab ul li.on { z-index:3; font-weight:bold;} #payCont .payTab ul li a { display:block; text-align:center; text-decoration:none; overflow:hidden;height:40px; line-height:40px; background:#dadada; color:#757575; font-size:14px; font-family:sans-serif; letter-spacing:-0.6px; border-bottom:1px solid #c8c8c8; box-sizing:border-box;} #payCont .payTab ul li a:hover { background:#fff; color:#555; } #payCont .payTab ul li.on a { background:#fff; color:#565656; border:0; height:40px; line-height:40px; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; } /* payPoint */ #payCont .payPoint { background:#fff; clear:both; margin-top:10px;} /* amountChoice */ #payCont .payPoint .amountChoice { } #payCont .payPoint .amountChoice h3 { font-weight:bold; padding:10px 5px; font-size:14px; color:#464646; letter-spacing:-0.5px; font-family:'굴림','gulim'; background:#fff; clear:both;} #payCont .payPoint .amountChoice h4 { background-color:#fff; padding:10px 10px 0px 5px; float:right;} #payCont .payPoint .amountChoice h4 p.m_icon_payp { display:inline-block; width:12px; height:12px; background:#fa5347; color:#fff; font-size:11px; text-align:center; box-sizing:border-box; border-radius:3px; font-weight:100; margin-left:2px; } #payCont .payPoint .amountChoice h4 p.m_icon_payb { display:inline-block; width:12px; height:12px; background:#f29531; color:#fff; font-size:11px; text-align:center; box-sizing:border-box; border-radius:3px; font-weight:100; margin-left:2px; } #payCont .payPoint .amountChoice h4 p.m_icon_pays { display:inline-block; width:12px; height:12px; background:#8172d2; color:#fff; font-size:11px; text-align:center; box-sizing:border-box; border-radius:3px; font-weight:100; margin-left:2px; } #payCont .payPoint .amountChoice h4 p.m_icon_payc { display:inline-block; width:12px; height:12px; background:#5da2ff; color:#fff; font-size:11px; text-align:center; box-sizing:border-box; border-radius:3px; font-weight:100; margin-left:2px; } #payCont .payPoint .amountChoice .amountList { } #payCont .payPoint .amountChoice .amountList .listTable { width:100%; table-layout:fixed border-collapse: separate; border-spacing: 0 10px;} #payCont .payPoint .amountChoice .amountList .listTable thead th { height:15px; padding:6px 0; font-size:11px; text-align:center; color:gray; border-top:1px solid #dadada; border-bottom:1px solid #dadada; /*background:url(http://img.jjinpl.com/pay/background/table_thead1.gif) repeat-x;*/ } /* #payCont .payPoint .amountChoice .amountList .listTable tr.on td { background:#d3ded9; } #payCont .payPoint .amountChoice .amountList .listTable tbody td { height:56px; padding:5px 0 5px 0; font-size:11px; color:#464646; background:#fff; border-bottom:1px solid #a2a2a2; border-top:2px solid #d2d2d2; } */ #payCont .payPoint .amountChoice .amountList .listTable .tLeft { text-align:left; } #payCont .payPoint .amountChoice .amountList .listTable .tRight { text-align:right; display:none;} #payCont .payPoint .amountChoice .amountList .listTable .tCenter { text-align:center; padding:5px;} #payCont .payPoint .amountChoice .amountList .listTable .right12 { padding-right:12px; } #payCont .payPoint .amountChoice .amountList .listTable .left30 { padding-left:30px; } #payCont .payPoint .amountChoice .amountList .listTable .right35 { padding-right:35px; } #payCont .payPoint .amountChoice .amountList .listTable .right25 { padding-right:25px; } #payCont .payPoint .amountChoice .amountList .listTable .line { text-decoration:line-through; font-weight:100 !important; font-size:11px; letter-spacing:-0.5px; /*margin-left:12px;*/ color:#b6b6b6; display:block; line-height: 0;} #payCont .payPoint .amountChoice .amountList .listTable .bold { font-weight:bold; font-size:13px; letter-spacing:-0.3px; color:#3f2f65; } #payCont .payPoint .amountChoice .amountList .listTable .bold p.m_icon_payp { display:inline-block; width:12px; height:12px; background:#fa5347; color:#fff; font-size:11px; text-align:center; box-sizing:border-box; border-radius:3px; font-weight:100; margin-left:2px; } #payCont .payPoint .amountChoice .amountList .listTable .bold p.m_icon_payb { display:inline-block; width:12px; height:12px; background:#f29531; color:#fff; font-size:11px; text-align:center; box-sizing:border-box; border-radius:3px; font-weight:100; margin-left:2px; } #payCont .payPoint .amountChoice .amountList .listTable .bold p.m_icon_pays { display:inline-block; width:12px; height:12px; background:#8172d2; color:#fff; font-size:11px; text-align:center; box-sizing:border-box; border-radius:3px; font-weight:100; margin-left:2px; } #payCont .payPoint .amountChoice .amountList .listTable .bold p.m_icon_payc { display:inline-block; width:12px; height:12px; background:#5da2ff; color:#fff; font-size:11px; text-align:center; box-sizing:border-box; border-radius:3px; font-weight:100; margin-left:2px; } #payCont .payPoint .amountChoice .amountList .listTable tr { } #payCont .payPoint .amountChoice .amountList .listTable tr.specialFix td { background:#fff7af; } #payCont .payPoint .amountChoice .amountList .listTable tbody td div.payment_result {display:inline-block; background:#eee; border-radius:5px; padding:3px 10px; margin-bottom:3px; font-size:20px; font-family:tahoma, sans-serif; font-weight:bold; color:#ff4c4c; letter-spacing:-0.4px; } #payCont .payPoint .amountChoice .amountList .listTable tbody td div.ico50 {background:#ff3000; font-size:12px; font-family: tahoma, sans-serif; font-weight:normal; color:#fff; letter-spacing:-0.4px; padding:2px 5px; display:inline-block; vertical-align: 3px; } #payCont .payPoint .amountChoice .amountList .listTable tbody td { text-align:left; height:76px; font-size:11px; padding:0 7px; font-size:11px; color:#464646; background-color:#f8f8f8;} #payCont .payPoint .amountChoice .amountList .listTable tbody td p.charge_page_buybtn { background: #003c65; color: #fff; height: 50px; line-height: 50px; border-radius: 3px; font-weight: bold; font-family: sans-serif; font-size: 16px; width: 90%; margin: 0 auto; border: 1px solid #003c65; box-sizing: border-box;} #payCont .payPoint .amountChoice .amountList .listTable tbody td p.charge_page_buybtn.btnLine { background:#003c65; color:#fff; height:50px; line-height:35px; border-radius:3px; font-weight:bold; font-family:sans-serif; font-size:16px; width:90%; margin:0 auto; border:1px solid #003c65; box-sizing:border-box; padding-top:10px;} #payCont .payPoint .amountChoice .amountList .listTable tbody td p.charge_page_buybtn::after { content:""; background:url('http://img.jjinpl.com/m/pay/paybtnarrow_v3.png') no-repeat; display:inline-block; width:12px; height:12px; background-size:12px; margin-left:3px; } #payCont .payPoint .amountChoice .amountList .listTable tbody td p.charge_page_buybtn img { vertical-align:text-top; margin-top:4px; margin-left:1px;} #payCont .payPoint .amountChoice .amountList .listTable tbody td .radio { } #payCont .payPoint .amountChoice .amountList .listTable tbody td .icon { display:inline-block; background-repeat:no-repeat; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .icon.sale { width:35px; height:14px; margin-right:2px; background-image:url(http://img.jjinpl.com/common/m/icon/pay_50sale.gif); background-size:35px 14px; vertical-align:middle; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .icon.sale80 { width:35px; height:14px; margin-right:2px; background-image:url(http://img.jjinpl.com/m/common/icon/pay_80sale.gif); background-size:35px 14px; vertical-align:middle; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .icon.sale30 { width:35px; height:14px; margin-right:2px; background-image:url(http://img.jjinpl.com/common/m/icon/pay_30sale.gif); background-size:35px 14px; vertical-align:middle; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .gray { /*color:#636363;color:#ff0000;color:#5e69f5;*/color:#fff; font-size:14px; font-family:'tahoma'; font-weight:bold; letter-spacing:-0.4px; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .red { color:#ff0000; font-size:12px;} #payCont .payPoint .amountChoice .amountList .listTable tbody td .blue { color:#0060ff; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .orange { color:#ff6000; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .black { color:#464646; /**/font-size:11px; letter-spacing:-0.5px; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .green { color:#009d46; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .purple { color:#7340c9; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .gray, #payCont .payPoint .amountChoice .amountList .listTable tbody td .red, #payCont .payPoint .amountChoice .amountList .listTable tbody td .blue, #payCont .payPoint .amountChoice .amountList .listTable tbody td .orange, #payCont .payPoint .amountChoice .amountList .listTable tbody td .black { display:inline-block; /*vertical-align:middle;*/ height:14px; line-height:14px; } /* choiceResult */ #payCont .payPoint .choiceResult { margin-top:10px; display:none;} #payCont .payPoint .choiceResult h3 { font-weight:bold; padding:10px 5px; font-size:14px; color:#fff; letter-spacing:-0.5px; font-family:'굴림','gulim'; background:#0091e5; border-bottom:6px solid #fff;} #payCont .payPoint .choiceResult .box { padding:10px 10px 10px 10px; border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; background:#f9f9f9; } #payCont .payPoint .choiceResult .box ul { } #payCont .payPoint .choiceResult .box li { padding-bottom:3px; letter-spacing:-1px; font-size:13px; } #payCont .payPoint .choiceResult .box li strong:last-child { letter-spacing:0; } #payCont .payPoint .choiceResult .box strong, #payCont .payPoint .choiceResult .box span { display:inline-block; height:16px; line-height:16px; vertical-align:middle; } #payCont .payPoint .choiceResult .box .line { text-decoration:line-through; } #payCont .payPoint .choiceResult .box .black { color:#333333; margin-right:4px; } #payCont .payPoint .choiceResult .box .gray { color:#a1a0a0; } #payCont .payPoint .choiceResult .box .red { color:#f00; } #payCont .payPoint .choiceResult .box .green { color:#009d46; } #payCont .payPoint .choiceResult .box .purple { color:#7340c9; } #payCont .payPoint .choiceResult .box .icon.sale { width:35px; height:14px; margin-right:2px; background-image:url(http://img.jjinpl.com/common/m/icon/pay_50sale.gif); background-size:35px 14px; vertical-align:middle; } /* choiceAgency */ #payCont .payPoint .choiceAgency { margin-top:10px; } #payCont .payPoint .choiceAgency h3 { font-weight:bold; padding:10px 5px 5px 5px; font-size:13px; color:#555555; } #payCont .payPoint .choiceAgency .box { padding:12px 7px 12px 7px; border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; background:#f9f9f9; } #payCont .payPoint .choiceAgency .box ul { } #payCont .payPoint .choiceAgency .box li { display:inline-block; vertical-align:top; } #payCont .payPoint .choiceAgency .box li input { display:inline-block; margin-top:5px; vertical-align:top; } #payCont .payPoint .choiceAgency .box li label { display:inline-block; height:30px; margin:0 8px 0 9px; vertical-align:top; } /* payFix */ #payCont .payFix { margin-top:10px; } /* amountChoice */ #payCont .payFix .amountChoice { } /* #payCont .payFix .amountChoice h3 { font-weight:bold; padding:10px 5px 5px 5px; font-size:13px; color:#555555; }*/ #payCont .payFix .amountChoice h3 { font-weight:bold; padding:10px 5px; font-size:14px; color:#464646; letter-spacing:-0.5px; font-family:'굴림','gulim'; background:#fff; clear:both;} #payCont .payFix .amountChoice .amountList { } #payCont .payFix .amountChoice .amountList .listTable { width:100%; table-layout:fixed } #payCont .payFix .amountChoice .amountList .listTable thead th { height:15px; padding:6px 0; font-size:11px; text-align:center; color:gray; background:#f0f0f0; border-top:1px solid #dadada; border-bottom:1px solid #dadada; /*background:url(http://img.jjinpl.com/pay/background/table_thead1.gif) repeat-x;*/ } #payCont .payFix .amountChoice .amountList .listTable tr.on td { background:#FFF5F4; } #payCont .payFix .amountChoice .amountList .listTable tbody td { height:50px; padding:5px 0 5px 0; font-size:12px; color:#888; background:#fff; border-bottom:1px solid #e2e2e2; vertical-align:middle; border-bottom:6px solid #f1f1f1;} #payCont .payFix .amountChoice .amountList .listTable .tLeft { text-align:left; } #payCont .payFix .amountChoice .amountList .listTable .tRight { text-align:right; } #payCont .payFix .amountChoice .amountList .listTable .tCenter { text-align:center; } #payCont .payFix .amountChoice .amountList .listTable .right12 { padding-right:12px; } #payCont .payFix .amountChoice .amountList .listTable .left30 { padding-left:30px; } #payCont .payFix .amountChoice .amountList .listTable .right35 { padding-right:35px; } #payCont .payFix .amountChoice .amountList .listTable .right25 { padding-right:25px; } #payCont .payFix .amountChoice .amountList .listTable .line { text-decoration:line-through; } #payCont .payFix .amountChoice .amountList .listTable .bold { font-weight:bold; } #payCont .payFix .amountChoice .amountList .listTable tr.specialFix td { background:#fff7af; } #payCont .payFix .amountChoice .amountList .listTable tbody td .radio { } #payCont .payFix .amountChoice .amountList .listTable tbody td .icon { display:inline-block; background-repeat:no-repeat; } #payCont .payFix .amountChoice .amountList .listTable tbody td .icon.sale { width:35px; height:14px; margin-right:2px; background-image:url(http://img.jjinpl.com/m/common/icon/pay_50sale.gif); background-size:35px 14px; vertical-align:middle; } #payCont .payFix .amountChoice .amountList .listTable tbody td .gray { color:#636363; } #payCont .payFix .amountChoice .amountList .listTable tbody td .red { color:#ff0000; } #payCont .payFix .amountChoice .amountList .listTable tbody td .blue { color:#0060ff; } #payCont .payFix .amountChoice .amountList .listTable tbody td .orange { color:#ff6000; } #payCont .payFix .amountChoice .amountList .listTable tbody td .black { color:#000000; } #payCont .payFix .amountChoice .amountList .listTable tbody td .green { color:#009d46; } #payCont .payFix .amountChoice .amountList .listTable tbody td .gray, #payCont .payFix .amountChoice .amountList .listTable tbody td .red, #payCont .payFix .amountChoice .amountList .listTable tbody td .blue, #payCont .payFix .amountChoice .amountList .listTable tbody td .orange, #payCont .payFix .amountChoice .amountList .listTable tbody td .black, #payCont .payFix .amountChoice .amountList .listTable tbody td .green { display:inline-block; vertical-align:middle; height:14px; line-height:14px; } #payCont .payFix .amountChoice .amountList .listTable tbody td.letter1 { letter-spacing:-1px; } /* choiceAgency */ #payCont .payFix .choiceAgency { margin-top:10px; } /* #payCont .payFix .choiceAgency h3 { font-weight:bold; padding:10px 5px 5px 5px; font-size:13px; color:#555555; } */ #payCont .payFix .choiceAgency h3 { font-weight:bold; padding:10px 5px; font-size:14px; color:#fff; letter-spacing:-0.5px; font-family:'굴림','gulim'; background:#7aac82; border-bottom:6px solid #f1f1f1;} #payCont .payFix .choiceAgency .box { padding:12px 7px 12px 7px; border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; background:#f9f9f9; } #payCont .payFix .choiceAgency .box ul { } #payCont .payFix .choiceAgency .box li { display:inline-block; vertical-align:top; } #payCont .payFix .choiceAgency .box li input { display:inline-block; margin-top:5px; vertical-align:top; } #payCont .payFix .choiceAgency .box li label { display:inline-block; height:30px; margin:0 8px 0 9px; vertical-align:top; /*padding-left:10px;*/ } /* chargeTip */ #payCont .chargeTip { margin:15px 5px 20px 5px; border:1px solid #EFEFEF; background:#F5F5F5; padding:5px 5px 2px 5px; } #payCont .chargeTip ul { line-height:16px; } #payCont .chargeTip li { padding-bottom:3px; font-size:11px; color:#999; letter-spacing:-1px; } /* buttonPart */ #payCont .buttonPart { text-align:center; padding:10px 0; width:320px; margin: 0 auto;} #payCont .buttonPart a.fix_buy { display:block; width:280px; height:44px; line-height:44px; font-weight:bold; letter-spacing:-1px; font-size:14px; margin:0 auto; background:#0091e5; color:#fff;} #payCont .buttonPart li { float:left; width:50%;} #payCont .buttonPart li a { display:block; width:110px; padding:13px 20px; font-weight:bold; font-size:14px; text-align:center; margin:3px auto; } #payCont .buttonPart li a.green { background:#53965e; color:#fff; text-decoration:none; } #payCont .buttonPart li a.blue {text-decoration:none; border:1px solid #2968b6; background-color:#4085da; background: -webkit-gradient(linear, left top, left bottom, from(#63affc), to(#4085da)); background: -moz-linear-gradient(top,#63affc, #4085da); background: -ms-linear-gradient(top,#63affc, #4085da); background: -o-linear-gradient(top,#63affc, #4085da); color:#fff; text-shadow:0 0 2px #7d1800;} /* certifyContent */ #certifyContent { padding:7px 7px 7px 7px; } #certifyContent h2 { padding:10px 0; font-size:17px; color:#333; } #certifyContent .certify { padding:10px; background:#f4f4f4; border:1px solid #d7d7d7; } #certifyContent .certify .notice { text-align:center; padding:7px; color:#555555; font-size:14px; line-height:19px; } #certifyContent .certify .notice span { } #certifyContent .certify .notice em { color:#f00; } #certifyContent .certify .memberButton { padding:7px 0; text-align:center; } #certifyContent .certify .memberButton li { display:inline-block; margin:0 4px; } #certifyContent .certify .memberButton li a { display:inline-block; padding:9px 15px; width:80px; font-size:14px; overflow:hidden; text-align:center; color:#fff; text-shadow:0 0 2px #590000; font-weight:bold; border:1px solid #b72e2e; text-decoration:none; background-color:#f12020; background-image: -moz-linear-gradient(#f16d6d, #f12020); background-image: -webkit-linear-gradient(#f16d6d, #f12020); background-image: -o-linear-gradient(#f16d6d, #f12020); background-image: -ms-linear-gradient(#f16d6d, #f12020); background-image: linear-gradient(#f16d6d, #f12020); border-radius:25px; } #certifyContent .certify h3 { margin-top:10px; padding:10px; border:1px solid #da3806; background:#ff6231; color:#fff; text-shadow:0 0 2px #419bbd; } #certifyContent .certify form { padding:10px; border:1px solid #d7d7d7; border-top:0; background:#fff; } #certifyContent .certify form .inputForm { } #certifyContent .certify form .inputForm ul { display:table; width:100%; } #certifyContent .certify form .inputForm ul li { display:table-row; } #certifyContent .certify form .inputForm ul li span { display:table-cell; } #certifyContent .certify form .inputForm ul li span label { margin-right: 7px; } #certifyContent .certify form .inputForm ul li span select { height: 25px; width: 65px; } #certifyContent .certify form .inputForm ul li span.th { width:85px; color:#878787; } #certifyContent .certify form .inputForm ul li span.td { } #certifyContent .certify form .inputForm ul li span.th, #certifyContent .certify form .inputForm ul li span.td { padding-bottom:7px; vertical-align:middle; } #certifyContent .certify form .inputForm ul li span.td .text { border:1px solid #bbb; padding:7px 5px; box-sizing: border-box; width:100%; color:#555; } #certifyContent .certify form .submitBtn { text-align:center; padding:11px 0; } #certifyContent .certify form .submitBtn .submit { display:inline-block; width:150px; padding:6px 0; font-size:14px; text-align:center; color:#fff; text-shadow:0 0 2px #039; font-weight:bold; border:1px solid #da3806; text-decoration:none; background-color:#2fa9e0; background-image: -moz-linear-gradient(#ff9256, #ff5a00); background-image: -webkit-linear-gradient(#ff9256, #ff5a00); background-image: -o-linear-gradient(#ff9256, #ff5a00); background-image: -ms-linear-gradient(#ff9256, #ff5a00); background-image: linear-gradient(#ff9256, #ff5a00); border-radius:25px; } #certifyContent .certify form .tip { color:#878787; font-weight:bold; } /* paging */ .pagingTypeMobile { text-align: center; padding: 15px 0 7px 0; } .pagingTypeMobile a { display: inline-block; height: 32px; min-width: 34px; margin: 0 1px; padding: 0 4px; overflow: hidden; line-height: 32px; color: #827e7e; font-size: 13px; text-decoration: none; background:#dde0db; box-sizing:border-box; border-radius:3px; } .pagingTypeMobile a.next, .pagingTypeMobile a.prev { width: 34px; padding: 0; background: #dde0db; /* background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e9e9e9)); background: -moz-linear-gradient(top, #fcfcfc, #e9e9e9); */ } .pagingTypeMobile a span { display: block; width: 100%; height: 100%; margin: 0 auto; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 8px 12px; /*text-indent: -1000px;*/ overflow: hidden; } /* .pagingTypeMobile a.prev span { background-image: url(http://img.jjinpl.com/mobile/common/icon/paging_prev_320_1.png); } @media screen and (-webkit-min-device-pixel-ratio:1.5) { .pagingType1 a.prev span { background-image: url(http://img.jjinpl.com/mobile/common/icon/paging_prev_480_1.png); } } @media screen and (-webkit-min-device-pixel-ratio:2) { .pagingType1 a.prev span { background-image: url(http://img.jjinpl.com/mobile/common/icon/paging_prev_640_1.png); } } .pagingTypeMobile a.next span { background-image: url(http://img.jjinpl.com/m/common/icon/paging_next_320_1.png); } @media screen and (-webkit-min-device-pixel-ratio:1.5) { .pagingType1 a.next span { background-image: url(http://img.jjinpl.com/mobile/common/icon/paging_next_480_1.png); } } @media screen and (-webkit-min-device-pixel-ratio:2) { .pagingType1 a.next span { background-image: url(http://img.jjinpl.com/mobile/common/icon/paging_next_640_1.png); } } */ .pagingTypeMobile a.nowpage { color: #fff; background: #0091e5; /* background: -webkit-gradient(linear, left top, left bottom, from(#ed2a2a), to(#ff8f8f)); background: -moz-linear-gradient(top, #ed2a2a, #ff8f8f);*/ } .pagingTypeMobileComment { text-align: center; padding: 15px 0 7px 0; } .pagingTypeMobileComment a { display: inline-block; height: 25px; min-width: 15px; margin: 0 1px; padding: 0 4px; overflow: hidden; line-height: 35px; color: #5e5e5e; border: 1px solid #cdcdcd; -webkit-border-radius: 5px; font-size: 14px; text-decoration: none; } .pagingTypeMobileComment a.next, .pagingTypeMobileComment a.prev { width: 20px; padding: 0; background: #c5c5c5; background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e9e9e9)); background: -moz-linear-gradient(top, #fcfcfc, #e9e9e9); } .pagingTypeMobileComment a span { display: block; width: 100%; height: 100%; margin: 0 auto; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 8px 12px; text-indent: -1000px; overflow: hidden; } .pagingTypeMobileComment a.prev span { background-image: url(http://img.jjinpl.com/mobile/common/icon/paging_prev_320_1.png); } @media screen and (-webkit-min-device-pixel-ratio:1.5) { .pagingType1 a.prev span { background-image: url(http://img.jjinpl.com/mobile/common/icon/paging_prev_480_1.png); } } @media screen and (-webkit-min-device-pixel-ratio:2) { .pagingType1 a.prev span { background-image: url(http://img.jjinpl.com/mobile/common/icon/paging_prev_640_1.png); } } .pagingTypeMobileComment a.next span { background-image: url(http://img.jjinpl.com/mobile/common/icon/paging_next_320_1.png); } @media screen and (-webkit-min-device-pixel-ratio:1.5) { .pagingType1 a.next span { background-image: url(http://img.jjinpl.com/mobile/common/icon/paging_next_480_1.png); } } @media screen and (-webkit-min-device-pixel-ratio:2) { .pagingType1 a.next span { background-image: url(http://img.jjinpl.com/mobile/common/icon/paging_next_640_1.png); } } .pagingTypeMobileComment a.nowpage { color: #fff; border: 1px solid #0053c5; background: #0392ff; background: -webkit-gradient(linear, left top, left bottom, from(#71d1ff), to(#0392ff)); background: -moz-linear-gradient(top, #71d1ff, #0392ff); } #diskboardCont .diskboardView .viewBtnGroup .playimg { position:relative; background:#000; margin-bottom:10px; } #diskboardCont .diskboardView .viewBtnGroup .playimg img { width:100%; opacity:0.7;} #diskboardCont .diskboardView .viewBtnGroup .playimg .playimgimg { position:absolute; background:url('http://img.jjinpl.com/m/common/bg/view_thumbnail7v.png') no-repeat; width:70px; height:70px; top:0; left:0; right:0; bottom:0; margin:auto; background-size:70px 70px; } #diskboardCont .diskboardView .viewBtnGroup .playimg .playimgimg span.fast_view { color:#fff; margin-top:55px; display:inline-block; font-size:13px; font-family:sans-serif; letter-spacing:-0.6px; }