@charset "euc-kr"; /*Mini Blog css * 2011.11.10 / 김정윤 */ html{width:100%; height:100%; } body{height:100%; margin:0; padding:0; font: normal 12px/14px Dotum,gulim,arial,sans-serif; color:#333; } h1,h2,h3,h4,h5,h6{margin:0; padding:0; } ul,ol{margin:0; padding:0; list-style:none; } dl,dt,dd{margin:0; padding:0; } p{margin:0; padding:0; } em {font-style:normal;} input{margin:0; padding:0; } textarea{margin:0; padding:0; } table{border-collapse:collapse; } td img,td input,td select {vertical-align:middle; font-size:12px;} hr, table caption, fieldset legend {height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;} form{margin:0; padding:0; border:none; } fieldset{border:0; margin:0; padding:0; } img{border:0;} select {height:21px; font-family:Arial; padding:0; margin:0; line-height:1.5; font-size:12px;} textarea {border:1px solid #e3e3e3; padding:2px 5px;} legend, .hidden{ text-indent:-5000px; line-height:0; font-size:0; position:absolute; top:0; left:0;} hr{display:none;} #mini_wrap a:link{text-decoration:none; color:#333; } #mini_wrap a:visited{text-decoration:none; color:#333; } #mini_wrap a:hover{text-decoration:none; color:#21c630; } #mini_wrap a:active{text-decoration:none; color:#333; } /*skipNavigation*/ #skip a{overflow:hidden; display:block; width:0; height:0; text-align:center; color:#000;} #skip a:focus, #skip a:active {width:auto; height:auto; padding:5px; background:#f2f2f2; border:1px solid #ddd; display:block;} /* Common */ #mini_wrap .txt_input {height:15px; border:1px solid #c4c4c4; padding:2px 5px; font-size:12px; color:#000;} #mini_wrap .textarea {border:1px solid #c4c4c4; padding:2px 5px;} #mini_wrap .file_input {height:19px; border:1px solid #c4c4c4; background:#fff;} :root #mini_wrap .file_input {height:21px; border:none; background:none;} #mini_wrap .radio_input {width:14px; height:14px; font-size:0.1; margin:0; padding:0; } #mini_wrap .font11 {font-size:11px;} /* Contents */ #mini_wrap {width:100%; height:100%; position:relative;} /* Top Gnb */ #mini_wrap .gnb_top {height:18px; padding-top:5px; background:#f9fafc; border-bottom:1px solid #e0eaef;} #mini_wrap .gnb_top .menu {width:990px; margin:0 auto; font-size:11px; line-height:1.5;} #mini_wrap .gnb_top .home, #mini_wrap .gnb_top .my_blog {display:block; float:left;} #mini_wrap .gnb_top .home a {display:block; padding:0 7px 0 17px; background:url('http://img.sbs.co.kr/sw11/miniblog/images/icon_home.gif') left 1px no-repeat;} #mini_wrap .gnb_top .my_blog a {display:block; padding:0 6px 0 8px; background:url('http://img.sbs.co.kr/sw11/miniblog/images/bg_line2.gif') left 3px no-repeat;} #mini_wrap .gnb_top ul {float:right; overflow:hidden;} #mini_wrap .gnb_top ul li.first {padding-left:0; background:none;} #mini_wrap .gnb_top ul li {float:left; padding-left:6px; margin-right:6px; background:url('http://img.sbs.co.kr/sw11/miniblog/images/bg_line2.gif') left 3px no-repeat;} #mini_wrap .gnb_top a {color:#424242;} #mini_wrap .gnb_top a:hover {color:#259ace;} /* Type1 */ #mini_wrap .blog_type1 {width:990px; margin:0 auto; *zoom:1; padding-bottom:80px; background:url('http://img.sbs.co.kr/sw11/miniblog/images/bg_type2.gif') left top repeat-y;} #mini_wrap .blog_type1:after {content:""; display:block; clear:both;} #mini_wrap .blog_type1 .common {width:200px; height:100%; float:left; } #mini_wrap .blog_type1 .skinImg {width:198px; height:370px; border:1px solid #e1e1e1; border-width:0 1px; text-align:center; padding:10px 0; background:#fff;} #mini_wrap .blog_type1 .skinImg .skin img {width:178px; height:370px;} #mini_wrap .blog_type1 .blogTitle {width:200px; height:65px; display: table; #position:relative; overflow: hidden; background:url('http://img.sbs.co.kr/sw11/miniblog/images/bg_mem.png') left top no-repeat;} #mini_wrap .blog_type1 .blogTitle p {width:200px; display: table-cell; vertical-align: middle; text-align: center; #position:absolute; #top:50%; #left:50%;} #mini_wrap .blog_type1 .blogTitle p strong{width:200px; #position:relative; #top:-50%; #left:-50%; color:#ffb821;} #mini_wrap .blog_type1 .member {height:92px; text-align:center; position:relative; z-index:2; background:url('http://img.sbs.co.kr/sw11/miniblog/images/bg_mem.png') left bottom no-repeat;} #mini_wrap .blog_type1 .member .txt {width:186px; color:#fff; padding:20px 0 10px; margin:0 auto; font-size:11px; border-top:1px dotted #818586; } #mini_wrap .blog_type1 .member .txt strong {padding-left:15px; display:inline-block; letter-spacing:-0.1em; background:url('http://img.sbs.co.kr/sw11/miniblog/images/icon_id.gif') left top no-repeat;} #mini_wrap .blog_type1 .member .txt strong span {text-decoration:underline; color:#ffb821;} #mini_wrap .blog_type1 .member .btn {line-height:0; font-size:0;} #mini_wrap .blog_type1 .member .btn a {margin-right:3px;} #mini_wrap .blog_type1 .gnb {width:200px; overflow:hidden; margin-top:-8px; position:relative; z-index:1;} #mini_wrap .blog_type1 .gnb li {font-size:14px; padding:20px 0 20px 30px; border-bottom:1px solid #fff; line-height:149%; } #mini_wrap .blog_type1 .gnb li a:hover {text-decoration:underline;} #mini_wrap .blog_type1 .logo {border-bottom:1px solid #fff;} #mini_wrap .blog_type1 .stats {border:1px solid #575c5d;} #mini_wrap .blog_type1 .stats dl {border:1px solid #818586; padding-top:6px; overflow:hidden; line-height:1; background:#626768;} #mini_wrap .blog_type1 .stats dt {width:60px; text-align:right; font-size:0.1; } #mini_wrap .blog_type1 .stats dd {width:126px; padding-left:10px; font-weight:bold; font-size:11px; color:#feb721;} #mini_wrap .blog_type1 .stats dt, #mini_wrap .blog_type1 .stats dd {height:9px; float:left; padding-bottom:4px;} #mini_wrap .blog_type1 .stats .first {background:none; padding-left:0;} /* Type2 */ #mini_wrap .blog_type2 {width:100%;} #mini_wrap .blog_type2 .common {width:100%; height:390px; overflow:hidden; background:url('http://img.sbs.co.kr/sw11/miniblog/images/bg_blog_line.gif') left bottom repeat-x;} #mini_wrap .blog_type2 .skinImg {width:990px; height:285px; margin:0 auto; overflow:hidden; position:relative; } #mini_wrap .blog_type2 .skinImg .skin img {width:990px; height:285px;} #mini_wrap .blog_type2 .skinImg .ad {position:absolute; left:0; bottom:0; z-index:99999;} #mini_wrap .blog_type2 .skinImg .blogTitle {width:200px; height:73px; position:absolute; left:0; top:10px; background:url('http://img.sbs.co.kr/sw11/miniblog/images/balloon.png') left top no-repeat;} #mini_wrap .blog_type2 .skinImg .blogTitle .blogBg {display: table; width:200px; height:65px; #position:relative; overflow: hidden;} #mini_wrap .blog_type2 .skinImg .blogTitle .blogBg p {width:200px; display: table-cell; vertical-align: middle; text-align: center; #position:absolute; #top:50%; #left:50%;} #mini_wrap .blog_type2 .skinImg .blogTitle .blogBg p strong{width:200px; #position:relative; #top:-50%; #left:-50%; color:#259ace;} #mini_wrap .blog_type2 .gnb {width:100%; height:68px; margin-top:1px;} #mini_wrap .blog_type2 .gnb .gnbIn {width:990px; margin:0 auto; overflow:hidden;} #mini_wrap .blog_type2 .gnb .logo {float:left;} #mini_wrap .blog_type2 .gnb ul {width:730px; padding:25px 0 0 60px; float:left; overflow:hidden; letter-spacing:-0.1em;} #mini_wrap .blog_type2 .gnb ul li {float:left; font-size:14px; line-height:149%; } #mini_wrap .blog_type2 .gnb ul li span {display:inline-block; padding:0 25px;} #mini_wrap .blog_type2 .gnb ul li.first {padding-left:0; background:none;} #mini_wrap .blog_type2 .gnb ul li a:hover {text-decoration:underline;} #mini_wrap .blog_type2 .member {width:990px; height:36px; margin:0 auto; overflow:hidden; position:relative; } #mini_wrap .blog_type2 .member .txt {width:198px; height:21px; padding:9px 0 0 0; text-align:center; border:1px solid #575c5d; background:#626768; float:left; font-size:11px; color:#fff;} #mini_wrap .blog_type2 .member .txt strong {padding-left:15px; display:inline-block; letter-spacing:-0.1em; background:url('http://img.sbs.co.kr/sw11/miniblog/images/icon_id.gif') left top no-repeat;} #mini_wrap .blog_type2 .member .txt strong span {text-decoration:underline; color:#ffb821;} #mini_wrap .blog_type2 .member .btn {float:left; padding:9px; line-height:0; font-size:0;} #mini_wrap .blog_type2 .member .btn a {margin-right:3px;} #mini_wrap .blog_type2 .member .stats {position:absolute; right:0; top:0; padding-top:12px; overflow:hidden; line-height:1;} #mini_wrap .blog_type2 .member .stats dt {padding-left:21px; background:url('http://img.sbs.co.kr/sw11/miniblog/images/bg_line4.gif') 10px top no-repeat; font-size:0.1;} #mini_wrap .blog_type2 .member .stats dd {padding-left:5px; font-weight:bold; font-size:11px; color:#feb721;} #mini_wrap .blog_type2 .member .stats dt, #mini_wrap .blog_type2 .member .stats dd {float:left;} #mini_wrap .blog_type2 .member .stats .first {background:none; padding-left:0;} #mini_wrap .blog_type2 .skinBg0 {background:#fff;} #mini_wrap .blog_type2 .skinBg1 {background:url('http://img.sbs.co.kr/sw11/miniblog/images/type2_bg1.gif') left 5px repeat;} #mini_wrap .blog_type2 .skinBg2 {background:url('http://img.sbs.co.kr/sw11/miniblog/images/type2_bg2.gif') left 10px repeat;} #mini_wrap .blog_type2 .skinBg3 {background:url('http://img.sbs.co.kr/sw11/miniblog/images/type2_bg3.gif') left 10px repeat;} #mini_wrap .blog_type2 .skinBg4 {background:url('http://img.sbs.co.kr/sw11/miniblog/images/type2_bg4.gif') left top repeat;} #mini_wrap .blog_type2 .skinBg5 {background:url('http://img.sbs.co.kr/sw11/miniblog/images/type2_bg5.gif') left 15px repeat;} #mini_wrap .blog_type2 .skinBg6 {background:url('http://img.sbs.co.kr/sw11/miniblog/images/type2_bg6.gif') left 10px repeat;} #mini_wrap .blog_type2 .skinBg7 {background:url('http://img.sbs.co.kr/sw11/miniblog/images/type2_bg7.gif') left top repeat;} #mini_wrap .blog_type2 .skinBg8 {background:url('http://img.sbs.co.kr/sw11/miniblog/images/type2_bg8.gif') left top repeat;} #mini_wrap .blog_type1 .board {width:731px; height:100%; float:right; background:#fff;} #mini_wrap .blog_type2 .board {width:890px; padding:0 50px 80px 50px; background:#fff; overflow:hidden;} .lnk_type1 {height:19px; background:#f7f7f7; font:11px/2 gulim; color:#555; overflow:hidden; padding:6px 10px 8px 15px; letter-spacing:-1px;} .lnk_type2 {width:965px; height:19px; margin:0 auto; background:#f7f7f7; font:11px/2 gulim; color:#555; overflow:hidden; padding:6px 10px 8px 15px; letter-spacing:-1px;} .line_link a {color:#555 !important;} .line_link a:hover {color:#555 !important;} .link_popular {float:left;} .link_popular a {margin:0 16px; vertical-align:top;} .link_mini {float:right; font:bold 11px/2 dotum; background:url(http://img.sbs.co.kr/sw11/cartoon/common/bu_arrow.gif) no-repeat left 6px; padding-left:8px;} .link_mini a {color:#8c46c0 !important;} .link_mini a:hover {color:#8c46c0 !important;} #mini_wrap .blog_type1 .board .titImg {margin:40px 0 20px; width:731px; height:330px;} #mini_wrap .blog_type2 .board .titImg {margin:35px 0 20px; width:890px; height:346px;} #mini_wrap .blog_type1 .board_frame {margin-top:40px;} #mini_wrap .blog_type2 .board_frame {margin-top:40px;} /* 공통 게시판 */ #mini_wrap .board {margin:0 auto;} #mini_wrap .board .titImg {text-align:center; display:table; #position: relative; overflow:hidden;} #mini_wrap .board .titImg .titImg_wrap {#position: absolute; #top: 50%; #left: 50%; display: table-cell; vertical-align: middle; text-align: center;} #mini_wrap .board .titImg .titImg_wrap .titImg_in {#position: relative; #top: -50%; #left: -50%;} #mini_wrap .board .view_table {width:100%; border-top:2px solid #737979;} #mini_wrap .board .view_table tbody th {padding:20px 0 20px 30px; border-bottom:1px solid #e1e1e1; text-align:left; background:#f6f6f6;} #mini_wrap .board .view_table tbody td {padding:20px 0 20px 30px; border-bottom:1px solid #e1e1e1;} #mini_wrap .board .view_table .cont_txt {line-height:1.5;} #mini_wrap .guideWrap {margin-top:62px; text-align:center;} #mini_wrap .guide {margin-top:20px;} #mini_wrap .cheer {margin-top:20px; padding:28px 0; border:3px solid #e5e5e5;} #mini_wrap .cheer .cheer_cont {width:600px; margin:0 auto;} #mini_wrap .cheer h3 {margin-bottom:10px;} #mini_wrap .cheer .comment {padding:9px 0; border:1px solid #c9cdcf; background:#f0f0f0; overflow:hidden; } #mini_wrap .cheer .comment label {height:30px; font-weight:bold; display:inline-block; padding:15px 19px 0 15px; margin-right:30px; background:url('http://img.sbs.co.kr/sw11/miniblog/images/bg_line5.gif') right top no-repeat;} #mini_wrap .cheer .comment span {margin-right:40px;} #mini_wrap .cheer .comment span input {width:356px;} #mini_wrap .cheer .comment label, #mini_wrap .cheer .comment span, #mini_wrap .cheer .comment img, #mini_wrap .cheer .comment a {vertical-align:middle;} #mini_wrap .board .list li {padding-bottom:20px; color:#444; border-bottom:1px dashed #c5c7c8;} #mini_wrap .board .list .infor {padding-top:10px; overflow:hidden; margin-bottom:10px;} #mini_wrap .board .list .infor .id {float:left;} #mini_wrap .board .list .infor .id strong {color:#00bd04;} #mini_wrap .board .list .infor .date {float:right;} #mini_wrap .board .list p {padding:0 0 0 10px; line-height:1.4;} #mini_wrap .paging {text-align:center; margin-top:15px;} #mini_wrap .paging span a {color:#444;} #mini_wrap .paging span a:hover {color:#444; font-weight:bold; text-decoration:underline;} #mini_wrap .paging a, #mini_wrap .paging img {vertical-align:middle;} /* 입력 3단계 */ #mini_wrap .stepWrap {width:990px; margin:50px auto 0;} #mini_wrap .stepWrap .step_gnb {width:850px; height:81px; padding:3px 0 0 140px; overflow:hidden; background:url('http://img.sbs.co.kr/sw11/miniblog/images/bg_step.gif') left top no-repeat;} #mini_wrap .stepWrap .step_gnb li {float:left; margin-right:75px;} #mini_wrap .stepWrap .cont {border:1px solid #b4b4b4; border-width:0 1px 1px; padding:50px 0 0;} #mini_wrap .stepWrap h3.type1 {width:870px; margin:0 auto; padding-bottom:20px; border-bottom:2px solid #333;} #mini_wrap .stepWrap h3.type2 {width:850px; margin:0 auto; padding:1px 0 8px 20px; border-bottom:2px solid #333; font-size:14px; line-height:1; letter-spacing:-0.1em; background:url('http://img.sbs.co.kr/sw11/miniblog/images/bg_h3.gif') left top no-repeat;} /* Step1 */ #mini_wrap .step {width:870px; margin:0 auto; } #mini_wrap .stepTable {width:100%;} #mini_wrap .stepTable tbody th {text-align:left; padding:18px 0 15px 30px; color:#333; border-bottom:1px solid #efefef; line-height:16px;} #mini_wrap .stepTable tbody td {padding:15px 0; color:#888; border-bottom:1px solid #efefef;} #mini_wrap .stepTable tbody td span {vertical-align:bottom; } #mini_wrap .stepTable .txt1 {font-size:11px; text-align:right; margin:5px 30px 0 0;} #mini_wrap .stepTable .txt1 strong {color:#4bafdb;} #mini_wrap .stepTable .txt2 {font-size:11px; margin-left:5px;} #mini_wrap .stepTable .txt3 {font-size:11px; line-height:18px; margin-top:5px;} #mini_wrap .stepTable .profile {overflow:hidden;} #mini_wrap .stepTable .profile .regiImg {width:157px; height:113px; margin-right:10px; float:left; border:1px solid #e8e8e8;} #mini_wrap .stepTable .profile .regiImg img {width:157px; height:113px;} #mini_wrap .stepTable .profile .regiInput {float:left;} #mini_wrap .stepTable .profile .regiInput p {font-size:} #mini_wrap .stepTable .use label {vertical-align:bottom; margin-right:10px; line-height:1; } #mini_wrap .stepTable .use {color:#333;} /* Step2 */ #mini_wrap .step2 {width:840px; margin:0 auto; padding:0 0 0 30px; margin-bottom:80px; border-bottom:1px solid #efefef; *zoom:1;} #mini_wrap .step2:after {content:""; display:block; clear:both;} #mini_wrap .step2 .setup {width:208px; height:293px; float:left; margin-top:15px;} #mini_wrap .step2 .setup .sel_list {width:206px; height:291px; border:1px solid #c4c4c4; } #mini_wrap .step2 .setup .sel_list .btns {height:28px; padding:6px 10px 0; overflow:hidden; background:url('http://img.sbs.co.kr/sw11/miniblog/images/bg_line.gif') left top repeat-x;} #mini_wrap .step2 .setup .sel_list .btns .left {float:left;} #mini_wrap .step2 .setup .sel_list .btns .right {float:right;} #mini_wrap .step2 .setup .sel_list ul {width:200px; height:244px; padding-top:7px; margin:2px auto 0; border:1px solid #e9e9e9; overflow:hidden;} #mini_wrap .step2 .setup .sel_list ul li {line-height:1.5; overflow:hidden; margin-bottom:10px; padding:5px 5px 0 0;} #mini_wrap .step2 .setup .sel_list ul li.on {border:1px solid #e9e9e9; border-width:1px 0; background:#f5f5f5;} #mini_wrap .step2 .setup .sel_list ul li label {display:block; float:left; padding:0 0 0 27px; background:url('http://img.sbs.co.kr/sw11/miniblog/images/icon_re.png') 7px 2px no-repeat;} #mini_wrap .step2 .setup .sel_list ul li input {vertical-align:middle; display:block; float:right;} #mini_wrap .step2 .setup .txt {font-size:11px; color:#888; line-height:15px;} #mini_wrap .step2 .setup .txt li {padding-left:7px; margin-top:6px; background:url('http://img.sbs.co.kr/sw11/miniblog/images/dot_gray.gif') left 4px no-repeat;} #mini_wrap .step2 .stepTable {width:602px; float:right;} #mini_wrap .step2 .step2_btn {width:482px; padding:15px 0 15px 120px; float:right;} /* Step3 */ #mini_wrap .step3 {width:870px; margin:0 auto;} #mini_wrap .step3_type1 {_height:265px; padding:30px 0 30px 30px; border-bottom:1px solid #efefef; margin-bottom:40px; overflow:hidden;} #mini_wrap .step3_type1 li {float:left; margin-right:60px;} #mini_wrap .step3_type1 li dl dt {line-height:1; color:#4b4b4b; margin:10px 0 8px; font-weight:bold;} #mini_wrap .step3_type1 li dl dt input {vertical-align:bottom;} #mini_wrap .step3_type1 li dl dd {padding-left:8px; color:#888; font-size:11px; background:url('http://img.sbs.co.kr/sw11/miniblog/images/dot_gray.gif') 2px 4px no-repeat;} #mini_wrap .step3_type2 {padding:30px; border-bottom:1px solid #efefef; margin-bottom:40px; overflow:hidden;} #mini_wrap .step3_type2 .skin {width:808px; margin-top:15px; padding-bottom:30px; border:1px solid #dfdfdf; position:relative;} #mini_wrap .step3_type2 .skin .tab {height:33px; border-bottom:1px solid #e1e1e1; background:#f8f8fa; *zoom:1;} #mini_wrap .step3_type2 .skin .tab:after {content:""; display:block; clear:both;} #mini_wrap .step3_type2 .skin .tab li {float:left; border-right:1px solid #e1e1e1; text-align:center; } #mini_wrap .step3_type2 .skin .tab li a {width:137px; height:23px; display:block; padding-top:10px;} #mini_wrap .step3_type2 .skin .tab li.on {position:relative; z-index:99; } #mini_wrap .step3_type2 .skin .tab li.on a {height:24px; background:#fff; } #mini_wrap .step3_type2 .skin .btn_regi {text-align:right; margin:-28px 10px 28px 0;} #mini_wrap .step3_type2 .skin .list {*zoom:1; padding-top:30px; margin:0 auto; overflow:hidden; } #mini_wrap .step3_type2 .skin .list:after {content:""; display:block; clear:both;} #mini_wrap .step3_type2 .skin .list li {float:left;} #mini_wrap .step3_type2 .skin .type2 {width:705px; height:120px; padding-left:13px;} #mini_wrap .step3_type2 .skin .type2 li {width:222px; height:125px; margin-right:13px; } #mini_wrap .step3_type2 .skin .type2 li .titImg {width:222px; height:71px; padding:11px 0 0 10px; background:url('http://img.sbs.co.kr/sw11/miniblog/images/bg_thum1.gif') left top no-repeat;} #mini_wrap .step3_type2 .skin .type2 li .titImg a {width:199px; height:35px; display:block; padding-top:23px; text-align:center; color:#4b4b4b; font-weight:bold; background:url('http://img.sbs.co.kr/sw11/miniblog/images/bg_thum_regi1.gif') left top no-repeat;} #mini_wrap .step3_type2 .skin .type2 li .titImg img {width:198px; height:57px; overflow:hidden;} #mini_wrap .step3_type2 .skin .type1 {width:705px; height:247px; padding-left:28px;} #mini_wrap .step3_type2 .skin .type1 li {width:113px; height:247px; margin-right:28px; } #mini_wrap .step3_type2 .skin .type1 li .titImg {width:103px; height:198px; padding:11px 0 0 10px; background:url('http://img.sbs.co.kr/sw11/miniblog/images/bg_thum2.gif') left top no-repeat;} #mini_wrap .step3_type2 .skin .type1 li .titImg a {width:90px; height:100px; display:block; padding-top:86px; text-align:center; color:#4b4b4b; font-weight:bold; background:url('http://img.sbs.co.kr/sw11/miniblog/images/bg_thum_regi2.gif') left top no-repeat;} #mini_wrap .step3_type2 .skin .type1 li .titImg img {width:89px; height:185px; overflow:hidden;} #mini_wrap .step3_type2 .skin .txt {overflow:hidden; margin-top:7px; } #mini_wrap .step3_type2 .skin .txt input, #mini_wrap .step3_type2 .skin .txt label, #mini_wrap .step3_type2 .skin .txt a {display:block; } #mini_wrap .step3_type2 .skin .txt input, #mini_wrap .step3_type2 .skin .txt label {float:left; margin-right:3px; font-weight:bold; line-height:1.4} #mini_wrap .step3_type2 .skin .txt a {float:right; margin-top:2px;} #mini_wrap .step3_type2 .skin .titImg a:hover {color:#333;} #mini_wrap .step3_type2 .skin .btns span {width:41px; height:41px; position:absolute; top:50%; margin-top:-10px;} #mini_wrap .step3_type2 .skin .btns span.pre {left:10px;} #mini_wrap .step3_type2 .skin .btns span.next {right:10px;} #mini_wrap .step3_type2 .skin .btns span a {display:block;} #mini_wrap .step3_type3 {width:100%; padding-bottom:80px; position:relative; *zoom:1;} #mini_wrap .step3_type3:after {content:""; display:block; clear:both;} #mini_wrap .step3_type3 dt, #mini_wrap .step3_type3 dd {float:left; border-bottom:1px solid #efefef;} #mini_wrap .step3_type3 dt {width:110px; height:30px; padding-top:20px; text-align:center; font-weight:bold;} #mini_wrap .step3_type3 dd {width:760px; height:35px; padding-top:15px; } #mini_wrap .step3_type3 dd .color {overflow:hidden;} #mini_wrap .step3_type3 .sel_color {width:97px; height:15px; padding:2px; border:1px solid #adafaa; background:#f1f1f1; margin-right:3px;} #mini_wrap .step3_type3 input {width:50px; padding:3px 5px 1px; margin-right:3px;} #mini_wrap .step3_type3 .sel_color span {width:95px; height:13px; display:block; border:1px solid #adafaa; background-image:url('http://img.sbs.co.kr/sw11/miniblog/images/bg_transparent.gif');} #mini_wrap .step3_type3 .sel_color, #mini_wrap .step3_type3 input, #mini_wrap .step3_type3 .apply {vertical-align:top; display:inline-block; float:left;} #mini_wrap .step3_type4 {border-bottom:1px solid #efefef; overflow:hidden; padding:30px 0 30px 30px; margin-bottom:40px;} #mini_wrap .step3_type4 li {float:left;} #mini_wrap .step3_type4 .skinBrd {width:74px; height:71px; padding:2px; margin-right:11px; border:1px solid #adafaa; background:#f1f1f1;} #mini_wrap .step3_type4 .skinBrd span {width:72px; height:69px; display:block; border:1px solid #adafaa;} #mini_wrap .step3_type4 p {margin-top:10px;} #mini_wrap .step3_type4 p input, #mini_wrap .step3_type4 p label {display:block; float:left;} #mini_wrap .step3_type4 p label {padding:1px 0 0 5px;} #mini_wrap .step3_type4 .skinBrd .bgImg1 {background:#fff;} #mini_wrap .step3_type4 .skinBrd .bgImg2 {background:url('http://img.sbs.co.kr/sw11/miniblog/images/type2_bg1.gif') left 5px repeat;} #mini_wrap .step3_type4 .skinBrd .bgImg3 {background:url('http://img.sbs.co.kr/sw11/miniblog/images/type2_bg2.gif') left top repeat;} #mini_wrap .step3_type4 .skinBrd .bgImg4 {background:url('http://img.sbs.co.kr/sw11/miniblog/images/type2_bg3.gif') left top repeat;} #mini_wrap .step3_type4 .skinBrd .bgImg5 {background:url('http://img.sbs.co.kr/sw11/miniblog/images/type2_bg4.gif') left top repeat;} #mini_wrap .step3_type4 .skinBrd .bgImg6 {background:url('http://img.sbs.co.kr/sw11/miniblog/images/type2_bg5.gif') left 13px repeat;} #mini_wrap .step3_type4 .skinBrd .bgImg7 {background:url('http://img.sbs.co.kr/sw11/miniblog/images/type2_bg6.gif') 5px 5px repeat;} #mini_wrap .step3_type4 .skinBrd .bgImg8 {background:url('http://img.sbs.co.kr/sw11/miniblog/images/type2_bg7.gif') 3px 5px repeat;} #mini_wrap .step3_type4 .skinBrd .bgImg9 {background:url('http://img.sbs.co.kr/sw11/miniblog/images/type2_bg8.gif') 12px 12px repeat;} #mini_wrap .color_picker {width:211px; min-height:85px; padding:0 0 15px 9px; border:1px solid #c3c3c3; clear:both; background:#f1f1f1; position:absolute; left:0; top:0; font-size:0.1; } #mini_wrap .color_picker ul {width:204px; clear:both; overflow:hidden; padding-top:8px;} #mini_wrap .color_picker ul li {width:11px; height:11px; margin:0 1px 1px 0; float:left; } #mini_wrap .color_picker .close {clear:both; display:block; padding:5px; text-align:right;} #mini_wrap .btn_type {padding:30px 0 25px; text-align:center; background:#eeeff1 url('http://img.sbs.co.kr/sw11/miniblog/images/bg_dot_line.gif') left top repeat-x;} /* Footer */ #mini_wrap #footer {width:100%; height:89px; border-top:4px solid #737979; padding-top:40px; background:#eeeff1;} #mini_wrap #footer p {font-family:'sans-serif', Arial; font-size:10px; display:block; text-align:center; color:#a2a2a2;} #mini_wrap #footer p span {color:#25a0e2;} #mini_wrap #step_footer p {padding:40px 0; font-family:'sans-serif', Arial; font-size:10px; display:block; text-align:center; color:#a2a2a2;} #mini_wrap #step_footer p span {color:#25a0e2;} /* popup */ .popWrap {position:absolute; z-index:99999; background:#fff;} .popWrap .tit {height:43px; background:#5d6d7a; padding:0 30px; overflow:hidden;} .popWrap .tit h1 {float:left; margin-top:10px;} .popWrap .tit button {display:block; float:right; padding:0; margin:10px 0 0 0; background:none; border:none; cursor:pointer;} .popWrap .cont {padding:30px 30px 25px;} .popWrap .stepTable {border-top:2px solid #333;} .popWrap .stepTable td.list_type {padding:0 0 0 0; color:#333;} .popWrap .stepTable td.list_type ul {height:120px; padding:10px 0 5px 35px; overflow-y:scroll; overflow-x:hidden;} .popWrap .stepTable td.list_type li {line-height:149%; margin-bottom:8px;} .popWrap .stepTable td.list_type label {vertical-align:middle;} .list_type ul { scrollbar-face-color:#fff; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#e3e3e3; scrollbar-darkshadow-color:#fff; scrollbar-shadow-color:#e3e3e3; scrollbar-arrow-color:#d5d9dc; scrollbar-track-color:#fcfcfc;} .popWrap .stepTable td.txt {padding:10px 0 15px 30px; color:#888; font-size:11px;} .popWrap .stepTable td.txt dl {line-height:15px;} .popWrap .stepTable td.txt dl dt {font-weight:bold; margin-bottom:5px;} .popWrap .stepTable td.txt dl dd strong {color:#4bafdb;} .pop_btn {text-align:center; margin-top:15px;}