/* Theme Name: tu Theme URI: http://pibs.co.kr Description: Author: PIBS (spidoche) Author URI: http://www.pibs.co.kr/ Version: 1.2 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 */ /***************************************/ body, html, table, form{margin:0; padding:0; line-height:15px;} /*font-face*/ @font-face{ font-family: 'Malgun Gothic'; font-style: normal; font-weight: normal; src: url('fonts/MalgunGothic.eot'); src: local('?'), url('fonts/MalgunGothic.woff') format('woff'), url('fonts/MalgunGothic.ttf') format ('truetype'); } @font-face{ font-family: 'Malgun Gothic'; font-style: normal; font-weight: bold; src: url('fonts/MalgunGothicBold.eot'); src: local('?'), url('fonts/MalgunGothicBold.woff') format('woff'), url('fonts/MalgunGothicBold.ttf') format('truetype'); } @font-face{ font-family: 'NanumGothic'; font-style: normal; font-weight: normal; src: url('fonts/NanumGothic.eot'); src: local('?'), url('fonts/NanumGothic.woff') format('woff'), url('fonts/NanumGothic.ttf') format('truetype'); } @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'); } .right{float:right;} li{list-style:none;} #the_content{ margin-bottom:30px;} #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 a { color:#5C5C5C; font-weight: bold; text-decoration:none} #the_content a:hover{text-decoration:underline} #the_content p{ padding-bottom:20px; line-height:19px; font-family: nanumgothic;padding-bottom: 20px; line-height: 19px; font-family: nanumgothic; font-size: 13px; color: #444;} #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: 18px; font-family:nanumgothic;} #the_content h5{ font-size: 12px} #the_content h6{ font-size: 12px; font-weight:normal} /***************************************/ /* GENERAL */ /***************************************/ .wrap{ width:1000px; margin:0 auto; clear:both;position: relative;} a{ text-decoration:none;} .screen-reader-text { display: inline-block; text-indent: -9999px; width: 0;} .clear_hack{ clear:both} .coming_soon{ text-align:center; font-weight:bold; margin-top:40px; color:#666; font-size:12px;} #main_container_inner{height:260px;width:100%; margin: 0 auto; background:url(images/main/middle_bg.png) repeat; align: center;} .page #content_container{ min-height:500px} /***************************************/ /* HEADER */ /***************************************/ #header_outer{ position: relative; z-index: 999999 !important; } #header{position: absolute; height: 88px;width:100%; background: url(images/top_bg.png) repeat !important;} #header_top{position: relative;} #header_left_bg_hack {position: absolute;width: 50%;height: 91px;background: #000;z-index: 33;top: 0;left: -500px;} /*LOGO*/ #logo_top {float: left;display: inline-block;width: 127px;padding-top: 12px;} #logo_top a {font-weight: bold; font-size: 33px; color: #333;} /*SEARCH*/ #searchform {float: right; margin: 5px 5px 0 0;} #searchform #s {color: #5E5E5E; background: #7ef3ff; padding: 3px 7px; border: 1px #7ef3ff solid; font-size:11px;} #searchform #searchsubmit{color: #5E5E5E; font-size:11px; background: #7ef3ff; padding: 3px 7px; border: 1px #64CDD8 solid;} /*TOP MENU*/ .menu-top-container{ width: 100%; color:#fff; z-index:1; overflow: hidden;position: absolute;top: 0;left: 0;} #menu-top{ margin: 0 auto; padding-top: 10px; padding-bottom: 2px;} #menu-top ul {float:right;} #menu-top li { display:inline-block;} #menu-top li a{ font-family:verdana, sans-serif;display: block; float: left; color: #a1a1a1; font-size: 9px; padding: 0 10px; border-right: 1px solid #BEAEA0; line-height: 10px;} #menu-top li:last-child a { border-right:none} #menu-top li a:hover{ color: #a1a1a1;} /* MAIN MENU GENERAL*/ .menu_type{ left:0; position:absolute; z-index:120; width:100% ; /* top: 0; */} /*MENU FULL DROPDOWN*/ #full_dropdown{ background: #00747C; height: 42px;} #full_dropdown #main_menu{ width:100%; margin:auto;} #full_dropdown #main_menu li{ float:left; position:relative; } #full_dropdown #main_menu li a{ float:left; display: inline-block; width: 100%; padding: 0px; font-size:14px; font-weight:bold; color:#444; font-family: NanumGothic, Arial, Helvetica, sans-serif; text-align: center;} #full_dropdown #main_menu ul{ visibility:hidden; width: 100%; z-index:99; position:absolute; left:0; top:40px; width: 100%; padding-bottom:20px; padding-top: 10px;} #full_dropdown #main_menu ul li{ float:none; display:block; width: 100%;} #full_dropdown #main_menu ul li a{ display: block; float: left; color: #7ef3ff; font-size: 12px; padding: 9px 0;} #full_dropdown #main_menu ul li:first-child a { border:none;} #full_dropdown #main_menu ul li a:hover{ color:#fff} #full_dropdown #main_menu_container { background: #00595F !important;} #full_dropdown #main_menu > li > a { background: #00747C; line-height: 42px;} #main_menu_container { position: absolute; top: 30px; left: 0; height: 0px !important; width: 100%; /*background: url(images/menu_bg.png) repeat;*/ } /*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 { position: absolute; width: 100%; bottom: 0; left: 0;} #inline_dropdown ul li{ float:left; position:relative;} #inline_dropdown ul li a{ float:left; display: block; padding: 0; width: 100%; font-size:15px; font-weight:bold; color:#F7FFFF; font-family:Arial, Helvetica, sans-serif; text-align: center; font-family: NanumGothic;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} #inline_dropdown ul li a:hover, #inline_dropdown ul > li.active > a{color:#083C3F} #inline_dropdown ul{ margin:auto; padding-top: 0; position:relative} #inline_dropdown li{float:left;text-align:center;width: 100%;position: relative;} #inline_dropdown li ul {position: absolute; top: 37px; left: 0; visibility:hidden; background: #00747C; z-index: 9;} #inline_dropdown li ul li{text-align: center; float:left;width: auto;display: block;} #inline_dropdown li ul li a{color:#7ef3ff;font-size:12px;font-weight:bold;text-decoration:none; padding: 8px 10px;width: auto;} #inline_dropdown li ul a:hover {color:#fff;font-size:12px;font-weight:bold;text-decoration:none;}*/ #inline_dropdown #main_menu > li > a {line-height: 60px;} #inline_dropdown #main_menu > li.active > a {line-height: 60px;background: url(images/menu_arr.gif) no-repeat center bottom;} /*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 {right: 0; top:26px; position: relative;float: right;font-family:NanumGothic;}*/ #inline_dropdown {height: 0 !important;position: relative;font-family: NanumGothic;} #inline_dropdown ul li{ float:left; position:relative;} #inline_dropdown ul > li > a{ display: inline-block; height:58px; padding: 0 30px 0 30px; font-size: 17px; font-weight:bold; color:#E0E0E0; font-family: NanumGothic, Arial, Helvetica, sans-serif;} #inline_dropdown ul li a:hover {color:#111111;} #inline_dropdown ul li.active a {color:#111111;} #inline_dropdown li{float:left;text-align:right;position: relative;} #inline_dropdown li ul {position:absolute;top:58px; left:0px; display:none; width: 135px; } #inline_dropdown li ul li{text-align:left; float:left;width: auto; line-height: 20px; margin-left:0px;} #inline_dropdown li ul li a{height: 20px;color:#fff;font-size:12px;font-weight:bold;text-decoration:none; padding:7px 8px 5px 8px;font-family:NanumGothic, Arial, Helvetica, sans-serif;} #inline_dropdown li ul a:hover {color:#fff264;font-size:12px;font-weight:bold;text-decoration:none;} #inline_dropdown li ul.submenu_01 {width: 216px !important;left: -51px !important;background: url(images/menu_bg.png) bottom repeat-x; } #inline_dropdown li ul.submenu_02 { width: 118px !important;left: -4px !important;background: url(images/menu_bg.png) bottom repeat-x; } #inline_dropdown li ul.submenu_03 { left: -108px;width: 325px !important;background: url(images/menu_bg.png) bottom repeat-x; } #inline_dropdown li ul.submenu_04 { left:18px; width:85px !important;background: url(images/menu_bg.png) bottom repeat-x; } #inline_dropdown li ul.submenu_05 { left:-49px; width:197px !important;background: url(images/menu_bg.png) bottom repeat-x; } #inline_dropdown li.active ul li a{height: 20px;color:#fff;font-size:12px;font-weight:bold;text-decoration:none; padding:7px 8px 5px 8px;font-family: NanumGothic, Arial, Helvetica, sans-serif;} #inline_dropdown li.active ul a:hover {color:#a1a1a1;font-size:12px;font-weight:bold;text-decoration:none;} #main_menu {padding-left:364px;} .submenu_01 {left: 0 !important;} #inline_dropdown .submenu_01 > a{ display:inline-block; width:144px; height:55px; } #inline_dropdown .submenu_01.active > a{ background-position: 0 -60px; } #inline_dropdown .submenu_02 > a{ display:inline-block; width:144px; height:55px; background:url('images/top/menu_02.png') no-repeat left top;} #inline_dropdown .submenu_02.active > a{ background-position: 0 -60px; } #inline_dropdown .submenu_03 > a{ display:inline-block; width:144px; height:55px; background:url('images/top/menu_03.png') no-repeat left top;} #inline_dropdown .submenu_03.active > a{ background-position: 0 -60px; } #inline_dropdown .submenu_04 > a{ display:inline-block; width:144px; height:55px; background:url('images/top/menu_04.png') no-repeat left top;} #inline_dropdown .submenu_04.active > a{ background-position: 0 -60px; } /*MENU SINGLE DROPDOWN*/ #single_dropdown #main_menu ul{ display:none; z-index:99; background-color: #31a9b1; position:absolute; height:450px; left:0; top:30px; padding-bottom:20px; padding-top: 10px;} #single_dropdown #main_menu ul li{ float:none; display:block;} #single_dropdown #main_menu ul li a{ float: left; display:inline-block; color:#fff; font-size:12px; font-family:NanumGothic; line-height:30px; font-weight:bold; color: #083C3F; width: 100%; text-align: center; border-bottom: none;} #single_dropdown #main_menu ul li:first-child a { border-top:none;} #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 .jquery_dropdown{background-color:#ff7800; color:#fff;} #single_dropdown #main_menu{width: 100%;} #single_dropdown #main_menu li{ float: left; position:relative; margin: 0px; text-align:center; font-family: NanumGothic;} #single_dropdown #main_menu li ul li{ margin: 0; width: 100%;} #single_dropdown #main_menu li a{ float: left; display:inline-block; color:#fff; font-size:14px; font-family:NanumGothic; line-height:30px; font-weight:bold; color: #0b2d2f; width: 100%; 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;} /*MENU CHILD PROGRAM*/ .categories_submenu_hack{ display:none} #main_menu.items_num_1 > li{ width: auto;} #main_menu.items_num_2 > li{ width: 50%;} #main_menu.items_num_3 > li{ width: 33.3%;} #main_menu.items_num_4 > li{ width: 25%;} #main_menu.items_num_5 > li{ width: 20%;} #main_menu.items_num_6 > li{ width: 16.6%;} #main_menu.items_num_7 > li{ width: 14.2%;} #main_menu.items_num_8 > li{ width: 12.5%;} #main_menu.items_num_9 > li{ width: 11.1%;} #main_menu.items_num_10 > li{ width: 10%;} #main_menu.items_num_11 > li{ width: 9%;} #main_menu.items_num_12 > li{ width: 8.3%;} /***************************************/ /* 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; } /* main */ #mainimgs {height: 436px;width: 100%;position: relative;text-align: center;} #mainimgs div {height: 436px; width: 100%; position: absolute; top:0; left:0; background-color:#ffffff; background-position: center top; background-repeat:no-repeat;} #sub_slides { clear: both; width:100% !important;z-index: -5;} #sub_slides .slides{ width:100% !important; height:213px !important; background: transparent no-repeat center top; display:none;} #sub_slides .slides.first{ display:block;} #sub_slides #slide_01{background-image: url(images/sub_slide_01.jpg);} #sub_slides #slide_02{background-image: url(images/sub_slide_02.jpg);} #sub_slides #slide_03{background-image: url(images/sub_slide_03.jpg);} #sub_container { } #sub_contents { position: relative; background: url(images/left_bg.gif) left top repeat-y; clear: both; width: 1000px; float: left; } /***************************************/ /* SIDEBAR */ /***************************************/ #sidebar { float: left; width: 198px; border-left: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; } #submenu {width: 100%;background:#322c2d;margin: 0 auto;margin-top: -12px; height:40px;position: relative;z-index: 99;} #submenu h2 {text-align:left;} #submenu a {font-family: "맑은 고딕", Malgun Gothic, Arial, Verdana, sans-serif; font-weight:bold; font-size: 12px; color: #fff; display: inline-block;padding: 0 25px; line-height:37px;} #submenu a:hover {font-family: "맑은 고딕", Malgun Gothic, Arial, Verdana, sans-serif; font-weight:bold; font-size: 12px; color: #a1a1a1; display: inline-block; padding: 0 25px;} #submenu .current_page_item a, .single-video #submenu .page-item-22 a {font-family: "맑은 고딕", Malgun Gothic, Arial, Verdana, sans-serif; font-weight:bold; font-size: 13px; color: #9AB6F1; display: inline-block; padding: 0 20px;padding-top: 5px;} #sidebar #submenu li.current_page_item, #sidebar #submenu li.current-cat { background: transparent url('images/sub/submenu_arrow.png') no-repeat center bottom; background-color: #B63A38; height: 40px; border-bottom: 4px solid #ffffff; } #sidebar #submenu li.current_page_item a:hover,#sidebar #submenu li.current-cat a:hover { color:#333 } #sidebar .current_page_item,#sidebar .current-cat { position: relative; } #sidebar #submenu a { position: relative; z-index: 22; } #sidebar_title {background: #d09e00;;width: 100%;float: left;height: 130px;} #sidebar_title h2 {color: #ffffff;font-size: 23px;font-weight: bold;font-family: 'NanumGothic';text-align: left;padding:75px 15px 30px 15px;} #sidebar_title h2 span {color:#ffeeb7; font-weight:normal; font-size:13px;line-height:25px;font-family: 'NanumGothic';} #sidebar_menu li.current_page_item a, #sidebar_menu li.current-cat a, .single-videos #sidebar_menu li.page-item-555 a {background: url('images/sub/leftmenu_bg.gif') no-repeat left top; color: #fff;} #sidebar_menu li.current_page_item a:hover,#sidebar_menu li.current-cat a:hover { color:#fff } #sidebar_title h2.inquiry { font-size: 20px; letter-spacing: -1px; } /*#sidebar .current_page_item:before, #sidebar .current-cat:before, .single-videos #sidebar #submenu li.page-item-555:before { content: ""; position: absolute; width: 0; height: 0; bottom: -4px; left:0; border-top: 5px solid #318200; border-right: 8px solid rgba(0, 0, 0, 0); z-index: 1; } #sidebar .current_page_item:after, #sidebar .current-cat:after, .single-videos #sidebar #submenu li.page-item-555:after { content: ""; position: absolute; width: 0; height: 0; bottom: -4px; right:0; border-top: 5px solid #318200; border-left: 8px solid rgba(0, 0, 0, 0); z-index: 1; }*/ /* sidebar title */ #sidebar_title img{ display:block} /* Menu */ #sidebar_menu { margin-bottom: 20px;width: 100%;float: left;} #sidebar_menu li {border-bottom: #d9d9d9 1px solid;} #sidebar_menu li a {font-family: "맑은 고딕", Malgun Gothic, Arial, Verdana, sans-serif; font-weight: bold; font-size: 13px; color: #4e4e4e; display: inline-block; padding: 0 20px; line-height: 37px; padding-top: 10px;width: 160px;} #sidebar_menu li.current_page_item a, #sidebar_menu li.current_page_item a:hover{ background: url('images/sub/leftmenu_bg.gif') no-repeat left top; color: #fff;} #sidebar_menu li a:hover { color:#d48700;} #sidebar_menu .product_menu a { font-family: "맑은 고딕", Malgun Gothic, Arial, Verdana, sans-serif; font-weight: bold; font-size: 13px; color: #4e4e4e; display: inline-block; padding: 1px 0px 6px 20px; line-height: 21px; width: 100%; box-sizing: border-box; } #sidebar_menu li.bigger a{ padding: 0 20px; line-height: 37px; padding-top: 10px } #sidebar_menu li.product_menu a:hover{ background: url('images/sub/leftmenu_bg.gif') repeat left top; color: #fff; } /* Call center */ #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;} /***************************************/ /* MAIN */ /***************************************/ #main_container { clear: both; width: 100%; float: left; /*margin: 0px 0 40px 0;*/ /*background: url(images/main_bg.jpg) center top no-repeat;*/ } #content_container {width: 757px;float: right;position: relative;padding: 36px 0 40px 0;} /*************/ /* slideshow */ #slideshow_container { position: relative; clear: both; margin: 0 auto; height: 641px; z-index:0; } #slideshow_container .slideshow_inner { position: absolute; bottom: 0; right: 0; } /*#slideshow {width: 310px !important; }*/ #slideshow .slides{/*width: 310px !important; height: 210px; display:none; background: transparent no-repeat center top; display:none;*/} #slideshow .slides.first{ display:block} #slideshow img, #slideshow a{ display:none} #slideshow img:first-child, #slideshow a:first-child{ display:block} #slideshow {width: 100% !important; height:0 !important;} #slideshow .slides{width: 100% !important; height: 640px; display:none; background: transparent no-repeat center top; display:none;} #slideshow .slides.first{ display:block} #slideshow #slide_01{background-image: url('images/main/slide_01.jpg');} #slideshow #slide_02{background-image: url('images/main/slide_02.jpg');} #slideshow #slide_03{background-image: url('images/main/slide_03.jpg');} #slideshow img { width:100% !important; display:none; } #slideshow_inner { position: relative; height: 480px; } #slide_txt { position: absolute; top: 182px; left: 90px; z-index: 99; } #slogan { position: absolute; left: 0px; bottom: 20px; z-index: 80; width: 100%; text-align: center; } #slideshow_txt { position: absolute; bottom:0; right: 0; z-index: 99; } #nav_container { position: absolute; left: 0px; bottom: 15px; z-index: 80; width: 100%; text-align: left; } #slideshow_nav a { display: inline-block; padding: 0px; margin: 7px 3px; color: #fff; border: 2px solid #616164; } #slideshow_nav a.activeSlide { color: #FFF; border: 2px solid #fff; } #slideshow_nav a img { width: 123px; height: 78px; } /*************/ /* menu_black */ .menu_black { width:100%; height:105px; background:url(images/main/bar_bg.png) repeat; position: absolute; z-index:9999; bottom:0; } .black_item{ width: 332px; float: left; margin: 21px 0 14px 0; border-left: 1px solid #303030; box-sizing: border-box; } .black_item h3{ width: 74%; padding-bottom:10px; padding:0 0 13px 36px; float: left; /*background: url(images/main/goto_btn.png) right no-repeat;*/ } .black_item h3 a{ color:#ffffff; font-size:18px; line-height:18px; font-family:'NanumGothic'; } .black_img{ float: right; padding-right: 20px; display: block; padding-bottom: 10px; } .black_item p{ color:#ffffff; color:#8f8f8f; padding-left:36px; font-family:'NanumGothic'; } .last_item{ border-right: 1px solid #303030; } /*************/ /* contents */ #left_bg { width: 50%; display: table-cell; background:#ffffff; height:100%; position:relative; } #right_bg { width: 50%; background:#efefef; display: table-cell; } .absolute_position{ position:absolute; bottom:0; } #last_products { width: 909px; clear: both; margin-bottom: 20px; border: 1px solid #fff; padding: 0px 15px 10px 45px; float: left;} #last_products li { float: left; width: 214px;; text-align: center;padding-right: 10px;} #last_products li:first-child { margin-left: 0;} /*HOME LOGIN BOX*/ #home_login {border:3px solid #2bb4be; width: 314px;float: left;height: 198px;} #home_login h2{font-weight: bold; font-size: 14px; padding-bottom:10px; margin:10px 20px 0 20px; border-bottom: 1px dotted #ccc; font-family: NanumGothic; color: #2bb4be;} #home_login fieldset { width: 139px; padding-left: 20px; float: left;} .member_login_remember{clear: both; padding-top: 6px; line-height: 20px; font-size: 11px; color: #9e9e9e;width: 275px;margin: auto;text-align: center;} .member_login_remember strong{font-weight: bold;} .member_login_remember a{font-family: '돋움'; font-size: 11px; color: #2e2e2e;} .member_login_remember input {vertical-align: middle;} #home_login #submit{ float: left; border: 1px solid #18A0AA; background-color: #2bb4be; width: 80px; font-size: 15px; font-weight: bold; color: #FFF; margin-left: 20px; cursor: pointer; height: 57px; font-family: NanumGothic;} #home_login form{padding-top: 21px;} #home_login #pwd{ margin-top: 3px; background: url('images/main/pw_bg.gif') no-repeat 1px center; display: inline-block; background-position: 0px 0px; border: 1px solid #2bb4be;} #home_login #user_name{background: url('images/main/id_bg.gif') no-repeat 0 center; display: inline-block; background-position: 0px 0px;border: 1px solid #2bb4be; margin-bottom: 4px;} .login_txt{ background: url(images/main/join_txt.gif) no-repeat; border: 0; width: 155px; height: 23px; padding: 0 9px;} .login_txt2{ font-size: 11px; color: #636363; font-family: '돋움';} #home_login_sigup_btn , #home_login_lost_btn { display: inline-block; background-color: #ddd;padding: 1px 0; width:100px;} #home_login_sigup_btn {margin: 0 4px;} .member_login_remember p {text-align: center;} .member_login_remember p a {display: inline-block; line-height: 24px; background: #ddd; padding: 3px 35px; margin: 10px 3px 0 0px;} #welcome_message { padding-bottom: 8px; margin: 0 0 15px 95px; color:#999; line-height:20px;} #welcome_message b{ font-weight:bold; color:#333} #member_logged_in { margin: 12px 20px 0 20px; padding: 15px 10px; background: url('images/main/avatar.png') no-repeat 15px top; } #member_logged_in div a {display: inline-block; line-height: 24px; background: #ddd; padding: 3px 34px; margin: 10px 3px 0 0px;} #member_logged_in div {padding-top:15px;} #member_logged_in a{font-family: '돋움'; font-size: 11px; color: #2e2e2e;} #home_flash{ width: 300px; height: 200px; float:left} #home_flash iframe{width: 300px; height: 200px; border:none} #home_board { float: left; width: 320px; height: 200px; margin-left: 20px;} #home_video { width: 288px;background: #333;height:205px;} .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: right;width: 320px; 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} ul.etabs {background-color: #4299c5; display: block; height: 30px;} .etabs li{ float:left; position:relative; z-index:1} .etabs li a { display:inline-block; font-weight:bold; color: #BEEAFF; font-family: NanumGothic; padding: 0 25px; line-height: 29px;} .etabs li.active a{color: #FFF; border: 3px solid #2b7ebe; border-bottom: 1px solid #2b7ebe; background-color: #2b7ebe; font-family: NanumGothic;} .panel-container{ clear:both;border: 1px solid #E7E7E7; padding: 20px; top:-3px; position:relative; margin-bottom: 0; padding-bottom: 0; height: 152px;} .panel-container li{ padding: 3px 0px 2px 7px;background: white url('images/main/board_list_item.jpg') no-repeat left center;} .panel-container li a{ display:inline-block; width:212px; color:#333 ; padding: 3px 0 3px 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .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: #4FA1B6; display:block; padding: 5px 10px; color: #fff;} .page_item.page-item-48 { display: none; } .page_item.page-item-46 { display: none; } .page_item.page-item-43 { display: none; } #home_notice { float: left; width: 352px; height: 260px; background: #ffffff; padding-left: 38px; box-sizing: border-box; padding-right: 10px; } #home_notice h2{ margin-bottom:24px; } #home_notice ul {width: 100%;margin: 0 auto; padding-top: 10px;} #home_notice li { clear:both; float:left; padding: 8px 0 5px 0; /*border-bottom: #dcdcdc 1px dotted;*/ width: 100%; } #home_notice li a{font-size:12px; color:#757575; width:200px;float:left;white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; -moz-binding: url('ellipsis.xml#ellipsis');line-height: 21px; /*background: url(images/main/news_icon.gif) 0 8px no-repeat;*/ } #home_notice li span{ font-size:11px; float:right; line-height: 21px; font-family:'NanumGothic'; color:#757575; font-weight: 600; } /* online_inquiry */ #online_inquiry { width: 285px; float: right; height: 260px; background: #EFEFEF; padding-left: 20px; } .title_blue a{ font-size:26px; color:#0f5379; font-weight:bold; } .title_blue h2{ padding-top:37px; } .title_blue a span{ font-size:16px; color:#636363; font-family:'NanumGothic'; } #online_inquiry h2 a{ margin-bottom:10px; } #online_inquiry h2 { padding-bottom:17px; } #online_inquiry img { padding-left:10px; } #quick_ban{ width: 275px; float: left; height: 260px; padding-left: 20px; box-sizing: border-box; background: #f7f7f7; } #quick_ban h2{ margin-bottom:27px; } #quick_ban p a{ font-size:13px; color:#757575; line-height:18px; font-family:'NanumGothic'; } #quick_ban a { display: block; } #quick_ban a img { display: block; float:right; padding-right: 10px; } /* movies */ #home_movies { float: right; position: relative; } #home_movies .title { width: 100%; height: 39px; border-bottom: 1px solid #d8afb1; margin-bottom: 20px; } #home_movies .title h2 { /* padding: 0px 0 5px 0px; */ font-family: 'Nanumgothic'; font-weight: bold; font-size: 24px; color: #434343; line-height: 21px; } #home_movies .title h4 { font-family: 'Nanumgothic'; font-weight: bold; font-size: 12px; color: #8B8B8B; padding-bottom: 5px; line-height: 15px;} #home_movies h3 { font-family: 'Nanumgothic'; font-weight: bold; font-size: 13px; color:#555555; margin-top: 10px; display: inline-block; } #home_movies h3 a{ color:#555555; } #home_video .mejs-container { margin: 0; } #home_movies li { padding: 5px 0px 27px 0px; color:#8c8b8b; font-family: Nanumgothic; } #home_movies li a{ color:#8c8b8b; font-family: Nanumgothic; } /***************************************/ /* 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: 940px; 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%;position: relative;} #banner { position: relative} .nav_left{ z-index:22; cursor:pointer;position: absolute;height: 16px;width: 9px;top: 10px;background: transparent url('images/main/banner_arrows_left.png') no-repeat;} .nav_right{z-index:22; cursor:pointer;position: absolute;height: 16px;width: 9px;top: 10px;background: transparent url('images/main/banner_arrows_right.png') no-repeat;} .prev.nav_left {left: 0;background-position: 10px 79px;padding-top: 155px;background-color: #a00107;padding-left: 21px;} .next.nav_right {right: 0;background-position: 10px 79px;padding-top: 155px;background-color: #a00107;padding-left: 21px;} /***************************************/ /* CATEGORY */ /***************************************/ #the_posts_list li{ float: left; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #E5E5E5; width: 1000px;} #the_posts_list .thumb{width: 180px;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 */ /***************************************/ #content_container h1{ font-size:22px; font-weight:bold; color:#333; border-bottom: #E5E5E5 solid 1px; padding-bottom: 3px; /*margin-bottom:20px*/} #content_container .stitle { font-size: 14px; color: #626262; font-family: 'nanumgothic'; line-height: 20px; } #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;} #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; width: 100%; padding:0 0 20px 0; overflow: hidden; background: #d2d2d2;} #footer #copyright .logo {float:left;width:157px;margin-right:10px} #footer #copyright p { line-height:15px; font-size:11px !important; font-family:"NanumGothic";float: left;} #footer #copyright .address {margin-right: 35px;} #footer #copyright a { line-height:15px; font-size:11px !important;font-family:"NanumGothic";} #footer_inner { margin-top: 30px;position:relative} #footer #copyright span {font-family:"NanumGothic"; line-height:20px; font-size:11px !important;} #footer #copyright .title{color: #fff; padding: 0px 3px; line-height: 16px; background: #898989; margin-right: 15px; margin-bottom: 3px; display: inline-block;width: 75px;text-align: center;} #footer #copyright .add { width: 220px; display: inline-block;} #footer #copyright span b {color: #008ad4;} #footer #hosting {display: inline-block; padding: 5px 10px; float: right; color: #1d1d1d; background-color: #c4c3c3; font-weight: normal;} #footer #bottom_menu {text-align: right;color: #898989;font-size:11px !important;font-family:"돋움", Dotum ;} #footer #bottom_menu a {display: inline-block;color: #898989;font-size:11px !important;font-family:"돋움", Dotum ;padding: 0 10px;} #footer #footer_menu, #footer #footer_menu a{color: #8a8989; font-family: "NanumGothic"; line-height: 40px;font-size: 13px; } #footer_menu {height:40px; } /***************************************/ /* 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; position: absolute;top: 18px;right: 0;background: url(images/sub/cate_home.gif) 0 0 no-repeat;padding-left: 22px;} #breadcrumbs, #breadcrumbs a{ text-decoration:none; font-family:'돋움', Dotum; font-size:11px; color:#807d7d} #breadcrumbs a:hover{ color:#65A7CE} /***************************************/ /* WP-PAGENAVI PLUGIN CUSTOM STYLE */ /***************************************/ #the_content .wp-pagenavi{ width:100%; text-align:center; clear: both; padding-top: 20px;margin-bottom: 40px;height: 40px;} #the_content .wp-pagenavi span, #the_content .wp-pagenavi a {vertical-align: middle; display:inline-block;} #the_content .wp-pagenavi a,#the_content .wp-pagenavi a:hover, #the_content .wp-pagenavi span.current, #the_content .wp-pagenavi span.extend{ border:1px #fff solid; border-color: transparent ; padding: 2px 6px 2px 6px; margin: 2px;text-dec oration: none; font-weight:bold;} #the_content .wp-pagenavi a {background-color: #D7E8FA; color: #709ECF; border-color: #A1BEDD;} #the_content .wp-pagenavi a:hover {background-color: #7BA1CC; color: #fff ;text-decoration: none;border-color: #648BB6;} #the_content .wp-pagenavi span.current {background-color: #B5D1F0; color: #6586A8; border-color: #8EA9C4; padding: 3px 6px 2px 6px;} #the_content .wp-pagenavi span.extend {background-color: #fff; color: #A7CDE4;} #the_content .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: bol d;} #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;} #bigo1,#bigo2,#bigo3 {width: 10px; vertical-align: middle;} #zipform_container {padding: 0;} #zipform { /* position: fixed; */ /* top: 0; */ /* left: 0; */ /* background: transparent url('images/membership/zip_code_overlay_bg.png') repeat left top; */ width: 100%; height: 100%; vertical-align: middle; z-index:99999; } #zipform_container{ padding:0; margin:0; } #zipform_inner { } #zipform iframe { width: 100%; height: 300px; margin: auto; display: block; } #zipform { position: relative; } .zipform_close { top: 0; right: 0; position: absolute; background: #004A85; padding: 0 12px; z-index: 22; line-height: 40px; color: #fff; } /* #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; co lor:#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;padding-bottom: 31px;} .membership #subtitle span{ color:#999} .membership #login_form_container {padding: 0px 30px 20px 310px;border: 1px solid #DDD;margin: 0 auto;background: #fff url('images/membership/member_login_bg.jpg') no-repeat 30px 30px scroll;width:348px;height: 153px;margin-top: 33px;margi n-bottom: 60px;} .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;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: 1 px 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 } /* content */ #contents { position: relative; clear: both; height:260px; background: #EFEFEF; } /* NEWS */ #home_news .title { width: 100%; height: 39px; border-bottom: 1px solid #d8afb1; margin-bottom: 20px; } #home_news .title h2 { /* padding: 0px 0 5px 0px; */ font-family: 'Nanumgothic'; font-weight: bold; font-size: 24px; color: #434343; line-height: 21px; } #home_news .title h4 { font-family: 'Nanumgothic'; font-weight: bold; font-size: 12px; color: #8B8B8B; padding-bottom: 5px; line-height: 15px;} #home_news h3 { font-family: 'Nanumgothic'; font-weight: bold; font-size: 13px; color:#555555; letter-spacing: -1.5px; } #home_news h3 a{ font-family: 'Nanumgothic'; font-weight: bold; font-size: 13px; color:#555555; letter-spacing: -1.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 217px; display: block; } #home_news { float: left; width: 229px; height: 246px; margin-right: 28px; position: relative; } #home_news li { padding: 10px 0px 33px 0px; color:#8c8b8b; letter-spacing: -1.5px; border-bottom:#e1e1e2 1px dashed; clear:both; width:100%; margin-bottom: 13px; font-family: Nanumgothic; } #home_news li a{ color:#8c8b8b; letter-spacing: -1.5px; width:100%; margin-bottom: 13px; font-family: Nanumgothic; } #home_news p.more a { display: block; color: #fff; position: absolute; top: 0; right: 0; } #home_news li span{ color:#999; font-size: 11px; float:right;line-height:27px;padding-top: 0px;letter-spacing: 0px;font-family: Verdana;} #home_qna { float: left; width: 308px; height: 246px; border: #37393a 1px solid; margin-right: 15px; position: relative; background: url('images/main/bg_qna.gif') no-repeat right bottom; } #home_qna h2 { padding: 13px 0 0 15px;} #home_qna ul { padding: 17px; } #home_qna li { padding: 0px 0px 0px 15px; background: white url('images/main/board_list_item.jpg') no-repeat left center; border-bottom:#e1e1e2 1px solid; clear:both; width:95%; height:27px; } #home_qna li a { color:#646f79; float:left; display:inline-block; line-height:27px; } #home_qna p.more02 a { background-color: #66717b; display: block; padding: 10px 10px; color: #fff; position: absolute; top: 0; right: 0; } #home_qna li span{ color:#999; font-size: 11px; float:right; line-height:27px;} /* business */ #home_business .title { width: 100%; height: 39px; border-bottom: 1px solid #d8afb1; margin-bottom: 20px; } #home_business .title h2 { /* padding: 0px 0 5px 0px; */ font-family: 'Nanumgothic'; font-weight: bold; font-size: 24px; color: #434343; line-height: 21px; } #home_business .title h4 { font-family: 'Nanumgothic'; font-weight: bold; font-size: 12px; color: #8B8B8B; padding-bottom: 5px; line-height: 15px;} #home_business h3 { font-family: 'Nanumgothic'; font-weight: bold; font-size: 13px; color:#555555; letter-spacing: -1.5px; } #home_business { float: left; width: 229px; height: 246px; margin-right: 28px; position: relative; } #home_business li { padding: 0px 0px 10px 0px; color:#8c8b8b; letter-spacing: -1.5px; } #home_business li a { color:#646f79; float:left; display:inline-block; line-height:27px; padding-bottom: 10px; } #home_business p.more a { display: block; color: #fff; position: absolute; top: 0; right: 0; } #home_movies p.more a { display: block; color: #fff; position: absolute; top: 0; right: 0; } #home_movies li span{ color:#999; font-size: 11px; float:right;} /* call_bn */ #call_bn .title { width: 100%; height: 39px; border-bottom: 1px solid #d8afb1; } #call_bn .title h2 { font-family: 'Nanumgothic'; font-weight: bold; font-size: 24px; color: #434343; line-height: 21px; } #call_bn .title h4 { font-family: 'Nanumgothic'; font-weight: bold; font-size: 12px; color: #8B8B8B; padding-bottom: 5px; line-height: 15px;} #call_bn { float: right; width: 229px; position: relative; } #call_bn li { color: #8c8b8b; letter-spacing: -1.5px; clear: both; width: 100%; margin-bottom: 10px; } #call_bn li a { color:#646f79; float:left; display:inline-block; line-height:27px; } #call_bn p.more a { display: block; color: #fff; position: absolute; top: 0; right: 0; } #home_movies li span{ color:#999; font-size: 11px; float:right;line-height:27px;letter-spacing: 0px;font-family: Verdana;} /***************************************/ /* 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;min-height: 440px;} .tax-productcategory #the_content ul { display: inline-block; padding-left: 0px; width: 100%; } .tax-productcategory #the_content ul li { width:24.9%; } #the_content .gallery ul{ padding-left:0} .gallery li { display: block; list-style:none; float:left; width: 25%; padding-bottom:20px} .gallery li a{ display: inline-block; text-align:center } .gallery li a.photo_thumb {width: 100%; border: none;} a.photo_link,#the_content a.photo_link { text-decoration: none;width: 100%; text-align: center; color: #505050; font-weight: bold; padding-top: 3px; margin:auto; height: 18px; display: inline-block; white-space: nowrap; text-overflow: ell ipsis; overflow: hidden;} a:hover.photo_link{color:#0A8B9B} a.photo_thumb img { height: auto; border: 1px solid #CCC; height: 120px; width: 170px; /*width: 96%;*/} .gallery li a.photo_thumb { position: relative;} .photo_thumb .comment_num { position: absolute; bottom: 10px; right: 10px; background: #242424; padding: 0 8px; display: block; line-height: 19px; font-weight: bold; color: #fff; border-radius: 2px;} .comment_num_inner { position: relative; z-index: 33; } .comment_num_arrow { position: absolute; bottom: -8px; left: -1px; border-left: 0px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #242424; display: block; width: 0; z-index: 22; height: 0; } #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;} #photo_content_container img {max-width: 740px;height: auto;margin-bottom: 20px;} .single-photonews img.photos, .single-photosocial img.photos{ margin-bottom:20px; border:1px solid #ddd; display:block; clear:both; max-width: 700px;} .single-photonews .avatar img { width: 40px; height: 40px;} .single-photonews .comment_user {min-height: auto;} /*Last photonews list*/ #last_photos li {width: 25%; float: left; margin-top: 16px; display: inline-block;text-align: center;} #last_photos {float: left; padding: 2px 9px 0px 10px; border: 1px solid #ddd;margin-top: 20px;height: 196px; width: 639px;clear: both;} #last_photos a.photo_thumb { border: none;} #last_photos .photo_link {text-align: center; display: block; font-family: Nanumgothic;margin-top: 3px;} /***************************************/ /* PHOTO */ /***************************************/ /*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%; padding-bottom:20px} .gallery li a{ display: inline-block; text-align:center } .gallery li a.photo_thumb {width: 100%; border: none;} a.photo_link { width: 100%; text-align: center; color: #505050; font-weight: bold; padding-top: 3px; margin:auto; height: 18px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} a:hover.photo_link{color:#0A8B9B} #content_container .gallery img{ padding-bottom:0} .gallery li a.photo_thumb, .gallery li a.video_title { position: relative;} .gallery .comment_num { position: absolute; bottom: 10px; right: 39px; background: #242424; padding: 0 8px; display: block; line-height: 19px; font-weight: bold; color: #fff; border-radius: 2px;} .comment_num_inner { position: relative; z-index: 33; } .comment_num_arrow { position: absolute; bottom: -8px; left: -1px; border-left: 0px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #242424; display: block; width: 0; z-index: 22; height: 0; } #the_content #videos_list.gallery li { text-align:center } .video_title .comment_num { bottom: 0; right: -30px; } #the_content .gallery li a.video_title{ display:inline-block; width:auto; float:none; padding-top: 7px; } #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;} #photo_content_container img {max-width: 740px;height: auto;margin-bottom: 20px;} .single-photonews img.photos, .single-photosocial img.photos{ margin-bottom:20px; border:1px solid #ddd; display:block; clear:both; max-width: 700px;} .single-photonews .avatar img { width: 40px; height: 40px;} .single-photonews .comment_user {min-height: auto;} /*Last photonews list*/ #last_photos li {width: 25%; float: left; margin-top: 16px; display: inline-block;text-align: center;} #last_photos {float: left; padding: 2px 9px 0px 10px; border: 1px solid #ddd;margin-top: 20px;height: 196px; width: 639px;clear: both;} #last_photos a.photo_thumb { border: none;} #last_photos .photo_link {text-align: center; display: block; font-family: Nanumgothic;margin-top: 3px;} /***************************************/ /* VIDEO */ /***************************************/ #videos_list img { width: 94%; height: 115px; border: 1px solid #999; margin-bottom: 2px; } #videos_list a { text-align: center; display: block; } .mejs-container { display: block; margin: 10px auto; } #the_video { background: #DDD; padding: 10px 0; margin-bottom: 20px; border: 1px solid #CCC; } #content_container #videos_list.gallery img { height: 120px; width: 175px; } /***************************************/ /* LHBOARD */ /***************************************/ #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; w idth: 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; w idth: 38px;} div#lhwb_wrap #lhwb_reply_container #lhwb_re_view .re {background-color: #F1F1F1;} #the_content div#lhwb_wrap .lhwb_search select { height: 24px;} #the_content .map_img{padding:2px; border:1px solid #ccc; margin:0 auto;} #content_container img{max-width:100%;} #the_content ul.map_ad { margin:0 auto; padding-top:20px;} #the_content ul.map_ad li{padding:0 10px 5px 13px; display:inline-block; width:100%; background:url(images/sub/sm_arr_02.gif) left 4px no-repeat; font-family: nanumGothic;} #the_content ul.map_ad span { display:inline-block; width:83%; float:right; font-family: nanumGothic; font-size:14px;} .max-upload-size{ display:none} .board_contents {height: 28px;overflow: hidden;} /***************************************/ /* ONLINE QUOTE */ /***************************************/ #quote_search input{ vertical-align:middle;} #quote_search_submit{ height:auto; border:none} #online_write_new_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; } /* 테이블 스타일 */ 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;} .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;} /* 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;} /***************************************/ /* SIDEBAR SUBMENU */ /***************************************/ #content_container h1 { font-size: 30px; font-size: 30px; font-weight: bold; color: #333; border: none; margin-bottom: 12px; font-family: 'NanumGothic'; background: url("./images/sub/stop_line.jpg") top left no-repeat; /* padding-top: 17px; */ color: #4d4c4c; line-height: 57px; } #content_container p {font-size: 13px; color: #666666; font-family: 'Malgun Gothic';line-height: 19px;} #breadcrumbs, #breadcrumbs a {text-decoration: none; font-family: '돋움', Dotum; font-size: 11px; color: #888; right: 10px;} .center {margin: 0 auto;display: block;} #company {background:url("./images/sub/sub1_bg.png") center right no-repeat; display: inline-block; width: 100%; height: 480px;} #company img {margin-top:30px} .result {font-family: 'NanumGothic'; font-size:20px; font-weight:bold; color:#333; background:url("./images/bu_result.gif") no-repeat 0 0 !important; padding-left:10px; padding-left: 10px; margin:0; float: left; margin-top:20px; width:100% ; display: inline-block; line-height:22px;} span.sub{color:#999; float:none; padding:0 0 0 10px; font-size:12px;} .company_box {width:470px; float:left; padding: 0 0 0 20px;margin-top: 36px;} .company_box:first-child{padding:0;} .company_box dl{height:200px; padding:10px 0 0; border-top:1px solid #e03136; border-bottom:1px solid #d2d2d2; width: 100%; display: inline-block;} .company_box dl dt {font-family: 'NanumGothic';width:80px; float:left; margin:10px 0 0; border-right:1px solid #d2d2d2; color:#333; font-weight:bold; font-size:13px; line-height:19px;} .company_box dl dd{ font-family: 'NanumGothic';float:left; width:307px; margin:10px 0 0; padding:0 0 0 14px; font-size:13px; line-height:19px; } .company_box dl dd span{font-family: 'NanumGothic';color:#666; display:inline-block; padding:5px 0 0; font-size:12px; } /* 인사말 */ #greetings {width: 100%;float: left;} #greetings p {width: 475px;float: right;} .greetings_img {float: left;display: block;margin-right: 20px;} #skill2 .skill_title {margin-bottom: 20px;} #greetings .greetings_title_mobile, #skill2 .skill_title_mobile {display: none;} .greetings_title {padding-bottom: 25px;} .ceo_sign {padding: 50px 0 0 434px;} table.cerif {border-collapse: collapse; width:100%; font-size: 13px;border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; line-height:20px;} table.cerif th {border-right: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; width:20%; background: #f4f4f4; color: #444444; font-weight: bold; text-align:center; vertical-align: middle; padding:10px;} table.cerif td {border-right: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; background: #fff; color: #444444; font-weight: normal; text-align:center; vertical-align: middle; padding:10px; } /* 오시는길 */ #map2 {background:url('images/sub/map_top.png') right top no-repeat;height: 122px;} table.t2 { border-collapse: collapse; width: 100%; font-size: 13px; border-top: 2px solid #2D78A3; border-bottom: 1px solid #1D5A7B; margin-top: 35px; } table.t2 th { font-family: "맑은 고딕", Malgun Gothic, Arial, Verdana, sans-serif; font-size: 13px; font-weight: bold; color: #646464; text-align: center; padding: 13px 0px; width: 30%; vertical-align: middle; background: #F3F3F3; border-top: 1px solid #D5D5D5; } table.t2 td { text-align: left; vertical-align: middle; padding: 13px 0 13px 15px; font-size: 13px; color: #646464; font-family: "맑은 고딕", Malgun Gothic, Arial, Verdana, sans-serif; line-height: 20px; border-top: 1px solid #D5D5D5; } table.biz { border-collapse: collapse; font-size: 13px; border-top: 2px solid #2D78A3; border-bottom: 1px solid #1D5A7B; margin-top: 35px; width:100%; } table.biz th { font-family: "맑은 고딕", Malgun Gothic, Arial, Verdana, sans-serif; font-size: 13px; font-weight: bold; color: #646464; text-align: center; padding: 13px; vertical-align: middle; background: #F3F3F3; border-top: 1px solid #D5D5D5; } table.biz td { text-align: center; vertical-align: middle; padding: 26px; font-size: 13px; color: #646464; font-family: "맑은 고딕", Malgun Gothic, Arial, Verdana, sans-serif; line-height: 20px; border-top: 1px solid #D5D5D5; } table.t3 { border-collapse: collapse; width: 100%; font-size: 13px; border-top: 2px solid #f36f21; border-bottom: 1px solid #ff9c62; margin-top: 35px; border-left: 1px solid #D5D5D5; } table.t3 th { font-family: "맑은 고딕", Malgun Gothic, Arial, Verdana, sans-serif; font-size: 13px; font-weight: bold; color: #646464; text-align: center; padding: 13px 0px; vertical-align: middle; background: #F3F3F3; border-top: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; } table.t3 td { text-align: left; vertical-align: middle; padding: 13px 0 13px 15px; font-size: 13px; color: #646464; font-family: "맑은 고딕", Malgun Gothic, Arial, Verdana, sans-serif; line-height: 20px; border-top: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; } table.width01 {width: 100%;} table.width01 td {text-align: center; padding-left: 0px;} .map_style {background:url('images/sub/map_bg.png') left bottom no-repeat;height: 464px;} .map_style iframe {border: 1px solid #8B8B8B;} #hitory {margin-top:20px;} .hitory_tle {float: left;padding-left: 20px;padding-right:48px;height: 649px;background:url("./images/sub/sub4_pic.png") no-repeat bottom left;} .hitory_box {float:right;width:507px;} .tle{width: 495px;font-size:20px; font-weight:bold; color:#333; font-family:"Century Gothic";padding:0 0 10px; border-bottom:1px solid #d2d2d2;} .his {margin:10px 0 38px 13px;width: 575px;overflow: hidden;border-top: 1px solid #e03136;float: left;font-size: 13px;margin-top: 40px;margin-bottom: 50px;} .his dt{font-family: 'NanumGothic';width:76px; color:#333; font-weight: bold; margin:16px 0 0; float:left; padding:0 0 18px 4px; border-bottom:1px solid #d2d2d2; background:url("./images/bar.gif") no-repeat right 6px; } .his dd {font-family: 'NanumGothic'; overflow:hidden; padding:16px 0 18px 30px; border-bottom:1px solid #d2d2d2; } .his .buno{padding:0 0 0 32px; line-height:10px} #organization { margin-top: 20px; display: inline-block; text-align:center; } #vision { background: url("./images/sub/sub3_bg.png") bottom right no-repeat; margin-top: 40px; } #vision h4{ margin-top: 40px;padding-left: 13px;color: #444; font-size: 20px;font-family: 'NanumGothic';line-height: 16px;margin-bottom: 20px;background: url("./images/bu_result.gif") no-repeat 0 0 !important;} #vision .txt1 {padding-top: 10px;margin-left: 20px;} #vision .img1 {padding-top: 30px;margin-left: 40px;} #vision .vison_txt{ margin-top:10px; color: #444; font-size: 14px;font-family: 'NanumGothic';margin-left: 24px;line-height: 16px; } #vision .vison_txt p{ color: #444; font-size: 14px;font-family: 'NanumGothic';margin-left: 14px;line-height: 18px; margin-bottom: 20px;} .map dt{font-family: 'NanumGothic';width:76px; color:#333; font-weight: bold; margin:16px 0 0; float:left; padding:0 0 18px 4px; border-bottom:1px solid #d2d2d2; background:url("./images/bar.gif") no-repeat right 6px; } .map dd {font-family: 'NanumGothic'; overflow:hidden; padding:16px 0 18px 30px; border-bottom:1px solid #d2d2d2; } .map a {font-family: 'NanumGothic';color:#000 !important;} .map_box {height: 300px;background:url("./images/sub/sub6_bg.png") no-repeat top right; float:right;} .map_bg { float: left; width: 375px; /*padding: 26px 0 22px 85px;*/ margin-left: 26px; border-bottom: 0px solid #d2d2d2; background: url("./images/sub/sub6_bg.png") no-repeat 11px 0; height: 196px; } .map_box a {color:#000 !important;} .map_box:first-child{padding:0;} .map_box dl{height:120px; padding:10px 0 0 0; border-top:1px solid #e03136; border-bottom:1px solid #d2d2d2;} .map_box dl dt {font-family: 'NanumGothic';width:80px; float:left; margin:10px 0 0 0; border-right:1px solid #d2d2d2; color:#333; font-weight:bold; font-size:13px; line-height:19px;} .map_box dl dd{ font-family: 'NanumGothic';float:left; width:432px; margin:10px 0 0 0; padding:0 0 0 14px; font-size:13px; line-height:19px; } .map_box dl dd span{font-family: 'NanumGothic';color:#666; display:inline-block; padding:5px 0 0; font-size:12px; } #cibi h4{ margin-top: 40px;padding-left: 13px;color: #444; font-size: 20px;font-family: 'NanumGothic';line-height: 16px;margin-bottom: 20px;background: url("./images/bu_result.gif") no-repeat 0 0 !important;} #cibi ul li { float: left; width: 50%; } #cibi ul li img { width:70%; margin-left:20px; } #division1 p {margin-bottom:30px;} #division2 p {margin-bottom:30px;} #division3 p {margin-bottom:30px;} #division4 p {margin-bottom:30px;} #division5 p {margin-bottom:30px;} #division6 p {margin-bottom:30px;} #division7 p {margin-bottom:30px;} #skill1 p {text-align:center;margin-bottom:30px;} #skill3 p {text-align:center;margin-bottom:30px;} /* 카달로그 */ #library {background: transparent url("./images/catalog/library_bg.jpg") repeat-y center top;width: 100%;float: left;padding-bottom: 144px;margin-top: 45px;} #library a,#library li{ float:left;} #library li{margin: 0 28px 78px 110px;position: relative;display: block; padding-left:0px;} #library a{ display:block; background: transparent url("./images/catalog/book_bg.png") no-repeat center top;width: 167px; height: 184px; text-align: center;} #library a.library_02 { display: inline-block; background: transparent url("./images/catalog/book_bg.png") no-repeat center top; width: 269px; height: 184px; background-size: 279px 184px; } #library span { font-family: 'NanumGothic'; padding-left: 80px; color: #141620; font-weight: bold; display: block; text-align: center; font-size: 14px; padding: 0; position: absolute; top: 189px; width: 165px; left: 0; padding: 42px 0; } #library span.premium02 { width: 269px; color: rgb(226, 11, 7); } #library span.premium {color: rgb(226, 11, 7);} #library a img { } /***************************************/ /* PRODUCTS */ /***************************************/ #product {padding-top: 20px;margin-bottom: 40px;background: url(images/sub/gallery_01.gif) no-repeat center top;} #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: #666;} #products_list li h2 a:hover {color: #666;} #products_list a img{border:1px solid #ddd; width: 150px; height: 150px;} #products_list .product_default_thumb{ width:150px; height:150px;} /***************************************/ /* 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: #1A63C1;} #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 { width:970px; margin:10px auto } #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:10px 0;font-weight: normal;} #project_table td:first-child{text-align:center} #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{margin: 13px 0px; text-align:center; float: left; width: 100%; font-size:11px;} .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; font-size:11px;} .area_list li:first-child a{border-left:none} #the_content .area_list li.current-cat a, #content_container .area_list li.current-cat a {font-weight: bold; background-color: #0056a1; color:#fff;} #the_content .area_list li.current-cat a:hover{color:red; background-color:#f5f5f5} #the_content .area_list li.current-cat a:hover.locator_current{background-color: #0056a1; color:#fff;} #skill2 ul{ float: left; padding-top: 20px; width: 100%; } #skill2 ul li { float: left; margin-bottom: 30px; margin-right: 25px; width: 226px; } #skill2 ul li span { display: block; text-align: center; width: 180px; margin: auto; padding-top: 8px; } #skill2 ul li img { width: 250px; height: 320px; display: block; margin: auto; border: 2px solid #ddd; background-color: #eee; } #page_nav { border: 1px solid #ddd; float: left; width: 100%; background-color: #f5f5f5; margin-bottom: 60px; } #division1 ul { margin-left: 20px; margin-top: 20px; } #division1 ul li span { background: url('images/sub/division1_icon01.png') left center no-repeat; display: inline-block; width: 21px; line-height: 21px; font-family: nanumgothic; text-align: center; color: #fff; } #division1 ul li { font-family: nanumgothic; font-size: 16px; line-height: 26px; color:#707070; } #division1 .result, #division2 .result, #division3 .result, #division4 .result, #division5 .result, #division6 .result, #division7 .result { margin-top: 50px; display: inline-block; width: 100%; float: left; margin-bottom: 20px; } #division1 .result span, #division2 .result span { text-align: left; margin-left: 10px; font-size: 13px; font-family: nanumgothic; font-weight: normal; color: #777; line-height: 22px; } ul.img_list { margin: 0 auto; width: 100%; float: left; } .page-id-439 ul.img_list, .page-id-441 ul.img_list{ margin:20px 0px; } .img_list { margin: 0 auto; width: 30%; float: left; } ul.img_list li { float: left; text-align: center; width:25%; line-height: 22px; font-family: nanumgothic; font-weight: normal; color: #777; font-size:13px; background: none; padding: 0; } ul.img_list li img { width: 150px; } .ex { text-align: left; float: left; margin-left: 2%; font-size: 13px; font-family: nanumgothic; font-weight: normal; color: #666; width: 68%; line-height: 22px; } .copy { font-size: 11px; color: #bbb; width: 100%; float: left; display: inline-block; text-align: right; margin-top: 5px; } #division2 { width: 100%; display: inline-block; } .text_list { display:inline-block; float: left; width: 100%; margin-left:10px; } .text_list li { padding-left: 20px; background: url('images/sub/division1_icon02.png') left center no-repeat; line-height: 22px; font-family: nanumgothic; font-weight: normal; color: #777; font-size:13px; } .text_list02 { display:inline-block; float: left; width: 100%; margin-left:10px; } .text_list02 li { padding-left: 20px; background: url('images/sub/division1_icon02.png') left 5px no-repeat; line-height: 22px; font-family: nanumgothic; font-weight: normal; color: #666; font-size:14px; width: 100%; float: left; } .text_list02 li p { line-height: 18px; font-family: nanumgothic; font-weight: normal; color: #666; font-size: 12px; padding-left: 10px; margin: 5px 0px; margin-bottom: 30px; } .shoes_tit { font-size: 13px; font-family: nanumgothic; font-weight: normal; color: #666; padding: 3px; /*background: #B63A38;*/ width: 100px; display: inline-block; margin-top:5px; } .division_txt { line-height: 22px; font-family: nanumgothic; font-weight: normal; color: #666; font-size:14px; padding-left: 10px; margin-top: 20px; } .single-products #the_content { width: 400px; float: right; } table.product_table {border-collapse: collapse; border-top: 1px solid #6abbc5;border-left: 1px solid #6abbc5; line-height:20px; margin:0 auto;} table.product_table th {background:#3ba9b6; color: #fff; font-weight: bold; text-align:center; font-size:12px; vertical-align: middle; padding:5px;border-bottom: 1px solid #6abbc5;border-right: 1px solid #6abbc5;font-family: '나눔고딕' , 'Nanum Gothic','돋움',Dotum,Helvetica,AppleGothic,Sans-serif;} table.product_table td {color: #444444; font-weight: normal; vertical-align: middle; padding:5px ; font-size:12px; text-align: center; border-bottom: 1px solid #6abbc5;border-right: 1px solid #6abbc5;font-family: '나눔고딕','Nanum Gothic','돋움',Dotum,Helvetica,AppleGothic,Sans-serif;} table.product_table td.left {text-align: left;} table.product_table td.center {text-align: center;} table.product_table td.right {text-align: right;} #sub_container {position: relative;} #sub_container #slogan { position: absolute; left: 0px; top: -102px; z-index: 80; width: 100%; text-align: center; height:78px; } #sub_container #slogan #slideshow_txt02 { z-index: 99; float: right; } .gallery ul { width: 100%; padding-left: 0 !important; } .biz_01_txt { width: 755px; border: #dcdcdc 1px solid; background: url('images/sub/biz_top_bg.jpg') no-repeat; height: 349px; background-size: 100%; } .biz_01_txt p { padding: 36px; font-size: 13px; } .biz_01_img { width: 100%; float: left; margin-top: 30px; } #certification02 { clear: both; width: 100%; float: left; } /* greeting */ .bg_holder {height: 250px;margin-bottom:30px;background: url('images/sub/top_bg_company.png') bottom right no-repeat;border-bottom:1px solid #dfdfdf;} .parent-pageid-999 .bg_holder{ background: url('images/sub/top_bg_company.png') bottom right no-repeat; border-bottom:1px solid #dfdfdf; } .sign{ float:right; padding:40px; padding-bottom:20px; } /* history */ .history_title{ width:100%; height:79px; background: url('images/sub/history_box_bg.png') bottom right no-repeat; border:1px solid #d8d8d8; vertical-align:center; font-size:20px; color:#2289d1; font-weight:bold; line-height:79px; padding: 0 236px; margin-bottom:20px; box-sizing: border-box; font-family: 'Malgun Gothic'; } .history_of_tu{ border-top:1px solid #dfdfdf; padding-bottom: 48px; } .history_of_tu h4{ border-top:2px solid #fabe00; width:170px; font-size:20px; color:#484848; padding-top:10px; font-weight:800; font-family: 'Malgun Gothic'; } .history_of_tu h4 span{ color:#666666; font-size:14px; font-family: 'Malgun Gothic'; } .history_of_tu table{ padding-left:260px; } .history_of_tu td{ font-size:13px; line-height:15px; color:#666666; font-family: 'Malgun Gothic'; margin: 0; padding: 7px 0; font-weight: normal; } .history_of_tu .year{ font-size:13px; color:#926f00; font-weight:bold; padding-right: 60px; } .history_first{ background: url('images/sub/earth.png') 44px 89px no-repeat; } .history_second{ background: url('images/sub/ex_logo.png') right 227px no-repeat; } .history_third{ background: url('images/sub/hand.png') left no-repeat; } /* map*/ .map iframe{ padding-bottom: 30px; } /* biz */ .parent-pageid-1586 .bg_holder{ background: url('images/sub/top_bg_biz.png') right bottom no-repeat; border-bottom:1px solid #dfdfdf; } .parent-pageid-23 .bg_holder{ background: url('images/sub/top_bg_notice.png') right bottom no-repeat; } .tax-productcategory .bg_holder{ background: url('images/sub/top_bg_product.png') right bottom no-repeat; }