@charset "euc-kr"; /************************** Title: 크리스천투데이 일본 CSS Style File Name: common.css Create Date: 2010/7/28 Creator: 크리스천투데이 **************************/ * {padding:0; margin:0;} img {border:none;} li {list-style:none;} em, address { font-style:normal;} input, textarea {font-size:12px;} body {font-family:"돋움", Dotum, Gulim, Arial, Helvetica, Utkal, sans-serif; font-size:12px; color:#000; background:#fff; line-height:1.5;} a {color:#333; text-decoration:none;} a:hover {color:#333; text-decoration:underline;} #wrap {width:970px; padding:0; margin:0 auto;} /* header ------------------------------------------- */ #hd01 {width:950px; background:#f8f8f8; border-bottom:#cccccc 1px solid; font-size:11px; padding:4px 10px 2px; position:relative; clear:both;} #hd01 ul {position:absolute; top:4px; right:10px;} #hd01 ul li {float:left; padding:0 4px; display:block;} #hd01 ul li img {padding:2px 0 0 0;} #hd02 {width:965px; height:84px; clear:both; position:relative;} #hd-logo {width:270px; position:absolute; top:12px; left:0; font-size:11px;} #hd-logo h1 {padding-bottom:3px;} #hd-logo h1 span {float:left; display:block;} #hd-search {width:280px; position:absolute; top:20px; left:304px; font-size:11px;} #hd-search .hd-search_txt {font-size:11px; color:#1d3074; padding:0 0 3px 0;} #hd-search input {font-size:12px; font-family:"돋움",dotum; padding:3px;} #hd-banner {width:362px; position:absolute; top:12px; right:0;} #hd-logo2 {position:absolute; top:25px; left:0; font-size:11px;} #hd-logo2 dd {float:left; padding:0 0 0 8px;} /* nav ------------------------------------------- */ #nav {width:970px; height:33px; background:url(../img/navi.gif) no-repeat top left; clear:both; margin-bottom:15px;} #nav li {float:left;} #nav01 a {width:101px; height:33px; display:block; text-indent:-9999px;} #nav02 a {width:86px; height:33px; display:block; text-indent:-9999px;} #nav03 a {width:95px; height:33px; display:block; text-indent:-9999px;} #nav04 a {width:87px; height:33px; display:block; text-indent:-9999px;} #nav05 a {width:98px; height:33px; display:block; text-indent:-9999px;} #nav06 a {width:60px; height:33px; display:block; text-indent:-9999px;} #nav07 a {width:70px; height:33px; display:block; text-indent:-9999px;} #nav08 a {width:123px; height:33px; display:block; text-indent:-9999px;} #nav09 a {width:52px; height:33px; display:block; text-indent:-9999px;} #nav10 a {width:46px; height:33px; display:block; text-indent:-9999px;} #nav11 a {width:51px; height:33px; display:block; text-indent:-9999px;} #nav12 a {width:47px; height:33px; display:block; text-indent:-9999px;} #nav13 a {width:54px; height:33px; display:block; text-indent:-9999px;} /* contents ------------------------------------------- */ #contents {width:970px; clear:both; float:left; margin-bottom:20px;} #section {width:970px; clear:both;} #m_left {width:270px; float:left;} #m_center {width:372px; float:left; margin-left:21px;} #m_right {width:280px; float:right;} .m_left_space {width:270px; height:12px; display:block; clear:both;} .m_right_space {width:280px; height:12px; display:block; clear:both;} .img_left {float:left;} #article_wp {width:670px; float:left;} #article_left {width:110px; float:left;} #article_center {width:540px; float:left; margin-left:20px;} .article_lspace {width:110px; height:12px; display:block; clear:both;} .article_cspace {width:540px; height:15px; display:block; clear:both;} /* main ------------------------------------------- */ .m_box1 {width:254px; border:#e1e2dd 1px solid; padding:6px 7px; float:left; clear:both;} .m_box1 h3 {font-size:12px; color:#000000; position:relative; border-bottom:#0b3c90 2px solid; padding:2px 0; margin-bottom:8px; clear:both;} .m_box1 span {position:absolute; top:2px; right:0; font-weight:normal; font-size:11px;} .m_box1 li {background:url(../img/ico_dot.gif) no-repeat center left; padding:3px 0 3px 10px;} .m_box2 {width:254px; border:#e1e2dd 1px solid; padding:6px 7px; float:left; clear:both;} .m_box2 h3 {font-size:12px; color:#000000; position:relative; padding:2px 0; clear:both;} .m_box2 span {position:absolute; top:2px; right:0; font-weight:normal; font-size:11px;} .m_box2_img {float:right; margin-bottom:11px;} .m_box2_t {background:#e7e7e7; padding:5px 5px 4px; clear:both;} .m_box3 {width:254px; border:#e1e2dd 1px solid; padding:6px 7px; float:left; clear:both;} .m_box3 h3 {font-size:12px; color:#000000; position:relative; border-bottom:#e0dddd 2px solid; padding:2px 0; margin-bottom:8px; clear:both;} .m_box3 span {position:absolute; top:2px; right:0; font-weight:normal; font-size:11px;} .m_box3 dl {padding-bottom:8px; clear:both; overflow:hidden;} .m_box3 dt {font-weight:bold; padding:6px 0 0 0;} .m_box3 dl img {margin-right:10px;} .m_box3 li {background:url(../img/ico_dot.gif) no-repeat center left; padding:1px 0 1px 10px;} .m_box4 {width:254px; border:#e1e2dd 1px solid; padding:6px 7px; float:left; clear:both;} .m_box4 h3 {font-size:12px; color:#000000; position:relative; background:#e9eff6; padding:3px 6px 2px; margin-bottom:8px; clear:both;} .m_box4 span {position:absolute; top:2px; right:0; font-weight:normal; font-size:11px;} .m_box4 dl {padding-bottom:8px; clear:both; overflow:hidden;} .m_box4_t {font-weight:bold; padding:9px 0 0 0;} .m_box4 dl img {margin-right:10px; float:left;} .m_box4 li {background:url(../img/ico_dot.gif) no-repeat center left; padding:0 0 0 10px;} .m_cbox1 {width:372px; clear:both;} .m_cbox1 dt {padding:3px 0; clear:both; letter-spacing:-0.09em;} .m_cbox1 h3 {font-size:14px;} .m_cbox1_img {width:80px; float:left;} .m_cbox1_t {color:#676767; font-weight:bold; padding:3px 0;} .m_cbox1_t2 {padding:2px 0; text-align:justify;} .m_rel {background:url(../img/ico_arr2.gif) no-repeat center left; padding:4px 0 2px 17px; font-weight:bold; clear:both;} .m_cline {width:372px; height:9px; background:url(../img/bg_line.gif) repeat-x center left; clear:both;} .m_cbox2 {width:372px; float:left; padding:4px 0 6px; clear:both;} .m_cbox2 dd {letter-spacing:-0.09em;} .m_cbox2 h3 {padding:3px 0; font-size:14px;} .m_cbox2_rel {background:url(../img/ico_arr2.gif) no-repeat center left; padding:4px 0 4px 17px; clear:both;} .m_cbox3 {width:372px; float:left; clear:both; border-bottom:#e0e0e0 3px solid; border-top:#e0e0e0 2px solid;} .m_cbox3 h3 {font-size:12px; color:#000000; position:relative; border-bottom:#e6e6e6 1px solid; padding:6px 6px 5px; clear:both;} .m_cbox3 span {position:absolute; top:6px; right:0; font-weight:normal; font-size:11px;} .m_cbox3 dl {width:372px; float:left; padding:10px 0;} .m_cbox3 dt {width:304px; float:right; font-weight:bold; font-size:13px; letter-spacing:-0.09em; padding-bottom:3px;} .m_cbox3_t {width:304px; float:right;} .m_cbox3_img {width:60px; float:left;} .m_cbn {width:372px; clear:both;} .m_rbox1 {width:264px; border:#e1e2dd 1px solid; padding:6px 7px; float:left; clear:both;} .m_rbox1 h3 {font-size:12px; color:#000000; position:relative; border-bottom:#e0dddd 2px solid; padding:2px 0; margin-bottom:8px; clear:both;} .m_rbox1 span {position:absolute; top:2px; right:0; font-weight:normal; font-size:11px;} .m_rbox1 dl {width:264px; float:left; padding:5px 0; clear:both;} .m_rbox1 dt {width:200px; float:right; font-weight:bold;} .m_rbox1_t {width:200px; float:right; font-size:11px;} .m_rbox1_img {width:50px; float:left;} .m_rbox2 {width:280px; padding:0 0 6px; float:left; clear:both;} .m_rbox2 h3 {font-size:12px; color:#000000; position:relative; padding:2px 6px; margin-bottom:10px; clear:both;} .m_rbox2 span {position:absolute; top:2px; right:6px; font-weight:normal; font-size:11px;} .m_rbox2_btn {vertical-align:top; padding-top:14px;} .m_rbox2_list {width:104px; padding-right:6px; text-align:center; vertical-align:top;} .m_rbox2_list img {border:#f6f6f6 2px solid; margin-bottom:4px;} .m_rbox2_name {color:#888888; font-size:11px;} .m_rbox2_list2 {background:#eeeeee; padding:5px 8px 3px; clear:both;} .m_rbox2_list2 li {background:url(../img/ico_tv.gif) no-repeat 0 1px; padding:0 0 0 16px;} .m_rbox3 {width:262px; border:#d6d6d6 1px solid; background:#eeeeee; padding:3px; float:left; clear:both;} .m_rbox3 dl {width:262px; float:left; background:#fff; padding:4px 0 2px;} .m_rbox3 dt {color:#012778; font-weight:bold; background:url(../img/ico_arr3.gif) no-repeat center right; float:left; padding:0 10px 0 5px;} .m_rbox3 dd {float:left; padding:0 3px;} .m_search {border:#d6d6d6 1px solid; background:#eef7ff; font-size:12px;} .m_rbox4 {width:264px; border:#e1e2dd 1px solid; padding:6px 7px; float:left; clear:both;} .m_rbox4 h3 {font-size:12px; color:#000000; position:relative; border-bottom:#e0dddd 2px solid; padding:2px 0; margin-bottom:2px; clear:both;} .m_rbox4 span {position:absolute; top:2px; right:0; font-weight:normal; font-size:11px;} .m_rbox4 dl {width:264px; float:left; padding:4px 0; clear:both;} .m_rbox4 dt {font-weight:bold; color:#334fb0; padding:2px 0;} .m_rbox4_t {font-weight:bold;} .m_rbox4_t2 {font-size:11px; color:#5e6265;} .m_rbox4_img img {float:left; margin-right:10px;} .m_rbox5 {width:258px; height:13px; border:#698edc 3px solid; position:relative; margin-top:5px; clear:both;} .m_rbox5_t {position:absolute; top:4px; left:6px;} .m_rbox5_t2 {position:absolute; top:5px; right:6px;} .m_search2 {font-weight:bold; border:none; font-size:12px;} .m_rbox6 {width:280px; padding:10px 0; float:left; clear:both;} .m_rbox6 h3 {font-size:12px; color:#000000; margin-bottom:4px; clear:both;} .m_rbox6 td {text-align:center; padding:8px 0 0 0; border-top:#d9d9d9 1px solid;} .m_rtab_off {background:#f8f8f8; border-bottom:#d9d9d9 1px solid;} .m_rtab_off a {width:93px; height:22px; display:block;} .m_rtab_on {background:#fff; font-weight:bold; border-bottom:#fff 1px solid; border-left:#d9d9d9 1px solid; border-right:#d9d9d9 1px solid;} .m_rtab_on a {width:92px; height:22px; display:block;} .m_rbox6_list {width:274px; padding:12px 3px 0; clear:both;} .m_rbox6_list li {padding:2px 0;} .m_rbox7 {width:264px; border:#e1e2dd 1px solid; padding:6px 7px; float:left; clear:both;} .m_rbox7 h3 {font-size:12px; color:#000000; clear:both;} .m_rbox7 dl {width:264px; float:left; clear:both;} .m_rbox7 dt {font-weight:bold; color:#334fb0; padding:3px 0;} .m_rbox7 dd {background:url(../img/ico_dot2.gif) no-repeat center left; padding:1px 8px;} .m_rjump {font-size:12px; border:#e1e2dd 1px solid;} /* bottom ------------------------------------------- */ #bottom {width:970px; clear:both; float:left; margin-top:16px;} #ct_ftr {width:970px; margin:0 auto; clear:both;} #ct_ftr #partner {float:left; width:905px; margin:0; padding:20px 0 15px 65px;} #ct_ftr #partner span {float:left; margin:0 55px 0 0; padding:0;} #ct_ftr #ftr_bx {float:left; width:943px; margin:0; padding:12px 10px 9px 17px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} #ftr_bx #intro {float:left; width:516px; margin:; padding:0;} #ct_ftr .chtoday {font-weight:bold;} #ftr_bx #intro span {float:left; margin:0 19px 0 0; padding:0;} #ct_ftr #ftr_bx #ic {float:right; width:100px; margin:0; padding:0;} #ct_ftr #ftr_bx #ic span {float:left;} #ct_ftr #ftr_copy {float:left; width:943px; padding:24px 10px 19px 17px;} #ftr_copy #ftr_copy_bx {float:left; width:700px; padding:0;} #ftr_copy #ftr_copy_bx #copyright {float:left; width:760px; } #ftr_copy #ftr_copy_bx #warning {float:left; width:700px; font-size:11px; color:#777;} #ftr_copy_bx .chtoday {font-weight:bold; padding:0 10px 0 0;} #ftr_copy_bx .tel {font-family:"돋움", Dotum, Gulim, Arial, Helvetica, Utkal, sans-serif; font-size: 11px; color: #333; } #ftr_copy_bx .indivi {padding:0 0 0 10px; font-size:11px; color:#333;} #ftr_logo {float:right; margin:0; padding:0;}