/* - Project : ssenhosting - Author : - Description : - Create : YYYY-MM-DD - Modify : YYYY-MM-DD - */ /* ======================================================================== layout, commoon ======================================================================== */ /* header */ #hdrWrap { border-bottom: 4px solid #35302c; } #hdr { position: relative; width: 940px; height: 101px; margin-left: auto; margin-right: auto; } #hdr h1 { position: absolute; left: 0px; top: 0px; width: 210px; height: 101px; } #hdr h1 a { overflow: hidden; display: block; width: 100%; height: 100%; text-indent: -9999px; } #hdr h1 a.eng { background: url(/img/ssen/common/bi_hdr_eng.gif) no-repeat 20px 11px; } #hdr h1 a.kor { background: url(/img/ssen/common/bi_hdr_kor.gif) no-repeat 20px 11px; } #gnb { position: absolute; left: 232px; top: 50px; } #gnb li, #gnb li a { float: left; width: auto; font-size: 0; line-height: 0; } #gnb li { padding-right: 32px; margin-right: 31px; background: url(/img/ssen/common/bull_gnb_div.gif) no-repeat right 45%; } #gnb li.last { margin-right: 0; padding-right: 0; background: none; } #hdr .mem { position: absolute; right: 0px; top: 5px; } #hdr .mem p { position: relative; display: inline; top: 3px; padding-right: 5px; font-size: 11px; letter-spacing: -1px; vertical-align: middle; } #hdr .mem .btns { display: inline; font-size: 0; line-height: 0; vertical-align: middle; } #hdr .mem .btn-sp { margin-right: 5px; } #hdr .mem .link { position: relative; top: 5px; right: -5px; display: inline; font-size: 0; line-height: 0; } #hdr .mem .link a { display: inline-block; padding: 0 10px; font-size: 11px; line-height: 1.25; background: url(/img/ssen/common/bar_h8_dcdcdc.gif) no-repeat 0 45%; } #hdr .mem .link strong a { background: none; } #hdr .elink { display: none; } /* height 100% */ #container { min-height: 100%; _height: 100%; margin: -105px 0 -163px; } #contentWrap { *zoom: 1; padding-top: 105px; padding-bottom: 223px; } #contentWrap:after { content: ""; display: block; clear: both; } #contentWrap { width: 940px; margin-right: auto; margin-left: auto; } /* content */ .ptit-hd { zoom: 1; overflow: hidden; border-bottom: 2px solid #ffa280; } .ptit { height: 20px; padding-top: 2px; padding-left: 26px; padding-bottom: 5px; font-size: 0; line-height: 0; background: url(/img/ssen/common/bull_ptit.gif) no-repeat 0 0; } .ptit-hd .ptit { float: left; width: auto; } .ptit-hd .loc { float: right; width: auto; padding-top: 8px; font-size: 11px; letter-spacing: -1px; color: #999; } /* ======================================================================== 동영상 호스팅 ======================================================================== */ /* 상품 안내 */ #videoAbout .page-cont { margin-left: 20px; } #videoAbout h3.atit { margin-top: 30px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: -1px; background: url(/img/ssen/common/bull_h11_arw_a3e0f7.gif) no-repeat 0 45%; } #videoAbout .cbox { margin-top: 10px; } /* 쎈호스팅이란? */ #videoAbout .c-about { min-height: 190px; _height: 190px; padding: 60px 0px 20px 25px; border: 1px solid #eee; background: url(/img/ssen/video/bg_about_hd.gif) no-repeat 415px 20px;} #videoAbout .c-about p { font-size: 0; line-height: 0; } #videoAbout .c-about ul { padding-top: 30px; } #videoAbout .c-about li { margin-top: 5px; padding-left: 9px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 4px; } /* 무료 팟호스팅 POD-FREE 서비스 */ #videoAbout .cbox.util dl { position: relative; border: 1px solid #eee; padding: 5px; margin-bottom: 25px; width: 690px; height: 170px; } #videoAbout .cbox.util dl h5 { font-size: 12px; } #videoAbout .cbox.util dl h5 a { color: #ff642b; font-weight: bold; } #videoAbout .cbox.util dt { } #videoAbout .cbox.util dd { position: absolute; bottom: 10px; left: 0; width: 380px; } /* 서비스 종류 및 가격 */ #videoAbout .c-type { margin-top: 5px; } #videoAbout .c-type .tmsg { font-weight: bold; letter-spacing: -1px; font-size: 11px; } #videoAbout .c-type .tmsg strong { color: #ff642b; } #videoAbout .c-type .box { position: relative; padding-bottom: 10px; } #videoAbout .c-type .box-w { zoom: 1; margin-top: 15px; } #videoAbout .c-type .box-w:after{ content: ""; display: block; clear: both; } #videoAbout .c-type .box-w .box { width: 337px; min-height: 390px; _height: 390px; } #videoAbout .c-type .box-w .box-l { float: left; } #videoAbout .c-type .box-w .box-r { float: right; } #videoAbout .c-type .box h4 { height: 50px; padding-top: 20px; padding-left: 20px; font-size: 0; line-height: px; } #videoAbout .c-type .box .tdsc { position: absolute; right: 0px; top: -6px; } #videoAbout .c-type .box-w .btn { position: absolute; left: 85px ; bottom: 10px; } #videoAbout .c-type .btn { margin-top: 10px; text-align: center; } #videoAbout .c-type .btn-sp * { padding-left: 0; padding-right: 2px; width: 165px; text-align: center; } #videoAbout .c-type .cont { padding-top: 15px; padding-left: 20px; padding-right: 10px; } #videoAbout .c-type dl { zoom: 1; overflow: hidden; padding-left: 10px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 6px; } #videoAbout .c-type dt, #videoAbout .c-type dd { float: left; } #videoAbout .c-type dt { margin-right: 3px; font-weight: bold; letter-spacing: -1px; } #videoAbout .c-type li { padding-bottom: 5px; } #videoAbout .c-type li.bold { font-weight: bold; font-size: 14px; background-position: 0px 8px; } #videoAbout .c-type li.bold dd { color: #000; } #videoAbout .c-type li dd.dsc { clear: both; width: 100%; font-size: 11px; color: #ff642b; font-weight: normal; letter-spacing: 0; } #videoAbout .c-type li.fc dd { clear: both; width: 100%; letter-spacing: -1px; } #videoAbout .c-type .bdsc { zoom: 1; position: relative; padding-left: 10px; font-size: 11px; color: #ff642b; letter-spacing: -1px; } #videoAbout .c-type .bdsc .num { letter-spacing: 0; } #videoAbout .c-type .bdsc .bull { position: absolute; left: 0; top: 0; } /* basic */ #videoAbout .c-type .box-basic { margin-top: 5px; border: 2px solid #d2cafe; } #videoAbout .c-type .box-basic h4 { border-bottom: 1px solid #d2cafe; } #videoAbout .c-type .box-basic .tdsc { _top: -4px; } /* premium */ #videoAbout .c-type .box-premium { border: 2px solid #a3e0f7; } #videoAbout .c-type .box-premium h4 { border-bottom: 1px solid #a3e0f7; } /* business */ #videoAbout .c-type .box-business { border: 2px solid #fdadc7; } #videoAbout .c-type .box-business h4 { border-bottom: 1px solid #fdadc7; } /* gold */ #videoAbout .c-type .box-gold { border: 2px solid #ffbaa1; } #videoAbout .c-type .box-gold h4 { border-bottom: 1px solid #ffbaa1; } /* custom */ #videoAbout .c-type .box-custom { border: 2px solid #8eef9d; } #videoAbout .c-type .box-custom ul { margin-top: 20px; } #videoAbout .c-type .box-custom h4 { border-bottom: 1px solid #8eef9d; } /* 맞춤 견적 */ #videoAbout #cTailor { margin-top: 30px; } #videoAbout #cTailor h3 { position: relative; font-size: 0; line-height: 0; } #videoAbout #cTailor h3 button { position: absolute; right: 11px; top: 9px; width: 46px; height: 46px; border: 0; text-indent: -9999px; background: url(/img/ssen/video/btn_tailor_show.gif) no-repeat 0 0; } #videoAbout #cTailor h3 button.show { background: url(/img/ssen/video/btn_tailor_hide.gif) no-repeat 0 0; } #videoAbout #cTailor .fl-w { zoom: 1; overflow: hidden; width: 688px; border: 1px solid #eee; } #videoAbout #cTailor .c-tailor { float: left; height: 186px; padding-left: 20px; } #videoAbout #cTailor .c-tailor li { zoom: 1; overflow: hidden; padding-left: 7px; padding-bottom: 2px; line-height: 20px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 8px; } #videoAbout #cTailor .c-tailor span.tit { float: left; width: 65px; height: 20px; letter-spacing: -1px; line-height: 20px; vertical-align: middle; } #videoAbout #cTailor .c-tailor li.total { font-size: 14px; letter-spacing: -2px; font-weight: bold; color: #ff642b; } #videoAbout #cTailor .c-tailor .txt-input { width: 75px; height: 20px; margin-right: 2px; padding-left: 2px; line-height: 20px; text-align: right; border: 1px solid #ddd; } #videoAbout #cTailor h4 { zoom: 1; overflow: hidden; } #videoAbout #cTailor h4 span { float: left; width: auto; height: 14px; padding-top: 1px; margin-top: 15px; padding-left: 4px; padding-right: 10px; font-size: 11px; line-height: 14px; letter-spacing: -1px; color: #fff; font-weight: normal; background: url(/img/ssen/common/ribbon_h15_lblue.gif) no-repeat right 0; } #videoAbout #cTailor .app { padding: 12px 0; text-align: center; background-color: #eee; } #videoAbout #cTailor .tailor-c1 { width: 209px; border-right: 1px solid #eee; } #videoAbout #cTailor .tailor-c1 p { margin-top: 25px; color: #000; letter-spacing: -1px; } #videoAbout #cTailor .tailor-c1 ul { margin-top: 15px; } #videoAbout #cTailor .tailor-c2 { width: 208px; border-right: 1px solid #eee; } #videoAbout #cTailor .tailor-c2 dl { zoom: 1; overflow: hidden; margin-top: 10px; font-size: 16px; font-weight: bold; color: #ff642b; } #videoAbout #cTailor .tailor-c2 dt, #videoAbout #cTailor .tailor-c2 dd { float: left; } #videoAbout #cTailor .tailor-c2 dt { margin-right: 3px; } #videoAbout #cTailor .tailor-c2 ul { margin-top: 5px; } #videoAbout #cTailor .tailor-c3 { width: 209px; } #videoAbout #cTailor .tailor-c3 ul { margin-top: 15px; } /* 기본제공 서비스 */ #videoAbout .c-standard { zoom: 1; width: 100%; } #videoAbout .c-standard:after{ content: ""; display: block; clear: both; } #videoAbout .c-standard li { width: 50%; float: left; } #videoAbout .fdl { margin-top: 40px; } #videoAbout .fdl dt{ font-weight: bold; color: #000; } #videoAbout .fdl dd { margin-top: 5px; } #videoAbout .fdl li { padding-left: 7px; padding-top: 5px; line-height: 20px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 13px; } /* 서비스 신청 */ #videoApp .page-cont { margin-left: 20px; } #videoApp h3.atit { margin-top: 30px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: -1px; background: url(/img/ssen/common/bull_h11_arw_a3e0f7.gif) no-repeat 0 45%; } #videoApp .ddl { margin-top: 18px; } #videoApp .ddl li { padding-left: 9px; background: url(/img/ssen/common/bull_h5_ostar.gif) no-repeat 0px 5px; } #videoApp .btn-foot { margin-top: 40px; text-align: center; } /* 서비스 선택 */ #videoApp .c-choice .tmsg { position: relative; top: -20px; margin-bottom: -15px; text-align: right; font-size: 11px; } #videoApp .table-service { margin-top: 5px; } #videoApp .table-service thead th { color: #ff642b; border-top: 1px solid #dedede; background-color: #eee; } #videoApp .table-service thead th.first{ color: #666; } #videoApp .table-service th, #videoApp .table-service td { padding: 8px 0 7px; border-left: 1px solid #dedede; border-bottom: 1px solid #dedede; } #videoApp .table-service th.first, #videoApp .table-service td.first { border-left: 0; } #videoApp .table-service .tb-l { padding: 0 10px; } #videoApp .table-service tbody th { font-weight: normal; } #videoApp .table-service tr.storage th, #videoApp .table-service tr.storage td { font-weight: bold; } #videoApp .table-service tr.storage th { color: #ff642b; } /* 이용기간 추가 */ #videoApp .c-date ul.date { zoom: 1; overflow: hidden; margin-top: 5px; padding: 8px 0 7px 15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } #videoApp .c-date ul.date li { float: left; margin-right: 55px; } #videoApp .c-date .ddl { margin-left: 15px; } /* 저장공간 및 트래픽 추가 */ #videoApp .c-storage { margin-left: 15px; } #videoApp .c-storage .cost { zoom: 1; overflow: hidden; margin-top: 15px; } #videoApp .c-storage .cost dt, #videoApp .c-storage .cost dd { float: left; } #videoApp .c-storage .cost dt { margin-right: 3px; } #videoApp .c-storage .storage { zoom: 1; overflow: hidden; margin-top: 15px; font-weight: bold; font-size: 14px; color: #ff642b; } #videoApp .c-storage .storage dt, #videoApp .c-storage .storage dd { float: left; line-height: 17px; height: 17px; } #videoApp .c-storage .storage dt { margin-right: 8px; } #videoApp .c-storage .storage dd {margin-right: 75px; } #videoApp .c-storage .storage .btn { font-size: 0; line-height: 0; } #videoApp .c-storage .storage button { overflow: hidden; width: 17px; height: 17px; margin-right: 5px; border: 0; vertical-align: top; } #videoApp .c-storage .storage button * { visibility: hidden; font-size: 0; line-height: 0; } #videoApp .c-storage .storage button.up { background: url(/img/ssen/common/ico_h17_plus.gif) no-repeat; } #videoApp .c-storage .storage button.dw { background: url(/img/ssen/common/ico_h17_minus.gif) no-repeat; } /* 신청 서비스 정보 */ #videoApp .app-info1 { margin-top: 25px; padding-left: 20px; padding-top: 10px; color: #fff; background-color: #ff642b; } #videoApp .app-info1 h3 { padding-left: 15px; font-size: 14px; font-weight: bold; letter-spacing: -1px; background: url(/img/ssen/common/bull_h11_obarow.gif) no-repeat 0 45%; } #videoApp .app-info1 .table { margin-top: 5px; } #videoApp .app-info1 table { border-top: 1px solid #ff895e; } #videoApp .app-info1 th, #videoApp .app-info1 td { padding: 8px 0 7px; border-bottom: 1px solid #ff895e; } #videoApp .app-info1 th { border-right: 1px solid #ff895e; } #videoApp .app-info1 .tb-l { padding: 0 5px 0 15px; } #videoApp .app-info1 table strong, #videoApp .app-info1 table em { color: #fff200; } #videoApp .app-info1 table strong { font-size: 14px; } #videoApp .app-info1 table em { font-weight: bold; } #videoApp .app-info2 { padding-left: 20px; padding-top: 10px; padding-bottom: 10px; color: #333; background-color: #e5f8fe; } #videoApp .app-info2 th, #videoApp .app-info2 td { padding: 4px 0 3px; } #videoApp .app-info2 th { font-weight: normal; } #videoApp .app-info2 tbody tr.last th, #videoApp .app-info2 tbody tr.last td { padding-bottom: 10px; } #videoApp .app-info2 tfoot tr.first th, #videoApp .app-info2 tfoot tr.first td { padding-top: 10px; border-top: 1px dashed #ffa280; } #videoApp .app-info2 tr.total th, #videoApp .app-info2 tr.total td { font-size: 16px; font-weight: bold; color: #ff642b; } #videoApp .app-info2 .tb-r { padding: 0 15px 0 5px; } /* 서비스 신청 내용확인 */ #videoAppPay .page-cont { margin-left: 20px; } #videoAppPay h3.atit { margin-top: 30px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: -1px; background: url(/img/ssen/common/bull_h11_arw_a3e0f7.gif) no-repeat 0 45%; } #videoAppPay .ddl { margin-top: 18px; } #videoAppPay .ddl li { padding-left: 9px; font-size: 11px; background: url(/img/ssen/common/bull_h5_ostar.gif) no-repeat 0px 5px; } #videoAppPay .table { margin-top: 7px; } #videoAppPay table { border-top: 1px solid #dedede; } #videoAppPay th, #videoAppPay td { padding: 8px 0 7px; border-bottom: 1px solid #dedede; } #videoAppPay th { background-color: #eee; border-right: 1px solid #dedede; } #videoAppPay .tb-l { padding: 0 5px 0 15px; } #videoAppPay table strong { color: #ff642b; } #videoAppPay .btn-foot { margin-top: 40px; text-align: center; } /* 신청 확인 레이어 */ #layerVideoAppComplete { left: 50%; top: 0; margin-left: -100px; margin-top: -130px; width: 454px; } #layerVideoAppComplete p { padding-left: 9px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 6px; } #layerVideoAppComplete p strong { color: #ff642b; } #layerVideoAppComplete .btn { margin-top: 40px; text-align: center; } #layerVideoAppComplete .btn .btn-sp * { padding-left: 35px; padding-right: 35px; letter-spacing: 3px; } /* ======================================================================== 팟 호스팅 ======================================================================== */ /* 상품 안내 */ #podPrd .page-cont { margin-left: 20px; } #podPrd h3.atit { margin-top: 30px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: -1px; background: url(/img/ssen/common/bull_h11_arw_a3e0f7.gif) no-repeat 0 45%; } #podPrd h3.atit span a{ font-weight: normal; font-size: 12px; color: #ff4400; margin-left:5px;} /* 팟호스팅이란 */ #podPrd .c-about { min-height: 190px; _height: 190px; margin-top: 5px; padding-top: 25px; padding-left: 23px; border: 1px solid #eee; background: url(/img/ssen/pod/bg_prd_about.gif) no-repeat 415px 15px; } #podPrd .c-about dl { width: 370px; } #podPrd .c-about dl dd { margin-top: 9px; } #podPrd .c-about dl dd.txt3 { font-weight: bold; } /* 팟호스팅 서비스 종류 및 가격 */ #podPrd .c-service .txt1, #podPrd .c-service .txt2 { margin-left: 10px; margin-top: 5px; } #podPrd .c-service .txt2 { font-weight: bold; font-size: 11px; letter-spacing: -1px; color: #ff642b; } #podPrd .c-service .table { margin-top: 5px; } #podPrd .c-service thead th { color: #ff642b; border-top: 1px solid #dedede; background-color: #eee; } #podPrd .c-service thead th.first{ color: #666; } #podPrd .c-service .btn-sp * { font-size: 11px; } #podPrd .c-service th, #podPrd .c-service td { padding: 8px 0 7px; border-left: 1px solid #dedede; border-bottom: 1px solid #dedede; } #podPrd .c-service th.first, #podPrd .c-service td.first { border-left: 0; } #podPrd .c-service .tb-l { padding: 0 10px; } #podPrd .c-service tbody th { font-weight: normal; } /* 팟호스팅에 없는 4가지 */ #podPrd .c-merit { margin-top: 5px; line-height: 1.25; } #podPrd .c-merit th, #podPrd .c-merit td { border-top: 1px solid #eee; } #podPrd .c-merit th { padding: 5px 0 10px; border-bottom: 1px solid #eee; background-color: #a3e0f7; } #podPrd .c-merit td { border-right: 1px solid #eee; border-bottom: 1px solid #eee;} #podPrd .c-merit .tb-l { padding-left: 20px; font-size: 14px; font-weight: bold; } #podPrd .c-merit .tb-l strong { color: #ff642b; } #podPrd .c-merit .tb-l em { display: block; margin-top: 5px; font-weight: normal; font-size: 11px; letter-spacing: -1px; } /* 팟호스팅 기능 */ #podPrd .c-func { margin-top: 5px; } #podPrd .c-func th, #podPrd .c-func td { padding: 10px 0 9px; border: 1px solid #eee; } #podPrd .c-func .tb-l { padding: 0 15px; } #podPrd .c-func dl { padding-left: 60px; } #podPrd .c-func dt { font-weight: bold; color: #ff642b; } #podPrd .c-func dl.storage { background: url(/img/ssen/pod/prd_func_storage.gif) no-repeat 0px 50%; } #podPrd .c-func dl.player { background: url(/img/ssen/pod/prd_func_player.gif) no-repeat 0px 50%; } #podPrd .c-func dl.manage { background: url(/img/ssen/pod/prd_func_manage.gif) no-repeat 0px 50%; } #podPrd .c-func dl.rss { background: url(/img/ssen/pod/prd_func_rss.gif) no-repeat 0px 50%; } #podPrd .c-func dl.statistics { background: url(/img/ssen/pod/prd_func_statistics.gif) no-repeat 0px 50%; } #podPrd .c-func dl.channel { background: url(/img/ssen/pod/prd_func_channel.gif) no-repeat 0px 50%; } /* 팟캐스트란? */ #podPrd .c-cast { min-height: 185px; _height: 185px; margin-top: 5px; padding-top: 35px; padding-left: 23px; border: 1px solid #eee; background: url(/img/ssen/pod/bg_prd_cast.gif) no-repeat 500px 15px; } #podPrd .c-cast dl { width: 385px; } #podPrd .c-cast dl dd.txt1 { margin-top: 20px; } #podPrd .c-cast dl dd { margin-top: 9px; } /* 팟호스팅 사용 절차 */ #podPrd .c-process { margin-top: 10px; } /* 팟호스팅 특장점 */ #podPrd .c-point { margin-top: 10px; } #podPrd .c-point ul { background: url(/img/ssen/pod/line_dotted_h1.gif) repeat-x 0 0; } #podPrd .c-point ul li { background: url(/img/ssen/pod/line_dotted_h1.gif) repeat-x 0 100%; padding: 20px 0; } #podPrd .c-point ul dl { zoom: 1; overflow: hidden; } #podPrd .c-point ul dl:after { content: ""; display: block; clear: both; } #podPrd .c-point ul dt { float: left; width: 220px; padding-left: 20px; } #podPrd .c-point ul dt img { vertical-align: middle; } #podPrd .c-point ul dd { float: left; width: 430px; } #podPrd .c-point .pt-5 { padding-top: 5px; } #podPrd .c-point .pt-10 { padding-top: 10px; } #podPrd .c-point .pt-15 { padding-top: 15px; } #podPrd .c-point .pt-25 { padding-top: 25px; } /* 팟캐스트안내 */ #podPrd .tabs { position: relative; margin-top: 63px; border-top: 2px solid #FF642B; } #podPrd .tabs h3 { position: absolute; top: -33px; _top: -31px; width: 200px; border: 1px solid #ddd; border-bottom: 0; } #podPrd .tabs h3.now { z-index: 5; border-color: #ff4500; border-bottom: 0; } #podPrd .tabs h3 a { display: block; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #999; font-weight: normal; } #podPrd .tabs h3.now a { height: 29px; line-height: 29px; font-weight: bold; font-size: 14px; letter-spacing: -2px; color: #fff; background-color: #ff642b; border: 1px solid #ff7e45; border-bottom: 0; } #podPrd .tabs h3.iphone { left: 0; } #podPrd .tabs h3.android { left: 202px; } #podPrd .tabs .box { position: relative; display: none; } #podPrd .tabs h4.atit { margin-top: 30px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: -1px; background: url(/img/ssen/common/bull_h11_arw_a3e0f7.gif) no-repeat 0 45%; } #podPrd .tabs p.desc { padding-left: 15px; padding-top: 10px; letter-spacing: -1px; } #podPrd .tabs a.link { display: block; font-weight: bold; font-size: 13px; color: #ff642b; text-decoration: underline; letter-spacing: -1px; margin: 10px 0; } #podPrd .tabs dl { padding-bottom: 55px; padding-top: 13px; padding-left: 13px; position: relative; background: url(/img/ssen/pod/prd_box_dl_bg.gif) no-repeat 50% 100%; } #podPrd .tabs dl.last { background: none; } #podPrd .tabs dl dt { padding-left: 30px; background-color: #d4f3ff; line-height: 20px; margin-bottom: 5px; font-size: 13px; font-weight: bold; letter-spacing: -1px; } #podPrd .tabs dl dt img { position: absolute; top: 11px; left: 10px; } #podPrd .tabs dl dt a { text-decoration: underline; } #podPrd .tabs dl dd {} #podPrd #castFormInfo { width: 560px; position: absolute; display: none; border: 2px solid #a3e0f7; z-index: 2; background-color: #fff; } #podPrd #castFormInfo h3 { background-color: #e5f8fe; font-size: 14px; font-weight: bold; padding: 7px 0 5px 20px; } #podPrd #castFormInfo ul { padding: 10px 10px 10px 20px; } #podPrd #castFormInfo ul li { margin-bottom: 15px; } #podPrd #castFormInfo ul li em { color: #ff642b; font-weight: bold; } #podPrd #castFormInfo ul li h4 { display: inline; font-weight: bold; font-size: 12px; } #podPrd #castFormInfo ul li p { padding-left: 15px; } #podPrd #castFormInfo div.close-btn { position: absolute; top: -15px; right: -15px; } /* 스튜디오 안내 */ #podPrd .c-studio { min-height: 200px; _height: 200px; margin-top: 5px; padding-top: 25px; padding-left: 23px; border: 1px solid #eee; } #podPrd .c-studio2 img { margin-top: 5px; } #podPrd .c-studio2 a { color:#ff4400 } #podPrd .c-studio2 .txt1 { margin-left: 10px; margin-top: 5px; } #podPrd .c-studio2 .txt2 { margin-top: 5px; } #podPrd .c-studio2 .txt3 { margin-left: 22px; margin-top: 5px; } #podPrd .c-studio2 dl.rec-1 dt { margin-top: 5px; text-align:center; background-color: #d4f3ff; color:#000; line-height: 25px; font-size: 13px; font-weight: bold; letter-spacing: -1px; } #podPrd .c-studio2 dl.rec-2 dt { text-align:center; background-color: #ff642b; color:#fff; line-height: 30px; margin-bottom: 5px; font-size: 13px; font-weight: bold; letter-spacing: -1px; } #podPrd .c-studio2 dl.rec-file dt { margin-top:5px; text-align:center; margin-bottom:15px; } /* ======================================================================== 로그인 ======================================================================== */ #loginWrap { padding-top: 35px; } #loginWrap .tmsg { margin-top: 40px; font-size: 0; line-height: 0; } #loginWrap .box { zoom: 1; overflow: hidden; margin-top: 30px; border: 1px solid #eee; } #loginWrap .frm, #loginWrap .link { float: left; } #loginWrap .frm { position: relative; width: 449px; height: 103px; border-right: 1px solid #eee; } #loginWrap .frm ul, #loginWrap .frm .btn, #loginWrap .frm .save { position: absolute; } #loginWrap .frm ul { left: 55px; top: 30px; } #loginWrap .frm li { zoom: 1; overflow: hidden; padding-left: 7px; margin-bottom: 2px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 45%; } #loginWrap .frm li label, #loginWrap .frm .txt-input { float: left; } #loginWrap .frm li label { width: 57px; height: 22px; line-height: 22px; } #loginWrap .frm .txt-input { width: 157px; height: 20px; padding-left: 2px; line-height: 20px; border: 1px solid #ddd; } #loginWrap .frm .btn { left: 286px; top: 29px; } #loginWrap .frm .btn * { width: 110px; } #loginWrap .frm .save { left: 120px; top: 79px; font-size: 11px; color: #999; } #loginWrap .link { width: 385px; padding-top: 30px; padding-left: 60px; } #loginWrap .link p { zoom: 1; overflow: hidden; padding-left: 9px; margin-bottom: 5px; font-size: 11px; color: #999; background: url(/img/ssen/common/bull_h5_ostar.gif) no-repeat 0px 6px; } #loginWrap .link p .btn-sp { float: left; } #loginWrap .link p .btn-sp a { width: 95px; } #loginWrap .link p .btn-sp a .b { position: absolute; width: 0; left: auto; right: 13px; _right: 3px; top: 0px; margin: 0; padding: 0; background: none; } #loginWrap .link p .txt { float: left; width: 200px; height: 19px; line-height: 19px; } /* ======================================================================== 아이디/비밀번호 찾기 ======================================================================== */ #findIdPwd { padding-top: 35px; } #findIdPwd .tmsg { margin-top: 40px; font-size: 0; line-height: 0; } #findIdPwd .box { zoom: 1; width: 898px; margin-top: 35px; margin-left: 20px; border: 1px solid #eee; } #findIdPwd .box:after { content: ""; display: block; clear: both; } #findIdPwd .frm { float: left; position: relative; height: 74px; padding-left: 54px; padding-top: 29px; } #findIdPwd .frm h3, #findIdPwd .frm ul, #findIdPwd .frm .btn, #findIdPwd .frm .save { position: absolute; } #findIdPwd .frm h3 { top: -25px; left: 0px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: -1px; background: url(/img/ssen/common/bull_h11_arw_a3e0f7.gif) no-repeat 0 45%; } #findIdPwd .frm ul { left: 55px; top: 30px; } #findIdPwd .frm li { zoom: 1; overflow: hidden; padding-left: 7px; margin-bottom: 2px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 45%; } #findIdPwd .frm li label, #findIdPwd .frm .txt-input { float: left; } #findIdPwd .frm li label { width: 43px; height: 22px; line-height: 22px; } #findIdPwd .frm .txt-input { width: 172px; height: 20px; padding-left: 2px; line-height: 20px; border: 1px solid #ddd; } #findIdPwd .frm .btn { left: 286px; top: 29px; } #findIdPwd .frm .btn * { width: 110px; } #findIdPwd .bdsc { margin-top: 5px; margin-left: 20px; font-size: 11px; } #findIdPwd .bdsc .btn-sp { margin-left: 10px; vertical-align: middle; } #findIdPwd .find-id { width: 395px; border-right: 1px solid #eee; } #findIdPwd .find-pwd { width: 394px; } /* ======================================================================== 기능소개 ======================================================================== */ /* 기능소개 */ #funcAbout .page-cont { margin-left: 20px; margin-top: 35px; background: url(/img/ssen/common/dot_h1_999.gif) repeat-x 0 bottom; } #funcAbout h3.atit { margin-top: 30px; margin-bottom: 10px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: -1px; background: url(/img/ssen/common/bull_h11_arw_a3e0f7.gif) no-repeat 0 45%; } #funcAbout .hd { min-height: 165px; _height: 165px; padding: 55px 0 0 20px; border: 1px solid #eee; background: url(/img/ssen/function/bg_about_hd.gif) no-repeat 410px 30px; } #funcAbout .hd dt { font-size: 0; line-height: 0; } #funcAbout .hd dd { margin-top: 20px; } #funcAbout .cbox { padding: 20px 0 20px 20px; background: url(/img/ssen/common/dot_h1_999.gif) repeat-x 0 0; } #funcAbout .cbox .box-hd { zoom: 1; overflow: hidden; } #funcAbout .box-hd h4 { float: left; width: 220px; padding-top: 5px; font-size: 0; line-height: 0; } #funcAbout .box-hd p { float: left; width: 445px; } #funcAbout .box-cont { zoom: 1; position: relative; margin-top: 30px; margin-left: 10px; padding-bottom: 10px; } #funcAbout .box-cont .txt { position: absolute; bottom: 10px; font-size: 11px; } #funcAbout .box-cont .txt p { font-weight: bold; color: #ff642b; letter-spacing: -1px; } #funcAbout .box-cont .list .b { display: inline-block; width: 17px; height: 17px; margin-right: 5px; line-height: 17px; vertical-align: middle; text-align: center; font-weight: bold; color: #fff; background-color: #ff642b; } #funcAbout .box-cont .list li { padding-bottom: 5px; } #funcAbout .box-cont .list dt { font-weight: bold; } #funcAbout .box-cont .list dd { margin-left: 23px; } #funcAbout .box-cont .img-dl dt { font-size: 0; line-height: 0; } #funcAbout .box-cont .img-dl dd { margin-top: 10px; } /* 채널 */ #funcAbout .c-channel h4 { padding-top: 15px; } /* 플레이어 */ #funcAbout .c-player .box-cont .img { width: 370px; } #funcAbout .c-player .box-cont .txt { left: 380px; width: 280px; } /* 옵션 */ #funcAbout .c-option .box-cont .img { width: 465px; } #funcAbout .c-option .box-cont .txt { left: 470px; width: 190px; } /* 돈되는 기능 */ #funcAbout .c-money .box-cont .img { width: 415px; } #funcAbout .c-money .box-cont .txt { left: 420px; width: 240px; } /* 활용사례 */ #funcEx .page-cont { margin-left: 20px; margin-top: 30px; background: url(/img/ssen/common/dot_h1_999.gif) repeat-x 0 bottom; } #funcEx h3.atit { margin-top: 30px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: -1px; background: url(/img/ssen/common/bull_h11_arw_a3e0f7.gif) no-repeat 0 45%; } #funcEx h4.first{ margin-top: 10px; } #funcEx h4 { margin-top: 25px; margin-left: 15px; padding-left: 9px; font-weight: bold; font-size: 12px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 4px; } #funcEx .box { zoom: 1; position: relative; margin-left: 25px; margin-top: 10px; padding: 10px; border: 1px solid #eee; } #funcEx .box .txt { position: absolute; left: 325px; bottom: 10px; width: 335px; } #funcEx .box .txt a, #funcEx .box .txt p { font-weight: bold; color: #ff642b; } #funcEx .box .txt a { margin-left: 5px; } #funcEx .box .txt a:hover { text-decoration: underline; } #funcEx .box .type1 dt { color: #000; } #funcEx .box .type1 dd { margin-top: 3px; font-size: 11px; } #funcEx .box th { font-weight: normal; } #funcEx .box th, #funcEx .box td { padding: 5px 0 4px; } #funcEx .box .txt p { font-size: 11px; } #funcEx .box-etc .txt { left: 337px; width: 320px; } #funcEx .use { margin-top: 10px; margin-left: 15px; } #funcEx .use table { letter-spacing: -2px; border: 1px solid #eee; } #funcEx .use th, #funcEx .use td { border-bottom: 1px solid #eee; } #funcEx .use td { padding: 15px 0 14px; border-right: 1px solid #eee; } #funcEx .use .tb-l { padding: 0 5px; } #funcEx .use dt { padding-bottom: 3px; font-weight: bold; color: #ff642b; } /* ======================================================================== 사용법 안내 - 공통 ======================================================================== */ .use-cate-w .tab-link-w { width: 100%; } .use-cate-w .tab-link { zoom: 1; overflow: hidden; width: 717px; padding-top: 10px; padding-bottom: 5px; border-bottom: 2px solid #ffa280; } .use-cate-w .tab-link a, .use-cate-w .tab-link a span { float: left; } .use-cate-w .tab-link a { margin-right: 5px; margin-bottom: 5px; border: 1px solid #ddd; } .use-cate-w .tab-link a span { width: 230px; height: 29px; line-height: 29px; text-align: center; color: #999; border: 1px solid #fff; } .use-cate-w .tab-link a.now { border: 1px solid #ff4500; } .use-cate-w .tab-link a.now span { font-weight: bold; font-size: 14px; color: #fff; letter-spacing: -1px; border: 1px solid #ff7e45; background-color: #ff642b; } .use-cate-w .page-cont { margin-left: 20px; margin-top: 30px; } .use-cate-w .atit { padding-left: 15px; padding-bottom: 15px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: -1px; background: url(/img/ssen/common/bull_h11_arw_a3e0f7.gif) no-repeat 0 5px; } .use-cate-w .atit .dsc { margin-left: 5px; font-size: 11px; font-weight: normal; color: #666 } .use-cate-w .nbox { position: relative; margin-bottom: 13px; margin-left: 20px; padding-left: 8px; border-left: 2px solid #ffe3d9; } .use-cate-w .nbox { zoom: 1; } .use-cate-w .nbox .cont:after { content: ""; display: block; clear: both; } .use-cate-w .nbox .step { position: absolute; left: -12px; top: -1px; width: 26px; height: 26px; line-height: 26px; font-size: 22px; font-weight: bold; color: #fff; font-family: Tahoma; text-align: center; background: url(/img/ssen/use/bg_num_circle.gif) no-repeat 0 0; } .use-cate-w .nbox .bbull { overflow: hidden; position: absolute; left: -17px; bottom: 0; width: 32px; height: 19px; font-size: 0; line-height: 0; background: url(/img/ssen/use/bg_num_ftr.gif) no-repeat 0 0; } .use-cate-w .nbox .dsc, .use-cate-w .nbox .img { float: left; } .use-cate-w .nbox .dsc { width: 147px; padding-top: 28px; letter-spacing: -1px; padding-bottom: 28px; } .use-cate-w .nbox .img { width: 507px; } .use-cate-w .nbox-last .bbull { left: -4px; width: 7px; height: 7px; background: url(/img/ssen/use/bg_num_ftr_last.gif) no-repeat 0 0; } .use-cate-w .cbox { position: relative; margin-top: -10px; margin-bottom: -10px; } /* ======================================================================== 고객센터 ======================================================================== */ /* 공지사항 */ #csNotice .tmsg { margin-top: 20px; font-size: 0; line-height: 0; } #csNotice .blist-type1 { margin-top: 15px; } /* 1:1 문의검색 */ #cs1v1 .list-1v1 .sch-frm { position: relative; width: 710px; height: 90px; margin-top: 20px; background: url(/img/ssen/cs/bg_1v1_schfrm.gif) no-repeat 0 0; } #cs1v1 .list-1v1 .sch-frm .dselect, #cs1v1 .list-1v1 .sch-frm .keyword, #cs1v1 .list-1v1 .sch-frm .btn-sch { position: absolute; } #cs1v1 .list-1v1 .sch-frm .dselect { left: 209px; top: 31px; } #cs1v1 .list-1v1 .sch-frm .keyword { left: 321px; top: 31px; width: 259px; height: 26px; padding-left: 2px; line-height: 26px; border: 1px solid #cbf3ff; } #cs1v1 .list-1v1 .sch-frm .btn-sch { left: 581px; top: 31px; } #cs1v1 .list-1v1 .blist-type1 { margin-top: 15px; } #cs1v1 .list-1v1 .btn-table { position: relative; top: -18px; margin-bottom: -18px; margin-left: 600px; text-align: right; } #cs1v1 .list-1v1 .btn-table .btn-sp * { font-weight: bold; } #cs1v1 .write-1v1 h3 { margin-top: 20px; margin-left: 20px; padding-left: 15px; font-size: 14px; color: #000; font-weight: bold; background: url(/img/ssen/common/bull_h11_arw_a3e0f7.gif) no-repeat 0 45%; } #cs1v1 .write-1v1 .bwrite-type1 { margin-top: 5px; } #cs1v1 .write-1v1 .btn-foot { margin-top: 30px; font-size: 0; line-height: 0; text-align: center; } #cs1v1 .write-1v1 .btn-foot .btn-sp { margin-left: 10px; } /* 서비스 이용정책 */ #policy .page-cont { position: relative; margin-top: 63px; border-top: 2px solid #ff642b; } #policy .page-cont h3 { position: absolute; top: -33px; _top: -31px; width: 142px; border: 1px solid #ddd; border-bottom: 0; } #policy .page-cont h3 a { display: block; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #999; font-weight: normal; } #policy .page-cont h3.now { z-index: 5; border-color: #ff4500; border-bottom: 0; } #policy .page-cont h3.now a { height: 29px; line-height: 29px; font-weight: bold; font-size: 14px; letter-spacing: -2px; color: #fff; background-color: #ff642b; border: 1px solid #ff7e45; border-bottom: 0; } #policy .page-cont h3.use { left: 0px; } #policy .page-cont h3.info { left: 143px; } #policy .page-cont h3.email { left: 286px; } #policy .page-cont .box { overflow-y: scroll; height: 658px; padding: 10px; border: 1px solid #ddd; } #policy .page-cont .policy-list { height: 170px; padding: 30px 25px 25px 25px; border: 3px solid #ff642b; border-top:2px;} #policy .page-cont .policy-list .con{border:0px solid; height:100%;} #policy .page-cont .policy-list .con TABLE{font-weight:bold; color:#656565; font-size:11px; font-family:gulim; letter-spacing : -0.5pt;} #policy #policyEmail { overflow-y: auto; height: auto; padding: 50px 20px 55px; } #policy #policyEmail dl { padding-left: 140px; background: url(/img/ssen/cs/email_ico.gif) no-repeat 0px 50%; } #policy #policyEmail dt, #policy #policyEmail .txt2 { font-weight: bold; letter-spacing: -1px; } #policy #policyEmail dt { font-size: 14px; color: #000; } #policy #policyEmail dd { margin-top: 5px; } #policy #policyEmail .txt2 { color: #ff642b; } /* FAQ */ #csFaq .sch-frm { position: relative; width: 710px; height: 90px; margin-top: 20px; background: url(/img/ssen/cs/bg_faq_schfrm.gif) no-repeat 0 0; } #csFaq .sch-frm .keyword, #csFaq .sch-frm .csch, #csFaq .sch-frm .btn-sch { position: absolute; } #csFaq .sch-frm .keyword { left: 160px; top: 21px; width: 422px; height: 26px; padding-left: 2px; line-height: 26px; border: 1px solid #cbf3ff; } #csFaq .sch-frm .csch { left: 34px; top: 57px; zoom: 1; overflow: hidden; } #csFaq .sch-frm .csch a { float: left; width: auto; padding: 0px 10px; font-weight: bold; letter-spacing: -2px; color: #636363; background: url(/img/ssen/common/bar_h11_636363.gif) no-repeat 0 45%; } #csFaq .sch-frm .csch a.first { padding-left: 0; background: none; } #csFaq .sch-frm .csch a:hover { color: #000; text-decoration: underline; } #csFaq .sch-frm .btn-sch { left: 584px; top: 21px; } #csFaq .blist-type1 { margin-top: 15px; } /* ======================================================================== 마이페이지 ======================================================================== */ /* aside */ #aside #myAside .lnb { padding-top: 17px; } #myAside { background: #fff url(/img/ssen/mypage/bg_aside.gif) no-repeat 0px 220px; } #myAside .hd { padding-top: 30px; padding-bottom: 55px; background: url(/img/ssen/mypage/bg_aside_hd.png) no-repeat 0 bottom; } #myAside .hd h2 { margin-left: 1px; margin-right: 1px; padding-left: 20px; padding-bottom: 5px; font-size: 0; line-height: 0; border-bottom: 2px solid #ffa280; } #myAside .info { margin-top: 20px; padding-left: 20px; padding-right: 5px; } #myAside .info, #myAside .info a { color: #fff; } #myAside .info dl { zoom: 1; overflow: hidden; } #myAside .info dt, #myAside .info dd { float: left; } #myAside .info dt { margin-right: 3px; } #myAside .info dl a { position: relative; display: inline-block; letter-spacing: 0; padding-right: 18px; background: url(/img/ssen/common/bull_h14_obplus.gif) no-repeat right 45%; } #myAside .info dl.cla { margin-top: 8px; background-position: 0 7px; } #myAside .info dl.cla dt { position: relative; top: 2px; } #myAside .info dl.cla dd { font-size: 12px; } #myAside .info dd { font-weight: bold; } /* ======================================================================== 마이페이지 - 서비스 관리 ======================================================================== */ /* 서비스 변경/연장 */ #mySvcSpec .page-cont { margin-left: 20px; } #mySvcSpec h3.atit { margin-top: 30px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: -1px; background: url(/img/ssen/common/bull_h11_arw_a3e0f7.gif) no-repeat 0 45%; } #mySvcSpec h4 { margin-top: 20px; padding-left: 9px; font-weight: bold; font-size: 12px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 45%; } #mySvcSpec .ddl { margin-top: 18px; font-size: 11px; } #mySvcSpec .ddl li { padding-left: 9px; background: url(/img/ssen/common/bull_h5_ostar.gif) no-repeat 0px 5px; } #mySvcSpec .btn-foot { margin-top: 40px; text-align: center; } /* 이용 기간 만료 레이어 */ #layerDateExtension { left: 50%; top: 200px; width: 460px; margin-left: -155px; } #layerDateExtension dl { zoom: 1; overflow: hidden; padding-bottom: 5px; padding-left: 9px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 5px; } #layerDateExtension dt, #layerDateExtension dd { float: left; } #layerDateExtension dt { margin-right: 3px; } #layerDateExtension dl strong { color: #ff652a; } #layerDateExtension dl em { font-weight: bold; } /* 서비스 이용정보 */ #mySvcSpec .svc-info { margin-top: 5px; } #mySvcSpec .svc-info table { border-top: 1px solid #dedede; } #mySvcSpec .svc-info th, #mySvcSpec .svc-info td { padding: 8px 0 7px; border-bottom: 1px solid #dedede; } #mySvcSpec .svc-info td { border-left: 1px solid #dedede; } #mySvcSpec .svc-info th { letter-spacing: -1px; } #mySvcSpec .svc-info .tb-l { padding: 0 10px; } #mySvcSpec .svc-info strong, #mySvcSpec .svc-info em { color: #ff642b; } #mySvcSpec .svc-info strong { font-size: 14px; } #mySvcSpec .svc-info p.use { font-size: 11px; } #mySvcSpec .svc-info .agraph-w { margin-top: -5px; margin-bottom: -10px; width: 480px; } #mySvcSpec .svc-info .agraph { background: url(/img/ssen/mypage/bg_svc_spec_graph.gif) no-repeat 0 0; } #mySvcSpec .svc-info .bar { background: url(/img/ssen/mypage/bg_svc_spec_bar.gif) no-repeat 0 0; } /* 서비스 선택 */ #mySvcSpec .c-choice .tmsg { position: relative; top: -20px; margin-bottom: -15px; text-align: right; font-size: 11px; } #mySvcSpec .table-service { margin-top: 5px; } #mySvcSpec .table-service th.use .tb-c { zoom: 1; position: relative; } #mySvcSpec .table-service th.use .now-use { position: absolute; left: -3px; top: -30px; _top: -32px; width: 100%; height: 16px; text-align: center; line-height: 16px; color: #fff; font-size: 11px; font-weight: normal; border: 3px solid #64cbf1; background-color: #64cbf1; } #mySvcSpec .table-service th.use, #mySvcSpec .table-service td.use { border-left: 3px solid #64cbf1; border-right: 3px solid #64cbf1; } #mySvcSpec .table-service tr.last td.use { border-bottom: 3px solid #64cbf1; } #mySvcSpec .table-service thead th { color: #ff642b; border-top: 1px solid #dedede; background-color: #eee; } #mySvcSpec .table-service thead th.first{ color: #666; } #mySvcSpec .table-service tbody th { letter-spacing: -1px; } #mySvcSpec .table-service th, #mySvcSpec .table-service td { padding: 8px 0 7px; border-left: 1px solid #dedede; border-bottom: 1px solid #dedede; } #mySvcSpec .table-service th.first, #mySvcSpec .table-service td.first { border-left: 0; } #mySvcSpec .table-service .tb-l { padding: 0 10px; } #mySvcSpec .table-service tbody th { font-weight: normal; } #mySvcSpec .table-service tr.storage th, #mySvcSpec .table-service tr.storage td { font-weight: bold; } #mySvcSpec .table-service tr.storage th { color: #ff642b; } /* 이용기간 추가 */ #mySvcSpec .c-date ul.date { zoom: 1; overflow: hidden; margin-top: 5px; padding: 8px 0 7px 15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } #mySvcSpec .c-date ul.date li { float: left; margin-right: 55px; } #mySvcSpec .c-date .ddl { margin-left: 15px; } /* 저장공간 및 트래픽 추가 */ #mySvcSpec .c-storage .ddl { margin-left: 15px; } #mySvcSpec .c-storage .cost { zoom: 1; overflow: hidden; margin-top: 10px; padding-left: 15px; padding-top: 15px; border-top: 1px solid #eee; } #mySvcSpec .c-storage .cost dt, #mySvcSpec .c-storage .cost dd { float: left; } #mySvcSpec .c-storage .cost dt { margin-right: 3px; } #mySvcSpec .c-storage .storage { zoom: 1; overflow: hidden; margin-top: 15px; padding-left: 15px; padding-bottom: 15px; font-weight: bold; font-size: 14px; color: #ff642b; border-bottom: 1px solid #eee; } #mySvcSpec .c-storage .storage dt, #mySvcSpec .c-storage .storage dd { float: left; line-height: 17px; height: 17px; } #mySvcSpec .c-storage .storage dt { margin-right: 8px; } #mySvcSpec .c-storage .storage dd {margin-right: 75px; } #mySvcSpec .c-storage .storage .btn { font-size: 0; line-height: 0; } #mySvcSpec .c-storage .storage button { overflow: hidden; width: 17px; height: 17px; margin-right: 5px; border: 0; vertical-align: top; } #mySvcSpec .c-storage .storage button * { visibility: hidden; font-size: 0; line-height: 0; } #mySvcSpec .c-storage .storage button.up { background: url(/img/ssen/common/ico_h17_plus.gif) no-repeat; } #mySvcSpec .c-storage .storage button.dw { background: url(/img/ssen/common/ico_h17_minus.gif) no-repeat; } /* 신청 서비스 정보 */ #mySvcSpec .app-info1 { margin-top: 25px; padding-left: 20px; padding-top: 10px; color: #fff; background-color: #ff642b; } #mySvcSpec .app-info1 h3 { padding-left: 15px; font-size: 14px; font-weight: bold; letter-spacing: -1px; background: url(/img/ssen/common/bull_h11_obarow.gif) no-repeat 0 45%; } #mySvcSpec .app-info1 .table { margin-top: 5px; } #mySvcSpec .app-info1 table { border-top: 1px solid #ff895e; } #mySvcSpec .app-info1 th, #mySvcSpec .app-info1 td { padding: 8px 0 7px; border-bottom: 1px solid #ff895e; } #mySvcSpec .app-info1 th { border-right: 1px solid #ff895e; } #mySvcSpec .app-info1 .tb-l { padding: 0 5px 0 15px; } #mySvcSpec .app-info1 table strong, #mySvcSpec .app-info1 table em { color: #fff200; } #mySvcSpec .app-info1 table strong { font-size: 14px; } #mySvcSpec .app-info1 table em { font-weight: bold; } #mySvcSpec .app-info2 { padding-left: 20px; padding-top: 10px; padding-bottom: 10px; color: #333; background-color: #e5f8fe; } #mySvcSpec .app-info2 th, #mySvcSpec .app-info2 td { padding: 4px 0 3px; } #mySvcSpec .app-info2 th { font-weight: normal; } #mySvcSpec .app-info2 tbody tr.last th, #mySvcSpec .app-info2 tbody tr.last td { padding-bottom: 10px; } #mySvcSpec .app-info2 tfoot tr.first th, #mySvcSpec .app-info2 tfoot tr.first td { padding-top: 10px; border-top: 1px dashed #ffa280; } #mySvcSpec .app-info2 tr.total th, #mySvcSpec .app-info2 tr.total td { font-size: 16px; font-weight: bold; color: #ff642b; } #mySvcSpec .app-info2 .tb-r { padding: 0 15px 0 5px; } /* 서비스변경 가상결제후*/ #mySvcSpec ul.dsc3 { padding-top: 15px; } #mySvcSpec ul.dsc3 li { font-weight:bold; color:#656565; zoom: 1; padding-left: 10px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0 45%; } #mySvcSpec .tbl-vb { margin-top: 20px; } #mySvcSpec .tbl-vb tbody td{ padding: 8px 10px 7px; border: 1px solid #eee; height: 20px; color:#656565; } #mySvcSpec .tbl-vb tbody td.tit{font-weight:bold;} #mySvcSpec .tbl-vb tbody td.service{font-size:11pt; font-weight:bold; color:#f0661e; font-family:Tahoma;} #mySvcSpec .tbl-info3 { height: 60px; margin-top: 25px; font-weight: bold; font-size: 16px; line-height: 30px; color: #362f2d; text-align: left; } #mySvcSpec .tbl-info3 tbody td{ padding: 8px 10px 7px; border: 1px solid #eee; height: 10px; color:#656565; } #mySvcSpec .tbl-info3 span.txt {font-weight:bold; font-size:12pt; color:#ffffff; line-height: 40px;} #mySvcSpec .tbl-info3 tbody td.bg{background:#ff642b;} #mySvcSpec .tbl-info3 tbody td.service{font-size:16pt; font-weight:bold; color:#ffffff; font-family:Tahoma;} #mySvcSpec .tbl-info3 .ex { font-weight:bold; font-size:8pt; padding-left:10px; color:#f26422; } #mySvcSpec .tbl-info3 strong { font-size: 30px; font-family: Tahoma; color: #000000; } #mySvcSpec ul.dsc4 { padding-top: 55px; padding-left:10px;} #mySvcSpec ul.dsc4 li { font-weight:normal; color:#766c63; zoom: 1; padding-left: 10px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0 45%; } #mySvcSpec .btn-foot { margin-top: 40px; text-align: center; font-size: 0; line-height: 0; } #mySvcSpec .btn-foot .btn-cm * { *top: -1px; width: 120px; height: 29px; line-height: 29px; font-size: 14px; font-weight: bold; } #mySvcSpec .btn-foot .btn-cm * { top /*\**/: 0\9 } #mySvcSpec .btn-foot .btn-theme2 * { letter-spacing: 2px; } #mySvcSpec .btn-theme1 { border: 1px solid #ff5124; background: #ff5124; } #mySvcSpec .btn-theme1 * { color: #fff; background-color: #ff5124; } #mySvcSpec .btn-theme2 { border: 1px solid #5d4f45; background: #665b51; } #mySvcSpec .btn-theme2 * { color: #fff; background-color: #534741; } /* 통계분석 */ #mySvcStatistics .atit { padding-left: 15px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: -1px; background: url(/img/ssen/common/bull_h11_arw_a3e0f7.gif) no-repeat 0 45%; } #mySvcStatistics h4 { padding-left: 9px; font-weight: bold; font-size: 12px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 45%; } #mySvcStatistics .page-cont { margin-left: 20px; margin-top: 25px; } #mySvcStatistics .info-storage { zoom: 1; overflow: hidden; } #mySvcStatistics .info-storage .box { float: left; } #mySvcStatistics .info-storage .cont { min-height: 145px; _height: 145px; margin-top: 5px; padding-left: 10px; padding-top: 5px; border: 3px solid #e5f8fe; } #mySvcStatistics .info-storage dt { padding-left: 9px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 6px; } /* 사용정보 */ #mySvcStatistics .info-storage .info { width: 255px; margin-right: 30px; } #mySvcStatistics .info-storage .info dl { zoom: 1; overflow: hidden; padding-top: 4px; } #mySvcStatistics .info-storage .info dt, #mySvcStatistics .info-storage .info dd { float: left; } #mySvcStatistics .info-storage .info dd { font-weight: bold; } #mySvcStatistics .info-storage .info dt { margin-right: 3px; } /* 저장공간 */ #mySvcStatistics .info-storage .storage { width: 405px; } #mySvcStatistics .info-storage .agraph-w { margin-top: -5px; margin-left: 50px; margin-bottom: -10px; width: 242px; } #mySvcStatistics .info-storage .agraph { background: url(/img/ssen/mypage/bg_svc_statis_graph.gif) no-repeat 0 0; } #mySvcStatistics .info-storage .bar { background: url(/img/ssen/mypage/bg_svc_statis_bar.gif) no-repeat 0 0; } #mySvcStatistics .info-storage .storage .use { margin-left: 10px; font-size: 11px; } #mySvcStatistics .info-storage .storage .use strong { color: #ff642b; } /* 검색 */ #mySvcStatistics .sch-frm { zoom: 1; overflow: hidden; margin-top: 30px; } #mySvcStatistics .sch-frm .atit { float: left; position: relative; top: 10px; } #mySvcStatistics .sch-frm .frm { float: right; position: relative; width: 537px; height: 33px; padding-left: 50px; padding-top: 5px; color: #fff; background: url(/img/ssen/mypage/bg_svc_statistics_sch.gif) no-repeat 0 0; } #mySvcStatistics .sch-frm .frm img, #mySvcStatistics .sch-frm .frm .div, #mySvcStatistics .sch-frm .frm .btn-sp { vertical-align: middle; } #mySvcStatistics .sch-frm .frm .txt-input { width: 95px; height: 26px; padding-left: 5px; line-height: 26px; color: #999; border: 0; } #mySvcStatistics .sch-frm .frm .div { display: inline-block; padding: 0 10px; } #mySvcStatistics .sch-frm .frm .btn-sp { margin-left: 5px; } /* 전송량 */ #mySvcStatistics .traffic-w { zoom: 1; overflow: hidden; margin-top: 20px; } #mySvcStatistics .traffic-w .box { width: 330px; } #mySvcStatistics .traffic-w .vdo { float: left; } #mySvcStatistics .traffic-w .page { float: right; } #mySvcStatistics .traffic-w .table { margin-top: 5px; } #mySvcStatistics .traffic-w table { border-top: 1px solid #dedede; } #mySvcStatistics .traffic-w th, #mySvcStatistics .traffic-w td { border-left: 1px solid #dedede; border-bottom: 1px solid #dedede; } #mySvcStatistics .traffic-w th { padding: 7px 0 6px; background-color: #eee; } #mySvcStatistics .traffic-w td { padding: 4px 0 3px; font-size: 11px; } #mySvcStatistics .traffic-w th.first, #mySvcStatistics .traffic-w td.first { border-left: 0; } #mySvcStatistics .traffic-w .tb-l { padding: 0 5px; } #mySvcStatistics .traffic-w td em { color: #ff642b; } /* flash */ #mySvcStatistics .flash { margin-top: 20px; } /* ======================================================================== 마이페이지 - 동영상 관리 ======================================================================== */ /* 동영상 등록 */ /* 동영상 관리 */ #myVdoManage .page-cont { margin-top: 20px; } #myVdoManage .sch-frm { position: relative; width: 710px; height: 90px; background: url(/img/ssen/mypage/bg_sch_frm_type1.gif) no-repeat 0 0; } #myVdoManage .sch-frm h3, #myVdoManage .sch-frm .keyword, #myVdoManage .sch-frm .btn { position: absolute; } #myVdoManage .sch-frm h3 { left: 30px; top: 30px; font-size: 0; line-height: 0; } #myVdoManage .sch-frm .keyword { left: 157px; top: 32px; width: 422px; height: 26px; line-height: 26px; padding-left: 3px; border: 0; } #myVdoManage .sch-frm .btn { left: 581px; top: 31px; } #myVdoManage .sort { margin-top: 25px; text-align: right; } #myVdoManage .result { margin-top: 10px; } #myVdoManage .result table { border-top: 1px solid #dedede; } #myVdoManage .result th, #myVdoManage .result td { padding: 8px 0 7px; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; } #myVdoManage .result th { background-color: #eee; } #myVdoManage .result th.first, #myVdoManage .result td.first { border-left: 0; } #myVdoManage .result .tb-vdo { zoom: 1; overflow: hidden; padding-left: 125px; padding-right: 10px; } #myVdoManage .result .tb-vdo .thumb, #myVdoManage .result .tb-vdo .txt { position: relative; float: left; } #myVdoManage .result .tb-vdo .thumb { left: -112px; width: 98px; margin-right: -125px; height: 73px; } #myVdoManage .result .tb-vdo .thumb img { width: 100%; height: 100%; } #myVdoManage .result .tb-vdo .txt { width: 100%; } #myVdoManage .result .tb-vdo .txt .tit { margin-right: 5px; font-weight: bold; color: #000; letter-spacing: -1px; } #myVdoManage .result .tb-vdo .txt .btn-sp { vertical-align: middle; } #myVdoManage .result .tb-vdo .txt dd { padding-top: 3px; font-size: 11px; } /* 레이어 - 정보 */ #layerVdomInfo { margin-left: -80px; width: 170px; } #layerVdomInfo .cont dl { zoom: 1; overflow: hidden; padding: 2px 0 2px 9px; font-size: 11px; background: url(/img/ssen/common/bull_h5_ostar.gif) no-repeat 0px 6px; } #layerVdomInfo .cont dt, #layerVdomInfo .cont dd {float: left; width: auto; } #layerVdomInfo .cont dt { margin-right: 3px; } /* 레이어 - 삭제 */ #layerVdomDel { left: 50%; width: 455px; margin-left: -100px; } #layerVdomDel .cont p { padding-left: 9px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 6px; } #layerVdomDel .cont p strong { color: #ff642b; } #layerVdomDel .btn { margin-top: 45px; text-align: center; } #layerVdomDel .btn .btn-sp { margin-left: 10px; } #layerVdomDel .btn .btn-sp * { padding-left: 30px; padding-right: 30px; } /* 레이어 - 삭제완료 */ #layerVdomDelComplete { left: 50%; width: 455px; margin-left: -100px; } #layerVdomDelComplete .btn { margin-top: 45px; text-align: center; } #layerVdomDelComplete .btn .btn-sp * { padding-left: 30px; padding-right: 30px; } /* 레이어 - 퍼가기 */ #layerVdomLink { left: 50%; top: 400px; width: 455px; } #layerVdomLink h3 { margin-top: 20px; font-size: 12px; font-weight: normal; padding-left: 9px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 7px; } #layerVdomLink h3.first { margin-top: 0; } #layerVdomLink .code, #layerVdomLink .size { margin-top: 5px; } #layerVdomLink .cont ul { margin-top: 20px; } #layerVdomLink .cont li { padding-left: 9px; font-size: 11px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 6px; } #layerVdomLink textarea { overflow-y: scroll; width: 410px; height: 70px; } #layerVdomLink textarea, #layerVdomLink .txt-input { border: 1px solid #ddd; } #layerVdomLink .txt-input { width: 60px; height: 20px; line-height: 20px; } #layerVdomLink .cont label { margin-left: 20px; } #layerVdomLink .size-screen { margin-top: 10px; } #layerVdomLink .size-screen .btn-sp * { width: 70px; } /* 레이어 - 삭제 */ #layerVdomMainReg { left: 50%; width: 455px; margin-left: -100px; } #layerVdomMainReg .cont p { padding-left: 9px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 6px; } #layerVdomMainReg .cont p strong { color: #ff642b; } #layerVdomMainReg .btn { margin-top: 45px; text-align: center; } #layerVdomMainReg .btn .btn-sp { margin-left: 10px; } #layerVdomMainReg .btn .btn-sp * { padding-left: 30px; padding-right: 30px; } /* 플레이어 관리 */ #myVdoPlayer .page-cont { margin-top: 20px; } /* 시리즈 관리 */ #myVdoSeries .page-cont { margin-left: 20px; margin-top: 20px; } #myVdoSeries h3.atit { margin-top: 30px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: -1px; background: url(/img/ssen/common/bull_h11_arw_a3e0f7.gif) no-repeat 0 45%; } #myVdoSeries h3.first{ margin-top: 0; } #myVdoSeries .sch-frm { position: relative; height: 64px; margin-top: 5px; border: 3px solid #e5f8fe; } #myVdoSeries .sch-frm h4, #myVdoSeries .sch-frm .keyword, #myVdoSeries .sch-frm .btn { position: absolute; } #myVdoSeries .sch-frm h4 { left: 17px; top: 17px; font-size: 0; line-height: 0; } #myVdoSeries .sch-frm .keyword { left: 165px; top: 17px; width: 435px; height: 26px; line-height: 26px; padding-left: 5px; color: #999; border: 1px solid #bbb; } #myVdoSeries .sch-frm .btn { left: 618px; top: 17px; } #myVdoSeries .set-w { margin-top: 5px; zoom: 1; } #myVdoSeries .set-w:after { content: ""; display: block; clear: both; } #myVdoSeries .set-list, #myVdoSeries .div, #myVdoSeries .ctrl { float: left; } #myVdoSeries .div { width: 52px; text-align: center; } #myVdoSeries .div .plus { margin-top: 125px; } #myVdoSeries .ctrl { position: relative; width: 38px; height: 259px; } #myVdoSeries .ctrl .up-dw, #myVdoSeries .ctrl .modify { position: absolute; left: 8px; } #myVdoSeries .ctrl .up-dw { overflow: hidden; width: 28px; height: 28px; border: 0; text-indent: -9999px; } #myVdoSeries .ctrl .up { top: 88px; background: url(/img/ssen/common/ico_h28_up.gif) no-repeat; } #myVdoSeries .ctrl .dw { top: 132px; background: url(/img/ssen/common/ico_h28_dw.gif) no-repeat; } #myVdoSeries .ctrl .modify { top: 180px; } #myVdoSeries .ctrl .modify * { padding: 0 2px; } #myVdoSeries .set-list { width: 300px; } #myVdoSeries .set-list .hd { zoom: 1; overflow: hidden; border-bottom: 1px solid #444; } #myVdoSeries .set-list .hd h4, #myVdoSeries .set-list .hd h4 span { float: left; } #myVdoSeries .set-list .hd h4 { border: 1px solid #444; border-bottom: 0; } #myVdoSeries .set-list .hd h4 span { height: 20px; padding: 0 15px; line-height: 20px; color: #fff; font-weight: bold; font-size: 11px; letter-spacing: -1px; border: 1px solid #575757; background: url(/img/ssen/mypage/bg_set_tab.gif) repeat 0 0; } #myVdoSeries .set-list .hd .series-selt { float: right; } #myVdoSeries .set-list .cont { height: 233px; border-top: 0; } #myVdoSeries .set-list .cont select { width: 100%; height: 100%; border: 1px solid #bbb; } #myVdoSeries .set-list .btn { margin-top: 10px; text-align: right; } #myVdoSeries .set-list .set-fmsg { margin-top: 10px; padding-left: 9px; font-size: 11px; background: url(/img/ssen/common/bull_h5_ostar.gif) no-repeat 0px 5px; } #myVdoSeries .btn-foot { margin-top: 35px; text-align: center; } /* 레이어 - 시리즈 삭제 레이어 */ #layerSeriesDel { left: 50%; top: 170px; width: 455px; margin-left: -150px; } #layerSeriesDel .cont p { padding-left: 9px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 6px; } #layerSeriesDel .cont p strong { color: #ff642b; } #layerSeriesDel .btn { margin-top: 45px; text-align: center; } #layerSeriesDel .btn .btn-sp { margin-left: 10px; } #layerSeriesDel .btn .btn-sp * { padding-left: 30px; padding-right: 30px; } /* 댓글 관리 */ #myVdoReply .page-cont { margin-top: 20px; } #myVdoReply .sch-frm { position: relative; width: 710px; height: 90px; background: url(/img/ssen/mypage/bg_sch_frm_type1.gif) no-repeat 0 0; } #myVdoReply .sch-frm h3, #myVdoReply .sch-frm .dselect, #myVdoReply .sch-frm .btn { position: absolute; } #myVdoReply .sch-frm h3 { left: 30px; top: 30px; font-size: 0; line-height: 0; } #myVdoReply .sch-frm .dselect { left: 179px; top: 31px; width: 372px; border-color: #bbb; } #myVdoReply .sch-frm .dselect ul { width: 380px; border-color: #bbb; } #myVdoReply .sch-frm .btn { left: 581px; top: 31px; } #myVdoReply .list { margin-top: 40px; } #myVdoReply .list table { border-top: 1px solid #dedede; } #myVdoReply .list th, #myVdoReply .list td { padding: 8px 0 7px; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; } #myVdoReply .list th { background-color: #eee; } #myVdoReply .list th.first, #myVdoReply .list td.first { border-left: 0; } /* ======================================================================== 마이페이지 - 정산관리 ======================================================================== */ /* 실적 및 출금관리 */ #myCalManage .tab-link { zoom: 1; overflow: hidden; margin-top: 35px; border-bottom: 2px solid #ff642c; } #myCalManage .tab-link a, #myCalManage .tab-link a span {float: left; cursor: pointer; } #myCalManage .tab-link a { position: relative; margin-right: -1px; border: 1px solid #ddd; border-bottom: 0; margin-right: -1px; } #myCalManage .tab-link a span { width: 142px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #999; } #myCalManage .tab-link a.now { z-index: 2; border-color: #ff4500; border-bottom: 0; } #myCalManage .tab-link a.now span { height: 29px; line-height: 29px; font-weight: bold; font-size: 14px; letter-spacing: -2px; color: #fff; background-color: #ff642b; border: 1px solid #ff7e45; border-bottom: 0; } /* 실적보기 */ #myCalResult .sch-frm { position: relative; width: 710px; height: 90px; background: url(/img/ssen/mypage/bg_sch_frm_type1.gif) no-repeat 0 0; } #myCalResult .sch-frm h3, #myCalResult .sch-frm .keyword, #myCalResult .sch-frm .btn { position: absolute; } #myCalResult .sch-frm h3 { left: 30px; top: 30px; font-size: 0; line-height: 0; } #myCalResult .sch-frm .keyword { left: 238px; top: 31px; width: 341px; height: 26px; padding-left: 2px; line-height: 26px; border: 1px solid #bababa; } #myCalResult .sch-frm .btn { left: 581px; top: 31px; } #myCalResult .sort { margin-top: 30px; text-align: right; } #myCalResult .list { margin-top: 10px; } #myCalResult .list table { border-top: 1px solid #dedede; } #myCalResult .list th, #myCalResult .list td { padding: 8px 0 7px; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; } #myCalResult .list th { background-color: #eee; } #myCalResult .list th.first, #myCalResult .list td.first { border-left: 0; } #myCalResult .list .txt-input { height: 20px; line-height: 20px; padding-left: 2px; border: 1px solid #ddd; } #myCalResult .tb-l, #myCalResult .tb-c, #myCalResult .tb-r { padding: 0 10px; } #myCalResult .total { margin-top: 10px; margin-right: 10px; text-align: right; font-size: 16px; font-weight: bold; } #myCalResult .total dt, #myCalResult .total dd { display: inline; } #myCalResult .total dd { color: #ff6429; } /* 출금신청/취소 */ #myCalPayapp { margin-left: 20px; } #myCalPayapp .atit { margin-top: 30px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: -1px; background: url(/img/ssen/common/bull_h11_arw_a3e0f7.gif) no-repeat 0 45%; } #myCalPayapp .txt-input { height: 20px; line-height: 20px; padding-left: 2px; border: 1px solid #ddd; } #myCalPayapp .tax { zoom: 1; overflow: hidden; margin-top: 25px; padding: 10px 10px 10px 173px; background-color: #e5f8fe; } #myCalPayapp .tax h4, #myCalPayapp .tax .txt { position: relative; float: left; } #myCalPayapp .tax h4 { left: -173px; width: 173px; margin-right: -173px; padding-top: 18px; text-align: center; font-size: 16px; color: #ff642b; font-weight: bold; letter-spacing: -2px; } #myCalPayapp .tax .txt { width: 100%; padding-top: 5px; padding-bottom: 10px; border-left: 1px solid #eee; } #myCalPayapp .tax .txt dl { zoom: 1; overflow: hidden; padding-top: 5px; padding-left: 15px; } #myCalPayapp .tax .txt dt, #myCalPayapp .tax .txt dd { float: left; } #myCalPayapp .tax .txt dt { margin-right: 3px; } #myCalPayapp .mtype dt { padding-top: 20px; font-weight: bold; color: #000; } #myCalPayapp .mtype li { margin-top: 5px; padding-left: 9px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 4px; } #myCalPayapp .btn-foot { margin-top: 30px; text-align: center; } #myCalPayapp .btn-foot .btn-sp * { padding-left: 30px; padding-right: 30px; } #myCalPayapp .info-pay { margin-top: 5px; } #myCalPayapp .info-pay table { border-top: 1px solid #dedede; } #myCalPayapp .info-pay th { padding: 8px 0 7px; font-weight: bold; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #eee; } #myCalPayapp .info-pay td { padding: 5px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } #myCalPayapp .info-pay .tb-l { padding: 0 10px; } #myCalPayapp .info-pay-dsc { margin-top: 5px; margin-left: 5px; padding-left: 9px; font-size: 11px; background: url(/img/ssen/common/bull_h5_ostar.gif) no-repeat 0px 5px; } #myCalPayapp .app-money { margin-top: 25px; padding: 5px 0 5px 20px; background-color: #ff642b; } #myCalPayapp .app-money tbody th, #myCalPayapp .app-money tbody td { padding: 5px 0; color: #fff; font-weight: bold; font-size: 14px; } #myCalPayapp .app-money tbody td em { margin-left: 15px; font-size: 11px; color: #a3e0f7; letter-spacing: -1px; font-weight: normal; } #myCalPayapp .app-money tbody td em .num { letter-spacing: 0; } #myCalPayapp .app-money tbody .txt-input { font-size: 14px; font-weight: bold; } /* 신청 */ #myCalPayapp .info-money { margin-top: 25px; padding: 5px 0 5px 10px; border: 3px solid #e5f8fe; } #myCalPayapp .info-money th, #myCalPayapp .info-money td { padding: 5px 0; } #myCalPayapp .info-money th { font-weight: normal; } #myCalPayapp .info-money td em { margin-left: 15px; font-size: 11px; color: #ff642b; letter-spacing: -1px; } #myCalPayapp .info-money th .tb-l { padding-left: 9px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 6px; } /* 취소 */ #myCalPayapp .app-money-msg { padding: 10px 20px; background-color: #e5f8fe; } #myCalPayapp .app-money-msg dt { font-weight: bold; color: #ff642b; font-size: 16px; letter-spacing: -1px; } #myCalPayapp .app-money-msg dd { font-size: 11px; } /* 출금 내역 */ #myCalPaylist .sort { margin-top: 30px; text-align: right; } #myCalPaylist .list { margin-top: 10px; } #myCalPaylist .list table { border-top: 1px solid #dedede; } #myCalPaylist .list th, #myCalPaylist .list td { padding: 8px 0 7px; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; } #myCalPaylist .list th { background-color: #eee; } #myCalPaylist .list th.first, #myCalPaylist .list td.first { border-left: 0; } #myCalPaylist .tb-l, #myCalPaylist .tb-c, #myCalPaylist .tb-r { padding: 0 10px; } /* 영상 결제 내역 관리 */ #myCalSetl .page-cont { margin-top: 20px; } #myCalSetl h3.atit { margin-top: 30px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: -1px; background: url(/img/ssen/common/bull_h11_arw_a3e0f7.gif) no-repeat 0 45%; } #myCalSetl h3.first{ margin-top: 0; } #myCalSetl .period { position: relative; width: 710px; height: 60px; background: url(/img/ssen/mypage/bg_cal_stl_period.gif) no-repeat 0 0; } #myCalSetl .period dl { zoom: 1; overflow: hidden; margin-left: 20px; font-size: 16px; font-weight: bold; color: #fff; } #myCalSetl .period dt, #myCalSetl .period dd { float: left; width: auto; height: 60px; line-height: 60px; } #myCalSetl .period dt { margin-right: 3px; } #myCalSetl .period .btn-sp { position: absolute; right: 10px; top: 15px; } #myCalSetl .list { margin-top: 10px; } #myCalSetl .list table { border-top: 1px solid #dedede; } #myCalSetl .list th, #myCalSetl .list td { padding: 8px 0 7px; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; } #myCalSetl .list th { background-color: #eee; } #myCalSetl .list th.first, #myCalSetl .list td.first { border-left: 0; } #myCalSetl .tb-l, #myCalSetl .tb-c, #myCalSetl .tb-r { padding: 0 10px; } #myCalSetl .fdl { margin-top: 30px; } #myCalSetl .fdl dt{ font-weight: bold; color: #000; } #myCalSetl .fdl dd { margin-top: 5px; } #myCalSetl .fdl li { padding-left: 7px; padding-top: 5px; line-height: 20px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 13px; } #myCalSetl .fdl img { vertical-align: middle; } /* ======================================================================== 마이페이지 - 채널관리 ======================================================================== */ /* 내채널 바로가기 */ /* 채널 정보 수정 */ #myChnInfo { } #myChnInfo .page-cont { margin-top: 30px; } #myChnInfo .frm-info table { border-top: 1px solid #dedede; } #myChnInfo .frm-info th { padding: 8px 0 7px; font-weight: bold; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #eee; } #myChnInfo .frm-info td { padding: 6px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } #myChnInfo .frm-info .tb-l { padding: 0 10px; } #myChnInfo .txt-input, #myChnInfo textarea { border: 1px solid #ddd; } #myChnInfo .txt-input { height: 20px; padding-left: 2px; line-height: 20px; } #myChnInfo textarea { overflow-y: scroll; } #myChnInfo .frm-info .tb-file { position: relative; height: 105px; } #myChnInfo .frm-info .tb-file .img { width: 103px; height: 103px; border: 1px solid #ddd; } #myChnInfo .frm-info .tb-file .img img { width: 100%; height: 100%; } #myChnInfo .frm-info .tb-file .txt { position: absolute; left: 125px; bottom: 0px; width: 460px; } #myChnInfo .frm-info .tb-file dl { zoom: 1; overflow: hidden; margin-bottom: 3px; } #myChnInfo .frm-info .tb-file dt, #myChnInfo .frm-info .tb-file dd { float: left } #myChnInfo .frm-info .tb-img-info dl { zoom: 1; overflow: hidden; padding-bottom: 5px; } #myChnInfo .frm-info .tb-img-info dt, #myChnInfo .frm-info .tb-img-info dd { float: left; } #myChnInfo .frm-info .tb-img-info dt { width: 55px; line-height: 22px; } #myChnInfo .frm-info .tb-img-info p { color: #ff642b; font-size: 11px; } #myChnInfo .frm-info .tb-about { zoom: 1; overflow: hidden; padding-right: 0; } #myChnInfo .frm-info .tb-about textarea, #myChnInfo .frm-info .tb-about .limit { float: left; } #myChnInfo .frm-info .tb-about .limit { width: 47px; padding-top: 30px; padding-left: 5px; } #myChnInfo .frm-info .tb-set { zoom: 1; position: relative; } #myChnInfo .frm-info .tb-set .img { width: 98px; height: 73px; } #myChnInfo .frm-info .tb-set .img img { width: 100%; height: 100%; } #myChnInfo .frm-info .tb-set .txt { position: absolute; left: 120px; bottom: 0px; width: 430px; } #myChnInfo .frm-info .tb-set .txt p { margin-top: 5px; color: #ff642b; font-size: 11px; } #myChnInfo .btn-foot { margin-top: 30px; text-align: center; } #myChnInfo .btn-foot .btn-sp { margin-left: 10px; } /* ======================================================================== 마이페이지 - 환경설정 ======================================================================== */ /* 회원정보 수정 */ #myEnvInfo .page-cont { margin-top: 30px; } #myEnvInfo .frm-info table { border-top: 1px solid #dedede; } #myEnvInfo .frm-info th { padding: 8px 0 7px; font-weight: bold; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #eee; } #myEnvInfo .frm-info td { padding: 6px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } #myEnvInfo .frm-info .tb-l { padding: 0 10px; } #myEnvInfo .frm-info label.email, #myEnvInfo .frm-info em { color: #ff642b; font-size: 11px; } #myEnvInfo .frm-info .btn-sp { margin-right: 10px; } #myEnvInfo .frm-info .btn-sp, #myEnvInfo .frm-info label.email { vertical-align: middle; } #myEnvInfo .txt-input, #myEnvInfo textarea { border: 1px solid #ddd; } #myEnvInfo .txt-input { height: 20px; padding-left: 2px; line-height: 20px; } #myEnvInfo .btn-foot { margin-top: 30px; text-align: center; font-size: 0; line-height: 0; } #myEnvInfo .btn-foot .btn-sp { margin-left: 5px; } /* 서비스 탈퇴 */ #myEnvLeave .page-cont { margin-top: 30px; } #myEnvLeave .frm-info table { border-top: 1px solid #dedede; } #myEnvLeave .frm-info th { padding: 8px 0 7px; font-weight: bold; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #eee; } #myEnvLeave .frm-info td { padding: 6px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } #myEnvLeave .frm-info .tb-l { padding: 0 10px; } #myEnvLeave .txt-input, #myEnvLeave textarea { border: 1px solid #ddd; } #myEnvLeave .txt-input { height: 20px; padding-left: 2px; line-height: 20px; } #myEnvLeave .tb-cause .label-w { zoom: 1; overflow: hidden; } #myEnvLeave .tb-cause .label-w label { float: left; width: 160px; white-space: nowrap; padding-bottom: 5px; } #myEnvLeave .tb-cause .txt { margin-top: 5px; } #myEnvLeave .tb-cause .txt textarea { overflow-y: scroll; } #myEnvLeave .clist { margin-top: 25px; } #myEnvLeave .clist dt { font-weight: bold; color: #000; } #myEnvLeave .clist li { margin-top: 5px; padding-left: 9px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 6px; } #myEnvLeave .btn-foot { margin-top: 30px; text-align: center; font-size: 0; line-height: 0; } #myEnvLeave .btn-foot .btn-sp { margin-left: 5px; } /* 노하우 호스팅 */ #knowAbout { position: relative; } #knowAbout .page-cont { margin-left: 20px; } #knowAbout h3.atit { margin-top: 30px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: -1px; background: url(/img/ssen/common/bull_h11_arw_a3e0f7.gif) no-repeat 0 45%; } #knowAbout .cbox { margin-top: 10px; } #knowAbout .cbox .s { text-align: center; margin-top: 5px; } #knowAbout .cbox .s-t { margin: 5px 0; padding-left: 15px; } #knowAbout .c-about { min-height: 190px; _height: 190px; padding: 30px 0px 20px 25px; border: 1px solid #eee; background: url(/img/ssen/knowhow/bg_about_hd.gif) no-repeat 375px 20px;} #knowAbout .c-about p { font-size: 0; line-height: 0; } #knowAbout .c-about div { margin-top: 30px; } #knowAbout .c-about div span { color: #ff642b; } #knowAbout .cbox.util dl { position: relative; border: 1px solid #eee; padding: 5px; margin-bottom: 25px; width: 690px; height: 170px; } #knowAbout .cbox.util dl h5 { font-size: 12px; } #knowAbout .cbox.util dl h5 a { color: #ff642b; font-weight: bold; } #knowAbout .cbox.util dt { } #knowAbout .cbox.util dd { position: absolute; bottom: 10px; left: 0; width: 380px; margin-left: 315px; } #knowAbout .app { margin-top: 30px; text-align: center; } #knowAbout .app p { font-weight: bold; margin-top: 15px; } #knowAbout .app p a { color: #ff642b; font-weight: bold; } #layerknowComplete { left: 50%; bottom: 0; margin-left: -210px; margin-top: -130px; width: 454px; } #layerknowComplete .cont li { background: url(/img/ssen/knowhow/layerknow_li.gif) no-repeat 0 5px; padding-left: 10px; letter-spacing: -1px; } #layerknowComplete .btn { margin-top: 20px; text-align: center; } #layerknowComplete .btn .btn-sp * { padding-left: 35px; padding-right: 35px; letter-spacing: 3px; } #layerknowComplete .table-service { padding: 15px; } #layerknowComplete .table-service table { padding: 15px; border-top: 1px solid #dedede; } #layerknowComplete .table-service th, #layerknowComplete .table-service td { padding: 8px 0 7px; border-bottom: 1px solid #dedede; } #layerknowComplete .table-service .tb-l { padding: 0 10px; } #layerknowComplete .table-service tbody th { font-weight: bold; background-color: #eee; border-right: 1px solid #dedede; } #layerknowComplete .table-service .txt-input { padding: 2px 3px; height: 16px; line-height: 16px; border: 1px solid #dedede; width: 258px; } /* ======================================================================== 레이어 팝업 ======================================================================== */ /* overlay */ #overlay { display: none; overflow: hidden; z-index: 2; position: absolute; left: 0px; top: 0px; width: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); } #overlay iframe { width: 100%; height: 100%; border: 0; filter: alpha(opacity=0); } /* layer pop */ .lpop-cm { z-index: 3; position: absolute; display: none; left: 50%; padding: 0px 20px 20px; background: #ff642b; } .lpop-cm .close { overflow: hidden; position: absolute; right: 10px; top: 10px; width: 25px; height: 25px; border: 0; text-indent: -9999px; background: url(../../img/pod/btn/lpop_close.gif) no-repeat 0 0; } .lpop-cm h2 { height: 35px; padding-top: 10px; line-height: 35px; font-size: 16px; font-weight: bold; color: #000002; } .lpop-cm .cont { background: #fff; } /* ======================================================================== 레이어 ======================================================================== */ /* 결제내역 - 입금정보 */ /* 이용 기간 만료 레이어 */ #IpopVbankInfo { left: 50%; top: 200px; width: 350px; margin-left: -155px; } #IpopVbankInfo dl { zoom: 1; overflow: hidden; padding-bottom: 5px; padding-left: 9px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 5px; } #IpopVbankInfo dd { float: left; padding-left: 25px;} #IpopVbankInfo dt { float: left; margin-right: 3px; } #IpopVbankInfo dl strong { color: #ff652a; } #IpopVbankInfo dl em { font-weight: bold; } #IpopVbankInfo dd.vbank{ padding-left:35px;} #IpopVbankInfo dd div.vbank2{ border:0px solid; margin-left:-18px;} #IpopVbankInfo .btn-foot { margin-top: 5px; padding-top: 10px; font-size: 0; line-height: 0; text-align: center; border-top: 1px solid #eee; } #IpopVbankInfo .btn-foot .btn-cm * { *top: -1px; width: 154px; height: 29px; line-height: 29px; font-size: 14px; font-weight: bold; letter-spacing: 2px; } #IpopVbankInfo .btn-foot .btn-theme1 { margin-right: 10px; } /* 세금계산서 발행 */ #IpopTaxJoin { top: 93px; width: 620px; margin-left: -155px; } #IpopTaxJoin .cont { padding: 20px 20px 20px; } #IpopTaxJoin .btn-foot { margin-top: 25px; padding-top: 30px; font-size: 0; line-height: 0; text-align: center; border-top: 1px solid #eee; padding-bottom:20px;} #IpopTaxJoin .line { margin-top: 5px; border-top: 1px solid #eee; width:100%; padding-top:-20px;} #IpopTaxJoin .btn-foot .btn-cm * { *top: -1px; width: 154px; height: 29px; line-height: 29px; font-size: 14px; font-weight: bold; letter-spacing: 2px; } #IpopTaxJoin .btn-foot .btn-theme1 { margin-right: 10px; } #IpopTaxJoin .colum1 th { padding: 6px 0 5px;} #IpopTaxJoin .colum1 th .tb-l { padding-left: 10px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 0px 5px; } #IpopTaxJoin .colum1 td { padding: 2px 0 2px;} #IpopTaxJoin .colum1 td .tb-l{ padding: 2px 0 2px;} #IpopTaxJoin .colum1 td .vbank{ padding-left:5px;} #IpopTaxJoin .colum1 td #bank_price{ color:#f26422; font-weight:bold;} #IpopTaxJoin .colum1 .tb-change { font-size: 0; line-height: 0; } .btn-cm, .btn-cm * { overflow: visible; position: relative; display: inline-block; } .btn-cm { padding: 1px; font-size: 0; line-height: 0; zoom: 1; } .btn-cm * { padding-top: 1px; text-align: center; border: 0; } .btn-theme2 { border: 1px solid #5d4f45; background: #5c5c5c; } .btn-theme2 * { color: #fff; background-color: #5c5c5c; } .txt-input { border: 1px solid #ddd; vertical-align: middle; height: 20px; line-height: 20px;}