/*modify_by homesite 071204 14:10 */ /**********Main의 layout을 정의한다***********/ /* ID의 position을 정의한다 */ #de_main_login {position:relative;} #sample {position:absolute} /*▼▼▼▼▼▼ 해당 채널의 Layout을 정의하세요 ▼▼▼▼▼▼*/ body {background-color:#0163b1; background-image:none;} /* all_size */ #de_main_all {width:100%; height:100%; background:url(http://img1.dinokids.com/images/bg_main.jpg) no-repeat top center;} #de_main_area {width:780px; height:auto; margin:0 auto; position:relative} /* header */ #de_main_top {width:780px; height:195px; margin:0px auto;} :root #de_main_top {width:781px} #de_main_gnb {width:780px; height:195px; background:url(http://img1.dinokids.com/images/bg_main_t.jpg) no-repeat} #de_main_gnb .tmenu {padding:46px 0px 0px 25px; margin:0px 0px 0px 635px; width:87px; height:26px;} #de_main_gnb .gnb_01 {margin:8px 0px 0px 202px;} #de_main_gnb .gnb_01 div {height:76px;} #de_main_gnb .gnb_01 .gnb_01_p {margin-right:30px; text-align:right} #de_main_gnb .gnb_02 {} #de_main_gnb .gnb_02 .gnb_m {padding-top:13px; background:url(http://img1.dinokids.com/images/box_gnb_sub01_bg.gif) repeat-x; height:26px;} #de_main_gnb .gnb_03 {} #de_main_gnb .gnb_03 .gnb_m {padding-top:4px; background:url(http://img1.dinokids.com/images/box_gnb_sub02_bg.gif) repeat-x; height:35px;} #de_main_gnb .gnb_what {width:291px; margin-left:278px;} #de_main_gnb .gnb_kids {width:341px; margin-left:375px;} #de_main_gnb .gnb_help {width:418px; margin-left:330px;} #de_main_gnb .gnb_parents {width:474px; margin-left:276px;} #de_main_gnb .play_btn {margin:30px 0px 0px 30px; position:absolute; z-index:200} #de_main_body {width:780px; height:672px; margin:0px auto; position:relative} #de_main_body .m_time {position:absolute; top:6px; left:636px; width:114px; height:80px; background:url(http://img1.dinokids.com/images/bg_main_time.gif) no-repeat; z-index:200} /* footer */ #de_footer {width:780px; height:70px; clear:both; padding:0px 0px 20px 0px; margin:0px auto 0px auto;} #de_footer div.a {width:570px; margin:0px auto; padding-left:30px;} #de_footer .f_navi {float:left; text-align:center; padding:25px 20px 0px 0px; font-size:8pt; font-weight:bold; color:#ffffff} #de_footer .f_logo {float:left} /* footer popup */ #footer_pop {width:650px;} #footer_pop .pop_t {width:625px; height:38px; background:url(http://img1.dinokids.com/images/pop_footer_boxt.gif) no-repeat; padding:10px 10px 0px 15px} #footer_pop .pop_t .pop_tit {float:left} #footer_pop .pop_t .pop_close {float:right} #footer_pop .pop_c {width:610px; height:auto; background:#ffffff url(http://img1.dinokids.com/images/pop_footer_boxm.gif) repeat-y; padding:10px 20px 20px 20px} #footer_pop .pop_btn {width:650px; height:50px; background:#d4e6eb url(http://img1.dinokids.com/images/pop_footer_boxm.gif) repeat-y; padding-top:15px; text-align:center;} #footer_pop .pop_b {width:650px; height:17px; background:url(http://img1.dinokids.com/images/pop_footer_boxb.gif) no-repeat;} #footer_pop .sm_01 {height:260px; background:url(/lib_img/line_dot_01.gif) repeat-x bottom;} #footer_pop .sm_01 .sm01_tab {width:600px; height:58px; background:url(http://img1.dinokids.com/images/pop_footer_tab01.gif) no-repeat; padding:5px 0px 0px 10px;} #footer_pop .sm_01 .sm01_tab p {background:url(/lib_img/ico_footer_tab01.gif) no-repeat 0px 10px; padding:0px 0px 0px 15px; color:#1b1b1b;} #footer_pop .sm_menu01 {width:138px; height:170px; border-right:1px solid #f0f2f4; padding:0px 5px} #footer_pop .sm_menu02 {width:142px; height:170px; border-right:1px solid #f0f2f4; padding:0px 5px} #footer_pop .sm_menu03 {width:142px; height:170px; border-right:1px solid #f0f2f4; padding:0px 5px} #footer_pop .sm_menu04 {width:138px; height:170px; padding:0px 5px} #footer_pop .a {height:25px; background-color:#e2e6e9; text-align:center; font-weight:bold; font-size:10pt; padding-top:5px} #footer_pop .sm_01 .a a {color:#bd7c2f;} #footer_pop .b {padding:10px 0px 0px 5px; font-size:8pt; line-height:20px} #footer_pop .b a {color:#666666;} #footer_pop .sm_02 {height:150px; padding-top:25px} #footer_pop .sm_02 .sm02_tab {width:600px; height:58px; background:url(http://img1.dinokids.com/images/pop_footer_tab02.gif) no-repeat; padding:5px 0px 0px 10px;} #footer_pop .sm_02 .sm02_tab p {background:url(/lib_img/ico_footer_tab02.gif) no-repeat 0px 10px; padding:0px 0px 0px 15px; color:#1b1b1b;} #footer_pop .sm_02 .sm_menu01, #footer_pop .sm_02 .sm_menu02, #footer_pop .sm_02 .sm_menu03, #footer_pop .sm_02 .sm_menu04 {height:90px} #footer_pop .sm_02 .a a {color:#448ccb;} #footer_pop .pp_tou {padding:0px 10px} #footer_pop .pp_tou p {padding:10px 0px} #footer_pop .pp_tou ul {padding:10px 0px 0px 10px; color:#666666} #footer_pop .pp_tou ul li {margin:15px 0px;} /* site popup */ #site_pop {width:650px;} #site_pop .pop_t {width:625px; height:38px; background:url(http://img1.dinokids.com/images/pop_footer_boxt.gif) no-repeat; padding:10px 10px 0px 15px} #site_pop .pop_t .pop_tit {float:left} #site_pop .pop_t .pop_close {float:right} #site_pop .pop_c {width:610px; height:auto; background:#ffffff url(http://img1.dinokids.com/images/pop_footer_boxm.gif) repeat-y; padding:10px 20px 20px 20px} #site_pop .pop_btn {width:650px; height:50px; background:#d4e6eb url(http://img1.dinokids.com/images/pop_footer_boxm.gif) repeat-y; padding-top:15px; text-align:center;} #site_pop .pop_b {width:650px; height:17px; background:url(http://img1.dinokids.com/images/pop_footer_boxb.gif) no-repeat;} #site_pop .sm_01 {height:260px; background:url(http://img1.dinokids.com/lib_img/line_dot_01.gif) repeat-x bottom;} #site_pop .sm_01 .sm01_tab {width:600px; height:58px; background:url(http://img1.dinokids.com/images/pop_footer_tab01.gif) no-repeat; padding:5px 0px 0px 10px;} #site_pop .sm_01 .sm01_tab p {background:url(http://img1.dinokids.com/lib_img/ico_footer_tab01.gif) no-repeat 0px 10px; padding:0px 0px 0px 15px; color:#1b1b1b;} #site_pop .sm_menu01 {width:138px; height:170px; border-right:1px solid #f0f2f4; padding:0px 5px} #site_pop .sm_menu02 {width:142px; height:170px; border-right:1px solid #f0f2f4; padding:0px 5px} #site_pop .sm_menu03 {width:142px; height:170px; border-right:1px solid #f0f2f4; padding:0px 5px} #site_pop .sm_menu04 {width:138px; height:170px; padding:0px 5px} #site_pop .a {height:25px; background-color:#e2e6e9; text-align:center; font-weight:bold; font-size:10pt; padding-top:5px} #site_pop .sm_01 .a a {color:#bd7c2f;} #site_pop .b {padding:10px 0px 0px 5px; font-size:8pt; line-height:20px} #site_pop .b a {color:#666666;} #site_pop .sm_02 {height:150px; padding-top:25px} #site_pop .sm_02 .sm02_tab {width:600px; height:58px; background:url(http://img1.dinokids.com/images/pop_footer_tab02.gif) no-repeat; padding:5px 0px 0px 10px;} #site_pop .sm_02 .sm02_tab p {background:url(http://img1.dinokids.com/lib_img/ico_footer_tab02.gif) no-repeat 0px 10px; padding:0px 0px 0px 15px; color:#1b1b1b;} #site_pop .sm_02 .sm_menu01, #site_pop .sm_02 .sm_menu02, #site_pop .sm_02 .sm_menu03, #site_pop .sm_02 .sm_menu04 {height:90px} #site_pop .sm_02 .a a {color:#448ccb;} #site_pop .pp_tou {padding:0px 10px} #site_pop .pp_tou p {padding:10px 0px} #site_pop .pp_tou ul {padding:10px 0px 0px 10px; color:#666666} #site_pop .pp_tou ul li {margin:15px 0px;} /* site popup */ #policy_pop {width:650px;} #policy_pop .pop_t {width:625px; height:38px; background:url(http://img1.dinokids.com/images/pop_footer_boxt.gif) no-repeat; padding:10px 10px 0px 15px} #policy_pop .pop_t .pop_tit {float:left} #policy_pop .pop_t .pop_close {float:right} #policy_pop .pop_c {width:610px; height:400px; background:#ffffff url(http://img1.dinokids.com/images/pop_footer_boxm.gif) repeat-y; padding:10px 20px 20px 20px} #policy_pop .pop_btn {width:650px; height:50px; background:#d4e6eb url(http://img1.dinokids.com/images/pop_footer_boxm.gif) repeat-y; padding-top:15px; text-align:center;} #policy_pop .pop_b {width:650px; height:17px; background:url(http://img1.dinokids.com/images/pop_footer_boxb.gif) no-repeat;} #policy_pop .sm_01 {height:260px; background:url(http://img1.dinokids.com/lib_img/line_dot_01.gif) repeat-x bottom;} #policy_pop .sm_01 .sm01_tab {width:600px; height:58px; background:url(http://img1.dinokids.com/images/pop_footer_tab01.gif) no-repeat; padding:5px 0px 0px 10px;} #policy_pop .sm_01 .sm01_tab p {background:url(http://img1.dinokids.com/lib_img/ico_footer_tab01.gif) no-repeat 0px 10px; padding:0px 0px 0px 15px; color:#1b1b1b;} #policy_pop .sm_menu01 {width:138px; height:170px; border-right:1px solid #f0f2f4; padding:0px 5px} #policy_pop .sm_menu02 {width:142px; height:170px; border-right:1px solid #f0f2f4; padding:0px 5px} #policy_pop .sm_menu03 {width:142px; height:170px; border-right:1px solid #f0f2f4; padding:0px 5px} #policy_pop .sm_menu04 {width:138px; height:170px; padding:0px 5px} #policy_pop .a {height:25px; background-color:#e2e6e9; text-align:center; font-weight:bold; font-size:10pt; padding-top:5px} #policy_pop .sm_01 .a a {color:#bd7c2f;} #policy_pop .b {padding:10px 0px 0px 5px; font-size:8pt; line-height:20px} #policy_pop .b a {color:#666666;} #policy_pop .sm_02 {height:150px; padding-top:25px} #policy_pop .sm_02 .sm02_tab {width:600px; height:58px; background:url(http://img1.dinokids.com/images/pop_footer_tab02.gif) no-repeat; padding:5px 0px 0px 10px;} #policy_pop .sm_02 .sm02_tab p {background:url(http://img1.dinokids.com/lib_img/ico_footer_tab02.gif) no-repeat 0px 10px; padding:0px 0px 0px 15px; color:#1b1b1b;} #policy_pop .sm_02 .sm_menu01, #policy_pop .sm_02 .sm_menu02, #policy_pop .sm_02 .sm_menu03, #policy_pop .sm_02 .sm_menu04 {height:90px} #policy_pop .sm_02 .a a {color:#448ccb;} #policy_pop .pp_tou {padding:0px 10px} #policy_pop .pp_tou p {padding:10px 0px} #policy_pop .pp_tou ul {padding:10px 0px 0px 10px; color:#666666} #policy_pop .pp_tou ul li {margin:15px 0px;} /* site popup */ #terms_pop {width:650px;} #terms_pop .pop_t {width:625px; height:38px; background:url(http://img1.dinokids.com/images/pop_footer_boxt.gif) no-repeat; padding:10px 10px 0px 15px} #terms_pop .pop_t .pop_tit {float:left} #terms_pop .pop_t .pop_close {float:right} #terms_pop .pop_c {width:610px; height:400px; background:#ffffff url(http://img1.dinokids.com/images/pop_footer_boxm.gif) repeat-y; padding:10px 20px 20px 20px} #terms_pop .pop_btn {width:650px; height:50px; background:#d4e6eb url(http://img1.dinokids.com/images/pop_footer_boxm.gif) repeat-y; padding-top:15px; text-align:center;} #terms_pop .pop_b {width:650px; height:17px; background:url(http://img1.dinokids.com/images/pop_footer_boxb.gif) no-repeat;} #terms_pop .sm_01 {height:260px; background:url(http://img1.dinokids.com/lib_img/line_dot_01.gif) repeat-x bottom;} #terms_pop .sm_01 .sm01_tab {width:600px; height:58px; background:url(http://img1.dinokids.com/images/pop_footer_tab01.gif) no-repeat; padding:5px 0px 0px 10px;} #terms_pop .sm_01 .sm01_tab p {background:url(http://img1.dinokids.com/lib_img/ico_footer_tab01.gif) no-repeat 0px 10px; padding:0px 0px 0px 15px; color:#1b1b1b;} #terms_pop .sm_menu01 {width:138px; height:170px; border-right:1px solid #f0f2f4; padding:0px 5px} #terms_pop .sm_menu02 {width:142px; height:170px; border-right:1px solid #f0f2f4; padding:0px 5px} #terms_pop .sm_menu03 {width:142px; height:170px; border-right:1px solid #f0f2f4; padding:0px 5px} #terms_pop .sm_menu04 {width:138px; height:170px; padding:0px 5px} #terms_pop .a {height:25px; background-color:#e2e6e9; text-align:center; font-weight:bold; font-size:10pt; padding-top:5px} #terms_pop .sm_01 .a a {color:#bd7c2f;} #terms_pop .b {padding:10px 0px 0px 5px; font-size:8pt; line-height:20px} #terms_pop .b a {color:#666666;} #terms_pop .sm_02 {height:150px; padding-top:25px} #terms_pop .sm_02 .sm02_tab {width:600px; height:58px; background:url(http://img1.dinokids.com/images/pop_footer_tab02.gif) no-repeat; padding:5px 0px 0px 10px;} #terms_pop .sm_02 .sm02_tab p {background:url(http://img1.dinokids.com/lib_img/ico_footer_tab02.gif) no-repeat 0px 10px; padding:0px 0px 0px 15px; color:#1b1b1b;} #terms_pop .sm_02 .sm_menu01, #terms_pop .sm_02 .sm_menu02, #terms_pop .sm_02 .sm_menu03, #terms_pop .sm_02 .sm_menu04 {height:90px} #terms_pop .sm_02 .a a {color:#448ccb;} #terms_pop .pp_tou {padding:0px 10px} #terms_pop .pp_tou p {padding:10px 0px} #terms_pop .pp_tou ul {padding:10px 0px 0px 10px; color:#666666} #terms_pop .pp_tou ul li {margin:15px 0px;} /*------------------ Layout을 정의하세요 ------------------*/ /*▲▲▲▲▲▲ 해당 채널의 Layout을 정의하세요 ▲▲▲▲▲▲*/ /*▼▼▼▼▼▼ 임시로 적용되는 CSS를 넣으세요 ▼▼▼▼▼▼*/ /* 예) right영역에 300x250 배너로 임시수정하기*/ #sample {display:block !important;}