@charset "utf-8"; /* #Inner h1 {position:relative; padding:20px 0 10px 0px;} #Inner h2 {} #Inner h3{} #Inner h4 {position:relative; float:left; width:100%; padding:7px 0 7px 0px; border:0px; font-size:13px; line-height:18px; color:#ff5600; letter-spacing:-1px;} #Inner h5{position:relative; padding:0 0 10px 10px;} #Inner h3 {position:relative; width:715px; height:17px; padding:15px 10px 10px 20px; margin:0px; background:url(../images/com/icon_01.gif) no-repeat 0px 13px; border:none; } #Inner h2 {position:relative; width:715px; height:17px; padding:10px 7px 5px 18px; margin:0px; background:url(../images/com/icon_01.gif) no-repeat 0px 13px; border:none; } #Inner p {position:relative; } #Inner p.btn_study {position:relative; padding:25px 0; } #Inner p.btn_study img {padding:0px 10px 0 0;} */ .pro_t_search {position:relative; width:750px; text-align:center; padding:13px 0; background-color:#f3f3f3; margin:0 0 20px 0;} .pro_list {position:relative; float:left; width:750px; } .pro_list ul li {float:left; width:210px; height:190px; padding:15px; margin:0 15px 15px 0; line-height:18px;} .pro_list ul li.Frist {float:left; width:750px; height:70px; padding:15px 15px 0 15px; margin:0 15px 0px 0; line-height:18px;} .pro_list ul li.end { margin:0 0px 15px 0;} .pro_list ul li h3 {position:relative; float:left; width:100%; padding:2px 0 7px 15px; background:url(../images/product/m_tit_icon.gif) no-repeat 0px 5px; font-size:14px; line-height:18px; } .pro_list ul li h3 a {color:#000;} .pro_list ul li h3 a:hover {color:#b1063a;} .catalog_t_box {position:relative; float:left; width:650px; background:url(../images/catalog/icon_01.gif) no-repeat 0px 5px; padding:15px 0 15px 100px; line-height:25px; font-size:13px; margin:0 0 30px 0;} .catalog_t_box b{color:#b2063a;} .catalog_c_box {position:relative; float:left; width:100%; margin-bottom:20px;} .catalog_c_box ul li {float:left; width:286px; padding: 0px 70px 20px 10px;} .catalog_c_box ul li ol {float:left; padding:10px 0px 10px 0px; /*height:50px;*/} .catalog_c_box ul li ol li {float:left; padding: 3px 0 5px 0; *padding: 0px 0 5px 0; } .catalog_c_box ul li ol p.right {text-align:right;} .catalog_c_box01 {position:relative; float:left; width:100%; margin-bottom:20px; } .catalog_c_box01 ul li {float:left; width:286px; padding: 0 70px 0 10px;} .catalog_c_box01 ul li ol {float:left; padding:10px 0 0 0; height:50px;} .catalog_c_box01 ul li ol li {float:left; padding: 3px 0 5px 0; *padding: 0px 0 5px 0; } .catalog_c_box01 ul li ol p.right {text-align:right; } .cadfile_list {position:relative; float:left; width:100%; } .cadfile_list ul li {float:left; width:240px; /*border-bottom:1px dotted #ccc; */} .cadfile_list ul li h2 { float:left; width:225px; padding:10px 0 7px 15px; background:url(../images/product/m_tit_icon.gif) no-repeat 0px 13px; font-size:14px; line-height:18px; border-top:1px dotted #ccc; } .cadfile_list ul li h3 { float:left; width:235px; padding:0px 0 10px 5px; font-size:13px; line-height:18px; color:#85203f;} .cadfile_list ul li dl {float:left; width:225px; padding:0px 0 10px 15px; } .cadfile_list ul li dl dt {float:left; width:70px; height:21px; padding:1px 0 5px 0;} .cadfile_list ul li dl dd {float:left; width:38px; height:21px; padding:1px 0 5px 0; text-align:right;} .cadfile_list01 {position:relative; float:left; width:100%; } .cadfile_list01 ul li.Left {float:left; width:66%; /*border-bottom:1px dotted #ccc; */ margin-right:1px;} .cadfile_list01 ul li.Right {float:left; width:33%; /*border-bottom:1px dotted #ccc; */} .cadfile_list01 ul li h2 { float:left; width:100%; height:40px; padding:10px 0 7px 15px; background:url(../images/product/m_tit_icon.gif) no-repeat 0px 13px; font-size:14px; line-height:18px; border-top:1px dotted #ccc; box-sizing:border-box;} .cadfile_list01 ul li h3 { float:left; width:100%; height:40px; padding:0px 0 10px 5px; font-size:13px; line-height:18px; color:#85203f; box-sizing:border-box;} .cadfile_list01 ul li dl {float:left; padding:0px 0 10px 15px; box-sizing:border-box;} .cadfile_list01 ul li.Left dl {float:left; width:50%; padding:0px 0 10px 15px; box-sizing:border-box;} .cadfile_list01 ul li.Right dl {float:left; width:100%; padding:0px 0 10px 15px; box-sizing:border-box;} .cadfile_list01 ul li dl dt {float:left; width:74px; height:21px; padding:1px 0 5px 0; letter-spacing:-0.3px;} .cadfile_list01 ul li dl dd {float:left; width:37px; height:21px; padding:1px 0 5px 0; text-align:right;} .cadfile_list02 {position:relative; float:left; width:100%; } .cadfile_list02 ul li.Left {float:left; width:33%; /*border-bottom:1px dotted #ccc; */ margin-right:1px;} .cadfile_list02 ul li.Right {float:left; width:66%; /*border-bottom:1px dotted #ccc; */} .cadfile_list02 ul li h2 { float:left; width:100%; height:40px; padding:10px 0 7px 15px; background:url(../images/product/m_tit_icon.gif) no-repeat 0px 13px; font-size:14px; line-height:18px; border-top:1px dotted #ccc; box-sizing:border-box; } .cadfile_list02 ul li h3 { float:left; width:100%; height:40px; padding:0px 0 10px 5px; font-size:13px; line-height:18px; color:#85203f; box-sizing:border-box;} .cadfile_list02 ul li dl {float:left; padding:0px 0 10px 15px; box-sizing:border-box;} .cadfile_list02 ul li.Left dl {float:left; width:100%; padding:0px 0 10px 15px; box-sizing:border-box;} .cadfile_list02 ul li.Right dl {float:left; width:50%; padding:0px 0 10px 15px; box-sizing:border-box;} .cadfile_list02 ul li dl dt {float:left; width:74px; height:21px; padding:1px 0 5px 0; letter-spacing:-0.3px;} .cadfile_list02 ul li dl dd {float:left; width:37px; height:21px; padding:1px 0 5px 0; text-align:right;} .cadfile_t_box {position:relative; float:left; width:650px; height:70px; background:url(../images/cadfile/t_bg_01.gif) no-repeat 0px 5px; padding:0px 0 0 100px; line-height:18px; font-size:13px; margin:0 0 30px 0; } .cadfile_t_box b{color:#b2063a;} .cadfile_t_box span {font-size:14px; line-height:22px;} .cadfile_list ul li.center {padding:0 15px;} .site_list {position:relative; float:left; width:100%; } .site_list h2.sitemap {width:750px; font-size:18px; *line-height:33px; color:#9b0030; /*background:url(../images/com/title_icon.gif) no-repeat 0 3px;*/ margin:15px 0 15px 0px; z-index:10;} .site_list ul {width:100%;} .site_list ul li {float:left; width:240px; /*border-bottom:1px dotted #ccc; */} .site_list ul li h2 { float:left; width:225px; padding:7px 0 5px 15px; background:url(../images/product/m_tit_icon.gif) no-repeat 0px 10px; font-size:14px; line-height:18px; border-top:1px dotted #ccc; } .site_list ul li h3 { float:left; width:235px; padding:0px 0 10px 5px; font-size:13px; line-height:18px; color:#85203f;} .site_list ul li dl {float:left; width:225px; padding:0px 0 10px 15px; } .site_list ul li dl dt {float:left; width:100%; padding:4px 0 5px 0;} .site_list ul li.center {padding:0 15px;} /*about*/ .about_01 {float:left; font-size:13px; padding:20px 0; line-height:22px; color:#222;} .about_02 {float:left; font-size:15px; padding:20px 0; line-height:22px; color:#111;} .history_list { float:left; width:730px; margin-top:10px; /* border:2px solid #ddd ;*/ border-bottom:1px dotted #ccc; padding:10px 10px; margin:0 0 10px 0;} .history_list h3.port {float:left; width:80px; min-height:100%; padding:0px 0 0 10px; font-family:"Daum_Regular"; font-size:24px; color:#c10226; } .history_list dl{ float:right; width:630px; border-left:1px solid #ddd; } .history_list dl dt { float:left; color:#c10226; font-weight:bold; width:60px; padding:2px 0px 3px 15px; font-size:13px;} .history_list dl dd { float:left; width:525px; padding:2px 0px 3px 0px; } .history_list dl dt img {padding:0 0 0 15px;} .history_list div.back {float:left; width:20px; padding:50px 0 0 0; text-align:left;} .history_list div.next {float:left; width:20px; padding:50px 0 0 0; text-align:right;} /* 신제품*/ .new_stain {position:relative; margin-bottom:10px;} .new_stain01 {position:absolute; right:0px; top:-20px;} .new_stain02 {position:relative; width:100%; margin:30px 0 0 0;} .new_stain02 h3 {float:left; width:100%; margin:0px 0 20px 0;} .new_stain02 ul li {float:left; width:100%; padding:0 0 3px 0;} .font02 {color:#b6063a; font-weight:bold;} .cont_table {margin-bottom:30px;border-top:2px solid #666666} .cont_table table {width:100%;border-bottom:1px solid #cccccc;} .cont_table thead th {padding:11px 0;border-left:1px solid #f0f0f0;border-bottom:1px solid #cccccc;background:#f8f8f8;text-align:center;font-weight:bold; font-size:13px;} .cont_table tbody th, .cont_table tbody td {padding:11px 15px;border-left:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0; font-size:12px; /* font-family:Dotum,'돋움'*/} .cont_table thead th.headbdb, .cont_table thead td.headbdb {padding:11px 0;border-left:1px solid #f0f0f0;border-bottom:1px solid #cccccc;text-align:center;font-size:12px; /*font-family:Dotum,'돋움'; */ font-weight:normal;background:none} .cont_table.type01 tbody th, .cont_table.type01 tbody td{padding-right:5px} .cont_table tbody .thbg {background:#f8f8f8;} .cont_table tbody .bdb {border-bottom:1px solid #cccccc;} .table_info {padding:0 0 3px 0;text-align:right;font-size:12px;/* font-family:Dotum,'돋움'*/ } .font000{color:#333;text-align:center;} .cont_table tbody th.total{border-bottom:1px solid #cccccc;color:#333;text-align:center} .data_table {border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin:20px 0;} .data_table table{width:100%; /*border-bottom:1px solid #cccccc; margin:20px 0;*/} .data_table table thead th{padding:14px 0;text-align:center;border-top:1px solid #666666;border-bottom:1px solid #cccccc} .data_table table tbody {border-top:1px solid #666666;} .data_table table tbody th {border-bottom:1px solid #f0f0f0} .data_table table tbody td {border-bottom:1px solid #f0f0f0} .data_table table tbody td, .data_table table tbody td a{padding:9px 0;font-size:12px;color:#666666;text-align:center} .data_table table tbody td a:hover{color:#e2161c} .data_table table tbody td a:hover span{color:#666666} .data_table table tbody td a span{padding-left:10px;font-size:11px;font-family:Dotum,'돋움';text-decoration:underline} .data_table table tbody td img{margin-left:10px;vertical-align:middle;} .data_table table tbody td.title_line{padding-left:35px;text-align:left;} .data_table table tbody .last th, .data_table table tbody .last td{border-bottom:1px solid #cccccc;} .data_table table tbody .latest td{background:#f8f8f8;} #certificate_list {position:relative; float:left; width: 100%; margin-top:10px;} #certificate_list ul{ float:left; padding-bottom:10px;} #certificate_list ul li {overflow:hidden; width:162px; padding:0 13px 5px 12px; } div.prd_133v {overflow:hidden; width:162px; text-align:center;} div.prd_133v div.photo_zone {margin-bottom:0px; padding:0 0 25px 0; background:url(../images/about/certificate_bg.gif) center bottom no-repeat;} div.prd_133v div.photo_zone img{width:133px;height:186px; border:1px solid #ccc; } div.prd_133v div.info_zone {height:40px;} /* div.prd_150v{overflow:hidden;width:150px; text-align:center;} div.prd_150v div.photo_zone {margin-bottom:7px} div.prd_150v div.photo_zone img{width:140px;height:140px} div.prd_150v div.info_zone .price p , div.prd_150v div.info_zone .price p del, div.prd_150v div.info_zone .price p strong{position:absolute;top:0;right:0;} div.info_zone b { color:#ff1800;} */ .about_box01{position:relative;float:left; margin-bottom:30px; border-top:2px solid #cccccc; border-bottom:1px solid #cccccc;} .about_box01 ul li{display:block;border-bottom:1px solid #f0f0f0; line-height:18px; padding:5px 0; width:750px;} .about_box01 ul li strong{display:inline-block;width:100px;font-weight:bold; padding:0 0 0 20px;} .place_box02 .picture {position:absolute;left:0;top:0; } /*.place_box02 .picture img {padding-bottom:5px;}*/ .place_box02 ul li.adress{background:url('/images/customer/icon_address.gif') no-repeat 4px center} .place_box02 ul li.phone{background:url('/images/customer/icon_phone.gif') no-repeat 6px center} .place_box02 ul li.gear{background:url('/images/customer/icon_gear.gif') no-repeat 9px 14px} .place_box02{position:relative;float:left; margin-bottom:30px;padding-left:370px;padding-bottom:30px;border-bottom:1px solid #cccccc;} .place_box02 h4{margin-bottom:15px; font-size:18px;} .place_box02 ul{margin-bottom:12px;} .place_box02 ul li{display:block;border-bottom:1px solid #f0f0f0; line-height:18px; padding:5px 0; width:370px;} .place_box02 ul li.hei {height:90px; /*height:130px; */} .place_box02 ul li.last{border-bottom:none} .place_box02 ul li strong{display:inline-block;width:60px;font-weight:bold} .place_box02 ul li span{display:inline-block; padding:0 20px 0 0px;} .place_box02 .picture {position:absolute;left:0;top:0; } /*.place_box02 .picture img {padding-bottom:5px;}*/ .place_box02 ul li.adress{background:url('/images/customer/icon_address.gif') no-repeat 4px center} .place_box02 ul li.phone{background:url('/images/customer/icon_phone.gif') no-repeat 6px center} .place_box02 ul li.gear{background:url('/images/customer/icon_gear.gif') no-repeat 9px 14px} .familysite_pop {position:relative; float:left; width:100%;} .familysite_pop h3 {float:left; padding:15px 15px 25px 15px; } .familysite_pop .print {position:absolute; right:15px; top:15px; } .familysite_pop ul li {padding:0 0 10px 5px;} .Worldnetwork {position:relative; float:left; width:100%; margin-top:-50px; margin-left:40px; z-index:10;} .Worldnetwork .text{position:absolute; visibility: hidden;} .neproduct_linear_box{position:relative; float:left; margin:20px 0; width:720px; border:1px solid #e1e1e1 ; padding:15px;font:12px Tahoma,Arial;color:#5e5e5e;line-height:20px;} .neproduct_linear_box dt{font:13px Tahoma,Arial;color:#5e5e5e;line-height:20px;font-weight:bold;} /* Table */ .table_glay {border-top:2px solid #b0b0b0; border-right:1px solid #d9d9d9; } .table_glay table {border-collapse:collapse; clear:both; overflow:hidden; /* border:1px solid #d9d9d9 ; */} .table_glay table th {border:1px solid #d9d9d9; text-align:center; padding:7px; background:#f3f3f3; color:#222; } .table_glay table td {border:1px solid #d9d9d9; padding:5px 5px 5px 10px ; background:#fff; line-height:18px;} .table_glay table td.text_center { text-align:center;} .table_glay table td.line_left { text-align:left; padding-left:10px; } .table_glay01 {border-top:2px solid #b0b0b0; border-right:1px solid #d9d9d9; margin:10px 0; } .table_glay01 table {border-collapse:collapse; clear:both; overflow:hidden; /* border:1px solid #d9d9d9 ; */} .table_glay01 table th {border:1px solid #d9d9d9; text-align:center; padding:7px; background:#f3f3f3; color:#222; } .table_glay01 table td {border:1px solid #d9d9d9; text-align:center; padding:5px 5px 5px 5px ; background:#fff; line-height:18px;} .table_glay01 table td.line_left { text-align:left; padding-left:10px; } .table_glay02 {border-top:2px solid #b0b0b0; border-right:1px solid #d9d9d9; margin:10px 0; } .table_glay02 table {border-collapse:collapse; clear:both; overflow:hidden; /* border:1px solid #d9d9d9 ; */} .table_glay02 table thead th {border:1px solid #d9d9d9; text-align:center; padding:5px; background:#ededed; color:#222; } .table_glay02 table tbody th {border:1px solid #d9d9d9; text-align:center; padding:5px; background:#f3f3f3; color:#222; } .table_glay02 table td {border:1px solid #d9d9d9; text-align:center; padding:2px 4px 2px 4px ; background:#fff; line-height:18px;} .table_glay02 table td.text_right {border:1px solid #d9d9d9; text-align:right; padding:2px 4px 2px 4px ; background:#fff; line-height:18px;} .table_glay02 table td.text_left {border:1px solid #d9d9d9; text-align:left; padding:10px ; background:#fff; line-height:18px;} .table_glay02 table td.line_left { text-align:left; padding-left:10px; } .table_glay03 {border-collapse:collapse; clear:both; overflow:hidden; border:1px solid #d9d9d9 ; } .table_glay03 td {border:1px solid #d9d9d9; text-align:center; padding:2px 4px 2px 4px ; line-height:18px;} .table_glay03_s {border-collapse:collapse; clear:both; overflow:hidden; border:0px solid; width:100%;} .table_glay03_s td {border:0px solid; text-align:right; padding:0px 4px 0px 4px ; line-height:18px;} .table_glay03_t {border-collapse:collapse; clear:both; overflow:hidden; border:0px solid; width:100%;} .table_glay03_t td {border:0px solid; text-align:center; padding:0px 0px 0px 0px ; line-height:18px;} .table_glay04 {border-collapse:collapse; clear:both; overflow:hidden; border:1px solid #d9d9d9 ; } .table_glay04 td {border:1px solid #d9d9d9; text-align:left; padding:10px ; line-height:18px;} .table_glay07 {border-top:2px solid #b0b0b0; border-right:1px solid #d9d9d9; margin:10px 0; } .table_glay07 table {border-collapse:collapse; clear:both; overflow:hidden; /* border:1px solid #d9d9d9 ; */} .table_glay07 table thead th {border:1px solid #d9d9d9; text-align:center; padding:5px; background:#ededed; color:#222; } .table_glay07 table tbody th {border:1px solid #d9d9d9; text-align:left; padding:2px 4px 2px 10px ; background:#f3f3f3; color:#222; } .table_glay07 table td {border:1px solid #d9d9d9; text-align:left; padding:2px 4px 2px 10px ; background:#fff; line-height:18px;} .table_glay07 table td.text_right {border:1px solid #d9d9d9; text-align:right; padding:2px 4px 2px 4px ; background:#fff; line-height:18px;} .table_glay07 table td.text_left {border:1px solid #d9d9d9; text-align:left; padding:10px ; background:#fff; line-height:18px;} .table_glay07 table td.line_left { text-align:left; padding-left:10px; } /* 검색부분 */ .table_glay05 { border-top:2px solid #b0b0b0; border-right:1px solid #d9d9d9; } .table_glay05 table {border-collapse:collapse; clear:both; overflow:hidden; border:1px solid #d9d9d9 ;} .table_glay05 table th {border:1px solid #d9d9d9; text-align:center; padding:7px; background:#f3f3f3; color:#222; } .table_glay05 table td {border:1px solid #d9d9d9; padding:5px 5px 5px 10px ; background:#fff; line-height:18px;} .table_glay06 {border-collapse:collapse; clear:both; overflow:hidden; border:1px solid #d9d9d9 ; } .table_glay06 td {border:1px solid #d9d9d9; text-align:center; padding:2px 4px 2px 4px ; line-height:18px;} .table_glay06_s {border-collapse:collapse; clear:both; overflow:hidden; border:0px solid; width:100%;} .table_glay06_s td {border:0px solid; text-align:left; padding:0px 4px 0px 4px ; line-height:18px;} #seartd01{padding:0px 0px 0px 15px;} #seartd02{padding:0px 0px 0px 30px;} /* .table_glay01 { border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #b0b0b0; border-right:1px solid #d9d9d9;} .table_glay01 th {border:1px solid #d9d9d9; text-align:center; padding:7px; background:#f3f3f3; color:#222; } .table_glay01 td {border:1px solid #d9d9d9; padding:5px 5px 5px 10px ; background:#fff; line-height:18px;} .table_glay01 td.line_left { text-align:left; padding-left:10px; } */ .table_blue01 { border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #2d69e3; margin:0px 0 10px 0;} .table_blue01 th { border:1px solid #d9d9d9; text-align:center; padding:4px; background:#f3f3f3; color:#0035a0;;} .table_blue01 td { border:1px solid #d9d9d9; text-align:center; padding:4px; background:#fff;} .table_blue01 td.text_left { text-align:left; padding-left:10px;} .table_blue01 b { color:#ff4800; } .table_green { border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #6fa734; } .table_green th { border:1px solid #d9d9d9; text-align:center; padding:4px; background:#e7f4ce; color:#548000;} .table_green th.total { padding:10px; background:#fff; color:#548000; } .table_green th.total b {color: #ff5600 ;} .table_green td { border:1px solid #d9d9d9; text-align:center; padding:4px; background:#fff; } .table_green .al-l { text-align:left; padding-left:10px; } /* Table End */ .topGallery {position:relative;width:100%; text-align:center; padding:0 0 10px 0; } .topGallery object{width:640px;height:360px;} .topGallery embed{width:640px;height:360px; } /*.topGallery iframe{width:420px;height:315px; }*/ .topGallery .title{width:100%;height:28px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;} .topGallery .title a{font-size:15px; font-weight:bold;color:#333;} .underGallery{float:left; width:100%; margin-bottom:10px;} .underGallery:after{content:"";clear:both;display:block;} .underGallery li{position:relative;float:left;width:120px; padding:7px; margin-right:2%;overflow:hidden;} .underGallery li .photo{width:120px;position:relative;} .underGallery li .photo .btnPlay{position:absolute;left:48px;top:20px;} .underGallery li .title{width:120px; text-align:Center;/*padding:70 0 0 0px;height:18px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;*/} .underGallery li .title a{font-size:12px;font-weight:bold;color:#5e5e5e;} .exper_01 {position:relative; float:left; width:100%; font-family:"NanumGothic"; background:url(../images/experience/01_img_bg_01.gif) right bottom no-repeat } .exper_01 ul {padding:0 0 20px;} .exper_01 ul li {width:100%; padding:0 0 5px 0; font-family:"NanumGothic";} .exper_01 h2{position:relative; float:left; width:100%; padding:0px 0 20px 0; margin:0 0px 5px 0px; font-family:"NanumGothic"; font-size:25px; color:#1a1919; z-index:4; } .exper_01 h3{position:relative; float:left; width:100%; padding:10px 0 10px 0; margin:0 0px 0px 0px; font-family:"NanumGothic"; font-size:25px; color:#1a1919; z-index:4; } .exper_01 p {float:left; width:100%; line-height:20px; margin:0 0px 25px 0px; } .exper_01 b.text01 {float:left; font-size:13px; color:#ff4800; margin:0 0 20px;} .exper_02 {position:relative; float:left; width:100%; font-family:"NanumGothic"; background:url(../images/experience/01_img_bg_02.gif) right bottom no-repeat } .exper_02 ul {padding:0 0 20px;} .exper_02 ul li {width:100%; padding:0 0 5px 0; font-family:"NanumGothic";} .exper_02 h2{position:relative; float:left; width:100%; padding:0px 0 20px 0; margin:0 0px 5px 0px; font-family:"NanumGothic"; font-size:25px; color:#1a1919; z-index:4; } .exper_02 h3{position:relative; float:left; width:100%; padding:10px 0 10px 0; margin:0 0px 0px 0px; font-family:"NanumGothic"; font-size:25px; color:#1a1919; z-index:4; } .exper_02 p {float:left; width:100%; line-height:20px; margin:0 0px 25px 0px; } .exper_02 b.text01 {float:left; font-size:13px; color:#ff4800; margin:0 0 20px;} .exper_list {position:relative; float:left; width:100%; font-family:"NanumGothic"; /* background:url(../images/experience/01_img_bg.gif) right no-repeat 270px;*/} .exper_list ul {padding:0 0 20px 0;} .exper_list ul li {width:100%; padding:0 0 5px 0;} .exper_list h2{position:relative; float:left; width:100%; padding:40px 0 20px 0; margin:0px 0px 5px 0px; font-family:"Daum_Regular"; font-weight:none; font-size:28px; color:#c10226; z-index:4; text-align:center;} .exper_list h3{position:relative; float:left; width:100%; padding:10px 0 10px 0; margin:0 0px 0px 0px; font-family:"Daum_Regular"; font-size:20px; font-weight:none; line-height:30px; color:#373737; z-index:4;} .exper_list p {float:left; width:100%; line-height:20px; margin:0 0px 25px 0px; } .exper_list b.text01 {float:left; font-size:13px; color:#ff4800; margin:0 0 20px;} .guide_01 {position:relative; float:left; width:100%; } .guide_01 ul {padding:0 0 20px;} .guide_01 ul li {width:100%; padding:5px 0 5px 0; font-family:"NanumGothic";} .guide_01 h2{position:relative; float:left; width:100%; padding:0px 0 20px 0; margin:0 0px 5px 0px; font-family:"NanumGothic"; font-size:25px; color:#1a1919; z-index:4; font-weight:none;} .guide_01 h3{position:relative; float:left; width:100%; padding:10px 0 10px 0; margin:0 0px 0px 0px; font-family:"Daum_Regular"; font-size:14px; color:#1a1919; z-index:4; font-weight:none;} .guide_01 h3 img {margin-top:-3px;} .guide_01 p {float:left; width:100%; line-height:20px; margin:0 0px 25px 0px; } .guide_01 b.text01 {font-size:12px; color:#ff4800; margin:0 0 20px;} .guide_01 b.text02 {float:left; font-size:13px; color:#ff4800; margin:0 0 0 0px;} .guide_img_01 {position:absolute; right:10px; bottom:10px;} .Pro_list {position:relative; float:left; width:765px; padding:0px 0 0 0; margin:10px 0 15px 0;} .Pro_list ul li {float:left; text-align:center; padding:0 11px 10px 0px; width:180px;} .pro_img {width:180px; margin-bottom:5px; border:1px solid #c0c0c0;} .pro_content {width:180px; margin:5px 0; font-size:12px; /* line-height:16px;*/} .pro_content h3 {position:relative; float:left; width:100%; padding:0; margin:0 0px 3px 0px; font-size:13px; color:#1a1919; z-index:4; } .pro_content b {padding-top:5px;font-weight:bold; color:#ff1800;} .pro_tab {float:left; width:100%; margin:20px 0 20px 0px; } .pro_tab ul {width:100%; border-bottom:1px solid #787878; height:33px; margin:0 0 5px 0; } .pro_tab ul li {float:left; padding-right:2px;} .pro_img {float:left; width:100%; margin:10px 0 20px 7px;} .pro_img ul li {float:left; background:url(../images/product/02_line_01.gif) bottom no-repeat; padding:10px 0; } /* goods-detail */ div.day-detail {position:relative; float:left; margin:15px 0; } /* view */ div.view { float:left; width:360px;} div.view div.img a,div.view div.img img { display:block; width:350px; height:280px; } div.view div.btn-center { margin-top:18px; text-align:center; } div.view ul { overflow:hidden; width:360px; margin:12px auto 0; } div.view ul li { display:inline; float:left; margin-right:7px; } div.view ul li img { width:80px; height:60px; border:1px solid #e5e5e5; } /* detail-cont */ div.detail-cont { display:inline; float:left; width:350px; margin-left:30px;} div.detail-cont table { width:100%; margin-top:7px; } div.detail-cont table th { padding:3px 0 0 3px; text-align:left; vertical-align:top; } div.detail-cont table tr.first-line th { padding-top:5px; } div.detail-cont table th img, div.detail-cont table td img, div.detail-cont table td select { vertical-align:middle; } div.detail-cont table tr.bor-btm th, div.detail-cont table tr.bor-btm td { padding:7px 0; border-bottom:1px solid #e5e5e5; } div.detail-cont table tr.bor-btm td ul li.bltxt {color:#0000ff;} div.detail-cont table tr.bor-btm td ul li img {vertical-align:middle;} div.detail-cont table tr.pd-top th, div.detail-cont table tr.pd-top td { padding-top:5px !important; } div.detail-cont table td { padding:4px 0 3px; color:#333; line-height:16px; } div.detail-cont table td em { font-weight:bold; text-decoration:line-through; } div.detail-cont table td strong, div.detail-cont table td span { color:#525252; } div.detail-cont table tr.first-line td strong {display:inline-block; padding-bottom:1px; *padding-bottom:3px; color:#ff6701; font-family:'verdana'; font-size:20px; line-height:23px; vertical-align:bottom; *vertical-align:0; } div.detail-cont table tr.first-line td em { margin-right:6px; vertical-align:7px; *vertical-align:4px; } div.detail-cont table tr.first-line td span {color:#ff6701; font-size:12px; } div.detail-cont table tr.first-line td strong img { margin-left:2px; } div.detail-cont table tr.first-line td strong img.comma { vertical-align:-10px; } div.detail-cont table tr.first-line td a.btn-pay img { vertical-align:2px; *vertical-align:-2px; } div.btn-dlist { text-align:center; margin-top:10px; } div.btn-dlist img {padding:0 0px;} div.detail-cont h4 { margin-top:6px; *margin-top:8px; color:676767; font-size:11px; } .day_tab {position:relative; float:left; width:100%; margin:20px 0 20px 0px; } .day_tab ul {width:100%; margin:0 0 5px 0; } .day_tab ul li {float:left; padding-right:0px;} .day_img {float:left; width:100%; margin:10px 0 20px 7px;} .day_img ul li {float:left; background:url(../images/product/02_line_01.gif) bottom no-repeat; padding:10px 0; } .day_info_01 {position:relative; float:left; width:100%; margin:0px 0 20px 0px; } .day_info_01 ul li {float:left; } .day_info_01 h3 {width:100%; padding:0 0 10px 0; } .donation_01 {position:relative; float:left; width:100%; } .donation_01 ul {padding:0 0 20px;} .donation_01 ul li {width:100%; padding:0 0 5px 0; font-family:"NanumGothic";} .donation_01 h2{position:relative; float:left; width:100%; padding:0px 0 20px 0; margin:0 0px 5px 0px; font-family:"NanumGothic"; font-size:25px; color:#1a1919; z-index:4; font-weight:none;} .donation_01 h3{position:relative; float:left; width:100%; padding:10px 0 10px 0; margin:0 0px 0px 0px; font-family:"Daum_Regular"; font-size:14px; color:#1a1919; z-index:4; font-weight:none;} .donation_01 h3 img {margin-top:-3px;} .donation_01 p {float:left; width:100%; line-height:20px; margin:0 0px 25px 0px; } .donation_01 b.text01 {float:left; font-size:13px; color:#ff4800; margin:0 0 20px;} .about01 {float:left; width:100%; position:relative; background:url(../images/about/01_bg.gif) top right no-repeat;} .about01 p {float:left; padding:0 0 20px 20px;} .about_cer {position:relative; float:left; width:100%; padding:20px 0;} .about_cer ul li {float:left; width:248px; height:380px;} .about_cer ul li h2 {float:left; width:100%; height:40px;} .about_cer ul li.pdlr {padding:5px 30px 0 30px} .about_cer ul li dl { } .about_cer ul li dl dd {padding:0 0 10px 0; text-align:center;} .about01_02 {float:left; width:100%; margin-top:20px; border-top:1px solid #9496dc; border-bottom:1px solid #9496dc; width:740px; } /*.about01_02 ul {float:left; width:100%; padding-bottom:10px;} .about01_02 ul li {float:left; } .about01_02 ul li.left { width:150px; text-align:center;} .about01_02 ul li.right { width:580px; padding:5px 0 5px 0;} */ .about01_02 dl{ position:relative; float:left;} .about01_02 dl dt{ float:left; background-color:#f7f7f7; color:#7d85b9; font-weight:bold; width:105px; padding:3px 0 3px 10px; border-bottom:1px solid #c8c8c8;} .about01_02 dl dd{ float:left; background-color:#fff; width:245px; padding:3px 0 3px 10px; border-bottom:1px solid #c8c8c8;} .about01_02 p { float:left; width:100%; padding:5px 10px 5px 10px; line-height:16px;} .about02 {position:relative; width:100%; line-height:18px; padding:20px 0 0 0 ; } .about02 p {width:100%; padding:0 0 30px;} .about02 p b.text01 {color:#376ca8; font-weight:bold;} .about02 p b.text02 {color:#52abc8; font-weight:bold;} .about03 {float:left; padding:10px 10px 10px 10px; } .about03 h3 {width:100%; padding:0px 10px 20px 0px; } .about03 li {padding:10px 0px 10px 0px; border-bottom:1px dashed #c3c3c3;} .about04 {float:left; position:relative; background:url(../images/about/04_img_bg.jpg) top center no-repeat; padding:210px 0px 0px 0px; } .about04 li {float:left; width:100%; padding:0 0 15px 0; } .about05 {float:left; padding:0 0 10px 15px;} .about05 h4 {width:100%; padding:5px 0 5px 13px; background:url(../images/com/s_title_icon_01.gif) no-repeat 0 6px;} .about05 p {padding-left:12px;} .about05 span {color:#7779b2; font-weight:bold; padding:10px 0 10px 0; } .about05 li {float:left; padding:2px 0 2px 0;} .about-board01 { float:left; width:99%; text-align:center; vertical-align:middle; margin-bottom:10px; border-top:1px solid #186ab4; border-collapse:collapse; } .about-board01 table.board01 thead {border-top:1px solid #186ab4; } .about-board01 table.board01 td {text-align:left; padding:10px 5px 10px 15px; vertical-align:middle; border-bottom:1px solid #c8c8c8; } .about-board01 table.board01 th {vertical-align:middle; font-weight:bold; color:#2968be; /* color:#328bad;*/background-color:#f7f7f7; border-bottom:1px solid #c8c8c8; } .about-board01 table.board02 thead {border-top:1px solid #186ab4; } .about-board01 table.board02 td {text-align:center; padding:10px 5px 10px 5px; vertical-align:middle; border-bottom:1px solid #c8c8c8; } .about-board01 table.board02 td.tleft {text-align:left; padding:10px 5px 10px 15px; vertical-align:middle; border-bottom:1px solid #c8c8c8; } .about-board01 table.board02 th {vertical-align:middle; padding:10px 5px 10px 5px; font-weight:bold; color:#2968be; background-color:#f7f7f7; border-bottom:1px solid #c8c8c8; } .about-board01 table.board03 thead {border-top:1px solid #186ab4; } .about-board01 table.board03 td {text-aldign:left; padding:5px 5px 5px 5px; vertical-align:middle; border-bottom:1px solid #c8c8c8; } .about-board01 table.board03 td.tcen {text-align:center; padding:5px 5px 5px 10px; vertical-align:middle; border-bottom:1px solid #c8c8c8; } .about-board01 table.board03 td b {color:#525c9f;} .about-board01 table.board03 th {vertical-align:middle; padding:5px 5px 5px 10px; font-weight:bold; color:#2968be; background-color:#f7f7f7; border-bottom:1px solid #c8c8c8; } .about-board01 table.board04 thead {border-top:1px solid #18b469; } .about-board01 table.board04 td {text-align:left; padding:5px 5px 5px 5px; vertical-align:middle; border-bottom:1px solid #c8c8c8; } .about-board01 table.board04 td.tcen {text-align:center; padding:5px 5px 5px 10px; vertical-align:middle; border-bottom:1px solid #c8c8c8; } .about-board01 table.board04 td b {color:#399642;} .about-board01 table.board04 th {vertical-align:middle; padding:5px 5px 5px 10px; font-weight:bold; color:#399642; background-color:#f7f7f7; border-bottom:1px solid #c8c8c8; } .about-board01 .rline01 {border-right:1px solid #94addc; } .about-board01 .rline02 {border-right:1px solid #c8c8c8; } .about-board01 .rline03 {border-top:1px solid #9496dc; } .about-board01 .left {text-align:left; width:98%;} .about-board01 .wfont01 {color:#007894; font-weight:bold;} .about-board01 .wfont02 {color:#111111; font-weight:bold; font-size:13px;} /* 하는일 */ .work_01 {float:left; width:100%; padding:0px 0px 0px 10px; } .work_01 li {float:left; width:100%; padding:0 0 7px 0;} .work_01_02 {float:left; width:100%; padding:0px 0px 0px 10px; } .work_01_02 li {float:left; width:100%; padding:0 0 3px 0;} .work_03 {float:left; width:470px; position:relative; background:url(../images/work/03_img_bg.gif) top right no-repeat; padding:0px 250px 0px 0px; } .work_03 h2.tit01 {float:left; position:relative; margin:0 0 10px 0; width:100%; } .work_03 p{float:left; width:100%; padding:0 0 32px 0; } .affi_01 {float:left; width:100%; position:relative; background:url(../images/affiliated/01_img_bg.gif) top right no-repeat; padding:0px 0px 0px 0px; } .affi_02 {float:left; width:100%; padding:7px 0px 20px 0px; } .affi_02 li {float:left; width:100%; padding:0 0 7px 0;} /* support */ .support_bank {position:relative; float:left; width:100%; padding-bottom:10px; font-family:"arial"; font-size:17px; font-weight:bold; } .support_bank ul li {float:left; width:100%; padding:0 0 20px 0;} .support_bank ul li label {float:left; width:120px; margin-top:-5px;} .support_bank ul li span {position:relative; padding:0 0 0 30px; font-size:13px;} .info01 {position:relative; float:left; width:100%; padding-bottom:20px; } .info01 li {float:left; width:715px; background:url(../images/com/icon_02.gif) no-repeat 10px 5px; padding-left:25px;} .info_law {float:left; width:720px; padding:10px; } .info_law p {float:left; width:720px; padding-bottom:10px; line-height:16px;} /* product */ .pro_tit {float:left; } .pro_tit li {float:left; padding:0px 0 20px 0;} .pro_list_01 {float:left; width:760px; } .pro_list_01 li {float:left; padding:0 2px 20px 0; width:33%;} .pro_s_title_01 {float:left; width:100%; height:80px; padding-top:5px; margin:5px; 0 5px 0; background:url(../images/product/s_title_bg_01.gif) no-repeat 0 0px; } .pro_s_title_02 {float:left; width:100%; height:80px; padding-top:7px; margin:5px; 0 5px 0; background:url(../images/product/s_title_bg_02.gif) no-repeat 0 0px; } .pro_s_title_03 {float:left; width:100%; height:80px; padding-top:25px; margin:0px; 0 5px 0; background:url(../images/product/s_title_bg_03.gif) no-repeat -5px 0px; } .pro_view_01{float:left; } .pro_view_01 li {float:left; padding:0 10px 10px 0; } .pro_view_02{float:left; } .pro_view_02 li {float:left; width:100%; padding:0 0px 10px 0; } .pro_view_03{float:left; width:765px; } .pro_view_03 li {float:left; padding:0 0px 10px 0; } /********************************************************************************************************/ .stitle {float:left; margin:0px 5px 15px 0px;; vertical-align:middle;width:100%;} #map {float:left; margin:30px 0 0 40px;} #map li {float:left;} /* #Inner .stitle { float:left; padding:15px 0 15px 0px;; vertical-align:middle; width:720px;} #Inner .stitle h3 {float:left; position:relative; width:100%; padding:10px 0 10px 0 ; border:0px; background:url() no-repeat 0px 21px; } #Inner .stitle ul{ padding-top:10px; vertical-align:middle;} #Inner .stitle ul li {width:100%; padding-top:5px;} #Inner .stitle .text01 {padding-top:4px; } */ .stitle_01 {float:left; margin:15px 5px 15px 0px;; vertical-align:middle; width:95%;} /* 후원자서비스 */ .service_t_box {float:left; background: url(../images/service/service_top_bg.gif) no-repeat; padding-top:20px; width:660px; height:80px; line-height:24px; text-align:center; vertical-align:middle; } .service_t_box .name01 {font-size:15px; color:#2f2f2f; font-weight:bold;} .service_t_box .name02 {font-size:14px; color:#72ae00; font-weight:bold;} div.service-list-board01 table.board01 { float:left; width:100%; text-align:center; vertical-align:middle; text-align:center; /*border-top:1px solid #2a9fc5;*/ border-bottom:1px solid #67a8f4; margin:10px 0 10px 0;} div.service-list-board01 table.board01 td {padding:5px 0 3px 3px; vertical-align:middle; border-bottom:1px solid #e7e7e7; } div.service-list-board01 table.board01 td.tit01 {vertical-align:middle; font-weight:bold; color:#3372be; border-top:1px solid #67a8f4; border-bottom:1px solid #67a8f4; background-color:#d8eaff;} table.board01 .rline01 {border-right:1px solid #95c2f7; } table.board01 .rline02 {border-right:1px solid #e7e7e7; } .left01 {text-align:left; padding:10px;} .wfont01 {color:#007894; font-weight:bold;} .wfont02 {color:#111111; font-weight:bold; font-size:13px;} div.pro-board01 table.board01 { float:left; width:100%; text-align:center; vertical-align:middle; text-align:center; /*border-top:1px solid #2a9fc5; border-bottom:1px solid #2a9fc5;*/} div.pro-board01 table.board01 td {padding:5px 0 5px 5px; vertical-align:middle; border-bottom:1px solid #c8c8c8; } div.pro-board01 table.board01 td.tit01 {vertical-align:middle; font-weight:bold; color:#880a00; border-top:1px solid #d40000; border-bottom:1px solid #d40000;/* background-color:#f6b7b7 */} div.pro-board01 table.board01 td.tit02 {vertical-align:middle; border-top:1px solid #d40000; } div.pro-board01 .rline01 {border-right:1px solid #e3b4b4; } div.pro-board01 .rline02 {border-right:1px solid #c8c8c8; } .t_box01 {float:left; no-repeat; padding:30px 10px 20px 10px; width:96%; height:60px; border:4px solid #e7e7e7; margin:10px 20px 0 0; line-height:16px; text-align:center; vertical-align:middle;} .t_box02 {float:left; no-repeat; padding:15px 50px 15px 50px; width:85%; height:45px; border:2px solid #e7e7e7; margin:10px 20px 0 0; line-height:24px; vertical-align:middle;} .t_box02 ul li {float:left;} .order-form table td {padding:5px 0 5px 10px; vertical-align:middle; border-bottom:1px solid #c8c8c8;} .order-form table td.titbold {font-weight:bold; color:#7a7a7a} .order-form table span.tit {font-weight:bold; color:#d50008} .order-form01 {float:left;width:99%; border-top:2px solid #848484;} .order-form01 > ul > li {float:left; width:100%; padding:2px 0 2px 0;} .order-form01 h4 {float:left; width:100%; padding:5px 0 5px 0px; } /* .order-form01 table { float:left; width:100%; text-align:left; vertical-align:middle; line-height:20px; border-bottom:1px solid #0079d6; margin-bottom:10px; } */ .order-form01 table { float:left; text-align:left; vertical-align:middle; line-height:20px; border-bottom:1px solid #0079d6; margin-bottom:10px;} .order-form01 table td {padding:5px; vertical-align:middle; border-bottom:1px solid #c8c8c8;} .order-form01 table td.titbold {font-weight:bold; color:#555; background-color:#f1f1f1; } .order-form01 table span.tit {font-weight:bold; color:#d50008} .order-form01 table.board02 { float:left; width:100%; text-align:left; vertical-align:middle; line-height:18px; border:1px solid #dedede; /*border-top:2px solid #0079d6;*/ /*border-bottom:1px solid #0079d6; */} .order-form01 table.board02 td {padding:3px 5 3px 5px; vertical-align:middle; border-top:1px solid #dedede; /* border-bottom:1px solid #c8c8c8;*/} .order-form01 table.board02 td.titbold {font-weight:bold; color:#7a7a7a; /*background-color: #e1f3ff;*/} .order-form01 table.board02 span.tit {font-weight:bold; color:#d50008} /* 아이디중복확인 */ #id_area{width:400px;height:40px; float:left; margin:0 auto;} #id_title{height:40px; background-color:#dcdcdc; padding-left:20px; padding-top:15px;float:left; width:400px;} #id_search{height:130px; padding-left:50px; padding-top:15px;float:left; width:390px;} #search_area {padding:0 0 15px 0 ; } /* 아이디중복확인 */ /* .order-form01 {float:left;width:100%;} .order-form01 table { float:left; width:100%; text-align:left; vertical-align:middle; line-height:20px; border-bottom:1px solid #b0b0b0; } .order-form01 table td {padding:5px; vertical-align:middle; border-bottom:1px solid #c8c8c8;} .order-form01 table td.titbold {font-weight:bold; color:#7a7a7a} .order-form01 table span.tit {font-weight:bold; color:#d50008} .order-form01 table.board02 { float:left; width:100%; text-align:left; vertical-align:middle; line-height:18px; border:1px solid #dedede; .order-form01 table.board02 td {padding:2px 5 2px 5px; vertical-align:middle; border-top:1px solid #dedede; } .order-form01 table.board02 td.titbold {font-weight:bold; color:#7a7a7a; } .order-form01 table.board02 span.tit {font-weight:bold; color:#d50008} .order-form01 table .rline01 {border-right:1px solid #e2e2e2; } .order-form01 table .bg01 {background-color:#e8f3f7;} */ .support-form {float:left;width:99%;} .support-form table { float:left; width:98%; text-align:left; vertical-align:middle; /* border-top:2px solid #6282c2;*/ border-bottom:1px solid #6282c2;} .border-topline01 {border-top:2px solid #6282c2;} .support-form table td {padding:5px 0 5px 10px; vertical-align:middle; border-bottom:1px solid #c8c8c8;} .support-form table td.titbold {font-weight:bold; color:#7a7a7a} .support-form table span.tit {font-weight:bold; color:#d50008} .support-form01 {float:left;width:100%; margin-top:10px; border-top:1px solid #6fa734; border-bottom:1px solid #6fa734; } .support-form01 table { float:left; width:100%; text-align:left; vertical-align:middle; line-height:20px; /*border-top:2px solid #6282c2; border-bottom:1px solid #6282c2; */} .support-form01 table td {padding:5px 10px 5px 10px; color:#3b3b3b; vertical-align:middle; border-bottom:1px solid #c8c8c8; } .support-form01 table td.titbold {font-weight:bold; color:#3b3b3b; background-color: #f4f4f4;} .support-form01 table td.text01 {font-weight:bold; color:#3b3b3b; background-color: #f4f4f4; height:40px; text-align:center;} .support-form01 table span.tit {font-weight:bold; color:#d50008;} .support-form01 table.board01 { float:left; width:100%; text-align:left; vertical-align:middle; line-height:18px; border:0px solid #dedede; /*border-top:2px solid #6282c2;*/ /*border-bottom:1px solid #6282c2; */} .support-form01 table.board01 td {padding:2px 0 ; vertical-align:middle; border:0px solid #dedede; /* border-bottom:1px solid #c8c8c8;*/} .support-form01 table.board01 td.titbold {font-weight:bold; color:#7a7a7a; /*background-color: #e1f3ff;*/} .support-form01 table.board01 span.tit {font-weight:bold; color:#d50008} .support-form01 table.board02 { float:left; width:100%; text-align:left; vertical-align:middle; line-height:18px; border:1px solid #dedede; /*border-top:2px solid #6282c2;*/ /*border-bottom:1px solid #6282c2; */} .support-form01 table.board02 td {padding:3px 5 3px 5px; vertical-align:middle; border-top:1px solid #dedede; /* border-bottom:1px solid #c8c8c8;*/} .support-form01 table.board02 td.titbold {font-weight:bold; color:#7a7a7a; /*background-color: #e1f3ff;*/} .support-form01 table.board02 span.tit {font-weight:bold; color:#d50008} .cart-btn{float:left; margin-top:10px; width:100%; text-align:right;} .cart-btn .bosearch {margin-top:10px; width:50%; text-align:left;} .cart-btn .pagebtn01{position:absolute; right:0; padding-left:9px; padding-right:30px; padding-bottom:30px; } /* 이용약관 */ div.agree { float:left; width:750px; text-align:left; vertical-align:middle; /*border:1px solid #ddd; */ padding:0px; margin-bottom:10px;} div.privacy {float:left; width:100%; padding:20px 10px 10px 10px; overflow:auto; text-align:left; line-height:18px;} /*div.privacy b {color:#376097; line-height:25px;}*/ .rule_text {float:left; background-color:#fff; width:100%; } .rule_text p {float:left; padding:10px 0 10px 0; width:100%;} .rule_text dt {float:left; padding:10px 0 10px 0; width:100%; font-weight:bold;} .rule_text dd {float:left; padding:5px 0 5px 0; width:100%} .rule_text ol {float:left; padding:5px 0 5px 0; width:100%} .sitemap {float:left; position:relative; width:100%} .sitemap ul {float:left; padding:10px 0; } .sitemap ul li {float:left; padding:0px 18px ; width:210px;} .sitemap ul li h2 {padding:5px 0 ;} .sitemap ul li ul {float:left; width:100%; } .sitemap ul li ul li{float:left; width:180px; padding:5px 0px 5px 20px; border-bottom:1px #d7d7d7 dotted; background:url('../images/etc/03_icon_01.gif') no-repeat 10px 10px; } .sitemap ul li ul li dl {float:left; width:160px; padding:5px; background-color:#eee; margin-top:5px; } .sitemap ul li ul li dl dd {float:left; width:70px; padding:2px 5px;; font-size:11px; } /* 로그인 */ .mem-login { float:left; margin:30px 10px 0 0; width:515px; height:190px; border:1px solid #dfdfdf; /* background:url('../images/member/login_bg.gif') no-repeat 0 0;*/} .mem-login fieldset {position:relative; width:; height:72px; margin:60px 100px 0 100px; } .mem-login fieldset ul li {margin-bottom:5px; *margin-bottom:3px; vertical-align:middle; } .mem-login fieldset ul li label {display:inline-block; width:60px; } .mem-login fieldset ul li input.text {width:135px; border:1px solid #cfcfcf; background:#fff; color:#313131; } .mem-login fieldset input.login-btn { position:absolute; top:-8px; right:0px; } .mem-login fieldset div {margin:3px 0 0 56px; color:#858585; font-size:11px; } .mem-login fieldset div input { vertical-align:-2px; *vertical-align:-1px; } .login-list { float:left; width:380px; margin:13px 0px 0px 20px; padding:0px 29px 6px 0; *padding:0px 29px 6px 0; } .login-list li { float:left; height:20px; margin-top:6px; padding-left:17px; } *+html ul.login-list li { margin-top:2px; } ul.login-list li span { float:left; width:200px; color:#898989; font-size:11px; } ul.login-list li a { float:right; } /* 아이디.비밀번호찾기 , 로긴 */ #find_password{width:320px; float:left; margin:0 auto;} #password_title{height:30px; background-color:#dcdcdc; padding-left:20px; padding-top:15px; padding-bottom:10px; float:left; width:400px;} .guide_text{padding-left:15px;padding-top:10px; height:40px; font-size:11px; } #find_area{height:70px; padding-left:5px; padding-top:15px; float:left; width:400px;} #form_find{width:265px; float:left; height:70px; margin-left:30px; text-align:center;} #btn_find{width:65px; float:right; height:70px; margin-right:30px; padding-top:15px;} #form_login{width:210px; float:left; height:70px; margin-left:50px; text-align:center; } #btn_login{width:75px; float:right; height:70px; margin-right:50px; padding-top:5px;} /* 아이디 비밀번호찾기 , 로긴 */ /* 우편번호찾기 */ #zipcode{width:355px;height:40px; float:left; margin:0 auto;} #zip_title{height:40px; background-color:#dcdcdc; padding-left:20px; padding-top:15px;float:left; width:355px;} #zipcode_search{height:320px; padding-left:20px; padding-top:10px;float:left; width:355px;} #zipcode td{font-size:12px;} /* 우편번호찾기 */ .mem_login_sangga { float:left; width:220px; height:175px; margin-top:30px; padding-top:15px; border:1px solid #dfdfdf; text-align:center; vertical-align:middle; } /* popup layout */ #pop_wrap{} #pop_header{ background:url(../images/member/bg_top.gif) no-repeat right 0; height:54px; position:relative; } #pop_header .logo{background:#d7182a;} #pop_header .title{padding:13px 0 0px 33px; background:url(../images/member/bg_title.gif) no-repeat 16px 16px;} #pop_header .title2{padding:13px 0 0px 33px; background:url(../images/member/bg_title3.gif) no-repeat 16px 16px;} #pop_header .title3{padding:13px 0 0px 33px; background:url(../images/member/bg_title4.gif) no-repeat 16px 16px;} #pop_header .title4{padding:13px 0 0px 15px; } #pop_header .leftBg{ position:absolute; left:0; top:0; background:url(../images/member/bg_left_top.gif) no-repeat 0 0; width:10px; height:54px;} #pop_header .close{ position:absolute; right:16px; top:21px;} #pop_container{width:100%; height:80%; border:6px solid #e5e5e5; border-top:none; padding:17px 0px 20px 0px ;} #pop_container .zip_text_box {line-height:20px; padding-bottom:10px; text-align:center;} /* 우편번호 검색 */ #pop_container .letterText{color:#959595;line-height:15px} #pop_container .letterText strong{font-size:13px;color:#777;letter-spacing:-1px} #pop_container .addressBox{overflow-y:scroll;height:90px;padding:10px;border:1px solid #e5e5e5} #pop_container .addressBox a{display:block; color:#a1a1a1;} #pop_container .ZipTblTit {width:320px; height:22px; border-top:2px solid #333333; border-bottom:1px solid #333333; font-size:12px; font-weight:bold;} #pop_container .ZipTblTit td {background-color:#E0E0E0; text-align:center; padding-top:4px;} #pop_container .ZipDivCon {width:320px; height:219px; font-size:11px; position:relative; overflow:auto; background-color:#EFEFEF; text-align:left; border-bottom:1px solid #333333;} #pop_container .ZipTblCon {width:303px; height:218px;} #pop_container .ZipTblList {width:100%;} #pop_container .ZipTblList td { height:20px; background-color:#F2F2F2; border-bottom:1px solid #CCCCCC; padding-top:4px; font-size:11px;} .popupBox {position:relative; width:100%;} .popupBox ul {font-size:12px; width:100%;} .popupBox ul li {float:left; width:23%; padding:0 0 15px 0; text-align:center; line-height:30px;} .popupBox ul li.pdr {float:left; padding:0 20px 0px 0;} .popupBox p {float:left; padding:0 0 0 10px;} /* 아이디찾기 & 패스워드찾기 & 아이디중복검색 & 닉네임 중복검색 */ #pop_container .idText{color:#777;line-height:15px} #pop_container .idText strong{color:#daa341;line-height:15px} #pop_container .bgBack{ background:#f4f4f4; text-align:center; padding:10px 0;} #pop_container .bgBack strong{ color:#daa341;} /* 관련배너 */ .banner-all {width:100%; float:left;} .banner-all ul li {width:25%; vertical-align:mIddle; text-align:center; } /* 동아리 홈 */ .clubmain_list_box{position:relative; float:left; background: url(../images/club/m_list_bg.gif) no-repeat; padding:50px 10px 15px 10px; width:730px; height:110px; margin:0px 0px 15px 0px} .clubmain_list{float:left; line-height:26px; width:315px; padding:0px 15px 15px 15px; margin-right:15px; } .clubmain_list dl dd { float:left; width:315px; background:url(../images/main/notice_icon.gif) 0px 30% no-repeat; padding:0px 0 0px 10px; text-align:right;} .clubmain_gallery {position:relative; width:740px; float:left; padding:0 0px 0 0px; margin:10px 0 10px 0px;} .clubmain_gallery h2{ float:left; width:740px; padding:0px 0 20px 0px;} .clubmain_gallery ul li {float:left; width:116px; margin:0 7px 0px 0px; *margin:0 7px 0 0px; font-size:11px; line-height:18px; text-align:center; } .clubmain_gallery ul li img {float:left; width:110px; height:74px; /*background:url(../images/main/gallery_bg.gif) no-repeat;*/ padding:3px; border:1px solid #d5d5d5 ; margin-bottom:7px;} .clubmain_gallery .btn_more {position:absolute; padding-right:10px; right:0; top:5px;} .clubmain_board {position:relative; width:740px; float:left; padding:0 0px 0 0px; margin:10px 0 10px 0px;} .clubmain_board h2{ float:left; width:740px; padding:0px 0 20px 0px;} .clubmain_board p {position:relative; float:left;width:720px; border:1px solid #ddd; background-color:#eee; padding:10px; margin-bottom:10px;} .clubmain_board ul {position:relative; width:720px; float:left; border:1px solid #ddd; padding:10px;} .clubmain_board li {width:25%; padding:3px 0 3px 0; } .clubmain_board li span {color:#ff5400;} .clubmain_memo {position:relative; width:740px; float:left; padding:0 0px 0 0px; margin:10px 0 10px 0px;} .clubmain_memo h2{ float:left; width:740px; padding:0px 0 20px 0px;} .clubmain_memo h3{ float:left; width:740px; padding:10px 0 10px 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} .club_memo01 {float:left; position:relative; width:714px; height:55px; border:3px solid #DCDCDC; padding:10px;} .meno_emot_icon {position:absolute; left:30px; top:10px; visibility:hidden; z-index:0;} .memo_icon_style {position:relative; width:300px; height:30px; border:2px solid #c4cad1; cursor:hand; padding:5px; background-color:#fff; } .memo_icon_style ul li {float:left; padding:5px;} /* 관련배너 */ .banner_all {width:100%; float:left;} .banner_all ul li {width:145px; text-align:center; padding-bottom:20px; } .banner_all ul li img{width:125px; height:40px; border:1px solid #dedede;} .home_banner {width:700px; float:left;} .home_banner h4 {width:700px; padding:10px 0 10px 0; float:left;} .home_banner p {width:700px; padding:10px 0 10px 0; float:left;} .home_banner dl dt {width:150px; float:left; vertical-align:middle; } .home_banner dl dd {width:550px; padding:5px 0 5px 0; float:left; vertical-align:middle; } /* 설치인증 */ .Approval {float:left; width:500px; height:385px; border:3px solid #e5e5e5; margin:25px 0px 25px 130px;} .Approval fieldset {float:left; width:80%; margin:50px 50px 50px 50px; } .Approval ul {float:left; width:100%; margin-bottom:20px; font-weight:bold;} .Approval ul li {float:left; width:100%; height:20px; margin-bottom:5px; } .Approval p {float:left; width:100%; margin-bottom:30px; line-height:20px; font-weight:normal;} .Approval p label {float:left; width:20%; height:20px; margin-top:3px; /* display:inline-block; */ } .Approval img.ApprovalBtn { top:1px; right:0px;} /* *:first-child+html .Approval p label {float:left;width:25px; height:20px; margin-top:2px; display:inline-block; } */ .Approval p input.text {width:90px; height:18px; border:1px solid #d4d4d4; background:#efefef; color:#313131;} .Approval ol {float:left; width:100%; margin:0px 0px 0px 20px; font-weight:bold; list-style-type:decimal;}