/* Theme Name: Daei Theme URI: http://pibs.co.kr Description: Author: PIBS (윤은숙) Author URI: http://www.pibs.co.kr/ Version: 1.1 License: License URI: */ /***************************************/ /* WORDPRESS CONTENT */ /* Copy of style_editor.css */ /* If you edit this part think to edit the equivalent part on the file style_editor.css */ /***************************************/ @font-face{ font-family: 'NanumGothic'; font-style: normal; font-weight: bold; src: url('fonts/NanumGothicBold.eot'); src: local('?'), url('fonts/NanumGothicBold.woff') format('woff'), url('fonts/NanumGothicBold.ttf') format('truetype'); } #the_content h1, #the_content h2,#the_content h3,#the_content h4,#the_content h5,#the_content h6,#the_content p,#the_content blockquote,#the_content pre,#the_content a, #the_content em, #the_content small, #the_content strong, #the_content div, #the_content ol, #the_content ul, #the_content li{ font-family: Arial, Helvetica, dotum, sans-serif; font-size:13px; } #the_content p{line-height: 20px; margin-bottom: 20px; font-size: 12px; color: #222;} #the_content a { color:#65A7CE; font-weight: bold; text-decoration:none} #the_content a:hover{text-decoration:underline} #the_content p{ margin-bottom:20px; line-height:19px; } #the_content i, #the_content em{ font-style: italic;} #the_content b, #the_content strong { font-weight: bold} #the_content ul, #the_content ol{margin:13px 0; padding-left:40px} #the_content ol{list-style-type: decimal;} #the_content ul{list-style-type:disc;} #the_content h1, #the_content h2, #the_content h3 ,#the_content h4 ,#the_content h5, #the_content h6 { font-weight:bold; margin:25px 0; color:#111; background:none; border:none} #the_content h1{font-size: 26px;} #the_content h2{font-size: 20px;} #the_content h3{ font-size: 16px} #the_content h4{ font-size: 13px} #the_content h5{ font-size: 12px} #the_content h6{ font-size: 12px; font-weight:normal} /***************************************/ /* GENERAL */ /***************************************/ .wrap{ width:1000px; margin:0 auto;} #main_container_inner{float:left; width:100%} a, .parent-pageid-106 #the_content a:hover, .parent-pageid-161 #the_content a:hover{ text-decoration:none;} .clear_hack{ clear:both} sup { vertical-align: super; font-size: smaller; } sub { vertical-align: sub; font-size: smaller; } /***************************************/ /* HEADER */ /***************************************/ #header{position: relative; height: 123px; width:100%; margin:auto; z-index: 9999;background: url(images/top/top_bg.jpg) top repeat-x;} #header_top{ height:55px; position:relative;} /*LOGO*/ #logo_top{position:absolute; top: 57px;left: 0px;} /*LOGIN MENU*/ .menu-top-container{ position:absolute; right: 0px; top: 9px; color:#fff} #menu-top li { float:left;} #menu-top li a{font-family: Tahoma, Verdana, sans-serif; display:block; float:left; color: #6f6f6f; font-size: 11px; padding:0 10px; border-right:1px solid #dcdcdc; font-weight: bold;} #menu-top li:last-child a { border-right:none} #menu-top li a:hover{ color:#000} /*MENU FULL DROPDOWN*/ #full_dropdown{border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;float: left;width: 960px;position: absolute; top: 55px; height: 40px; z-index: 200;background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.9);} #full_dropdown #main_menu{ width:960px; margin:auto; background: transparent url(images/menu.png) no-repeat center -2px; position: absolute; height: 47px; z-index: 555;} #full_dropdown #main_menu li{ float:left; position:relative} #full_dropdown #main_menu > li:first-child { margin-left: 35px;} #full_dropdown #main_menu li a{ float:left; display: inline-block; width: 150px; padding: 10px 15px; font-size:14px; font-weight:bold; color:#444; font-family:Arial, Helvetica, sans-serif; text-align: center;} #full_dropdown #main_menu ul{ display:none; z-index:99; position:absolute; left:0; top:45px; padding-bottom:20px;} #full_dropdown #main_menu ul li{ float:none; display:block;} #full_dropdown #main_menu ul li a{ display: block; width: 120px; clear: both; font-size: 12px; padding: 10px 15px; border-bottom:#DEDEDE 1px solid; border-top: #fff 1px solid; margin: 0 15px;} #full_dropdown #main_menu ul li:first-child a { border-top:none;} #full_dropdown #main_menu ul li a:hover{ color:#3783d8} #full_dropdown #main_menu li > a span {display:block; height:17px; width:67px; background: transparent url(images/menu_text.png) no-repeat left top;margin: auto;white-space: nowrap;text-indent: 999px;overflow: hidden;margin-top: 2px;} #full_dropdown #main_menu li#menu_business > a span { background-position:0 -18px} #full_dropdown #main_menu li#menu_work > a span { background-position:0 -36px} #full_dropdown #main_menu li#menu_certification > a span { background-position:0 -54px; width:107px} #full_dropdown #main_menu li#menu_customer > a span { background-position:0 -72px} #full_dropdown #main_menu li > a:hover span { background-position:-107px 0} #full_dropdown #main_menu li#menu_business > a:hover span { background-position:-107px -18px} #full_dropdown #main_menu li#menu_work > a:hover span { background-position:-107px -36px} #full_dropdown #main_menu li#menu_certification > a:hover span { background-position:-107px -54px} #full_dropdown #main_menu li#menu_customer > a:hover span { background-position:-107px -72px} /*MENU INLINE DROPDOWN*/ /*#inline_dropdown {position:relative;margin:0 auto;width:1000px;padding:0;background:url(images/top/menubar.gif) no-repeat;height:75px;}*/ #inline_dropdown { height: 35px;position: absolute;width: 800px;top: 61px; right: 0;} #inline_dropdown ul li{ float:left; position:relative} #inline_dropdown ul li a{letter-spacing:-1px; float:left; display: inline-block; padding:10px 33px; font-size:18px; font-weight:bold; color:#444; font-family:NanumGothic, Arial, Helvetica, sans-serif; text-align: center;} #inline_dropdown ul{ width:800px; margin:auto;} #inline_dropdown li{float:left;text-align:center;width: auto;position: relative;} #inline_dropdown li ul {position:absolute;top: 43px; left:0; display:none; width: 700px; } #inline_dropdown li ul li{width: 100px;text-align:left; float:left;width: auto;} #inline_dropdown li ul li a{color:#fff;font-size:12px;font-weight:bold;text-decoration:none; padding:7px 10px 7px 10px;} #inline_dropdown li ul a:hover {color:#00ff00;font-size:12px;font-weight:bold;text-decoration:none;} #inline_dropdown li#menu_01 ul { left:-10px; width:300px; background:#00649f; } #inline_dropdown li#menu_02 ul { left:-110px; width:340px; background:#00649f; } #inline_dropdown li#menu_03 ul { left:-90px; width:330px; background:#00649f; } #inline_dropdown li#menu_04 ul { left:-15px; width:230px; background:#00649f; } #inline_dropdown li#menu_05 ul { left:-65px; width:260px; background:#00649f; } #inline_dropdown li#menu_06 ul { left:-40px; width:170px; background:#00649f; } /*MENU SINGLE DROPDOWN*/ #single_dropdown #main_menu ul{ display:none; z-index:99; background-color: #fff; position:absolute; height:450px; left:0; top:30px; padding-bottom:20px; border: 1px solid #DDD; border-top: none;} #single_dropdown #main_menu ul li{ float:none; display:block;} /*#menu_main ul li a{ display: block; width: 80%; clear: both; font-size: 14px; padding: 10px 10%; border-bottom:#d65100 1px solid; border-top: #ffa63e 1px solid;}*/ #single_dropdown #main_menu ul li a {display: block; clear: both; line-height: 30px; font-size:14px; color: #313B44;border: none;text-align: left;padding: 0 0 0 10px;width: 132px;} #single_dropdown #main_menu ul li:first-child a { border-top:none; background:transparent url('images/menu_shadow_bg.png') repeat-x top left scroll;} #single_dropdown #main_menu ul li:last-child a{ border-bottom:none;} #single_dropdown #main_menu ul li.dropdown_last_child a { border-bottom:none; } /*IE8 HACK*/ #single_dropdown #main_menu ul li a:hover{ background-color: #C7D7E6;} #single_dropdown .jquery_dropdown{background-color:#ff7800; color:#fff} /* #single_dropdown #main_menu{ width: 750px; margin:0 auto; float: right;} #single_dropdown #main_menu li{ float: left; position:relative; margin: 0 2px;} #single_dropdown #main_menu li ul li{ margin: 0} #single_dropdown #main_menu li a{ float: left; display:inline-block; color:#fff; font-size: 16px; line-height:30px; font-weight:bold; color: #252525; width: 144px; text-align: center; border: 1px solid #fff; border-bottom: none;} #single_dropdown #main_menu li a:hover, #menu-main li a.jquery_dropdown{ color: #004282; border: 1px solid #DDD; border-bottom: none;} #single_dropdown #single_dropdown {float: left; width: 100%; position: absolute; right: 0; bottom: 0; border-bottom: 4px solid #F3F3F3;} */ #single_dropdown #main_menu{ width: 960px; margin:0 auto; background: rgb(206, 206, 206); float: left; width: 960px;} #single_dropdown #main_menu li{ float: left; position:relative; margin: 0 2px;} #single_dropdown #main_menu li ul li{ margin: 0} #single_dropdown #main_menu li a{ float: left; display:inline-block; color:#fff; font-size: 14px; line-height:30px; font-weight:bold; color: #252525; width: 144px; text-align: center; border-bottom: none;} #single_dropdown #main_menu li a:hover, #menu-main li a.jquery_dropdown{ color: #fff; border-bottom: none;} #single_dropdown #single_dropdown {float: left; width: 100%; position: absolute; right: 0; bottom: 0; border-bottom: 4px solid #F3F3F3;} /*Start edit*/ #full_dropdown{ border:none} #full_dropdown {background: transparent url('images/menu_bg.png') no-repeat -4px bottom;} /***************************************/ /* PIBS SLIDER */ /***************************************/ .page-template-page_business-php{ overflow-y: scroll;} #pibs_slider{width:700px; position:relative; margin-bottom: 20px; float:left;} #pibs_slides_wrap{ top:0; left:0; float: left;} #pibs_slider_menu {float: left;width: 100%;padding: 10px 0;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC; margin-bottom: 20px; } #pibs_slider_menu li{ float:left;} #pibs_slider_menu a {background: none;color: #333; font-size:12px; font-weight:bold; border-right:1px solid #ddd; padding:0 20px} #pibs_slider_menu a:hover {background: none;color: #8CBEDB;} #pibs_slider_menu a.current {background:none;color:#267DAF;} #pibs_slider_menu a:hover.current {background:none;color:#267DAF; cursor: default;} #pibs_slider_menu .coda-nav #slider_business-nav-ul{ margin-left:0 !important; } /***************************************/ /*SIDEBAR MENU*/ /***************************************/ #header .menu li ul li ul{ display:none} /* Hide the "sub sub menu" ^^ on the header main menu */ /*Tricks the sidebar menu with css*/ #sidebar .menu li, #sidebar .menu .sub_sub_menu ul{ display:none;} #sidebar .menu .current-menu-item.sub_sub_menu ul, #sidebar .menu li.current-menu-parent, #sidebar .menu li.current-menu-parent ul li, #sidebar .menu li.current-menu-item, #sidebar .menu li.current-menu-item ul li, #sidebar .menu .current-menu-ancestor, #sidebar .menu .current-menu-ancestor li, #sidebar .menu .sub_sub_menu.current-menu-ancestor ul { display:block} #sidebar .menu .current-menu-item.sub_sub_menu ul ul, #sidebar .menu .current-menu-ancestor.sub_sub_menu ul ul { display:none} /*Style the sidebar menu*/ #sidebar .menu li ul{ padding: 10px; background: #fff;} #sidebar .menu li ul ul{ background: #efefef;} #sidebar .menu a{ color: #333; font-size:20px; font-weight:bold; padding: 2px 0; display:block} #sidebar .menu ul a{ color: #267DAF; font-size:14px; font-weight:bold;} #sidebar .menu .sub_sub_menu ul a{ color: #646464; font-size:12px; font-weight:normal} #sidebar .menu .sub_sub_menu ul li.current-menu-item a{ color:red} /***************************************/ /* MAIN */ /***************************************/ #content_container {width: 100%;float: left;position: relative; color:#797979;} #slideshow {position: absolute;width: 463px; height: 345px; right: 0; top: 34px;} #slideshow img, #slideshow a{display:none} #slideshow img:first-child, #slideshow a:first-child{ display:block} #slideshow_container {height: 413px; width: 100%; position: relative; z-index: 0; float: left; background: url(images/main/main_bg.jpg) top repeat-x;} #slideshow_container .slide_inner {width:1000px; height: 413px; margin:0 auto;position: relative;background: url(images/main/slideshow_bg.jpg) top no-repeat;} #slideshow_nav { position: absolute; left: 5px; bottom: 37px; z-index: 80;} #slideshow_nav a {display: inline-block; border:#fff 1px solid; margin: 2px; color: #fff;} #slideshow_nav a.activeSlide{border:#ff0000 1px solid;} #slideshow_bottom {width: 100%; float: left; clear: both; height: 12px; background: url(images/main/slide_bottom.jpg) repeat-x; margin-bottom:36px;} #slideshow_nav .slidenav_01 { display: block; float: left; background: url(images/main/slide_nav01.jpg) 0 0 no-repeat; width: 113px; height: 84px; padding: 0; margin-right: 10px; } #slideshow_nav .slidenav_02 { display: block; float: left; background: url(images/main/slide_nav02.jpg) 0 0 no-repeat; width: 113px; height: 84px; padding: 0; margin-right: 10px; } #slideshow_nav .slidenav_03 { display: block; float: left; background: url(images/main/slide_nav03.jpg) 0 0 no-repeat; width: 113px; height: 84px; padding: 0; margin-right: 10px; } #slideshow_nav .slidenav_04 {display: block;float: left;background: url(images/main/slide_nav04.jpg) 0 0 no-repeat;width: 113px;height: 84px;padding: 0;margin-right: 10px;} #main_container{float:left; width:100%; margin-top:34px;padding-bottom: 41px;} #contents_01 .banner {float: left;width: 493px;} #contents_01 .banner_01 {padding-bottom:24px;background: url(images/main/banner_bg01.jpg) top right no-repeat;border-bottom: #dedede 1px solid;width: 100%;float: left;} #contents_01 .banner_01 h2 {padding-top: 5px;} #contents_01 .banner_01 ul {padding: 19px 0 0 10px;} #contents_01 .banner_01 ul li{float:left;} #contents_01 .banner_01 ul li a {display: block;width: 100px;height: 26px;background: url(images/main/bt_01.gif) 0 0 no-repeat;text-align: center;color: #fff;line-height:26px;font-weight:bold;margin-right:5px;font-family:NanumGothic;} #contents_01 .banner_01 ul li a:hover {display: block;width: 100px;height: 26px;background: url(images/main/bt_01.gif) 0 -26px no-repeat;text-align: center;color: #5b5858;line-height:26px;font-weight:bold;margin-right:5px;font-family:NanumGothic;} #contents_01 .banner_02 {background: url(images/main/banner_bg02.jpg) top right no-repeat;width: 100%;float: left;} #contents_01 .banner_02 h2 {padding-top: 16px;} #contents_01 .banner_02 ul {padding: 19px 0 0 10px;} #contents_01 .banner_02 ul li{float:left;} #contents_01 .banner_02 ul li a {display: block;width: 81px;height: 26px;background: url(images/main/bt_02.gif) 0 0 no-repeat;text-align: center;color: #fff;line-height:26px;font-weight:bold;margin-right:5px;font-family:NanumGothic;} #contents_01 .banner_02 ul li a:hover {display: block;width: 81px;height: 26px;background: url(images/main/bt_02.gif) 0 -26px no-repeat;text-align: center;color: #5b5858;line-height:26px;font-weight:bold;margin-right:5px;font-family:NanumGothic;} #contents_01 .product {width: 464px;float: right;position:relative;} #main_container_02 {width: 100%;float: left;clear: both;background: #f4f4f4;border-top: #dedede 1px solid;padding-top: 20px;padding-bottom: 20px;} #contents_01 .product #slideshow_nav { position: absolute; left: 428px;top: 11px; z-index: 80;} #contents_01 .product #slideshow_nav a {display: inline-block; background: url(images/main/pro_nav_off.gif) top no-repeat; width: 9px; height: 9px; margin: 2px; border:none;} #contents_01 .product #slideshow_nav a.activeSlide{display: inline-block;background: url(images/main/pro_nav_on.gif) top no-repeat; width: 9px; height: 9px; border:none;margin: 2px;} #contents_02 .dataroom {float: left;width: 261px;margin-right: 36px;} #home_flash{ width: 300px; height: 200px; float:left} #home_flash iframe{width: 300px; height: 200px; border:none} #home_board { float: left; width:320px; margin-right: 40px;} #home_board h2{ margin-bottom:11px;} #home_board ul {width: 93%;margin: 0 auto;} #home_board li {width:97%; clear:both;float:left; padding: 2px 0 2px 6px;background: url('images/main/icon_news.gif') no-repeat 0 7px;} #home_board li a{font-size:12px; color:#686868; width:180px;float:left;} #home_board li span {color: #3f3f3f; font-size: 11px; float:right;} #home_video {float: left; width: 310px; background: #333; margin-left: 20px; height: 200px;} .last_posts {width: 300px;float: left; margin: 20px 10px;} .last_posts h2{ margin-bottom:15px;} .last_posts h2 a{ font-size:14px; color:#333} .last_posts h2 a:hover { color:#267daf} .last_posts li{padding-bottom: 4px ;margin-bottom: 3px;border-bottom: 1px dotted #ccc;} .last_posts li a{ color:#333; display: inline-block; width: 230px;} .last_posts li a:hover{ color:#267daf} .last_posts li span{color:#999 ;vertical-align: top;} #home_text { float: left; width: 310px; margin-left: 20px; margin-top: 20px; background: #eee; height: 200px;} #home_text p {padding: 25px;} .panel-container > div{ display:none} .panel-container > div.first{ display:block} .etabs { text-align:right} .etabs li{ display:inline-block; position:relative; z-index:99} .etabs li a { display:inline-block; font-weight:bold; color: #838383; padding: 0 15px 0 15px; line-height: 29px;} .etabs li.active a{ color: #333; border: 1px solid #ddd; border-bottom: 1px solid #fff;} .panel-container{ clear:both;border: 1px solid #ddd; padding: 10px; top:-1px; position:relative; margin-bottom: 0; padding-bottom: 20px; } .panel-container li{ padding: 3px 0px 2px 15px;background: white url('images/main/board_list_item.jpg') no-repeat left center;} .panel-container li a{ display:inline-block; width:200px; color:#333 ; padding: 3px 0 3px 3px;} .panel-container li a:hover{color:#008FFF;} .panel-container li span{ color:#999; font-size: 11px;} .panel-container p.more { position: absolute; bottom: 0; right: 0;} .panel-container p.more a{ background-color: #333; display:block; padding: 5px 10px; color: #fff;} .gallery-item img {border: 1px solid #ccc !important; width: 190px;height: 260px; margin-bottom: 9px;} .gallery-item .gallery-caption{ margin-bottom:20px;} /* Start Edit */ #full_bg_wrap {background: transparent url(images/main_bg.jpg) repeat-x center top;height: 210px;border-bottom: 1px solid #044e9a;} .home #full_bg_wrap {height: 615px;} #card_menu li { position: absolute;text-align: center; width: 230px;} #card_menu ul { position: relative;} #card_04 { top: 45px; left: 738px;} #card_03 { top: 22px; left: 498px;} #card_02 { top: 45px; left: 264px;} #card_01 { top: 22px; left: 30px;} /***************************************/ /* SUBPAGE*/ /***************************************/ #sub_visual {width: 100%;float: left;clear: both;height: 151px;background: url(images/sub/sub_bg.jpg) top repeat-x;} #sub_visual #sub_visual_inner {background: url(images/sub/sub_img_bg.jpg) center no-repeat;height: 151px;} /* BANNER */ #sub_visual #banner{height: 115px;} /* SUBMENU */ #submenu {clear: both; background: url(images/sub/submenu_bg.jpg) top repeat-x; height: 41px;margin-bottom: 12px;} #submenu a {font-size:15px; color: #fff; font-weight: bold; display: inline-block; padding: 0 20px; line-height: 41px;font-family:NanumGothic, Arial, Verdana, sans-serif;} #submenu li {float: left;} #submenu li:first-child a { padding-left: 30px;} #submenu li.current_page_item a, .tax-work_category #submenu li.page-item-110 a, .single-photonews .page-item-108 a{background:transparent url('images/submenu_arrow.png') no-repeat center bottom; color:#00ff00; } /* SUBPAGES GENERAL*/ #sub_page_top{background:transparent url('images/sub/page_top_bg.png') no-repeat center top; width:960px; height:13px; margin-top:30px;} #sub_page_body{background:transparent url('images/sub/page_body_bg.png') repeat-y center top; width:960px; float:left; position:relative } #sub_page_bottom{background:transparent url('images/sub/page_bottom_bg2.png') no-repeat center bottom; width:960px; height:320px; clear:both; margin-bottom: 25px;} /*.page-id-7 #sub_page_bottom{background:transparent url('images/sub/page_bottom_bg2.png') no-repeat center top;}*/ .page-id-85 #sub_page_bottom, .page-id-7 #sub_page_bottom {background: transparent url('images/sub/page_bottom_blank_bg.png') no-repeat center top; height: 50px;} #sub_page_body_inner{ padding:20px 50px 0 50px} .parent-pageid-2 #content_container p{line-height: 22px;font-family: NanumGothic;font-size: 14px;color: #444;} #subcategory_menu ul li, .etabs li {float: left;} .single-photonews #subcategory_menu { clear: both; border-bottom: 1px solid #DDD; float: left; width: 100%; margin-bottom: 20px; } /* COMPANY */ #company_intro_logo{background:transparent url('images/sub/company_intro_logo.png') no-repeat center top; width:417px; height:312px; position:absolute ;top: 0;right: 40px;} #company_intro_container p{ width:390px; float:left} #company_intro_container img{ width:470px} /* CEO */ /*#ceo_portait_bg {position: absolute; width: 291px; height: 297px; top: -5px; right: 20px; background: red;background:transparent url('images/sub/ceo_bg.png') no-repeat right top; }*/ #ceo_portait_bg { width: 332px; height: 429px; background: transparent url('images/sub/ceo_photo.png') no-repeat left bottom; border: 1px solid #ccc; float: left; margin-right: 20px;} #ceo_photo {float: left; padding-right: 15px;} .ceo_container p{margin-bottom: 37px;} #ceo_hello {margin-bottom: 22px;} #ceo_p_02 {clear: both; padding-top: 30px; border-top: 5px solid #B3C4D8;} #ceo_sign {position: absolute; bottom: 20px;right: 120px;background: url('images/sub/ceo_sign.png') no-repeat right bottom;width: 290px;height: 120px;} #ceo_sign p{margin-bottom:0; text-align:center} #ceo_sign p img{ vertical-align:middle} .ceo_container p {margin-bottom: 37px;/* width: 490px; *//* float: right; */position: relative;z-index: 33;} .page-id-85 #sub_page_body {height: 1020px;} .page-id-85 #sub_page_body_inner{background: transparent url('images/sub/world.png') no-repeat center bottom;height: 940px;} #ceo_sign p span {font-size: 21px; font-weight: bold; vertical-align: middle;padding-left: 10px;} #ceo_sign p{ padding-top:5px} /* ORGANISATION */ .page-id-78 #sub_page_body_inner {height: 660px;} #organisation_container {position: absolute; top: -7px;left: 21px;background: transparent url('images/sub/organisation_bg.jpg') no-repeat center top;width: 919px;} #organisation_container img{ padding-left:50px;padding-top: 56px;} .page-id-78 #title_container { position: relative; z-index: 22;} .page-id-78 #title_container span {color: #8BBDDA;} /* BUSINESS */ #business_top_img{ width:819px; padding-top:45px; margin:0 auto;} #business_left_img{ float:left; padding-right:20px;} #business_text_all{ float:left;} #business_text_all p{ font-family:'NanumGothic'; font-weight:bold; letter-spacing:-1px;} #business_text01{font-size:22px; color:#3460c7; padding-top:10px; } #business_text02{font-size:22px; color:#3395d9; padding:20px 0 0 37px;} #business_text03{font-size:22px; color:#216fe4; padding:20px 0 0 74px;} #business_text04{ font-size:18px; color:#484848; padding-top:24px} .business .panel-container {padding: 25px;} .business#sub_content td{ text-align:center;} .business#sub_content td a{color:#3783d8; font-weight:bold;} .business#sub_content td a:link{color:#3783d8;} .business#sub_content td a:visited{color:#3783d8;} .business#sub_content td a:activ{color:#3783d8;} .business#sub_content td a:hover{color:#d63737;} /* MAPS */ .maps iframe {float: left;} .maps { clear: both; border: 1px solid #999; width: 820px; height: 275px; margin:auto; box-shadow: 0 3px 10px rgba(0,0,0,0.2);margin-bottom: 45px;} .maps:first-child{ margin-top:30px;} .maps_info { background-color: #3985d8; float: left; padding: 15px; height: 245px; width: 199px; border-left: 1px solid #3368A1;} .parent-pageid-2 #content_container .maps_info p { color: #fff;font-size:12px; font-family:dotum; line-height:15px; font-weight:bold;} .maps h2 { font-size: 24px; font-family: NanumGothic; padding-bottom: 2px; border-bottom: 1px solid #286fbd;} .parent-pageid-2 #content_container .maps_info p.maps_tips { padding: 20px 0; color: #BFD5EC;} .maps_links { display: block; text-align: center; background: transparent url(images/sub/maps_btn.png) no-repeat center top; width: 200px;height: 31px;margin-top: 20px;color: #fff;padding-top: 9px;} .maps_address { border-top: 1px solid #5d9bdf; padding-top: 15px;} .page-id-12 #sub_page_body{height: 840px;} /* RELEATED SITE */ #related-sites_all ul{border: 1px solid #ddd; float: left; padding-top: 25px; padding-left: 40px; padding-bottom: 15px;} #related-sites_all{} #related-sites_all .site_list_all{ clear:both;} #related-sites_all h2{ font-family:"NanumGothic"; font-size:20px; font-weight:bold; padding:15px 12px 6px 12px; background:url(images/sub/related_sites_dot.jpg) no-repeat left 21px; color:#5d5d5d; } #related-sites_all ul li{ padding-left:10px; float:left; } #related-sites_all ul li span img { height: 36px; width: 120px; } #list_international {clear: both;} #related-sites_all ul li span{ float:left; padding-bottom:20px; } #related-sites_all ul li div{ float:left; } #list_international ul li { display: block; float: none; clear: both; } #related-sites_all #list_international ul li span{padding-bottom:0} #related-sites_all #list_international ul {padding-left: 15px;} #list_international ul { width: 818px; } #related-sites_all #list_international ul li a span { width: 180px; background: #F5F5F5; margin-right: 10px; } #related-sites_all #list_international ul li a:hover span { background: #fff; } #related-sites_all #list_international ul li span { display: inline-block; padding: 6px 10px; } #related-sites_all ul li a { color: #0566B3; } .parent-pageid-2 #content_container #related-sites_all ul li div p, #content_container #related-sites_all ul li div p{ width:265px; margin:0; height:19px; font-family:'Dotum'; font-size:12px; color:#585858; line-height: 12px; } #related-sites_all ul li p img{ vertical-align: middle; padding:0 5px 0 5px; } /* WORKDONE */ #workdone .wp-pagenavi, #construction .wp-pagenavi{clear: both;position: absolute;bottom: -40px;left: 0;margin: 0;padding: 0;} #workdone_list table{ width: 100%; background-color: #BCD2F3; border-spacing: 1px;} #workdone_list table th{ text-align:center; font-weight:bold; color: rgb(0, 44, 111); padding:10px; vertical-align:middle} #workdone_list table td{ background-color:#fff; padding:10px 10px; text-align:center; vertical-align: middle;} /*#workdone_list table td:first-child{ text-align:left}*/ #workdone #subcategory_menu ul li.current-cat a {border: 1px solid #BCD2F3; border-bottom: 1px solid #BCD2F3; background-color: #BCD2F3;} #workdone #subcategory_menu ul{ margin:0; padding:0} #workdone #subcategory_menu ul li{ height:34px; width: 74px} #workdone #subcategory_menu ul { border: 1px solid #ccc; float: left; width: 978px; padding: 10px; margin-bottom: 10px; background: #f5f5f5;} #workdone #subcategory_menu ul li a:hover { color: #E01200;} /* BUSINESS */ .business table{ width: 100%; background-color: #BCD2F3; border-spacing: 1px;} .business table th{ text-align:center; font-weight:bold; color: rgb(0, 44, 111); padding:10px; vertical-align:middle} .business table td{ background-color:#fff; padding:10px 10px; text-align:center} .business table td:first-child{ text-align:left} .business #subcategory_menu ul li.current-cat a {border: 1px solid #BCD2F3; border-bottom: 1px solid #BCD2F3; background-color: #BCD2F3;} .business #subcategory_menu ul{ margin:0; padding:0} .business h2 {font-size: 14px; margin: 0px 0 3px 0; font-weight: bold; color: #6789A3;} .business table { margin-bottom:30px} #business_gallery{ border: 1px solid #C1D9EB; padding:25px 0; text-align:center;} #business_gallery img{ margin: 0 8px;} /* CATALOG */ .catalog{padding-bottom: 25px; background: transparent url(images/sub/catalog_bg.jpg) no-repeat center bottom; width:848px; height:400px} .catalog a {display: inline-block; width:373px; height:359px;} .catalog a:hover{ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity:0.7; } .catalog #catalog_01{background: transparent url(images/sub/catalog01.jpg) no-repeat center bottom; margin-left: 40px;} .catalog #catalog_02{background: transparent url(images/sub/catalog02.jpg) no-repeat center bottom;} /***************************************/ /* PRODUCTS */ /***************************************/ #products_list li{ float:left; display:block; margin: 0 10px 30px 10px;} #products_list li h2 a{ display:block; text-align:center; padding-top:4px; font-weight:bold; color: #09F;} #products_list li h2 a:hover {color: #80CCFF;} #products_list a img{border:1px solid #ddd} #products_list .product_default_thumb{ width:150px; height:150px;} /***************************************/ /* PARTNER BANNER jquery.simplyscroll.js */ /***************************************/ /* Plugin default */ .simply-scroll-container {position: relative;} .simply-scroll-clip { position: relative; overflow: hidden;} .simply-scroll-list {overflow: hidden;padding-left: 0;} /* Custom */ .simply-scroll {width: 880px; margin: auto;} .simply-scroll .simply-scroll-list li {float: left; /* Horizontal scroll only */ padding-left: 15px; padding-top: 8px;padding-bottom: 8px;} /* #home_banner {clear: both; padding: 20px 0; float: left;width: 100%;} #banner { position: relative} .nav_ads{ position:absolute; height:38px; width:27px; top: 11px; background: transparent url('images/main/banner_arrows.png') no-repeat;} .prev.nav_ads{ left: 0; background-position: left top;} .next.nav_ads{ right:0; background-position: right top;} */ /***************************************/ /* SIDEBAR */ /***************************************/ #sidebar {float: left; width: 200px; padding: 20px;background-color: #efefef;margin: 20px 0;} /***************************************/ /* CATEGORY */ /***************************************/ #the_posts_list li{ float: left; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #E5E5E5; width: 700px;} #the_posts_list .thumb{float: left; display: inline-block; margin-right: 20px; border: 2px solid #DDD;} #the_posts_list h2 a {font-size: 17px; color: #333; font-weight: bold; margin-bottom: 10px; display: block;} #the_posts_list h2 a:hover{ color:#65A7CE;} #the_posts_list .detail{ text-align:right; } #the_posts_list .detail a{display:inline-block; padding:10px 12px; color:#65A7CE; font-size:11px; background-color:#f5f5f5; border:#ddd solid 1px; font-weight:bold;} #the_posts_list .detail a:hover{background-color: #EEE; border: #CCC solid 1px; color: #2E7097;} #the_posts_list .excerpt{ padding-left:208px;} .category #breadcrumbs{margin-bottom: 20px;} /*CATEGORY NOTICE*/ .category-notice #main_container{min-height: 350px;} .category-notice #the_posts_list{ margin-top:60px;} .category-notice #the_posts_list .excerpt{padding-left:0;} .category-notice #the_posts_list li {margin-bottom: 10px;padding-bottom: 0px; width: 700px;} .category-notice #the_posts_list h2{padding-left: 10px; padding-right: 0;} .category-notice #the_posts_list h2 a { color:#555; width: 850px; float:left; display:inline-block;} .category-notice #the_posts_list h2 a:hover { color:#65A7CE} .category-notice #the_posts_list h2 span{float: right;padding-top: 5px;display: inline-block; color:#999} h1.notice_single_title{ margin-top:30px;} /***************************************/ /* POST and PAGE */ /***************************************/ #sub_content, #the_content {width: 100%;float: left; clear:both;padding-bottom: 40px;} #content_container h1{padding-left: 60px;font-size: 24px; font-weight:bold; color: #313131; float: left; font-family:NanumGothic, Arial, Verdana, sans-serif; line-height:60px;} #content_container h1 span{font-size:22px; font-weight:bold;} #title_container {margin-bottom: 30px; width: 100%;float: left;height: 60px;border-bottom: #ddd 1px solid;background: url(images/sub/title_icon.gif) left no-repeat;} #title_container span {color: #666363; font-family: Tahoma; font-size: 13px; display: inline-block; margin-left: 15px;line-height: 65px; margin-top: 2px;text-transform:capitalize} #thumb_page{ width:200px; float:left; margin-right: 10px;} #thumb_page img{ border:1px solid #e5e5e5} /***************************************/ /* ATTACHEMENT */ /***************************************/ .single-attachment #the_content{ text-align:center} /***************************************/ /* SEARCH RESULT */ /***************************************/ .search-results h1 span{ color:#267DAF} .search-results #the_posts_list li {padding-bottom: 0px;} /***************************************/ /* COMMENTS */ /***************************************/ #comments_container{} a.deconnection{ font-size: 11px; color: #144F89; float: right;} a.go_profil{ font-size: 14px; font-weight: bold; color: #589FE6} /* comments area */ .avatar{ float:left} .avatar img{ border:1px solid #ddd } #comments, #respond {padding: 0;clear: both;color:#444;} .comment_user{list-style:none; background-color:#ccc; min-height:100px; margin:10px 0;} #respond {font-size: 20px;color: #6C6C6C;padding: 8px;border-bottom: #DDD solid 4px;border-top: #DDD solid 4px;margin-top: 30px;} #comments_container h3{ border-top:#E5E5E5 solid 4px; display: inline-block; width: 715px; width:100%; font-size:14px; margin-top:15px; font-weight:bold; color:#6C6C6C;} .commentlist {margin: 0; list-style:none; margin:10px 0;} .commentlist { list-style:none; color:#FFFFFF;} .commentlist li{padding:0;color:#000;} .commentlist .alt {background: #fff;margin-top:0px;padding:0px;} .commentlist cite, .commentlist cite a, .commentlist cite a:visited {font-weight: bold;font-style: normal;color: #333;} .commentlist small {margin:0;display: block;font-size:11px; text-align:right;} #commentform {margin-top: 10px;font: 110% Arial, Helvetica, sans-serif;} #commentform p {padding: 6px 0px;margin: 0px;color:#333; border-bottom: 1px dotted #DDD;} #commentform p#comment_submit_container {border-bottom: none} #commentform label{color: #787878;} #commentform input{width: 200px;background:#eee;border: 1px solid #bdd77f;padding:3px;margin-top: 3px;} #commentform textarea{width: 550px;height: 115px;background:#eee;border: 1px solid #dbd8d3;padding: 2px;margin-top: 3px;} #commentform textarea:focus, #commentform input[type="text"]:focus {background: #ffffff;} #commentform #submit{background:#777;font-weight:bold;color: #ffffff;border: none;float:left;width:204px;height:30px;cursor: pointer;margin:0px 0px 10px 150px;} #comment_bubble{background-image: url(images/bubble.png);background-position: left center; background-repeat: no-repeat;color: #fff;display: inline-block;font-size: 14px; font-weight: bold; height: 34px;margin-left: 10px; padding-top: 12px; text-align: center; top: 0; vertical-align: 10px;width: 32px;} #commentform label{width: 150px;float:left;} #commentform input{border: 1px solid #dbd8d3;width: 275px;} #commentform label.error{font-size: 11px;margin-left: 250px;background: #fbfcda url(images/cancel.gif) no-repeat left;border:1px solid #dbdbd3;width:259px;margin-top:4px;padding-left:20px;} #commentaire{font-size:22px;} #commentaire_part_droit{margin-left:100px;} #commentby{border-bottom:solid #666 1px;padding-bottom:0;margin:0 5px 5px 0px;} .commentlist li.comment_user{ padding:10px; background:#eee} .commentlist li.comment_user.alt{ padding:10px; background:#fff} .commentlist li.comment_user a{ color:#589FE6; font-size: 12px; font-weight: bold;} /*hightlight author comment*/ .authcomment {background-color:#fff !important;border:solid #ddd 1px;color:#666 !important;padding-right:5px;} .commentlist li.authcomment a{ color: #65A7CE} .authcomment cite, .authcomment cite a, .authcomment cite a:visited {font-weight: bold !important; font-style: normal !important; color: #fff !important;} .authcomment #commentby{border-bottom: dotted #DDD 1px;padding-bottom: 4px;margin: 0 5px 5px 0px;} .authcomment a {color:#CCCCCC;text-decoration:none;} .authcomment a:hover{color:#999999; text-decoration:underline;} /***************************************/ /* FORM */ /***************************************/ #estimation_call{ float:left;} .page-template-page_estimation-php .wpcf7 , #estimation_notice{width: 646px;float: right;} .page-template-page_estimation-php .wpcf7 {margin-bottom: 30px;} .page-template-page_estimation-php .wpcf7 .phone{width: 35px;} .page-template-page_estimation-php .wpcf7 p{ border-bottom: 1px dotted #CCC; margin-bottom:10px; padding-bottom: 10px;} .page-template-page_estimation-php .wpcf7 p.submit_container{border-bottom: none} .page-template-page_estimation-php .wpcf7 b { display:inline-block; width:120px; color:#333; } .page-template-page_estimation-php .wpcf7 b.title_textarea{vertical-align: top; padding-top: 5px;} .wpcf7 .estimation_appointment input{ width:160px} .wpcf7 .estimation_name input{width: 90px;} .wpcf7 input, .wpcf7 textarea {border: 1px solid #BBB;} .wpcf7 textarea { width: 480px; margin-left: 6px; resize: vertical; height: 100px; min-height: 100px;} .wpcf7 .wpcf7-submit{ cursor:pointer; font-size:14px; text-decoration: none; border:none; color: #fff; background: #65A7CE; display: inline-block; padding: 10px 30px; border-radius: 6px; margin: 10px; font-weight: bold;} /***************************************/ /* ERROR 404 */ /***************************************/ #error_content h1{margin-top:50px;text-align: center;font-size: 22px;color: #666; font-weight:bold;width: 100%;} #error_content h2{margin-top:10px; margin-bottom: 15px; text-align: center; font-size: 40px; font-family: times; font-weight: bold; color: #267DAF;} #error_content p{ color:#555;} #error_content p a{text-decoration: none; color:white; background: #65A7CE; display: inline-block; padding: 10px 20px; border-radius: 6px; margin: 10px 0 40px 0; font-weight: bold;} #error_content p a span{ width:0; height:0; display:inline-block; border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-right: 7px solid #fff; margin-right:10px; vertical-align:-3px;} #error_content p, #error_404 form { text-align:center;} #error_content form{ margin:0 0 15px 0} #error_content #search_submit{border: none; cursor:pointer;background:#DDD;color:#333;padding: 6px 20px;border-radius: 6px;font-weight: bold;} #error_content #search_field{border: 1px solid #aaa; width: 220px; font-size: 12px;padding: 4px 8px;} /***************************************/ /* FOOTER */ /***************************************/ #footer{clear:both; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #c9c9c9;width: 100%; float: left;} .home #footer{border-top: 3px solid #00649e;} #logo_bottom{ float:left; padding-left:30px; } #copyright{ clear: both; position:relative;} #copyright .banner_pibs {position: absolute;top: 0;right: 0;} #copyright p { line-height:16px; color: #94a0ac; float: left; margin-left: 30px; padding-bottom: 30px;} #copyright p span{ display:inline-block; padding:0 8px} #footer_quickmenu { float: left; width: 100%; margin-bottom: 20px; padding: 20px 0; background: #e9ecee url(images/bottom_bg.jpg) repeat-x center bottom; border-top: 1px solid #fff;} #footer_quickmenu li { float: left; border-left:solid 1px #fff; border-right:solid 1px #ccc} #footer_quickmenu li > a { display: block; float: left; padding:0 10px; width: 140px; color:#333; font-size: 14px; font-family: NanumGothic; } #footer_quickmenu li > a:hover {color: #3783D8;font-family: NanumGothic;} #footer_quickmenu li, #footer_quickmenu li > a{height: 84px;} #footer_quickmenu li#footer_as {background: transparent url(images/as_icon.png) no-repeat 83px top;border-left:none} #footer_quickmenu li#footer_catalog {background: transparent url(images/catalog_icon.png) no-repeat 85px top;} #footer_quickmenu li#footer_map {background: transparent url(images/map_icon.png) no-repeat 70px top;} #footer_quickmenu li#footer_form {background: transparent url(images/form_icon.png) no-repeat 92px top;} #footer_quickmenu li#footer_phone{border-right:none} #footer_quickmenu li a span{display: inline-block;margin-top: 6px;} #footer_phone{padding-left:20px;} #footer_phone a, #footer_phone span { white-space: nowrap; text-indent: 999px; display: block; overflow: hidden;} /*#footer_phone h2 { background: transparent url(images/more.png) no-repeat right 5px;}*/ #footer_phone h2 span { width: 280px; background: transparent url(images/title_contact.png) no-repeat left center; border-bottom:1px solid #ccc; margin-bottom:8px} #footer_phone span { width: 100px;height:23px; background: green; float: left;background: transparent url(images/phone_title_01.png) no-repeat left center;} #footer_phone #phone_solar span { background-image: url(images/phone_title_02.png);} #footer_phone .phone1{ width: 180px; height:23px; background: transparent url(images/phone_number_01.png) no-repeat left center;} #footer_phone #phone_solar .phone2{ width: 180px; height:23px; background: transparent url(images/phone_number_02.png) no-repeat left center;} #footer_phone p {clear: both; width: 100%; float: left; padding: 2px 0;} #copyright img { float: left;} #backlink { display: inline-block; margin-left:340px; color: #6d93bb; font-weight: bold;} /***************************************/ /* POSTTYPE PAGING */ /**************************************/ #page_nav_prev_next { float: left; } #goto_list { float: right; } #page_nav { border: 1px solid #ddd; float: left; width: 100%; background-color: #f5f5f5; margin-bottom: 40px; } #page_nav a { display: inline-block; padding: 10px 15px; color: #333; } #page_nav a:hover { background-color: #ececec; color: #00A3FF; } #goto_list a{ border-left: 1px solid #ddd; } #page_nav_prev_next a{ border-right: 1px solid #ddd; } /***************************************/ /* FANCYBOX PLUGIN CUSTOM STYLE */ /**************************************/ div#fancybox-title-inside {font-family:'돋움', Dotum;font-weight: bold;} div#fancybox-title {height: 30px;} /* fix same size issue*/ /***************************************/ /* BREADCRUMBS */ /***************************************/ #breadcrumbs{text-align:right; border-bottom: #E5E5E5 dashed 1px; padding-bottom:2px; margin-bottom: 5px; margin-top: 20px;} #breadcrumbs, #breadcrumbs a{ text-decoration:none; font-family:'돋움', Dotum; font-size:11px; color:#807d7d} #breadcrumbs a:hover{ color:#65A7CE} /***************************************/ /* WP-PAGENAVI PLUGIN CUSTOM STYLE */ /***************************************/ .wp-pagenavi{ width:100%; text-align:center; clear: both; padding-top: 20px;margin-bottom: 40px;} .wp-pagenavi a,.wp-pagenavi a:link ,.wp-pagenavi a:visited ,.wp-pagenavi a:hover ,.wp-pagenavi a:active,.wp-pagenavi span.current, .wp-pagenavi span.extend{ border:1px #fff solid; border-color: transparent ; padding: 2px 6px 2px 6px; margin: 2px;text-decoration: none; font-weight:bold;} .wp-pagenavi a {background-color: #3783d8; color:#fff !important} .wp-pagenavi a:link {background-color: #3783d8; color:#fff !important} .wp-pagenavi a:visited {background-color: #3783d8; color:#fff !important} .wp-pagenavi a:hover {background-color: #9AC6F7; color:#fff !important} .wp-pagenavi a:active {background-color:#A7CDE4; color:#fff !important} .wp-pagenavi span.current {background-color:#fff; color: #3783d8; border-color: #3783d8; padding: 6px 10px; } .wp-pagenavi span.extend { background-color: #fff; color: #A7CDE4;} .wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #000000; background-color: #FFFFFF;} /***************************************/ /* BBPRESS PLUGIN CUSTOM STYLE */ /***************************************/ .bbp-forum-description, .bbp-breadcrumb{ display:none;} .bbp-topic-permalink{ color:#65A7CE; font-weight: bold; font-size:13px;display: block;} a:hover.bbp-topic-permalink{ color:#EC5F00} .bbp-author-name, #bbpress-forums .bbp-topic-freshness a.bbp-author-name, #bbpress-forums .bbp-forum-freshness a, .bbp-topic-started-by{ color:#bbb} .bbp-topic-freshness a{ color:#333333} #bbpress-forums a:hover.bbp-author-name, #bbpress-forums .bbp-topic-freshness a:hover.bbp-author-name, .bbp-topic-freshness a:hover{ color:#65A7CE} .bbp-topic-started-by .bbp-author-avatar, .bbp-topic-freshness-author .bbp-author-avatar{ display:none;} #bbpress-forums div.bbp-template-notice.info {border:none} .bbp-topic-started-by, .bbp-topic-started-by a, #bbpress-forums .bbp-author-name{ font-size:11px; color:#bbb} .forum #bbpress-forums fieldset.bbp-form {border: 1px solid #ddd;} .forum #bbpress-forums ul.bbp-lead-topic, .forum #bbpress-forums ul.bbp-topics, .forum #bbpress-forums ul.bbp-forums, .forum #bbpress-forums ul.bbp-replies {border: none;} .bbp-topic-started-by, .bbp-topic-freshness-author{ display:none} .bbp-form div.bbp-submit-wrapper { float:none} .bbp-form .button, #bbpress-forums .button{ cursor:pointer; font-size:14px; text-decoration: none; border:none; color: #fff; background: #65A7CE; display: inline-block; padding: 10px 30px; border-radius: 6px; margin: 10px; font-weight: bold;} #board_main_title{ background:#fff url('images/title_board.gif') no-repeat left top scroll; width:490px; height:80px;} #content_container h1#bbpress_main_title{margin-bottom: 0px;margin-top: 20px;} #bbpress-forums .bbpress_button_container{ height:56px;} #bbp_reply_content_ifr, #bbp_topic_content_ifr{ height:190px !important} /***************************************/ /* CUSTOM SIGNUP STYLE */ /***************************************/ .page-template-signup-php #main_container {width: 960px;margin: 20px auto;} .mu_register label {display: block;font-size: 14px;padding-top: 10px;font-weight: bold;padding-bottom: 2px;} .mu_register .submit{cursor:pointer; font-size:14px; text-decoration: none; border:none; color: #fff; background: #65A7CE; display: inline-block; padding: 0px 9px; border-radius: 6px; margin: 10px 0; font-weight: bold;} .mu_register .error {margin-bottom: 4px; margin-top: 2px;background-color: #FFEBE8;border: 1px solid #CC0002;padding: 3px 10px; border-radius: 3px;font-weight: bold;} .mu_register #user_email, .mu_register #user_name {padding: 10px;font-size: 20px;border: 1px solid #AAA;} /***************************************/ /* MEMBERS SECTION */ /***************************************/ /*MENU MEMBERSHIP*/ #membership_menu {list-style: none; position: absolute;right: 32px; top: 0; border: 1px dotted #65A7CE; border-top: 0; padding-bottom: 3px; background-color: #F5FAFD;} #membership_menu li {float:left;} #membership_menu li a { color: #65A7CE; padding: 4px 12px; font-size: 11px; font-weight: bold; display: inline-block;} #membership_menu li a:hover{ color:#2C76A2} #membership_menu li#user_welcome{padding: 4px 13px;color: #666} #membership_menu li#user_welcome span{font-weight: bold; } /* SIGNUP */ .page-template-signup-php #main_container {width: 960px;margin: 20px auto;} .setupform .error {margin-bottom: 4px; margin-top: 2px;background-color: #FFEBE8;border: 1px solid #CC0002;padding: 3px 10px; border-radius: 3px;font-weight: bold;} #agree_container{ border:3px solid #ddd} #agree_container h2{ font-size:14px; font-weight:bold; padding:15px 40px 6px 40px} #agreement{ width:600px; height:230px; overflow:hidden; overflow-y: scroll; color:#888; font-size:11px; border:1px solid #ddd; margin:auto} #agreement p{ padding:10px 20px; color:#888} #agree_check_container{padding:10px 40px 20px 40px; margin-bottom: 20px; text-align:center;} #agree_check_container span{ color:#0099FF; } .agree_check_error {padding: 15px 40px; margin: 10px 40px; background-color: #FFE2E2; border: 1px solid #D30303;} #agree_check_container.agree_check_error { border: none; padding: 10px;} #agree_yes_no_container{text-align:center; padding-top:15px} #agree_yes_no_container a, #agree_yes_no_container input{ margin: 0 5px; cursor:pointer; background-color:#eee; color:#333; font-weight:bold; border:1px solid #ddd; display:inline-block; padding: 10px 0px; text-align:center; width:190px} #agree_yes_no_container a:hover, #agree_yes_no_container input:hover{ background-color:#ddd; color:#000; border-color:#ccc} .membership #agree_check_container label { width:auto; font-weight:normal} #member_login_page b{ font-weight:bold;} #agree_form, #setupform{margin: 20px 20px 60px 20px;} /* #membership_signup label{ width:115px} .membership .membership_signup #setupform label { width: 115px; text-align: right; margin: 0; padding: 10px; background-color: #f5f5f5; border-right: 1px solid #ddd;} .membership .membership_signup #setupform p {border: 1px solid #DDD; border-bottom: none; text-align: left; clear:both; float: left; width: 100%;} .membership .membership_signup #setupform input{border: 1px solid #BBB;padding: 2px 6px; width:110px; margin-left:10px} */ .membership #setupform span.error { color:red } .membership #setupform p.submit { border:none; padding-top:20px} .membership #setupform p.submit input{ margin: 0 5px; cursor:pointer; background-color: #65A7CE; border: 2px solid #6195B3; font-weight:bold; border:1px solid #ddd; display:inline-block; padding: 10px 0px; text-align:center; width:90px; color:#fff} .membership #setupform p.submit input:hover{ background-color: #65A7CE; color:#fff; } #registration_result{ width:560px; border:3px solid #D7E9BD; padding:20px; text-align:center; margin:20px auto; background-color:#F0FDDC} #registration_result h2 { padding-bottom:10px} #registration_result strong{ font-weight:bold;} /* MEMBERSHIP */ #header_user_welcome, #header_user_welcome span { color:#333} .membership #content_container { width: 740px; float: right; margin-bottom:0} .membership #sm_title {padding: 20px 30px 0 30px;color: #777;font-size: 15px;font-weight: bold;} .membership p{ margin-bottom:0; line-height: normal} .membership #subtitle, .membership #subtitle span{ font-size:40px; font-weight:bold; text-align:center } .membership #subtitle{color: #D5D5D5;padding-top: 20px;} .membership #subtitle span{ color:#999} .membership #login_form_container {padding: 0px 30px 20px 310px;border: 1px solid #DDD;margin: 20px auto;background: #fff url('images/membership/member_login_bg.jpg') no-repeat 30px 30px scroll;float: left;width:348px;} .membership #loginform{ /* border-top:1px dashed #ddd ;*/ border-bottom:1px dashed #ddd; padding: 10px 0;margin-bottom: 10px;float: left;width: 100%;margin-top: 20px;} .membership #loginform fieldset{ float:left} .membership label {width: 100px;display: inline-block;font-weight:bold;color:#333} .membership .forgetmenot label{ font-weight:normal;} .membership #login_mini_title {padding: 20px 0px 0px 0px;font-weight: bold;font-size: 16px;color: #65A7CE;} .membership .login_side_action p{ float:left;} .membership .login_side_action a { float:right;} .membership .login_side_action a { display: inline-block;float: right;text-align: center;background-color: #999;color: white;font-size: 11px;font-weight: bold;padding: 0 10px;width: 80px;height: 20px;line-height: 20px;} .membership .login_side_action a:hover { background-color: #666;} .membership .login_side_action { float: left; width: 100%} .membership .login_side_action p { padding-bottom: 6px; color: #888; font-size: 11px;height: 20px;line-height: 20px;width:245px;} .membership #member_login_page p {color: #666;text-align:center;vertical-align:middle} .membership #loginform p{ margin-bottom:4px} .membership #user_login, .membership #user_pass {background-color: #f5f5f5;border: 1px solid #CCC;padding: 5px 10px;font-weight: bold;color: #444;width:130px;} .membership .login_side_action{ clear:both} .membership #wp-submit {padding: 20px 0;-webkit-appearance: none;background-color: #65A7CE;border: 2px solid #6195B3;font-weight: bold;color: white;width: 80px;margin-left: 10px; cursor:pointer} /*.membership .membership_signup #setupform p#user_address_container label {height: 66px;float: left;} .membership .membership_signup #setupform p#user_freeword_container label {height: 60px;float: left;} .membership .membership_signup #setupform p#user_freeword_container textarea { margin: 6px 14px; width:380px; border: 1px solid #BBB;padding: 2px 6px; height: 60px;} .membership .membership_signup #setupform input#zip {width: 43px; margin:4px 14px 2px 14px} .membership .membership_signup #setupform input#address { width:200px; margin:2px 14px} .membership .membership_signup #setupform input#address_more { width:200px; margin:2px 14px 4px 14px} */ /*LOST ID PASSWORD*/ #lostpasswordform{ margin-top:10px; border:1px solid #ccc; position:relative; padding:20px 0; margin: 30px 60px;} .membership #lostpasswordform #user_email_container{ text-align:center} .membership #lostpasswordform label{width: 190px;} .membership #lostpasswordform #wp-submit {padding: 5px 0;width: 100px; cursor:pointer} /*PROFILE*/ #member_profil {margin: 10px 60px 60px 60px;} .signup_message_info, #member_profil .updated, #member_profil .message_error{ width:560px; border:3px solid #FFF39E; padding:10px; text-align:center; margin:10px auto; background-color:#FFFDCF} .signup_message_info{border:1px solid #FFF39E; background-color:#FFFDCF;} .membership p.signup_message_info{ margin-bottom:30px} #member_profil .updated {border: 1px solid #C4ECB3;background-color: #E4FCDA;} #member_profil .error {border: 1px solid #E48282; background-color: #FFE2E2;} .form-table { width:100%; border:1px solid #ddd; border-bottom:none;margin-top: 15px;} .form-table th{ font-weight:bold; width:120px; padding:7px; border-right:1px solid #ddd; vertical-align:top; background-color:#f5f5f5} .form-table th, .form-table td{ border-bottom:1px solid #ddd} .form-table td{ padding:7px 12px} .form-table input{ border:#ddd solid 1px; padding:2px 4px; background-color:#fbfbfb; width:150px } .form-table textarea{ border:#ddd solid 1px; padding:8px; background-color:#fbfbfb } .form-table #email {} .form-table #realname { width: 80px;} .form-table #zip {width: 80px; margin-bottom:6px; display:block; float:left} .form-table #zip_btn{display: block; line-height: 18px; margin-left: 10px; float: left; background: #fff url('images/membership/post_btn_bg.gif') no-repeat 7px center; padding: 1px 7px 1px 39px; color: #7A7A7A; font-weight: bold; border: 1px solid #DDD; margin-top: 2px;} .form-table a:hover#zip_btn{ border-color:#aaa} .form-table #address { width: 250px; margin-bottom:6px; display:block; clear:both} .form-table #address_more { width: 250px;} .form-table #freeword { width: 380px; height: 75px} #member_profil #member_message {padding: 20px 0;border: 1px solid #DDD;margin-top: 20px;float: left;width: 100%; margin-bottom: 30px;} #member_profil #member_message #please_login{ text-align: center;border-bottom: 1px dashed #DDD;padding-bottom: 15px;margin: 0 50px 20px 50px;color: #333;font-weight: bold;} #member_profil #member_message #please_login a{ color:#65A7CE} #member_profil .login_side_action { width: 360px; margin: auto; float: none;} #member_profil #updateuser, #member_profil #profile_info_change_btn {padding: 8px 40px;-webkit-appearance: none;background-color: #65A7CE;border: 2px solid #6195B3;font-weight: bold;color: white;margin-top: 10px;cursor:pointer;} .help_message{ font-size:11px; color: #aaa; display: inline-block; margin-left: 15px;} #member_profil b{ font-weight:bold} /*VALIDATION ERROR*/ .form-table label.error, #member_profil .form-table label.error {display: inline-block;width: 300px;margin-left: 10px;color: #EC4040;border-color: transparent;background-color: transparent;} .form-table input.error, #member_profil .form-table input.error{ border-color:#DF6A6A; background-color: transparent} /*ACTIVATE*/ .error404 #content.widecolumn {margin-top: 70px;} /*WELCOME MESSAGE*/ .membership #login_form_container.welcome_message{ background:none; padding:30px 0; width:100%; text-align:center} #login_welcome span { color: #267DAF; font-size: 24px;} .welcome_message .userinfo a { display: inline-block; padding: 10px 20px; background: #65A7CE; margin: 10px; color: #fff; font-weight: bold;} .welcome_message .userinfo a#welcome_logout{ background-color:#999} /*SIGNUP CONFIRMATION MESSAGE*/ .error404 #content { width: 1000px; margin: auto; text-align: center; margin-bottom: 140px;} .error404 #content h2 { font-size: 20px; font-weight: bold;} .error404 #content #signup-welcome { padding: 20px; margin: 10px 170px; background-color: #E8FFD5; border: 1px solid #AADD7F;} .error404 #content #signup-welcome p{ padding:3px} .error404 #content p.view a{ font-weight:bold; color:#004282; padding:3px 10px; background-color:#eee; border:1px solid #ddd; } .error404 #content p.view {padding-top:10px} .error404 #content .lead-in { padding: 20px; margin: 10px 170px; background-color: #f5f5f5; border: 1px solid #ddd;} .error404 #content .lead-in a{ font-weight:bold; color:#004282; padding:0px 3px; line-height:20px } /***************************************/ /* PHOTO NEWS */ /***************************************/ /*Video player style*/ .win_mediaplayer_container{ text-align:center} #win_mediaplayer{ background-color: #fff;margin: auto;} .mejs-container{ margin: auto;} .gallery {margin-top: 30px;} #the_content .gallery ul{ padding-left:0} .gallery li { display: block; list-style:none; float:left; width: 25%; height: 190px;} .gallery li a{ display: block; text-align:center } .gallery li a.photo_thumb {width: 138px; border: none;} .gallery li span{ display: block; text-align:center; padding-top:4px } .gallery li span.photo_thumb {width: 138px; border: none;} a.photo_link { /* width:196px; */ text-align: center; color: #333; font-weight: normal; padding-top: 3px; margin:auto; height: 18px;} a:hover.photo_link{color:#0A8B9B} a.photo_thumb, span.photo_thumb { border:1px solid #ccc; width: 140px;margin:auto; display: block;} a.photo_thumb img, span.photo_thumb img { display:block; display:block; width: 138px; height: 138px; border: 1px solid #CCC;} a:hover.photo_thumb { border:1px solid #65A7CE} #download_files {clear: both; margin: 10px 0; float: left; background-color:#f5f5f5; border:1px solid #ddd; width: 100%; } #download_files h3 { font-weight:bold; padding-bottom:3px; border-bottom: 1px dashed #ccc; margin: 10px 20px 10px 20px;} #download_files ul{ margin: 0 20px 10px 20px;} #download_files li { list-style:none} #download_files li a { color: #0A7D86; font-size:12px; background: transparent url('images/photonews/download_icon.gif') no-repeat 5px center; display: block; padding: 2px 0; padding-left: 30px;} #download_files li a:hover { color: #004F55; background-color: #E9E9E9;} #photo_content_container {clear: both;border: #dcdcdc 1px solid;float: left;padding: 20px;width: 960px;} #photo_content_container img{max-width:800px;} .single-photonews img.photos, .single-photosocial img.photos{ margin-bottom:20px; border:1px solid #ddd; clear:both; max-width: 800px;} .single-photonews .avatar img { width: 40px; height: 40px;} .single-photonews .comment_user {min-height:auto;} /*Last photonews list*/ #last_photos li {float: left; display: block;width: 150px;margin-top: 15px;} #last_photos {float: left; padding: 5px 9px 0px 10px; border: 1px solid #ddd;margin-top: 20px;height: 193px; width: 609px;} #last_photos a.photo_thumb { border: none;} #last_photos .photo_link {text-align: center; display: block;} /*Category page */ .single-photonews #sub_page_body_inner {padding: 20px 80px 0 80px;} #subcategory_menu{ clear:both} #subcategory_menu ul { text-align:left} #subcategory_menu ul li{ display:inline-block; position:relative; z-index:99;} #subcategory_menu ul li a { display:inline-block; font-weight:bold; color: #838383; padding: 0 15px 0 15px; line-height: 29px;} #subcategory_menu ul li.current-cat a{ color: #333; border: 1px solid #ddd; border-bottom: 1px solid #fff;} #construction .gallery{ clear:both;border: 1px solid #ddd; padding: 10px; top:-1px; position:relative; margin-bottom: 0; padding-bottom: 20px; float:left; width: 980px; margin-top: 0; padding-top: 30px;} /***************************************/ /* LOCATOR */ /***************************************/ #project_map{background-color:#eee; margin: 0 15px; height:500px; clear:both; border: 2px #C4C4C4 solid;} #project_map .thumb_images{float: left;margin-right: 20px;} #project_map .info_window { margin:5px 0; width:450px;} #project_map .info_window h2{color:#222; font-size:19px; padding-bottom: 0px;float: none;width: auto;margin-bottom: 0;margin-left: 200px;} #project_map .info_window a { display: inline-block;text-align: center; background-color: #8DC73F;padding: 10px 30px;color: white;font-weight: bold; margin-top: 10px;} #project_map .info_window a:hover { background-color:#76B126} #project_map .info_window p {margin-bottom:0;line-height: 18px;border-bottom: 1px solid #E4E4E4;margin-left: 205px;padding: 4px 0;} #project_map .info_window p b{ display:inline-block; width: 60px; vertical-align:top; font-weight:bold; color:#0A8B9B;} #project_map .info_window p.info_win_period b{ width:60px} #project_map .info_window p span{display:inline-block; width: 180px;} #project_map .info_window p.info_win_period span{width:180px} #project_table { margin: 20px auto 30px auto; width:730px;} #project_table tr:hover{background-color: #F7FFEA;} #project_table a{ display:block; color:#333; padding: 6px;} #project_table span.no_data{ color:#C7C7C7;} #project_table td{ padding:0;} #project_table td.ing{ text-align:left; background:transparent url(images/business/table_icon_ing.png) no-repeat right top; } #project_table td.done{ text-align:left; background:transparent url(images/business/table_icon_done.png) no-repeat right top;} #taxonomy_select_menu.busi_select {float: right; height: 35px;clear: both; width: auto; padding-right: 15px;} #taxonomy_select_menu input { background:transparent url('images/thumb_default.jpg') center center no-repeat ; border:none; width:37px; height:19px } .area_list{border-bottom: 1px solid #ddd; padding-bottom:20px; text-align:center; float: left; width: 100%;} .area_list li {display: inline-block; padding: 0; text-align: center; float:left} .area_list a{display: inline-block;padding: 5px 15px; border-left: 1px solid #ddd; color: #4867C9;} .area_list li:first-child a{border-left:none} .area_list li.current-cat a {font-weight: bold; background-color: #0056a1; color:#fff;} .area_list li.current-cat a:hover{color:red; background-color:#f5f5f5} .area_list li.current-cat a:hover.locator_current{background-color: #0056a1; color:#fff;} /***************************************/ /* LHBOARD */ /***************************************/ #the_content div#lhwb_wrap .board_list {width: 100%;} #lhwb_board_write_btn {padding: 10px 0; color: auto; background:none} div#lhwb_wrap #board_write_btn a{ margin-top:5px; border:none; padding: 5px 15px 5px 30px; font-size: 13px; color:#666; border: 1px solid #DDD !important; font-weight: bold !important; background:#F2F2F2 url('images/lhboard/btn_edit.png') no-repeat 5px center !important; text-decoration: none !important;} #lhwb_board_write_btn a{ border:none; padding: 5px 15px 5px 28px; font-size: 13px; color:#666; border: 1px solid #DDD !important; font-weight: bold !important; background:#F2F2F2 url('images/lhboard/btn_confirm.png') no-repeat 5px center !important; text-decoration: none !important;} div#lhwb_wrap span.btn02{background: none; background-color: #CACACA;border: 1px solid #DDD !important; padding: 5px 24px; font-weight: bold !important; color:#666 !important; background:#F2F2F2;} div#lhwb_wrap span.btn02:hover{} div#lhwb_wrap .writeTy01 ul {border-top: none !important;} div#lhwb_wrap .board_list p {padding: 14px 0px;} div#lhwb_wrap .board_list p#lhwb_view_comments{ min-height:120px} div#lhwb_wrap .boardTy01 table {border-top: 4px solid #999 !important;border-bottom: 3px solid #ccc !important;} div#lhwb_wrap .boardTy01 table thead th span {border-right: 1px solid #ccc !important;} div#lhwb_wrap .boardTy01 table thead th {border-bottom: 2px solid #ccc !important;} div#lhwb_wrap .FootTy01 .pageing strong {color: white; border-color: #BDBDBD ; background-color: #BDBDBD !important; } div#lhwb_wrap a{ text-decoration: none !important} div#lhwb_wrap input[type="text"], input[type="password"], textarea{ box-shadow:none !important} div#lhwb_wrap .boardTy01 table#board_list tbody tr{ cursor:pointer} div#lhwb_wrap .boardTy01 table#board_list tbody tr:hover{ background-color:#f5f5f5} .btn_board_reply.lhwb_board_reply_btn, .btn_write.lhwb_modify_btn, .btn_cancel_03, #lhwb_reply_btn .btn_write, #lhwb_reply_btn .btn_cancel_04 { background: none !important; padding: 0 !important; margin:0;} .btn_board_reply.lhwb_board_reply_btn a, .btn_write.lhwb_modify_btn a, .btn_cancel_03 a, #lhwb_reply_btn .btn_write a, #lhwb_reply_btn .btn_cancel_04 a, #lhwb_wrap .btn_list a{background-color:#F2F2F2; display: inline-block; padding: 5px 22px 5px 28px !important; font-size: 13px; border: 1px solid #DDD; margin:0 2px} .btn_board_reply.lhwb_board_reply_btn a{background:#F2F2F2 url('images/lhboard/btn_comment.png') no-repeat 5px center !important;} #lhwb_wrap .btn_list a{background:#F2F2F2 url('images/lhboard/btn_list.png') no-repeat 5px center !important;} .btn_write.lhwb_modify_btn a{background:#F2F2F2 url('images/lhboard/btn_edit.png') no-repeat 5px center !important;} .btn_cancel_03 a{background:#F2F2F2 url('images/lhboard/btn_trash.png') no-repeat 5px center !important;} #lhwb_reply_btn .btn_write a{background: #F2F2F2 url('images/lhboard/btn_confirm.png') no-repeat 5px center !important;} #lhwb_reply_btn .btn_cancel_04 a{background: #F2F2F2 url('images/lhboard/btn_cancel.png') no-repeat 5px center !important;} html div#lhwb_wrap p#lhwb_view_comments pre{ min-height: 120px !important;} #lhwb_reply_btn li:first-child{ float: right !important;} #lhwb_reply_btn .btn_write { float: left; width: auto;} div#lhwb_wrap #lhwb_reply_btn { clear: both; width: 100% !important; margin-top: 10px;} div#lhwb_wrap #lhwb_reply_btn ul li { width: auto !important;} div#lhwb_wrap .txtarea05 { width: 100% !important; background-color: #f9f9f9 !important;} div#lhwb_wrap #lhwb_reply_container .lwhb_reply_li_1 .comment_input { width: 100%!important;} #lhwb_reply {margin: 0 40px;} #reply_input h3 small span { padding: 0px 30px; display: block; font-size: 13px; color: #686767 !important; margin: 0 0 10px 0; font-weight: bold; width: 620px !important; text-align: right; padding-top: 10px;} #lhwb_view_footer { border-bottom: 1px solid #CBCBCB; float: left; width: 100%;} div#lhwb_wrap #lhwb_reply_container ul li h3 { width: 620px;} #lhwb_view_comments { min-height: 120px;} div#lhwb_wrap #lhwb_board_view.writeTy01 ul.bgef li span { margin-bottom: 0; line-height: 170%; float: none;} div#lhwb_wrap .view_title {border-right: 1px solid #DDD; padding: 0 10px 0 0; display: inline-block; width: 380px !important; max-width: none !important; font-weight:bold} .view_author { padding: 0 10px !important;} .view_author { border-right: 1px solid #ddd; margin-right:10px;} .view_textarea .btn_write {background-color: #ddd;} .view_textarea .btn_write a{color:#666 !important} #lhwb_reply_list h3 small span:first-child { font-weight: bold; font-size:12px;} #lhwb_reply_list h3 small span{ color: #AFAFAF !important; } div#lhwb_wrap #lhwb_board_view.writeTy01 ul.bgef li {border-top: 1px solid #CCC;} #lhwb_wrap .fst01 { color: #AFAFAF !important; font-size: 12px; font-weight: bold; margin-bottom: 4px;} div#lhwb_wrap #lhwb_re_reply .txtarea05 { margin-bottom: 20px;} div#lhwb_wrap #lhwb_re_reply_btn { margin-left: 20px;} #lhwb_re_reply_btn span.btn_write { padding: 5px 0px 5px 27px; margin-bottom: 3px; background: #F2F2F2 url('images/lhboard/btn_confirm.png') no-repeat 5px center !important; display: inline-block; border: 1px solid #DDD; font-size: 12px; width: 38px;} #lhwb_re_reply_btn #reply_input_del{ padding: 5px 0px 5px 27px; margin-bottom: 3px; background: #F2F2F2 url('images/lhboard/btn_cancel.png') no-repeat 5px center !important; display: inline-block; border: 1px solid #DDD; font-size: 12px; width: 38px;} div#lhwb_wrap #lhwb_reply_container #lhwb_re_view .re {background-color: #F1F1F1;} /***************************************/ /* ONLINE QUOTE */ /***************************************/ #quote_search input{ vertical-align:middle;} #quote_search_submit{ height:auto; border:none} /* 테이블 스타일 */ table.t1 {border-collapse: collapse; width: 100%; margin: .5em 0px; font-size: 1em;border-top: 4px solid #999 !important; border-bottom: 3px solid #ccc !important;} table.t1 tr { } /* colgroup 으로 td 스타일제어하려면 tr에 정의 */ table.t1 th, table.t1 td { border: 0px solid #c8c8c8; border-width: 0 0px 0px 0; padding: 6px 6px 6px 6px; } table.t1 thead, table.t1 tfoot { background: #fff; font-weight: normal; font-size: 1em;} table.t1 th { background: #fff; font-weight: bold; text-align: left; border-bottom: 1px solid #ebebeb; padding-left:10px;padding-top: 10px;padding-bottom: 10px;} table.t1 td { background: #fff; font-weight: bold; text-align:left; border-bottom: 1px solid #ebebeb;} table.t1 td.left {text-align: left;} table.t1 td.center {text-align: center;} table.t1 td.right {text-align: right;} /* 폼 스타일 */ input{color:#707070; background:#ffffff; border:1px #dfdfdf solid; height:18px} .checkbox{border:0px #dfdfdf solid;} .input{color:#707070; background:#ffffff; border:1px #dfdfdf solid; height:14px; width:80px; margin:1px;} .input_text{color:#b3b3b3; background:#ffffff; border:1px #C2C2C2 solid;} #customer_box {border: #dcdcdc 1px solid; padding: 15px 15px; margin-bottom: 10px;} #customer_box #customer_title {font-weight: bold; border-bottom: #dcdcdc 1px solid; padding-bottom: 10px; margin-bottom: 20px;} #customer_box #customer_title h2{font-size:18px; font-family:NanumGothic, Arial, Helvetica, sans-serif; padding-left:10px; } #customer_box .call_center_phone {padding-left: 5px;} #customer_box .call_center_phone span{padding-left: 5px; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color:#7a1717;} /* table */ table.t11 {border-collapse: collapse; width:100%; margin: .5em 0px; font-size: 1em;border-top: 0px solid #218e94; border-right: 0px solid #C8C8C8; border-left: 0px solid #C8C8C8; margin-bottom:30px; line-height:20px;} table.t11 th { background: #f4f4f4; color: #444444; font-weight: bold; text-align:center; vertical-align: middle; padding:10px;} table.t11 td { background: #f4f4f4; color: #444444; font-weight: normal; text-align:left; vertical-align: middle; padding:10px; } table.t11 .th1 { background: #fff; color: #444444; font-weight: bold; text-align:center; vertical-align: middle; padding:10px;} table.t11 .td1 { background: #fff; color: #444444; font-weight: normal; text-align:left; vertical-align: middle; padding:10px;} table.t11 caption{display:none} .year{font-family:"나눔고딕"; font-size:30px; color:#626d77; font-weight:bold; padding:10px;} .day{font-family:"나눔고딕"; font-size:17px; color:#5d5a5a; font-weight:bold;} #construction { width: 100%; float: left; clear: both; padding-bottom: 74px; } /***************************************/ /* SUB */ /***************************************/ /*ceo_greetings*/ .ceo_greetings .txt_01 { background:url(images/sub/greetings_img01.gif) no-repeat right 10px; height:370px;} .ceo_greetings .txt_01 .welcome {padding-bottom: 63px;} .ceo_greetings .txt_01 ul {width: 735px;} .ceo_greetings .txt_01 ul li {line-height: 23px;padding-bottom: 25px;} .ceo_greetings .txt_02 { background:url(images/sub/greetings_img02.gif) no-repeat 23px 30px; height:311px;} .ceo_greetings .txt_02 ul {float: right;width: 734px;line-height: 23px;} .ceo_greetings .txt_02 ul li {padding-bottom: 17px;} /* HISTORY */ .history { background:url(images/sub/history_bg.gif) no-repeat left 10px; height:710px;} .history .history_txt { float:right;width: 507px;} .history .history_txt h2 { font-size:25px; font-family:"Century Gothic"; color:#777; font-weight:bold; padding-bottom:7px;} .history .history_txt ul { padding-bottom:28px;} .history .history_txt .month { font-size:15px; color:#0073b6; font-weight:bold;width: 60px;display: inline-block; line-height:23px;} /* MAP */ table.t12 {border-collapse: collapse; width: 1000px; margin: .5em 0px; font-size: 1em;border-top: 2px solid #017bd1; border-right: 0px solid #C8C8C8; border-left: 0px solid #C8C8C8;} table.t12 tr { height: 30px; } /* colgroup 으로 td 스타일제어하려면 tr에 정의 */ table.t12 th, table.t4 td { border: 0px solid #c8c8c8; border-width: 0 0px 0px 0; padding: 3px 3px 2px 3px; vertical-align: middle;} table.t12 thead, table.t4 tfoot { font-weight: normal; font-size: 1em;} table.t12 th { font-weight: bold; text-align: left; border-bottom: 1px solid #ebebeb; padding-left:62px; width:110px;} table.t12 td { font-weight: none; text-align:left; border-bottom: 1px solid #ebebeb; vertical-align: middle;} table.t12 td.left {text-align: left;} table.t12 td.center {text-align: center;} table.t12 td.right {text-align: right;} .location_maps .location { padding-top: 50px; padding-bottom: 15px; } .location_maps .map {border: 1px solid rgb(185, 185, 185); height: 24px; padding: 24px 47px; } .location_maps .map li {float: left;padding-right: 63px;} .location_maps .map li img {vertical-align: middle;padding-right: 15px;} /* ozone-use-areas */ .ozone .htit {background:url(images/sub/ozone_bg.gif) no-repeat 20px top; height:214px;} .ozone .htit img{ padding-top:28px;} .ozone .tit {padding-bottom: 10px;padding-top: 38px;} .ozone .ozone_use {padding-top: 34px; background:url(images/sub/ozone_img_01.gif) no-repeat 20px bottom; height:284px;} .ozone .ozone_use p {float: left; text-align: center; padding: 165px 69px 0 63px; color: #4c4c4c; } /* applicable crop */ .applicable .htit {background:url(images/sub/ozone_bg.gif) no-repeat left bottom; height:178px;margin-bottom: 36px;} .applicable .htit img{ padding-top:28px;} .applicable .tit { margin-bottom:10px; padding-top: 22px;} .applicable b { color:#FF0000; font-weight: normal;} .applicable p { padding-top:10px;clear: both;padding-left: 52px; font-weight: normal;} .applicable ul {width: auto;margin-top: 127px; text-align: center;padding-right: 60px;} .applicable ul li { color:#434343;} .applicable #bg01 {background:url(images/sub/applicable_img01.gif) no-repeat 30px top; height:216px;float: left;width: 333px;} .applicable #bg02 {background:url(images/sub/applicable_img02.gif) no-repeat 32px top; height:216px;width: 354px;float: left;} .applicable #bg03 {background:url(images/sub/applicable_img03.gif) no-repeat 20px top; height:216px;height: 216px;width: 301px;float: right;} /* effect of ozone */ .effect .tit {padding-bottom: 31px;padding-top: 10px; clear:both} .effect .tit01 {padding-bottom: 20px;padding-top: 57px; clear:both} .effect #test { float:left;} .effect #test .test01{background:url(images/sub/effect_img01.gif) no-repeat center top; margin-top:10px;width: 233px;height: 191px;float: left;padding: 67px 44px 0 69px;} .effect #test .test02{background:url(images/sub/effect_img02.gif) no-repeat center top; margin-top:10px;width: 233px;height: 167px;float: left;padding: 67px 44px 0 40px;} .effect #test .test03{background:url(images/sub/effect_img03.gif) no-repeat center top; margin-top:10px;width: 233px;height: 167px;float: left;padding: 67px 44px 0 40px;} /*.effect #test ul{ margin-top:10px;width: 233px;height: 167px;float: left;padding: 67 44px 0 40px;}*/ .effect #test ul li {background:url(images/sub/dot01.gif) no-repeat 41px 5px;padding-left: 53px;color: #fff;} .effect h2 { font-weight:bold; font-size:15px; color:#7c7c7c ;background:url(images/sub/arrow.gif) no-repeat 3px; padding-left:17px;margin-bottom: 8px;clear: both;} .effect .effect_box {border: 1px solid #CCCCCC;width: 450px;padding: 25px;} .effect #effect01 { float: left;} .effect #effect02 {float: right;} .effect .effect_box img:first-child { float: left;} .effect_box ul { clear: both; padding-top:10px} .effect .effect_box {width: 420px;} .effect .effect_box img{padding-right:0; float:right} .effect .effect_box ul li{background:url(images/sub/dot02.gif) no-repeat 8px 5px;padding-left: 17px;} .effect p { line-height:23px;} /* sterilization */ table.t13 {border-collapse: collapse; width: 1000px; margin: .5em 0px; font-size: 1em;border-top: 2px solid #017bd1; border-right: 0px solid #C8C8C8; border-left: 0px solid #C8C8C8;} table.t13 tr { height: 30px; } /* colgroup 으로 td 스타일제어하려면 tr에 정의 */ table.t13 th, table.t4 td { border: 0px solid #c8c8c8; border-width: 0 0px 0px 0; padding: 3px 3px 2px 3px; vertical-align: middle;} table.t13 thead, table.t4 tfoot { font-weight: normal; font-size: 1em;} table.t13 th { font-weight: bold; text-align:center; background:#0073b6; color:#FFFFFF;height: 35px;} table.t13 td { font-weight: none; text-align:center; border-bottom: 1px solid #ebebeb; vertical-align: middle;} table.t13 td.left {text-align: left;} table.t13 td.center {text-align: center;} table.t13 td.right {text-align: right;} .sterilization .htit {background:url(images/sub/ozone_bg.gif) no-repeat 20px bottom; height:178px;} .sterilization .htit img{ padding-top:28px;} .sterilization .tit {padding-bottom: 10px;padding-top: 45px;} /* poduct intro */ .poduct .htit {background:url(images/sub/poduct_img01.gif) no-repeat 81px bottom; height:193px;} .poduct .htit img{ padding-top:50px; padding-left:24px;} .poduct .poduct_bg {background:url(images/sub/poduct_bg.gif) no-repeat left bottom; height:569px;} .poduct .poduct_bg img {padding-top: 83px;} /* characteristics */ .characteristics .htit {background:url(images/sub/characteristics_bg.gif) no-repeat 170px bottom; height:170px;} .characteristics .htit img{ padding-top:32px; padding-left:35px;} .characteristics .tit {padding-bottom: 10px;padding-top: 60px;} .characteristics p {padding-top: 28px;padding-left: 15px;} /* specifications */ table.t15 {border-collapse: collapse; width: 1000px; margin: .5em 0px; font-size: 1em;border-top: 2px solid #017bd1; border-right: 0px solid #C8C8C8; border-left: 0px solid #C8C8C8;} table.t15 tr { height: 30px; } /* colgroup 으로 td 스타일제어하려면 tr에 정의 */ table.t15 th, table.t15 td { border: 0px solid #c8c8c8; border-width: 0 0px 0px 0; padding: 3px 3px 2px 3px; vertical-align: middle;} table.t15 thead, table.t15 tfoot { font-weight: normal; font-size: 1em;} table.t15 th { font-weight: bold; text-align:center; background:#0073b6; color:#FFFFFF;border-bottom: 1px solid #ebebeb;border-left: 1px solid #ebebeb;} table.t15 td { font-weight: none; text-align:center; border-bottom: 1px solid #ebebeb; vertical-align: middle;} table.t15 td.left {text-align: left;} table.t15 td.center {text-align: center;} table.t15 td.right {text-align: right;} .specifications .htit {background:url(images/sub/poduct_img01.gif) no-repeat 81px top; height:260px;} .specifications .htit img{ padding-top:53px; padding-left:24px;} .specifications_img p {float: left;padding-left: 184px;padding-bottom: 20px;} /* economic safety */ table.t14 {border-collapse: collapse; width: 480px; margin: .5em 0px; font-size: 1em;border-top: 2px solid #017bd1; border-right: 0px solid #C8C8C8; border-left: 0px solid #C8C8C8;} table.t14 tr { height: 30px; } /* colgroup 으로 td 스타일제어하려면 tr에 정의 */ table.t14 th, table.t4 td { border: 0px solid #c8c8c8; border-width: 0 0px 0px 0; padding: 3px 3px 2px 3px; vertical-align: middle;} table.t14 thead, table.t4 tfoot { font-weight: normal; font-size: 1em;} table.t14 th { font-weight: bold; text-align:center; background:#0073b6; color:#FFFFFF;height: 35px;} table.t14 td { font-weight: none; text-align:center; border-bottom: 1px solid #ebebeb; vertical-align: middle;} table.t14 td.left {text-align: left;} table.t14 td.center {text-align: center;} table.t14 td.right {text-align: right;} .economic .htit {padding-bottom: 20px;} .economic .diagram {padding-bottom: 89px;padding-left: 20px;} .economic .safety h3 { font-weight:bold; font-size:15px; color:#7c7c7c ;background:url(images/sub/arrow.gif) no-repeat 3px; padding-left:17px;margin-bottom: 8px;} .economic .safety {width: 50%;float: left;padding-top: 30px;} .economic .safety p {line-height: 17px;padding-left: 8px;} .economic .safety p span {float: right;padding-right: 27px;font-size: 11px;} .economic .safety_01 h3 { font-weight:bold; font-size:15px; color:#7c7c7c ;background:url(images/sub/arrow.gif) no-repeat 3px; padding-left:17px;margin-bottom: 8px;} .economic .safety_01 {clear: both;padding-top: 30px;} .economic .safety_01 ul{ border:#CCCCCC 1px solid; padding:20px 30px;} .economic .safety_01 ul li {line-height: 21px;} /* workdone */ .workdone h3 { font-weight:bold; font-size:15px; color:#7c7c7c ;background:url(images/sub/arrow.gif) no-repeat 3px; padding-left:17px;margin-bottom: 8px;letter-spacing: -2.9px;} .workdone .workdone_project01{width: 480px;float: left;} .workdone .workdone_project01 .project_img {width: 460px; background:url(images/sub/contruction_img03.gif) center 326px no-repeat;height:407px;padding-left: 20px;} .workdone .workdone_project02 .project_img {width: 460px; background:url(images/sub/contruction_img03.gif) center 326px no-repeat;height:407px;padding-left: 20px;} .workdone .workdone_project02 {width: 480px;float: right;} .workdone .workdone_box {border: 1px solid #CCCCCC;width: 460px;padding: 15px 15px;} .workdone .workdone_box ul li{background:url(images/sub/dot02.gif) no-repeat 8px 5px;padding-left: 17px;clear: both;} .workdone .workdone_box p { color:#0073b6; font-weight:bold;float: left;padding-left: 6px;} .workdone p { float:right; font-size:11px;padding-bottom: 10px; padding-top: 7px;}