/* BASIC css start */ #content { width:1200px; height:100%; margin: 0 auto; text-align:center; padding-top:50px;} #content .b_ti { display:block; width:100%; height:30px; margin-bottom: 10px; font-size:42px; color:#333; font-weight:400; text-align:center;} #content .b_sti { display:block; width:100%; height:25px; margin-top:30px; margin-bottom: 30px; font-size:20px; color:#777; font-weight:300; text-align:center;} #content div > .bl {color:#333;} #content div > .bd { float:left; display:inline-block; width:110px; height:1px; margin:20px 0px; background:#333; } #content div > p.txt_cont { display:block; float:left; text-align:left; margin-top:20px; font-size:16px; line-height:24px; color:#666; font-weight:300; } #content .step_01 { width:100%; height:350px; margin-top:100px; text-align:left;} #content .step_01 h2 { display:block; float:left; width:100%; height:30px; text-align:left; font-size:24px; color:#333; font-weight:400; } #content .step_01 p.txt_cont { display:block; float:left; width:100%; height:18px;text-align:left; margin-top:10px; font-size:18px; letter-spacing:-0.5px; color:#444; font-weight:400; } #content .step_01 p.txt_scont { display:block; float:left; width:100%; height:18px; text-align:left; margin-top:10px; padding-left: 20px; font-size:15px; color:#777; font-weight:300; } #content .step_01 p > img {padding-top:3px; line-height:18px; } #content .step_02 { position: relative; width:100%; height:450px; margin-top:50px; margin-bottom:60px; text-align:left; } #content .step_02 h2 { display:block; float:left; width:100%; height:24px; text-align:left; font-size:24px; color:#333; font-weight:400; } #content .step_02 p.txt_cont01 { display:block; width:100%; height:17px; text-align:center; margin-top:290px; font-size:17px; color:#666; font-weight:400; } #content .step_02 .txt_blue {color:#034fa5;} #content .step_02 p.txt_cont02 { display:block; width:100%; height:17px; text-align:center; margin-top:290px; font-size:17px; color:#fff; font-weight:400; } #content .step_02 .txt_yellow {color:#fdf403;} #content .step_02 p.txt_cont03 { display:block; width:100%; height:17px; text-align:center; margin-top:290px; font-size:17px; color:#666; font-weight:400; } #content .step_02 .box01 { position: relative; float:left; width:375px; height:423px; margin-right:30px; text-align:center;background:url("/design/celltrust/0713pureskin/member_box01.jpg") center no-repeat; box-shadow:15px 20px 40px #ccc; z-index:20;} #content .step_02 .box02 { position: relative; float:left; width:375px; height:423px; margin-right:30px; text-align:center; background:url("/design/celltrust/0713pureskin/member_box02.jpg") center no-repeat; box-shadow:15px 20px 40px #ccc; z-index:20; } #content .step_02 .box03 { position: relative; float:left; width:375px; height:423px; text-align:center; background:url("/design/celltrust/0713pureskin/member_box03.jpg") center no-repeat; box-shadow:15px 20px 40px #ccc;z-index:20;} #content .step_03 { position: relative; width:100%; height:100px; margin-top:100px; text-align:left; } #content .step_03 h2 { display:block; float:left; width:100%; height:30px; text-align:left; font-size:24px; color:#333; font-weight:400; } #content .step_03 p.txt_cont { display:block; float:left; width:100%; height:18px;text-align:left; margin-top:10px; font-size:18px; letter-spacing:-0.5px; color:#444; font-weight:300; } #content .step_03 p.txt_scont { display:block; float:left; width:100%; height:18px; text-align:left; margin-top:10px; padding-left: 20px; font-size:15px; color:#777; font-weight:300; } #content .step_03 p > img {padding-top:3px; line-height:18px; } #content .step_04 { position: relative; width:100%; height:150px; margin-top:100px; text-align:left; } #content .step_04 h2 { display:block; float:left; width:100%; height:30px; text-align:left; font-size:24px; color:#333; font-weight:400; } #content .step_04 p.txt_cont { display:block; float:left; width:100%; height:18px;text-align:left; margin-top:10px; font-size:18px; letter-spacing:-0.5px; color:#444; font-weight:300; } #content .step_04 p.txt_scont { display:block; float:left; width:100%; height:18px; text-align:left; margin-top:10px; padding-left: 20px; font-size:15px; color:#777; font-weight:300; } #content .step_04 p > img {padding-top:3px; line-height:18px; } /* 카카오플러스 박스 */ #content .step_05 { position: relative; width:100%; height:163px; margin-top:100px; margin-bottom:50px; background:url("/design/celltrust/0713pureskin/member_kaka.jpg") center no-repeat; } #content .step_05 .right_box { display:block; float:right; width:68%; height:100px; margin-top:30px; } #content .step_05 .right_box h2 { display:block; float:left; width:100%; height:30px; text-align:left; font-size:24px; color:#333; font-weight:400; } #content .step_05 .right_box p.txt_cont { display:block; float:left; width:100%; height:18px;text-align:left; margin-top:10px; font-size:18px; letter-spacing:-0.5px; color:#444; font-weight:300; } #content .step_05 .right_box p.txt_scont { display:block; float:left; width:100%; height:18px; text-align:left; margin-top:10px; padding-left: 20px; font-size:15px; color:#777; font-weight:300; } #content .step_05 .right_box p > img {padding-top:3px; line-height:18px; } #content .step_06 { position: relative; width:100%; height:150px; margin-top:100px; margin-bottom:100px; text-align:left; } #content .step_06 .left_box { float:left; width:50%; text-align:left; } #content .step_06 .right_box { float:right; width:50%; text-align:left; } #content .step_06 .txt_red { color:#ea1701;} #content .step_06 h2 { display:block; float:left; width:100%; height:30px; text-align:left; font-size:24px; color:#333; font-weight:400; } #content .step_06 h2 > .tip_txt { text-align:left; font-size:14px; color:#777; font-weight:300; } #content .step_06 p.txt_cont { display:block; float:left; width:100%; height:18px;text-align:left; margin-top:10px; font-size:18px; letter-spacing:-0.5px; color:#444; font-weight:300; } #content .step_06 p.txt_scont { display:block; float:left; width:100%; height:18px; text-align:left; margin-top:10px; padding-left: 20px; font-size:15px; color:#777; font-weight:300; } #content .step_06 p > img {padding-top:3px; line-height:18px; } /* 버튼박스 */ #content .btn_box { position: relative; width:30%; height:100px; margin:0 auto; text-align:center; } #content .btn_box .mb_btn { float:left; display:block; width:152px; height:47px; line-height:47px; margin:10px; background-color:#333; color: #fff; transition:all, 0.5s; cursor:pointer} #content .btn_box .mb_btn a { display:block; text-align:center; width:152px; line-height:47px;color: #fff; font-size:15px; } #content .btn_box .mb_btn a:hover { display:block; text-align:center; width:150px; height:45px;font-size:15px; background-color:#fff; border:1px solid #333; color: #333; } #content .btn_box02 { position: relative; width:20%; height:100px; margin:0 auto; text-align:center; } #content .btn_box02 .mb_btn02 { float:left; display:block; width:202px; height:47px; line-height:47px; margin:10px; background-color:#333; color: #fff; transition:all, 0.5s; cursor:pointer} #content .btn_box02 .mb_btn02 a { display:block; text-align:center; width:202px; line-height:47px;color: #fff; font-size:15px; } #content .btn_box02 .mb_btn02 a:hover { display:block; text-align:center; width:200px; height:45px;font-size:15px; background-color:#fff; border:1px solid #333; color: #333; } /* BASIC css end */