/* Theme Name: imytec 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 */ /***************************************/ @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900'); @import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css'); @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url('fonts/NotoSansKR-Thin.woff2') format('woff2'), url('fonts/NotoSansKR-Thin.woff') format('woff'), url('fonts/NotoSansKR-Thin.otf') format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url('fonts/NotoSansKR-Light.woff2') format('woff2'), url('fonts/NotoSansKR-Light.woff') format('woff'), url('fonts/NotoSansKR-Light.otf') format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url('fonts/NotoSansKR-Regular.woff2') format('woff2'), url('fonts/NotoSansKR-Regular.woff') format('woff'), url('fonts/NotoSansKR-Regular.otf') format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url('fonts/NotoSansKR-Medium.woff2') format('woff2'), url('fonts/NotoSansKR-Medium.woff') format('woff'), url('fonts/NotoSansKR-Medium.otf') format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url('fonts/NotoSansKR-Bold.woff2') format('woff2'), url('fonts/NotoSansKR-Bold.woff') format('woff'), url('fonts/NotoSansKR-Bold.otf') format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url('fonts/NotoSansKR-Black.woff2') format('woff2'), url('fonts/NotoSansKR-Black.woff') format('woff'), url('fonts/NotoSansKR-Black.otf') format('opentype'); } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 15px; vertical-align: baseline; font-family:'Noto Sans KR', 'NanumGothic', 'Roboto', '', Arial, Helvetica, dotum, sans-serif; } /***************************************/ /* ANIMATION */ /***************************************/ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } /***************************************/ /* GENERAL */ /***************************************/ #site_wrap {position:relative; float:left; width:100%;} a {display:inline-block; text-decoration:none;} .page #content_container {min-height:600px} .home {position:relative;} .wrap {display:block; position:relative; width:1200px; margin:0 auto;/* clear:both;*/} #the_content {clear:both; margin-bottom:70px; overflow:hidden;} #the_content a {text-decoration:none;} #the_content a:hover {text-decoration:underline} #the_content p {} #the_content i, #the_content em {font-style:italic;} #the_content b, #the_content strong {font-weight:bold} #the_content ul, #the_content ol {padding-left:20px} #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 {margin:25px 0; background:none; color:#111; font-weight:bold; border:none} #the_content h1 {font-size:26px;} #the_content h2 {padding-left:24px; background-image:url(images/sub/back_03.png); background-repeat:no-repeat; font-size:20px; background-position-y:2px;} #the_content h3 {font-size:20px; font-weight:bold;} /***************************************/ /* TABLE */ /***************************************/ table.table_05 td {padding:15px 8px; border-bottom:1px dotted #ccc; font-size:11px; text-align:center;} table.table_05 th {padding:10px; background:#ddd; color:#555; font-weight:bold; font-family:'NanumGothic', ''; text-align:center;} table.table_05 {float:left; clear:both; width:100%; border-top:2px solid #1EB3EC; border-bottom:1px solid #ccc;} /***************************************/ /* HEADER */ /***************************************/ #header {position:absolute; z-index:99; top:0px; left:0; width:100%; min-width:1280px; height:82px; background:#0f5cad;} #menu_container {position:relative; width:100%; text-align:center; min-width: 1280px;} /*LOGO*/ #logo_top {display:inline-block; position:absolute; z-index:999; top:0; left:40px; padding:24px 0;} #logo_top a {display:inline-block;} #right_menu {position:absolute; top:0; right:40px;} #right_menu li {float:left; padding:0 20px; background:url(images/main/right_bg.png) no-repeat left center;} #right_menu li:first-child {background:none;} #right_menu li a {margin:34px 0; color:#fff; font-size:13px; font-weight:100; font-family:'Roboto';} #right_menu li:last-child {padding-right:0;} /*SUB SIDEBAR SELECT*/ #sub_top_menu {bottom:0px; float:left; width:100%; height:54px; background:url(images/sub/sidebg.png) no-repeat center;} .example {float:left; width:217px;} .example.sec_cont .vClicker {} #sub_top_menu .sub_top_home {float:left;} #sub_top_menu .sub_top_home a {display:inline-block; width:140px; padding:17.5px 0; color:#505050; font-size:13px; font-weight:400;/* height:54px;*/} #sub_top_menu .sub_top_home a > img {display:inline-block; margin-right:30px;} /**************select js**************/ .vDrop .vClicker, .vDrop ul {position:absolute; left:0; overflow:hidden;} .vDrop .vClicker span, .vDrop .vClicker span, .vDrop .vClicker span, .vDrop ul li a {color:#4d4d4d; font-size:15px; font-weight:400; white-space:nowrap;} .vDrop {position:relative; height:40px; margin-bottom:8px; color:#555;} .vDrop select {visibility:hidden;} .vDrop a {outline:0; color:#555; text-decoration:none;} .vDrop .vClicker {top:0; width:145px; height:54px; padding:0 30px; line-height:54px; user-select:none;-webkit-user-select:none; -o-user-select:none; -moz-user-select:none; -ms-user-select:none;} .vDrop .vClicker.open {border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius-topright:3px; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:3px;} .vDrop .vClicker.open .vArrow, .vDrop .vClicker:hover .vArrow {} .vDrop .vClicker .vArrow {position:absolute; top:14px; right:30px; width:26px; height:26px; background:url(images/sub/sidebar_ico.png) center no-repeat;/* border:1px solid #eee;*/} .vDrop .vClicker.open .vArrow {background-image:url(images/sub/sidebar_ico02.png);} .vDrop ul {display:none; z-index:1; top:55px; left:-24px; min-width:198px; max-width:208px; margin:0; padding:0; list-style:none;/* -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, .15);*/ /* box-shadow:0 2px 5px rgba(0, 0, 0, .15);*/-moz-box-shadow:0 2px 5px rgba(0, 0, 0, .15);} .vDrop ul li.optgroup span {display:block; padding:5px; background:#e8e8e8;} .sec_cont .vDrop ul {min-width:185px; max-width:185px;} .vDrop ul li.optgroup~.option a {padding-left:20px;} .vDrop ul li a {display:block; padding:14px 20px; border:1px solid #d9d9d9; border-top:0; background:#fff; color:#7e7e7e; font-size:13px;/* border-bottom:1px solid #444;*/ /* background:url(images/sub/sub_top_menu_bg.png) left top repeat;*/} .vDrop ul li a.selected, .vDrop ul li a:hover {/* background:#848484;*/ /* color:#fff;*/} .vDrop ul li a:hover {color:#0070d9;} #jquery-script-menu {position:fixed; z-index:999999; top:0; left:0; width:100%; height:90px; padding:10px 0; border-top:5px solid #316594; background:#fff; box-shadow:0 2px 3px 0px rgba(0, 0, 0, 0.16); box-sizing:content-box;-webkit-box-shadow:0 2px 3px 0px rgba(0, 0, 0, 0.16); -webkit-box-sizing:content-box; -moz-box-shadow:0 2px 3px 0px rgba(0, 0, 0, 0.16); -moz-box-sizing:content-box;} .jquery-script-center {width:960px; margin:0 auto;} .jquery-script-center ul {float:left; width:212px; margin:0; padding:0; list-style:none; line-height:45px;} .jquery-script-center a {text-decoration:none;} .jquery-script-ads {float:right; width:728px; height:90px;} .jquery-script-clear {clear:both; height:0;} /* MAIN MENU GENERAL*/ .menu_type {position:absolute; z-index:120; left:0; width:100% ;/* top:0;*/} /*MENU FULL DROPDOWN*/ #full_dropdown {height:42px;/*background:#00747C;*/} #full_dropdown #main_menu {width:100.4%; margin:auto;} #full_dropdown #main_menu li {position:relative; float:left;} #full_dropdown #main_menu li a {display:inline-block; float:left; width:100%; padding:0px; color:#444; font-size:14px; font-weight:bold; font-family:NanumGothic, Arial, Helvetica, sans-serif; text-align:center;} #full_dropdown #main_menu ul{visibility:hidden; position:absolute; z-index:99; top:40px; left:0; width:100%; width:100%; padding-top:10px; padding-bottom:20px;} #full_dropdown #main_menu ul li {display:block; float:none; width:100%;} #full_dropdown #main_menu ul li a {display:block; float:left; padding:9px 0; color:#7ef3ff; font-size:12px;} #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 !impotant;} #full_dropdown #main_menu > li > a {background:#00747C; line-height:42px;} /*MENU INLINE DROPDOWN*/ /*#inline_dropdown {position:relative; width:1000px; height:75px; margin:0 auto; padding:0; background:url(images/top/menubar.gif) no-repeat;} */ #inline_dropdown {position:absolute; left:0; bottom:0; width:100%;} #inline_dropdown ul li {position:relative; float:left;} #inline_dropdown ul li a{display:block; float:left; width:100%; padding:0; color:#F7FFFF; font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-family:'NanumGothic', ''; text-align:center;/*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 {position:relative; float:left; width:100%; text-align:center;} #inline_dropdown li ul {visibility:hidden; position:absolute; z-index:9; top:37px; left:0; background:#00747C;} #inline_dropdown li ul li {display:block; float:left; width:auto; text-align:center;} #inline_dropdown li ul li a {width:auto; padding:8px 10px; color:#7ef3ff; font-size:12px; font-weight:bold; text-decoration:none;} #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:42px;} /*MENU SINGLE DROPDOWN*/ #single_dropdown {display:inline-block; padding:0;} #single_dropdown #main_menu:after {display:block; clear:both; content:'';} #single_dropdown #main_menu ul {display:none; position:absolute; z-index:9999; top:82px; left:0; height:450px; padding-top:10px; padding-bottom:40px; background-color:#fff;} #single_dropdown #main_menu ul li {display:block; float:none;} #single_dropdown #main_menu ul li a {display:block; margin:0 5px; padding:8px 0; color:#333 !important; font-size:13px; font-weight:400; font-family:'Roboto', 'Noto Sans KR'; text-align:center;} #single_dropdown #main_menu ul li a:hover {color:#0f5cad !important;} #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 #main_menu li a.active {color:#BD182B} #single_dropdown #main_menu li {position:relative; float:left; margin:0px; text-align:center;} #single_dropdown #main_menu li:first-child a {background:none;} #single_dropdown #main_menu li ul li {clear:both; width:100%; margin:0;} #single_dropdown #main_menu > li > a {display:block; padding:0 35px; color:#fff; font-size:16px; font-weight:300; line-height:82px;} #single_dropdown #main_menu li a:hover {} #single_dropdown #main_menu li a:active {background-color:transparent;} #single_dropdown #main_menu li a.jquery_dropdown {} #single_dropdown #main_menu > li > a.jquery_dropdown:before {display:block; position:absolute; left:50%; bottom:-1px; margin-left:-7px; border-right:7px solid transparent; border-bottom:7px solid #fff; border-left:7px solid transparent; content:"";} #single_dropdown #single_dropdown {position:absolute; right:0; bottom:0; float:left; width:100%; border-bottom:4px solid #F3F3F3;} #single_dropdown #main_menu li a:hover span, #single_dropdown #main_menu li a.jquery_dropdown span {display:block; position:absolute; z-index:999; left:50px; bottom:0; width:19px; height:12px; background:url(images/menu_g.gif) 0 0 no-repeat;} #single_dropdown ul#main_menu li.menu01 ul.submenu_01 li a, #single_dropdown ul#main_menu li.menu02 ul.submenu_02 li a, #single_dropdown ul#main_menu li.menu03 ul.menu_03 li a, #single_dropdown ul#main_menu li.menu04 ul.submenu_04 li a, #single_dropdown ul#main_menu li.menu05 ul.submenu_05 li a {background:none;/*height:30px;*/} #single_dropdown #main_menu > li > a.active:before {display:block; position:absolute; left:50%; bottom:-1px; margin-left:-7px; border-right:7px solid rgba(0, 0, 0, 0); border-bottom:7px solid #0086b3; border-left:7px solid rgba(0, 0, 0, 0); content:"";} #single_dropdown .submenu_01 {left:-15px !important; width:160px !important;} #single_dropdown .submenu_02 {left:-15px !important; width:160px !important;} #single_dropdown .submenu_03 {left:-15px !important; width:160px !important;/*height:220px !important;*/} #single_dropdown .submenu_04 {left:52px !important; width:160px !important;} #single_dropdown .submenu_05 {left:0px !important; width:160px !important;} #single_dropdown .submenu_06 {left:-30px !important; width:160px !important;} /***************************************/ /* PIBS SLIDER */ /***************************************/ .page-template-page_business-php {overflow-y:scroll;} #pibs_slider {position:relative; float:left; width:1200px; margin-bottom:20px;} #pibs_slides_wrap {top:0; left:0; float:left;} #pibs_slider_menu {float:left; width:53%; margin-bottom:20px; padding:10px 0;} #pibs_slider_menu li {float:left; width:200px; height:40px;} #pibs_slider_menu a {display:block; position:relative; width:200px; height:40px; border-right:1px solid #0f5cad; color:#0f5cad; text-align:center; line-height:38px;} div#slider_01 {margin-bottom:30px;} #pibs_slider_menu a:hover {color:#555555; text-decoration:none;} #pibs_slider_menu a.current {width:200px; height:40px; background-color:#fff !important; color:#0f5cad; text-align:center; border-top: 1px solid #0f5cad; } #pibs_slider_menu .coda-nav #slider_business-nav-ul {margin-left:0 !important;} #pibs_slider_menu {float:left; float:left; width:100%; margin-bottom:40px; margin-bottom:20px; padding:10px 0; border-left:1px solid #0f5cad;} div#market_title_container #pibs_slider_menu { width: 100%; border-bottom: 1px solid #0f5cad; margin-bottom: 30px; } /***************************************/ /* SIDEBAR */ /***************************************/ #sidebar {position:relative; text-align: center;} #content_container {overflow:hidden;} #sidebar_menu li {float:left; position: relative;} #sidebar_menu {display:inline-block; margin:0 auto;} .children {display:none;} .current_page_item .children, .current_page_parent .children {display:block;} ul.children {position:absolute; top:210px; left:462px;} div#sub_left_container {border-bottom: 1px solid #e1e1e1; box-sizing: border-box;} #sidebar_menu li.current_page_parent .children {border-top:2px solid #0198ab; border-bottom:1px solid #d1d1d1;} #sidebar_menu li.current_page_parent .children a {border:none; background:#fff; color:#333;} #sidebar_menu li.current_page_parent .children a:hover, .parent-pageid-1155 #sidebar_menu li.current_page_item a, .parent-pageid-1153 #sidebar_menu li.current_page_item a {border:none; background:#e6e6e6; color:#000;} /* Menu */ #sidebar_menu li {} #sidebar_menu li a {display:block; width:170px; margin-right:1px; padding:17px 0px; color:#555555; font-size:15px; line-height:16px;} #sidebar_menu li:before {position: absolute; top: 15px; left: 0; width: 1px; height: 18px; background: #e1e1e1; content: "";} #sidebar_menu li:first-child:before {width: 0; height: 0; } #sidebar_menu li.cat-item a {width:175px; font-size:15px; letter-spacing:-0.5px;} .tax-products2_categories #sidebar_menu li.cat-item a, .single-products2 #sidebar_menu li.cat-item a { width:155px; } #sidebar_menu li.page_item.page-item-2132 a {width:210px;} .tax-products_categories #sidebar_menu li a {width:175px; font-size:15px; letter-spacing:-0.5px;} #sidebar_menu li:first-child a {} #sidebar_menu li:last-child {border-bottom:none;} #sidebar_menu li.current_page_item a, #sidebar_menu li.current-cat a, #sidebar_menu li.current_page_item a:hover, #sidebar_menu li.current_page_parent a, #sidebar_menu li.current-cat a:hover,.parent-pageid-494 #sidebar_menu li.page-item-494 a ,.parent-pageid-1348 #sidebar_menu li.page-item-1348 a { color:#2671c0; background:url(images/sub/sub_sm_bottombg.png) center bottom no-repeat;} .tax-products_categories #sidebar_menu li.page_item.page-item-2122 a, .single-products #sidebar_menu li.page_item.page-item-2122 a {background:#0f5cad; color:#fff;} #sidebar_menu li a:hover {color:#016ac9;} #sidebar_menu li.current-cat a:hover,.tax-photos_categories #sidebar_menu li.page-item-201 a,.single-photos #sidebar_menu li.page-item-201 a {/*color:#fff;background:#767676 url(images/sub/sm_icon.png) 95% 19px no-repeat;*/} /*.parent-pageid-1144 #sidebar_menu li a, .tax-products_categories #sidebar_menu li a, .single-products #sidebar_menu li a, .tax-products2_categories #sidebar_menu li a, .single-products2 #sidebar_menu li a {width:200px;} */ .parent-pageid-1144 #sidebar_menu li:last-child a, .parent-pageid-1144 #sidebar_menu li:nth-child(2) a, .tax-products_categories #sidebar_menu li:last-child a, .single-products #sidebar_menu li:last-child a,/*.tax-products2_categories li:last-child a,*/.single-products2 li:last-child a, {line-height:35px;} .parent-pageid-1144 #sub_left_container, .tax-products_categories #sub_left_container, .single-products #sub_left_container, .tax-products2_categories #sub_left_container, .single-products2 #sub_left_container {top:-60px;} #sidebar #sidebar_menu .page-item-1356 a, #sidebar #sidebar_menu .page-item-1362 a {/*line-height:35px !important;*/} .parent-pageid-1703 #sidebar_menu li:last-child a, .tax-products_categories #sidebar_menu li:last-child a, .single-products #sidebar_menu li:last-child a,/*.tax-products2_categories li:last-child a,*/.single-products2 li:last-child a {/*line-height:35px;*/} /***************************************/ /* MAIN */ /***************************************/ .js-reveal {opacity:1; transition:opacity .7s ease-in, margin-top .7s ease-out;} .js-reveal--hidden {margin-top:3em; opacity:0;} #content_container {overflow:hidden; margin-bottom: 70px; } #slideshow img, #slideshow a {display:none} #slideshow img:first-child, #slideshow a:first-child {display:block} #slideshow_container {position:relative; z-index:0; clear:both; width:100%; height:880px; min-width: 1280px;} #main_container .Main_Visual {height:878px;} #main_container .Main_Visual1 {background:url(images/main/main_visual1.png) no-repeat center;} #main_container .Main_Visual2 {background:url(images/main/main_visual2.png) no-repeat center;} #main_container .Main_Visual3 {background:url(images/main/main_visual3.png) no-repeat center;} /*MAIN_GALLAY_SLIDER*/ .slider {width:100%; margin:0 auto;} .slick-slide {margin:0px 20px;} .slick-slide img {width:100%;} .slick-prev:before, .slick-next:before {color:black;} /* Slider */ .slick-slider {display:block; position:relative; box-sizing:border-box;user-select:none;touch-action:pan-y;-webkit-user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color:transparent; -moz-user-select:none; -ms-user-select:none; -ms-touch-action:pan-y; -khtml-user-select:none;} .slick-list {display:block; position:relative; margin:0; padding:0; overflow:hidden;} .slick-list:focus {outline:none;} .slick-list.dragging {cursor:pointer; cursor:hand;} .slick-slider .slick-track, .slick-slider .slick-list {transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);} .slick-track {display:block; position:relative; top:0; left:0;} .slick-track:before, .slick-track:after {display:table; content:'';} .slick-track:after {clear:both;} .slick-loading .slick-track {visibility:hidden;} .slick-slide {display:none; float:left; height:100%; min-height:1px;} [dir='rtl'] .slick-slide {float:right;} .slick-slide img {display:block;} .slick-slide.slick-loading img {display:none;} .slick-slide.dragging img {pointer-events:none;} .slick-initialized .slick-slide {display:block;} .slick-loading .slick-slide {visibility:hidden;} .slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent;} .slick-arrow.slick-hidden {display:none;} /* Arrows */ .slick-prev, .slick-next {display:block; position:absolute; top:50%; width:20px; height:20px; padding:0; border:none; outline:none; background:transparent; color:transparent; font-size:0; line-height:0; cursor:pointer; transform:translate(0, -50%);-webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%);} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {outline:none; background:transparent; color:transparent;} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity:1;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity:.25;} .slick-prev:before, .slick-next:before {opacity:.75; color:white; font-size:20px; font-family:'slick'; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} .slick-prev {left:-25px;} [dir='rtl'] .slick-prev {left:auto; right:-25px;} .slick-prev:before {content:'';} [dir='rtl'] .slick-prev:before {content:'';} .slick-next {right:-25px;} [dir='rtl'] .slick-next {left:-25px; right:auto;} .slick-next:before {content:'';} [dir='rtl'] .slick-next:before {content:'';} /* Dots */ .slick-dotted.slick-slider {margin-bottom:80px;} .slick-dots {display:none !important; position:absolute; bottom:-25px; width:100%; margin:0; padding:0; list-style:none; text-align:center;} .slick-dots li {display:inline-block; position:relative; width:20px; height:20px; margin:0 5px; padding:0; cursor:pointer;} .slick-dots li button {display:block; width:20px; height:20px; padding:5px; border:0; outline:none; background:transparent; color:transparent; font-size:0; line-height:0; cursor:pointer;} .slick-dots li button:hover, .slick-dots li button:focus {outline:none;} .slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity:1;} .slick-dots li button:before {position:absolute; top:0; left:0; width:20px; height:20px; opacity:.25; content:''; color:black; font-size:6px; font-family:'slick'; text-align:center; line-height:20px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} .slick-dots li.slick-active button:before {opacity:.75; color:black;} /***************************************/ /* SUBSLIDES */ /**************************************/ #sub_slides {clear:both; width:100% !important;} #sub_slides .slides {display:none; width:100% !important; height:293px; background:transparent no-repeat center top;} #sub_slides .slides.first {display:block;} #sub_slides #slide_01 {background-image:url(images/sub/s_visual01.jpg);} #sub_slides #slide_02 {background-image:url(images/sub/s_visual02.jpg);} #sub_slides #slide_03 {background-image:url(images/sub/s_visual03.jpg);} #main_contents {float:left; clear:both; width:100%; min-width: 1280px; } #main_con_bbs {float:left; clear:both; width:100%; padding:50px 0;} #bannerzone {float:left; clear:both; width:100%; margin-top:30px;} #bannerzone a {display:block; float:left; width:600px;} #bannerzone a img {display:block;} #main_bbs_inner {overflow:hidden;} .board_inner {height:225px; padding:20px; overflow:hidden; border:#eee 1px solid;} #home_board {float:left; width:420px; background:#fff;} #home_board h2 {padding:42px 0 20px 0; color:#0b4889; font-size:24px; font-family:'NanumGothic', '', Gulim, Dotum, Arial, sans-serif; text-align:left; line-height:25px;} #home_board .panel-container li {float:left; clear:both; width:100%; padding:5px 0px; padding-right:0; border-bottom:#dcdcdc 1px dotted;} #home_board .panel-container li a {float:left; width:79%; overflow:hidden; color:#595959; font-size:13px; font-family:'NanumGothic', '', Gulim, Dotum, Arial, sans-serif; text-overflow:ellipsis; white-space:nowrap;} #home_board .panel-container li span {float:right; color:#999; font-size:11px;} #main_photos {float:right; width:770px; background:#fff;} .photos_inner {position:relative; padding:21px; overflow:hidden; border:#eee 1px solid;} #main_photos h2 {margin-bottom:21px; padding-left:34px; background:url(images/main/photo_icon.gif) 0 0 no-repeat; color:#0090ba; font-size:18px; font-weight:bold; line-height:29px;} #photo_navi {position:absolute; top:25px; right:20px;} #photo_navi a {display:block; float:left;} #photo_navi a img {display:block;} #main_photos li {float:left; width:33.3%; text-align:center;} #main_photos li a {display:block; text-align:center;} .p_photos {position:relative; width:230px; margin:0 auto;} .p_photos img {width:230px; height:173px;} .p_photos p {position:absolute; bottom:0; width:100%; height:30px; background:url(images/main/photo_bg.png) 0 0 repeat; color:#fff; font-size:13px; text-align:center; line-height:30px;} /*****sub****/ /*#w_navigation {float:left; clear:both; width:100%; height:43px; background:#f2f2f2;} */ #sub_container {float:left; clear:both; width:100%; min-height:700px; min-width: 1280px;} #sub_con_inner {position:relative;} #last_products {float:left; clear:both; width:968px; margin-bottom:20px; padding:20px 15px 10px 15px; border:1px solid #ddd;} #last_products li {float:left; width:16.66%; text-align:center;} #last_products li:first-child {margin-left:0;} /*HOME LOGIN BOX*/ #home_login {float:left; width:314px; height:198px; border:3px solid #2bb4be;} #home_login h2 {margin:10px 20px 0 20px; padding-bottom:10px; border-bottom:1px dotted #ccc; color:#2bb4be; font-size:14px; font-weight:bold; font-family:'NanumGothic', '';} #home_login fieldset {float:left; width:139px; padding-left:20px;} .member_login_remember {clear:both; width:275px; margin:auto; padding-top:6px; color:#9e9e9e; font-size:11px; text-align:center; line-height:20px;} .member_login_remember strong {font-weight:bold;} .member_login_remember a {color:#2e2e2e; font-size:11px; font-family:'??';} .member_login_remember input {vertical-align:middle;} #home_login #submit {float:right; width:80px; height:57px; margin-right:20px; border:1px solid #18A0AA; background-color:#2bb4be; color:#FFF; font-size:15px; font-weight:bold; font-family:'NanumGothic', ''; cursor:pointer;} #home_login form {padding-top:21px;} #home_login #pwd {display:inline-block; margin-top:3px; border:1px solid #2bb4be; background:url('images/main/pw_bg.gif') no-repeat 1px center; background-position:0px 0px;} #home_login #user_name {display:inline-block; margin-bottom:4px; border:1px solid #2bb4be; background:url('images/main/id_bg.gif') no-repeat 0 center; background-position:0px 0px;} .login_txt {width:155px; height:23px; padding:0 9px; border:0; background:url(images/main/join_txt.gif) no-repeat;} .login_txt2 {color:#636363; font-size:11px; font-family:'??';} #home_login_sigup_btn , #home_login_lost_btn {display:inline-block; width:100px; padding:1px 0; background-color:#ddd;} #home_login_sigup_btn {margin:0 4px;} .member_login_remember p {text-align:center;} .member_login_remember p a {display:inline-block; margin:10px 3px 0 0px; padding:3px 35px; background:#ddd; line-height:24px;} #welcome_message {margin:0 0 15px 95px; padding-bottom:8px; 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; margin:10px 3px 0 0px; padding:3px 34px; background:#ddd; line-height:24px;} #member_logged_in div {padding-top:15px;} #member_logged_in a {color:#2e2e2e; font-size:11px; font-family:'';} #home_flash {width:300px; height:200px; float:left} #home_flash iframe {width:300px; height:200px; border:none} #home_video {float:right; width:320px; height:200px; margin-left:20px; background:#333;} .last_posts {float:left; width:300px; 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 {margin-bottom:3px; padding-bottom:4px ; border-bottom:1px dotted #ccc;} .last_posts li a {display:inline-block; width:230px; color:#333;} .last_posts li a:hover {color:#267daf} .last_posts li span {color:#999 ; vertical-align:top;} #home_text {float:right; width:320px; height:200px; margin-top:20px; margin-left:20px; background:#eee;} #home_text p {padding:25px;} #tabs_container {float:left; width:100%;} .panel-container > div {display:none} .panel-container > div.first {display:block} ul.etabs {display:block;} .etabs li {position:relative; z-index:1; float:left; width:33.3%;} .etabs li a {display:block; height:40px; border-top:#aaa 1px solid; border-bottom:#aaa 1px solid; color:#888; font-size:15px; font-weight:bold; font-family:'NanumGothic', ''; text-align:center; line-height:40px;} .etabs li.active a {height:38px; border-top:#2bc1d3 3px solid; border-bottom:#2bc1d3 1px solid; color:#0090ba; font-family:'NanumGothic', ''; line-height:38px;} .panel-container {position:relative; clear:both; padding-top:23px;} .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; padding:3px 0 3px 3px; overflow:hidden; color:#333 ; text-overflow:ellipsis; white-space:nowrap;} .panel-container li a:hover {color:#008FFF;} .panel-container li span {color:#999; font-size:11px;} .panel-container p.more {position:absolute; right:0; bottom:0;} .panel-container p.more a {display:block; padding:5px 10px; background-color:#4FA1B6; color:#fff;} /***************************************/ /* PARTNER BANNER jquery.simplyscroll.js */ /***************************************/ /* Plugin default */ .simply-scroll-container {position:relative;} .simply-scroll-clip {position:relative; overflow:hidden;} .simply-scroll-list {padding-left:0; overflow:hidden;} /* Custom */ .simply-scroll {width:930px; margin:auto;} .simply-scroll .simply-scroll-list li {float:left;/* Horizontal scroll only */ padding-top:8px; padding-bottom:8px; padding-left:15px;} #home_banner {float:left; clear:both; width:100%; padding:20px 0;} #banner {position:relative} .nav_ads {position:absolute; top:17px; width:12px; height:21px; background:transparent url('images/main/banner_arrows.png') no-repeat;} .prev.nav_ads {left:0; background-position:left top;} .next.nav_ads {right:0; background-position:right top;} /***************************************/ /* CATEGORY */ /***************************************/ #the_posts_list li {float:left; width:700px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #E5E5E5;} #the_posts_list .thumb {display:inline-block; float:left; margin-right:20px; border:2px solid #DDD;} #the_posts_list h2 a {display:block; margin-bottom:10px; color:#333; font-size:17px; font-weight:bold;} #the_posts_list h2 a:hover {color:#F22630;} #the_posts_list .detail {text-align:right;} #the_posts_list .detail a {display:inline-block; padding:10px 12px; border:#ddd solid 1px; background-color:#f5f5f5; color:#F22630; font-size:11px; font-weight:bold;} #the_posts_list .detail a:hover {border:#CCC solid 1px; background-color:#EEE; 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 {width:700px; margin-bottom:10px; padding-bottom:0px;} .category-notice #the_posts_list h2 {padding-right:0; padding-left:10px;} .category-notice #the_posts_list h2 a {display:inline-block; float:left; width:850px; color:#555;} .category-notice #the_posts_list h2 a:hover {color:#F22630} .category-notice #the_posts_list h2 span {display:inline-block; float:right; padding-top:5px; color:#999} h1.notice_single_title {margin-top:30px;} /***************************************/ /* POST and PAGE */ /***************************************/ #content_container h1 {margin-top:100px; margin-bottom:20px; color:#000; font-size:35px; font-weight:500; text-align:center;} .Htitle {margin-bottom:50px; text-align:center;} #breadcrumbs .home {display:inline-block; width:13px; height:12px; background:url(images/sub/icon_home.png) 0 1px no-repeat; text-indent:-10000px; background-position-y:2px;background-position-x:1px;} #thumb_page {float:left; width:200px; margin-right:10px;} #thumb_page img {border:1px solid #e5e5e5} #category_menu li {float:left; width:25%; text-align:center;} #category_menu li a {display:block; padding:13px 0; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#e5e5e5; color:#3a3a3a; font-size:14px; font-weight:300;} #category_menu .current-cat a, #category_menu li:hover a {background:#0070d9; color:#fff; transition:background 0.3s ease;-webkit-transition:background 0.3s ease; -o-transition:background 0.3s ease; -moz-transition:background 0.3s ease;} #photo_category {margin-bottom:30px; overflow:hidden;} #title_container {margin-bottom:60px; text-align:center;} /***************************************/ /* 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 {} .login_first {margin-bottom:20px; padding:50px 0; text-align:center;} a.deconnection {float:right; color:#144F89; font-size:11px;} a.go_profil {font-size:14px; font-weight:bold; color:#589FE6} /* comments area */ .avatar {float:left} .avatar img {border:1px solid #ddd} #content_container .avatar img {padding-bottom:0} #comments, #respond {clear:both; padding:0; color:#444;} .comment_user {min-height:100px; margin:10px 0; background-color:#ccc; list-style:none;} #respond {margin-top:30px; padding:8px; border-top:#DDD solid 4px; border-bottom:#DDD solid 4px; color:#6C6C6C; font-size:20px;} #comments_container h3{display:inline-block; width:715px; width:100%; margin-top:15px; padding:10px 0; border-top:#E5E5E5 solid 4px; color:#6C6C6C; font-size:14px; font-weight:bold;} .commentlist {margin:0; margin:10px 0; list-style:none;} .commentlist {list-style:none; color:#FFFFFF;} .commentlist li {padding:0; color:#000;} .commentlist .alt {margin-top:0px; padding:0px; background:#fff;} .commentlist cite, .commentlist cite a, .commentlist cite a:visited {color:#333; font-style:normal; font-weight:bold;} .commentlist small {display:block; margin:0; font-size:11px; text-align:right;} #commentform {margin-top:10px; font:110% Arial, Helvetica, sans-serif;} #commentform p {margin:0px; padding:6px 0px; border-bottom:1px dotted #DDD; color:#333;} #commentform p#comment_submit_container {border-bottom:none} #commentform label {color:#787878;} #commentform input {width:200px; margin-top:3px; padding:3px; border:1px solid #bdd77f; background:#eee;} #commentform textarea {width:550px; height:115px; margin-top:3px; padding:2px; border:1px solid #dbd8d3; background:#eee;} #commentform textarea:focus, #commentform input[type="text"]:focus {background:#ffffff;} #commentform #submit {float:left; width:204px; height:30px; margin:0px 0px 10px 150px; border:none; background:#777; color:#ffffff; font-weight:bold; cursor:pointer;} #comment_bubble {display:inline-block; top:0; width:32px; height:34px; margin-left:10px; padding-top:12px; background-image:url(images/bubble.png); background-repeat:no-repeat; background-position:left center; color:#fff; font-size:14px; font-weight:bold; text-align:center; vertical-align:10px;} #commentform label {float:left; width:150px;} #commentform input {width:275px; border:1px solid #dbd8d3;} #commentform label.error {width:259px; margin-top:4px; margin-left:250px; padding-left:20px; border:1px solid #dbdbd3; background:#fbfcda url(images/cancel.gif) no-repeat left; font-size:11px;} #commentaire {font-size:22px;} #commentaire_part_droit {margin-left:100px;} #commentby {margin:0 5px 5px 0px; padding-bottom:0; border-bottom:solid #666 1px;} .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 {padding-right:5px; border:solid #ddd 1px; background-color:#fff !important; color:#666 !important;} .commentlist li.authcomment a {color:#F22630} .authcomment cite, .authcomment cite a, .authcomment cite a:visited {color:#fff !important; font-style:normal !important; font-weight:bold !important;} .authcomment #commentby {margin:0 5px 5px 0px; padding-bottom:4px; border-bottom:dotted #DDD 1px;} .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 {float:right; width:646px;} .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 {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #CCC;} .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 {padding-top:5px; vertical-align:top;} .wpcf7 .estimation_appointment input {width:160px} .wpcf7 .estimation_name input {width:90px;} .wpcf7 input, .wpcf7 textarea {border:1px solid #BBB;} .wpcf7 textarea {width:480px; height:100px; min-height:100px; margin-left:6px; resize:vertical;} .wpcf7 .wpcf7-submit {display:inline-block; margin:10px; padding:10px 30px; border:none; border-radius:6px; background:#F22630; color:#fff; font-size:14px; font-weight:bold; text-decoration:none; cursor:pointer;} /***************************************/ /* ERROR 404 */ /***************************************/ #error_content h1 {margin-top:50px; color:#666; font-size:22px; font-weight:bold; text-align:center;} #error_content h2 {margin-top:10px; margin-bottom:15px; color:#267DAF; font-size:40px; font-weight:bold; font-family:times; text-align:center;} #error_content p {color:#555;} #error_content p a {display:inline-block; margin:10px 0 40px 0; padding:10px 20px; border-radius:6px; background:#F22630; color:white; font-weight:bold; text-decoration:none;} #error_content p a span {display:inline-block; width:0; height:0; margin-right:10px; border-top:7px solid transparent; border-right:7px solid #fff; border-bottom:7px solid transparent; vertical-align:-3px;} #error_content p, #error_404 form {text-align:center;} #error_content form {margin:0 0 15px 0} #error_content #search_submit {padding:6px 20px; border:none; border-radius:6px; background:#DDD; color:#333; font-weight:bold; cursor:pointer;} #error_content #search_field {width:220px; padding:4px 8px; border:1px solid #aaa; font-size:12px;} /***************************************/ /* FOOTER */ /***************************************/ #footer {clear:both; width:100%; padding-bottom:45px; overflow:hidden; background:#000000; text-align:center; position: relative; } .footer_menu {padding:26px 0; text-align: left; } .footer_menu ul {display:inline-block;} .footer_menu ul li {float:left;} .footer_menu ul li:first-child a {background:none;} .footer_menu ul li a { padding:0 13px; background:url(images/main/footer_menu_bg.png) no-repeat left center; color:#fff; font-size:14px; font-weight:300;} .footer_menu ul li:first-child a { padding-left: 0; } a.top {display:inline-block; position:absolute; top:0; right:0; width:51px; height:51px; background:url(images/main/btn_top.png) no-repeat;} #copyright_inner {} #copyright_inner p {color:#999999; font-size:15px; font-weight:300; line-height:24px; /* letter-spacing:0.5px;*/ text-align: left; } #copyright_inner p span, #copyright_inner p span a {color:#666666; font-size:14px;} select::-ms-expand {display:none;/* for IE 11 */} .footCo { position: absolute; right: 0; top: 50%; margin-top: -5px; } select#footSelect { width: 200px; height: 35px; line-height: 35px; background: #000; border: 1px solid #999999; color: #fff; padding: 0 5px; vertical-align: top; } /***************************************/ /* FANCYBOX PLUGIN CUSTOM STYLE */ /**************************************/ div#fancybox-title-inside {font-weight:bold;} div#fancybox-title {height:30px;} /* fix same size issue*/ /***************************************/ /* BREADCRUMBS */ /***************************************/ #breadcrumbs, #breadcrumbs a, #breadcrumbs span {color:#989898 !important; font-size:14px; text-decoration:none; text-align:center; letter-spacing: 0.5px;} #breadcrumbs a:hover {color:#F22630} div#breadcrumbs { position: absolute; right: 0; top: 20px; } /***************************************/ /* WP-PAGENAVI PLUGIN CUSTOM STYLE */ /***************************************/ .wp-pagenavi, #the_content .wp-pagenavi {clear:both; width:100%; height:40px; margin-bottom:40px; padding-top:20px; text-align:center;} .wp-pagenavi span, .wp-pagenavi a, #the_content .wp-pagenavi span, #the_content .wp-pagenavi a {display:inline-block; vertical-align:middle;} .wp-pagenavi a, .wp-pagenavi a:hover, .wp-pagenavi span.current, .wp-pagenavi span.extend, #the_content .wp-pagenavi a,#the_content .wp-pagenavi a:hover, #the_content .wp-pagenavi span.current, #the_content .wp-pagenavi span.extend {margin:2px; padding:2px 6px 2px 6px; border:1px #fff solid; border-color:transparent ; font-weight:bold; text-decoration:none;} .wp-pagenavi a,#the_content .wp-pagenavi a {border-color:#A1BEDD; background-color:#D7E8FA; color:#709ECF;} .wp-pagenavi a:hover, #the_content .wp-pagenavi a:hover {border-color:#648BB6; background-color:#7BA1CC; color:#fff ; text-decoration:none;} .wp-pagenavi span.current, #the_content .wp-pagenavi span.current {padding:3px 6px 2px 6px; border-color:#8EA9C4; background-color:#B5D1F0; color:#6586A8;} .wp-pagenavi span.extend, #the_content .wp-pagenavi span.extend {background-color:#fff; color:#A7CDE4;} .wp-pagenavi span.pages, #the_content .wp-pagenavi span.pages {margin:2px 2px 2px 2px; padding:2px 4px 2px 4px; border:1px solid #000000; background-color:#FFFFFF; color:#000000;} /***************************************/ /* BBPRESS PLUGIN CUSTOM STYLE */ /***************************************/ .bbp-forum-description, .bbp-breadcrumb {display:none;} .bbp-topic-permalink {display:block; color:#F22630; font-size:13px; font-weight:bold;} 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:#F22630} .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 {display:inline-block; margin:10px; padding:10px 30px; border:none; border-radius:6px; background:#F22630; color:#fff; font-size:14px; font-weight:bold; text-decoration:none; cursor:pointer;} #board_main_title {width:490px; height:80px; background:#fff url('images/title_board.gif') no-repeat left top scroll;} #content_container h1#bbpress_main_title {margin-top:20px; margin-bottom:0px;} #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; padding-top:10px; padding-bottom:2px; font-size:14px; font-weight:bold;} .mu_register .submit {display:inline-block; margin:10px 0; padding:0px 9px; border:none; border-radius:6px; background:#F22630; color:#fff; font-size:14px; font-weight:bold; text-decoration:none; cursor:pointer;} .mu_register .error {margin-top:2px; margin-bottom:4px; padding:3px 10px; border:1px solid #CC0002; border-radius:3px; background-color:#FFEBE8; font-weight:bold;} .mu_register #user_email, .mu_register #user_name {padding:10px; border:1px solid #AAA; font-size:20px;} /***************************************/ /* MEMBERS SECTION */ /***************************************/ /*MENU MEMBERSHIP*/ #membership_menu {position:absolute; top:0; right:32px; padding-bottom:3px; border:1px dotted #F22630; border-top:0; background-color:#F5FAFD; list-style:none;} #membership_menu li {float:left;} #membership_menu li a {display:inline-block; padding:4px 12px; color:#F22630; font-size:11px; font-weight:bold;} #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-top:2px; margin-bottom:4px; padding:3px 10px; border:1px solid #CC0002; border-radius:3px; background-color:#FFEBE8; 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; border:1px solid #ddd; color:#888; font-size:11px; overflow-y:scroll;margin:auto} #agreement p {padding:10px 20px; color:#888} #agree_check_container {margin-bottom:20px; padding:10px 40px 20px 40px; text-align:center;} #agree_check_container span {color:#0099FF;} .agree_check_error {margin:10px 40px; padding:15px 40px; border:1px solid #D30303; background-color:#FFE2E2;} #agree_check_container.agree_check_error {padding:10px; border:none;} #agree_yes_no_container {text-align:center; padding-top:15px} #agree_yes_no_container a, #agree_yes_no_container input {display:inline-block; margin:0 5px; padding:10px 0px; border:1px solid #ddd; background-color:#eee; color:#333; font-weight:bold; text-align:center; cursor:pointer; 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 {z-index:99999; width:100%; height:100%; vertical-align:middle;} #zipform_container {margin:0; padding:0;} #zipform_inner {} #zipform iframe {display:block; width:100%; height:300px; margin:auto;} #zipform {position:relative;} .zipform_close {position:absolute; z-index:22; top:0; right:0; padding:0 12px; background:#004A85; color:#fff; line-height:40px;} .membership #setupform span.error {color:red} .membership #setupform p.submit {padding-top:12px; border:none; text-align:right;} .membership #setupform p.submit input {display:inline-block; width:90px; margin:0 0 0 5px; padding:10px 0px; border:1px solid #AC121A; background-color:#F22630; font-weight:bold;/* border:1px solid #ddd;*/ text-align:center; cursor:pointer; color:#fff} .membership #setupform p.submit input:hover {background-color:#F22630; color:#fff;} #registration_result {width:560px; margin:20px auto; padding:20px; border:3px solid #D7E9BD; text-align:center; ;background-color:#F0FDDC} #registration_result h2 {padding-bottom:10px} #registration_result strong {font-weight:bold;} /* MEMBERSHIP */ .membership {text-align:center;} .parent-pageid-39 #sidebar_menu, #member_login_page {/*display:none;*/} #header_user_welcome, #header_user_welcome span {color:#333} .membership #content_container {float:right; width:740px; 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 {padding-top:20px; color:#D5D5D5;} .membership #subtitle span {color:#999} .membership #login_form_container {width:348px; height:200px; margin:20px auto; padding:0px 30px 20px 310px; overflow:hidden; border:1px solid #DDD; background:#fff url('images/membership/member_login_bg.jpg') no-repeat 30px 30px scroll;} .membership #loginform {float:left; width:100%; margin-top:20px; margin-bottom:10px; padding:40px 0; border-bottom:1px dashed #ddd;/* border-top:1px dashed #ddd ;*/} .membership #loginform fieldset {float:left} .membership label {display:inline-block; width:100px; font-weight:bold; color:#333} .membership .forgetmenot label {font-weight:normal;} .membership #login_mini_title {padding:20px 0px 0px 0px; color:#F22630; font-size:16px; font-weight:bold;} .membership .login_side_action p {float:left;} .membership .login_side_action a {float:right;} .membership .login_side_action a {display:inline-block; float:right; width:80px; height:20px; padding:0 10px; background-color:#999; color:white; font-size:11px; font-weight:bold; text-align:center; 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 {width:245px; height:20px; padding-bottom:6px; color:#888; font-size:11px; line-height:20px;} .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 {width:130px; padding:5px; border:1px solid #CCC; background-color:#f5f5f5; color:#444; font-weight:bold;} .membership .login_side_action {clear:both} .membership #wp-submit {width:80px; margin-left:10px; padding:20px 0; border:1px solid #AC121A; background-color:#F22630; color:white; font-weight:bold; cursor:pointer-webkit-appearance:none;} .membership .form-table th label span:first-child {color:red; font-size:19px; font-family:monospace; vertical-align:-1px;} .membership .required_desc {float:right; margin-bottom:2px; color:#F00; font-size:12px;} .membership .required_desc i {font-style:normal; font-size:18px; font-weight:bold; font-family:monospace; vertical-align:-2px;} .membership .form-table input:focus {outline:0;} .membership #agree_yes_no_container input {color:red;} .membership #agree_yes_no_container a {color:#868686;} /*LOST ID PASSWORD*/ #lostpasswordform {position:relative; margin:30px 60px; margin-top:10px; padding:20px 0; border:1px solid #ccc;} .membership #lostpasswordform #user_email_container {text-align:center} .membership #lostpasswordform label {width:190px;} .membership #lostpasswordform #wp-submit {width:130px; padding:5px 0; cursor:pointer} /*PROFILE*/ #member_profil {margin:10px 60px 60px 60px;} .signup_message_info, #member_profil .updated, #member_profil .message_error {width:560px; margin:10px auto; padding:10px; border:3px solid #FFF39E; text-align:center; 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%; margin-top:15px; border:1px solid #ddd; border-bottom:none;} .form-table th {width:120px; padding:7px; border-right:1px solid #ddd; font-weight:bold; 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 {padding:2px 4px; border:#ddd solid 1px; background-color:#fbfbfb; width:150px} .form-table textarea {padding:8px; border:#ddd solid 1px; background-color:#fbfbfb} .form-table #email {} .form-table #realname {width:80px;} .form-table #zip {display:block; width:80px; margin-bottom:6px; float:left} .form-table #zip_btn {display:block; float:left; margin-top:2px; margin-left:10px; padding:1px 7px 1px 39px; border:1px solid #DDD; background:#fff url('images/membership/post_btn_bg.gif') no-repeat 7px center; color:#7A7A7A; font-weight:bold; line-height:18px;} .form-table a:hover#zip_btn {border-color:#aaa} .form-table input#user_email {width:250px;} .form-table #address {display:block; width:250px; margin-bottom:6px; clear:both} .form-table #address_more {width:250px;} .form-table #freeword {width:380px; height:75px} #member_profil #member_message {float:left; width:100%; margin-top:20px; margin-bottom:30px; padding:20px 0; border:1px solid #DDD;} #member_profil #member_message #please_login {margin:0 50px 20px 50px; padding-bottom:15px; border-bottom:1px dashed #DDD; color:#333; font-weight:bold; text-align:center;} #member_profil #member_message #please_login a {color:#F22630} #member_profil .login_side_action {float:none; width:360px; margin:auto;} #member_profil #updateuser, #member_profil #profile_info_change_btn {float:right; margin-top:10px; padding:8px 40px; border:1px solid #AC121A; background-color:#F22630; color:white; font-weight:bold; cursor:pointer; -webkit-appearance:none;} .help_message {display:inline-block; margin-left:15px; color:#aaa; font-size:11px;} #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; border-color:transparent; background-color:transparent; color:#EC4040;} .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 {width:100%; padding:30px 0; background:none; text-align:center} #login_welcome span {color:#267DAF; font-size:24px;} .welcome_message .userinfo a {display:inline-block; margin:10px; padding:10px 20px; background:#F22630; color:#fff; font-weight:bold;} .welcome_message .userinfo a#welcome_logout {background-color:#999} /*SIGNUP CONFIRMATION MESSAGE*/ .error404 #content {width:1000px; margin:auto; margin-bottom:140px; text-align:center;} .error404 #content h2 {font-size:20px; font-weight:bold;} .error404 #content #signup-welcome {margin:10px 170px; padding:20px; border:1px solid #AADD7F; background-color:#E8FFD5;} .error404 #content #signup-welcome p {padding:3px} .error404 #content p.view a {padding:3px 10px; border:1px solid #ddd; background-color:#eee; color:#004282; font-weight:bold;} .error404 #content p.view {padding-top:10px} .error404 #content .lead-in {margin:10px 170px; padding:20px; border:1px solid #ddd; background-color:#f5f5f5;} .error404 #content .lead-in a {padding:0px 3px; color:#004282; font-weight:bold; line-height:20px} /***************************************/ /* SUBCATEGORIES LIST */ /***************************************/ #the_content .subcategories ul {margin:0; padding:0; list-style:none;} #the_content .subcategories li a {display:block; margin:auto; padding:8px; border-top:1px solid #FFF; border-bottom:1px solid #C1BEBF; background-color:#fff; color:#333; font-size:14px; text-decoration:none; text-align:left;} #the_content .subcategories li a:hover {background-color:#f5f5f5;} .subVisual {width:100%; min-width:1200px; height:469px;} .sub_visual1 {background:url(images/sub/sub_top02.png) no-repeat center; background-position-y:82px;width:100%; min-width:1280px; height:469px;} .sub_visual2 {background:url(images/sub/sub_top04.png) no-repeat center; background-position-y:82px;width:100%; min-width:1280px; height:469px;} .sub_visual3 {background:url(images/sub/sub_top03.png) no-repeat center; background-position-y:82px;width:100%; min-width:1280px; height:469px;} .sub_visual4 {background:url(images/sub/sub_top.png) no-repeat center; background-position-y:82px;width:100%; min-width:1280px; height:469px;} .subVisual5 {background:url(images/sub/sub_top.jpg) no-repeat center bottom} .subVisual6 {background:url(images/sub/sub_top.jpg) no-repeat center bottom} .subVisual01 > div > h3 {color:#fff; font-size:46px; font-weight:bold; } .subVisual01 >.subtop_txt {text-align:center; animation:fadeInUp 300ms linear 200ms both;-webkit-animation:fadeInUp 300ms linear 200ms both; -o-animation:fadeInUp 300ms linear 200ms both; -moz-animation:fadeInUp 300ms linear 200ms both; -ms-animation:fadeInUp 300ms linear 200ms both; background:url(images/sub/sub_title_bg.png) no-repeat center; padding-bottom:15px; position: absolute; top: 220px; left: 50%; margin-left: -350px; width: 700px; } .subVisual01 > div > P {margin-top:25px; color:rgba(255, 255, 255, 0.9); font-size:16px; font-weight:100;} /***************************************/ /* PHOTO */ /***************************************/ /*Video player style*/ .win_mediaplayer_container {text-align:center} #win_mediaplayer {margin:auto; background-color:#fff;} .mejs-container {margin:auto;} .gallery {margin-top:30px;} #the_content .gallery ul {padding-left:0} .gallery li {display:block; float:left; width:25%; list-style:none; padding-bottom:40px} .gallery li a {display:inline-block; text-align:center} .gallery li a.photo_thumb {width:100%; border:none;} a.photo_link {display:inline-block; width:100%; height:18px; margin:auto; padding-top:10px; overflow:hidden; color:#505050; text-align:center; text-overflow:ellipsis; white-space:nowrap;} a:hover.photo_link {color:#0A8B9B} a.photo_thumb img, #content_container a.photo_thumb img {width:96%; height:auto; height:120px; border:1px solid #CCC;} #content_container .gallery img {padding-bottom:0} .gallery li a.photo_thumb, .gallery li a.video_title {position:relative;} .photo_thumb .comment_num {display:block; position:absolute; right:10px; bottom:10px; padding:0 8px; border-radius:2px; background:#242424; color:#fff; font-weight:bold; line-height:19px;} .comment_num_inner {position:relative; z-index:33;} .comment_num_arrow {display:block; position:absolute; z-index:22; left:-1px; bottom:-8px; width:0; height:0; border-top:10px solid #242424; border-right:10px solid transparent; border-left:0px solid transparent;} #the_content #videos_list.gallery li {text-align:center} .video_title .comment_num {right:-30px; bottom:0;} #the_content .gallery li a.video_title {display:inline-block; width:auto; float:none} #the_content.gallery ul a, #the_content .gallery ul a {color:#333;} #the_content.gallery ul a:hover, #the_content .gallery ul a:hover {color:#709ECF; text-decoration:none} #download_files {float:left;/* background-color:#f5f5f5;*/ clear:both; width:100%; margin:10px 0; border:1px solid #ddd;} #download_files h3 {margin:10px 20px 10px 20px; padding-bottom:3px; border-bottom:1px dashed #ccc; font-weight:bold;} #download_files ul {margin:0 20px 10px 20px;} #download_files li {list-style:none} #download_files li a {display:block; padding:2px 0; padding-left:30px; background:transparent url('images/photonews/download_icon.gif') no-repeat 5px center; color:#0A7D86; font-size:12px;} #download_files li a:hover {background-color:#E9E9E9; color:#004F55;} #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 {display:block; clear:both; max-width:700px; margin-bottom:20px; border:1px solid #ddd;} .single-photonews .avatar img {width:40px; height:40px;} .single-photonews .comment_user {min-height:auto;} /*Last photonews list*/ #last_photos li {display:inline-block; float:left; width:25%; margin-top:16px; text-align:center;} #last_photos {float:left; clear:both; width:639px; height:196px; margin-top:20px; padding:2px 9px 0px 10px; border:1px solid #ddd;} #last_photos a.photo_thumb {border:none;} #last_photos .photo_link {display:block; margin-top:3px; font-family:'NanumGothic', ''; text-align:center;} /***************************************/ /* VIDEO */ /***************************************/ #videos_list ul li img {width:94%; height:115px; margin-bottom:2px; border:1px solid #999;} #videos_list ul li a {display:block; text-align:center;} .mejs-container {display:block; margin:10px auto;} .home .mejs-container {margin:0 auto;} #the_video {margin-bottom:20px; padding:10px 0; border:1px solid #CCC; background:#DDD;} #content_container #videos_list.gallery img {width:80%; height:135px; height:auto; idth:180px;} .single-videos iframe {display:block; margin:auto} #videos_list .video_title {display:block; width:90%; height:22px; margin:auto; overflow:hidden; text-align:center; text-overflow:ellipsis; white-space:nowrap;} #the_content #videos_list ul a {color:#333} #the_content #videos_list ul a:hover {color:#709ECF; text-decoration:none;} #videos_list .video_date, #videos_list .video_view, #videos_list .comment_num {display:none} #the_content.photos ul {padding-left:0;} #content_container .photos a.photo_thumb img {height:130px;} #the_content .video_thumb svg {display:none;} /***************************************/ /* POLL */ /***************************************/ #the_content h3.poll_question {margin-bottom:10px; color:#303030; font:bold 20px 'NanumGothic';} #the_content .wp-polls-ul {width:90%; padding:30px 5% 20px; border:1px solid #DFDFDF;} #the_content .wp-polls-ul li {margin-bottom:17px; color:#6F6F6F; font:bold 13px 'NanumGothic';} #the_content .wp-polls-ul li {margin-bottom:17px; padding-bottom:15px; border-bottom:1px dashed #DDDDDD; color:#575757; font:bold 13px 'NanumGothic';} #the_content .wp-polls-ul li strong {color:#084B4F;} #the_content .wp-polls-ul li small {color:#8C8C8C; font-size:11px;} #the_content .wp-polls .pollbar {height:16px; margin-top:5px; border:none; background:#05828B; background-color:#eee; background-image:none;} #the_content .total_voters {float:right; margin:14px 0 20px; color:#8B8B8B; font:normal 13px 'NanumGothic';} #the_content .total_voters strong {color:#E01313;} #the_content p.poll_date {margin-top:18px; margin-bottom:110px; padding:0; color:#8E8E8E; font-size:11px;} #the_content .vote {display:block; margin:0 auto; margin-top:20px; text-align:center;} #the_content .wp-polls .vote .Buttons, #the_content .wp-polls .vote a {margin-right:10px; padding:5px 10px; border:1px solid #560505; background-color:#EF0000; color:#fff; font:bold 13px 'NanumGothic'; text-align:center;} #the_content .vote a.view_results {display:inline-block; margin-bottom:50px; padding:5px 15px; border:1px solid #BBB; background-color:#eee; color:#595959; font:bold 13px 'NanumGothic';} #the_content .vote a:hover {text-decoration:none;} /***************************************/ /* PRODUCTS */ /***************************************/ #the_content.products ul {padding-left:0;} #content_container .products a.photo_thumb img {width:90%; height:180px;} /***************************************/ /* SUB */ /***************************************/ .products_gallery {float:left; width:1200px;} #main_p_img {width:700px; margin-bottom:18px;} #main_p_img img {width:700px !important; height:441px; padding-bottom:0 !important;} .small_list {clear:both; width:1158px; box-sizing:border-box;} .small_list ul {width:100%; overflow:hidden;} .small_list li {float:left; width:10%;} .small_list li a {display:block; margin:2px; padding:1px; border:#dcdcdc 2px solid;} .small_list li a.active {border:#438fcf 2px solid;} .small_list li a img {display:block; width:100%; padding-bottom:0 !important;} .product_content {float:right; width:428px;} .products02.products {float:left; width:100%;} /***************************************/ /* LHBOARD */ /***************************************/ #lhwb_view_comments a[href$=".pdf"],#lhwb_view_comments a[href$=".hwp"], #lhwb_view_comments a[href$=".doc"],#lhwb_view_comments a[href$=".docx"], #lhwb_view_comments a[href$=".xlsx"],#lhwb_view_comments a[href$=".xls"], #lhwb_view_comments a[href$=".pptx"], #lhwb_view_comments a[href$=".ppt"] {display:block; margin:2px 0; padding:5px 10px 5px 20px; background:left top no-repeat;} #lhwb_view_comments a[href$=".pdf"] {background-image:url(images/lhboard/pdf_icon.png);} #lhwb_view_comments a[href$=".hwp"] {background-image:url(images/lhboard/hwp_icon.gif);} #lhwb_view_comments a[href$=".doc"], #lhwb_view_comments a[href$=".docx"] {background-image:url(images/lhboard/word_icon.png);} #lhwb_view_comments a[href$=".xlsx"], #lhwb_view_comments a[href$=".xls"] {background-image:url(images/lhboard/excel_icon.png);} #lhwb_view_comments a[href$=".pptx"], #lhwb_view_comments a[href$=".ppt"] {background-image:url(images/lhboard/powerpoint_icon.png);} #lhwb_view_comments a[href$=".mp3"] {background-image:url(demo-images/audio.png);} #board_file_img #insert-media-button {display:block; padding:8px 10px; padding-left:35px; border:1px solid #999; border-radius:2px; background:#F5F5F5 url(images/lhboard/media_upload_icon_pc.png) no-repeat 4px center;} #board_file_img #insert-media-button .wp-media-buttons-icon {display:none} #wp-lhwb_editor-editor-container {border:1px solid #CCC; box-sizing:border-box;} div#wp-lhwb_editor-wrap table tr td.mceStatusbar {display:none;} #lhwb_board_write_btn {padding:10px 0; color:auto; background:none} div#lhwb_wrap #board_write_btn a, #lhwb_board_write_btn a {padding:10px 20px 10px 38px; border:none; border:1px solid #0f5cad !important; background:#0f5cad url(images/lhboard/btn_confirm_light.png) no-repeat 15px center !important; color:#FFF!important; font-size:13px; font-weight:bold !important; text-decoration:none !important;} div#lhwb_wrap #board_write_btn a {padding:8px 15px 8px 28px;} div#lhwb_wrap #board_write_btn {padding-top:10px;} .lhwb_pass_the_container .btn01 {padding:5px 15px 5px 28px !important; border:none; border:1px solid #AC121A !important; background:#F22630 url('images/lhboard/btn_confirm_light.png') no-repeat 5px center !important; color:#FFF!important; font-size:13px; font-weight:bold !important; text-decoration:none !important; ;} .lhwb_pass_the_container .btn01 a {color:#FFF!important;} #lhwb_wrap .lhwb_pass_the_container .lhwb_wid350#lhwb_board_author_pass {width:120px;} div#lhwb_wrap .lhwb_pass_the_container .writeTy01 ul.bgef li {margin-bottom:10px; padding:35px 0 30px 0; text-align:center; border-bottom:none} #lhwb_wrap .lhwb_pass_the_container h2 {display:inline-block; float:none;} div#lhwb_wrap .lhwb_pass_the_container .writeTy01 .bgef {background-color:#F5F5F5;} div#lhwb_wrap span.btn02{padding:5px 24px; border:1px solid #DDD !important; background:none; background:#F2F2F2; background-color:#CACACA; color:#666 !important; font-weight:bold !important;} 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; margin-bottom:10px; border-bottom:1px dotted #C2C2C2;} 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 {border-color:#BDBDBD ; background-color:#BDBDBD !important; color:white;} 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 {margin:0; padding:0 !important; background:none !important;} .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 {display:inline-block; padding:5px 22px 5px 28px !important; border:1px solid #DDD; background-color:#F2F2F2; font-size:13px; 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 {display:block; float:none !important; width:auto !important; margin:0 40px; padding-top:10px; padding-top:10px; color:#686767 !important; font-size:13px; font-weight:bold; text-align:right;} #lhwb_view_footer {float:left; width:100%; border-bottom:1px solid #ccc;} div#lhwb_wrap #lhwb_reply_container ul li h3 {width:100% !important;} #lhwb_view_comments {min-height:120px;} div#lhwb_wrap #lhwb_board_view.writeTy01 ul.bgef li span {float:none; margin-bottom:0; line-height:170%;} div#lhwb_wrap .view_title {display:inline-block; width:420px !important; max-width:none !important; padding:0 10px 0 0; border-right:1px solid #DDD; font-weight:bold} div#lhwb_wrap .writeTy01 #pibsms_sns img {float:none; margin:0 2px;} .view_author {padding:0 10px !important;} .view_author {margin-right:10px; border-right:1px solid #ddd;} .view_textarea .btn_write {background-color:#ddd;} .view_textarea .btn_write a {color:#666 !important} #lhwb_reply_list h3 small span:first-child {font-size:12px; font-weight:bold;} #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 {margin-bottom:4px; color:#AFAFAF !important; font-size:12px; font-weight:bold;} 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 {display:inline-block; width:38px; margin-bottom:3px; padding:5px 0px 5px 27px; border:1px solid #DDD; background:#F2F2F2 url('images/lhboard/btn_confirm.png') no-repeat 5px center !important; font-size:12px;} #lhwb_re_reply_btn #reply_input_del {display:inline-block; width:38px; margin-bottom:3px; padding:5px 0px 5px 27px; border:1px solid #DDD; background:#F2F2F2 url('images/lhboard/btn_cancel.png') no-repeat 5px center !important; font-size:12px;} 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 {margin:0 auto; padding:2px; border:1px solid #ccc;} #the_content ul.map_ad {margin:0 auto; padding-top:20px;} #the_content ul.map_ad li {display:inline-block; width:100%; padding:0 10px 5px 13px; background:url(images/sub/sm_arr_02.gif) left 4px no-repeat; font-family:'NanumGothic', '';} #the_content ul.map_ad span {display:inline-block; float:right; width:83%; font-size:14px;} .max-upload-size {display:none} div#lhwb_wrap #pibsms_sns_pc img {width:24px; height:24px; margin:0 0 0 6px;} #lhwb_wrap .btn_list a {padding:4px 16px 4px 26px !important;} /***************************************/ /* ONLINE QUOTE */ /***************************************/ #quote_search input {vertical-align:middle;} #quote_search_submit {height:auto; border:none} #online_write_new_btn {margin-top:5px} #online_write_new_btn a {margin-top:5px; padding:5px 12px 5px 30px; border:1px solid #AC121A !important; background:#F22630 url('images/lhboard/btn_edit_light.png') no-repeat 5px center !important; color:#FFF!important; font-size:13px; font-weight:bold !important; text-decoration:none !important;} /* ?이?????*/ table.t1 {width:100%; margin:.5em 0px; border-collapse:collapse; border-top:4px solid #999 !important; border-bottom:3px solid #ccc !important; font-size:1em;} table.t1 tr {} /* colgroup ?로 td ???제?하?면 tr???의 */ table.t1 th, table.t1 td {padding:6px 6px 6px 6px; border:0px solid #c8c8c8; border-width:0 0px 0px 0;} table.t1 thead, table.t1 tfoot {background:#fff; font-size:1em; font-weight:normal;} table.t1 th {padding-top:10px; padding-bottom:10px; padding-left:10px; border-bottom:1px solid #ebebeb; background:#fff; font-weight:bold; text-align:left;} table.t1 td {border-bottom:1px solid #ebebeb; background:#fff; font-weight:bold; text-align:left;} table.t1 td.left {text-align:left;} table.t1 td.center {text-align:center;} table.t1 td.right {text-align:right;} /* ??????*/ input {border:1px #dfdfdf solid; background:#ffffff; color:#707070;} .checkbox {border:0px #dfdfdf solid;} .input {width:80px; height:14px; margin:1px; border:1px #dfdfdf solid; background:#ffffff; color:#707070;} .input_text {border:1px #C2C2C2 solid; background:#ffffff; color:#b3b3b3;} /* table */ table.t11 {width:100%; margin:.5em 0px; margin-bottom:30px; border-collapse:collapse; border-top:0px solid #218e94; border-right:0px solid #C8C8C8; border-left:0px solid #C8C8C8; font-size:1em; line-height:20px;} table.t11 th {padding:10px; background:#f4f4f4; color:#444444; font-weight:bold; text-align:center; vertical-align:middle;} table.t11 td {padding:10px; background:#f4f4f4; color:#444444; font-weight:normal; text-align:left; vertical-align:middle;} table.t11 .th1 {padding:10px; background:#fff; color:#444444; font-weight:bold; text-align:center; vertical-align:middle;} table.t11 .td1 {padding:10px; background:#fff; color:#444444; font-weight:normal; text-align:left; vertical-align:middle;} table.t11 caption {display:none} .year {padding:10px; color:#626d77; font-size:30px; font-weight:bold; font-family:"";} .day {color:#5d5a5a; font-size:17px; font-weight:bold; font-family:"";} /* 1:1?담문의 */ tr.pibs_board_write_form_content th {vertical-align:top;} tr.pibs_board_write_form_content textarea {width:619px;} table.t1.pibs_board_write_form th {width:70px;} input#pibs_board_write_form_title {width:350px;} table.t1.pibs_board_write_form input {width:120px;} table.t1.pibs_board_write_form input#online_upfile {width:250px;} table.t1.pibs_board_write_form input, table.t1.pibs_board_write_form textarea {padding:5px 8px; border-color:#B4B4B4;} #the_content table.t1.pibs_board_write_form {border-top:none !important; border-bottom:none !important;} #lhwb_board_write_btn_container {padding-right:12px; text-align:right;} /***************************************/ /* SIDEBAR SUBMENU */ /***************************************/ /***************************************/ /* Basic Board style */ /***************************************/ table.pibs_board th, table.pibs_board td {text-align:center} table.pibs_board td {font-weight:normal;} table.pibs_board td.pibs_board_subject {text-align:left} #the_content .pibs_board a {color:#333;} #the_content .pibs_board td {padding:10px; background:transparent} .pibs_board tr {cursor:pointer;} .pibs_board tr:hover {background-color:#f5f5f5;} table.pibs_board_write td {font-weight:normal;} table.pibs_board_write .pibs_board_write_content td {height:130px;} .lhb_thumnail {width:70px; height:50px;} /* Paging*/ #the_content .pageing a, #the_content .pageing strong {display:inline-block; height:24px !important; margin:2px; padding:0 2px; border:1px #fff solid; border-color:transparent; border-radius:0; background-color:#C5C5C5; background-image:none; color:#fff; font-weight:bold; font-weight:bold; text-decoration:none; line-height:24px; vertical-align:middle;} #the_content .pageing a:hover {background-color:#555 !important; color:#D6D6D6 !important; font-weight:bold;} #the_content .pageing strong {height:auto; border:1px solid #B9B9B9; background-color:#FFF !important; color:#686868;} .pageing a, .pageing strong {display:inline-block; width:20px; height:15px; padding-top:5px; overflow:hidden; border:1px solid #5dc6e0; color:#969696; font-size:11px; text-align:center; vertical-align:middle !important;} #content_container img.lhb_thumnail {width:70px; max-width:100%; height:60px;} /* ONLINE */ #online_list .pibs_board_num,#online_list .pibs_board_num {width:7%;} #online_list .pibs_board_username {width:15%;} #online_list .pibs_board_date {width:15%;} #the_content a.list_btn {display:inline-block; margin:0 2px; padding:5px 15px 5px 28px; border:1px solid #DDD; background:#F2F2F2 url('images/lhboard/btn_list.png') no-repeat 5px center; color:#666; font-size:13px; text-decoration:none;} #the_content a.confirm_btn {display:inline-block; margin:0 2px; padding:5px 15px 5px 28px; border:1px solid #DDD; background:#F2F2F2 url('images/lhboard/btn_confirm.png') no-repeat 5px center; color:#666; font-size:13px; text-decoration:none;} #the_content a.back_btn {display:inline-block; margin:0 2px; padding:5px 15px 5px 15px; border:1px solid #DDD; background:#F2F2F2; color:#666; font-size:13px; text-decoration:none;} tr.pibs_board_write_content td {background:#f5f5f5;} td.online_pwd_container label {display:block; text-align:center;} div.online_pwd_desc {margin-top:10px; color:#777; font-weight:normal; text-align:center;} table.t1 td.online_pwd_container {padding:30px 0; text-align:center;} /*ΰ*/ #main_contents h2 {font-size:36px;} #main_contents > div {position:relative;} .main_gallay {min-height:460px;} .main_gallay .main_gallay_inr {width:1400px; margin:0 auto;} .main_gallay .main_gallay_inr > div {position:relative; top:-120px; height:460px; padding:0 50px; border:1px solid #eeeeee; background:#fff; box-shadow:0px 0px 20px rgba(136, 136, 136, 0.08);} .main_gallay .main_gallay_inr > div h2 {margin:40px 0; padding:0 20px; background:url(images/main/gallay_h2_bg.png) no-repeat center; color:#000; text-align:center;} .main_gallay .gallay_box a > h4 {top:0; margin-top:21px; margin-bottom:11px; color:#0f5cad; font-size:20px; transition:padding-top 0.7s ease, top 0.7s ease;-webkit-transition:padding-top 0.7s ease, top 0.7s ease; -o-transition:padding-top 0.7s ease, top 0.7s ease; -moz-transition:padding-top 0.7s ease, top 0.7s ease;} .main_gallay .gallay_box:hover a > h4 {position:relative; top:-50px; padding-top:30px; background:#fff; transition:padding-top 0.7s ease, top 0.7s ease;-webkit-transition:padding-top 0.7s ease, top 0.7s ease; -o-transition:padding-top 0.7s ease, top 0.7s ease; -moz-transition:padding-top 0.7s ease, top 0.7s ease;} .main_gallay .gallay_box:hover a > p {position:relative; top:-50px; background:#fff;} .gallay_box {max-height:297px; text-align:center; box-sizing:border-box;/* overflow:hidden !important;*/ float: left; width: 196px; margin: 0 10px; } .main_gallay .gallay_box a > p {color:#797979; font-size:13px; font-weight:300; line-height:18px; top:0} .main_gallay .gallay_box a > span {/*width:285px; height:200px; display:block;*/} .main_gallay .gallay_box a > span img {width:100%;} .main_gallay .more {position:absolute; left:47%; bottom:-40px; padding:25px; border-radius:50%; background:#323232; transform:rotate(0deg); transition:transform 0.3s ease-in-out;/* transform:translate(100px);*/-webkit-transition:transform 0.3s ease-in-out;} .main_gallay .more:hover {background:#0f5cad; transform:rotate(180deg);} a.more_new { position: absolute; top: 44px; right: 70px; background: #fff; padding: 10px 15px; color: #ccc; display: block; font-weight: 300; font-size: 16px; } a.more_new span { padding: 0 7px; border: 1px solid #ccc; border-radius: 50%; margin-right: 6px; } a.more_new:hover { color: #0f5cad; transition: all 0.5s; } a.more_new:hover span { background: #0f5cad; border: 1px solid #0f5cad; color: #fff; transition: all 0.5s; } /*Ȳ*/ .main_Certif {padding:74px 0 56px 0; background:url(images/main/product_line_bg.png) no-repeat center top; text-align:center; background-size: cover; } .main_Certif > h2 {color:#fff; font-weight:300; font-family:'Roboto'; letter-spacing:2px;} .main_Certif > p {margin-top:15px; color:rgba(255, 255, 255, 0.5); font-size:18px; font-weight:100;} .main_Certif > a {display:inline-block; margin-top:40px; padding:11px 41px; border:1px solid #fff; border-radius:100px; color:#fff; font-size:14px; font-weight:100;} .main_Certif > img { position: absolute;top: 0;left: 49%;} .main_Certif > a:hover {border:1px solid #02376c; background:#02376c; transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} h3.certif_title { width: 1200px; text-align: left; margin: 0 auto; font-size: 18px; margin-bottom: 30px; padding-top: 10px; position: relative; } h3.certif_title:before { display: block; content: ""; clear: both; width: 34px; height: 4px; background: #c9252b; position: absolute; top: 0; left: 0; } /*޴*/ .main_QuickMenu {min-height:440px; margin:125px 0; background:url(images/main/main_QuickMenu_bg.png) no-repeat center;} .main_QuickMenu_inr {position:relative; width:1600px; margin:0 auto;} .QuickMenu {float:right; padding:156px 0;} .QuickMenu_Text {position:absolute; top:-20px; left:20px; background:#323232;} .QuickMenu_Text > div {padding:80px 95px;} .QuickMenu_Text > div > p, .QuickMenu_Text > div > p span {color:#fff; font-size:20px; font-weight:100; line-height:36px;} .QuickMenu_Text > div > p b {font-weight:400;} .QuickMenu_Text > div > p span {border-bottom:1px solid #fff;} .QuickMenu_Text > div > span {display:block; width:40px; height:1px; margin:25px 0; background:#fff;} .QuickMenu_Text > div > ul {padding-bottom:30px;} .QuickMenu_Text > div > ul li {color:#d9d9d9; font-size:16px; font-weight:100; line-height:30px;} .QuickMenu_Text > div > img {position:absolute; right:-52px; bottom:-73px;} .QuickMenu ul li {float:left; padding:0 70px; border-left:1px dashed rgba(255, 255, 255, 0.3);} .QuickMenu ul li:first-child {border-left:0;} .QuickMenu ul li span {display:block; margin-top:40px; color:#fff; font-size:16px; font-weight:300;} .QuickMenu ul li a > img {display:block; margin:0 auto;} /****** ******/ /*** λ縻 ***/ .ceo { position:relative; height: 740px; } .ceo .ceo_content_01 { width: 100%; height: 432px; background:url(images/sub/sub_ceo_img01.png) no-repeat center; color: #fff; font-weight: 300; text-align: center; } .ceo .ceo_content_01 p { padding-top: 125px; } .ceo .ceo_content_01 p .img_txt { display: block; font-size: 40px;font-family: roboto; margin-bottom: 25px; font-weight: 500; } .ceo .ceo_content_01 p span { font-weight: 400; } .ceo .ceo_content_02 { width: 1100px; border: 1px solid #dddddd; box-sizing: border-box; background: #fff; position: absolute; top: 325px; left: 50px; padding: 50px 40px; } .ceo_content_02 img { float: left; margin-right: 40px; } .ceo_content_02 .cc02_txt { float: left; color: #797979; font-weight: 300; line-height: 27px; width: 790px; } span.txt_title { display: block; margin-bottom: 5px; } b.txt_big { display: block; font-weight: 500 !important; color: #343434; font-size: 25px; float: left; } span.color_org { color: #dd7920; } p.ceo_name { float: right; margin-top: 40px; } /*** Ư ***/ .certifications ul { overflow: hidden; } .certifications ul li { float: left; width: 270px; margin-left: 40px; margin-bottom: 50px; } .certifications ul li:first-child { margin-left: 0px !important; } .certifications ul li img { border: 1px solid #ddd; box-sizing: border-box; width: 270px; } span.certifications_title { display: block; width: 270px; height: 40px; text-align: center; color: #fff; line-height: 40px !important; background: url(images/sub/sub_certifications_bg.png) center no-repeat; margin-top: 20px; } /*** ǰ ***/ .products_gallery ul { overflow: hidden; width: 100%; } .products_gallery li { width: 50%; float: left; border-bottom: #e8e8e8 1px solid; height: 200px;} .products_gallery li a { display: block; margin: 20px; overflow: hidden; } .products_gallery li a:hover { text-decoration: none !important; } .products_gallery li a img { width: 220px !important; height: 165px; margin-right: 30px; display: block; float: left; } .product_list_con { margin-left: 250px; } .product_list_con h3 { font-size: 20px !important; margin: 0 0 20px 0 !important; font-weight: 400 !important; line-height: 30px; } .product_list_con p { line-height: 18px; } /* ư */ #page_nav { border: 1px solid #ddd; float: left; width: 100%; background-color: #f5f5f5; box-sizing: border-box; margin-top: 40px; } #page_nav_prev_next { float: left; } #page_nav_prev_next a { border-right: 1px solid #ddd; } #page_nav a { display: inline-block; padding: 10px 15px; color: #333; } #goto_list { float: right; } #goto_list a { border-left: 1px solid #ddd; } /* ǰ ̵ */ #product_images_viewer { width: 100%; float: left; margin-bottom: 50px; } #product_images_viewer_main { width: 640px; margin: 0 auto; position: relative; } #product_images_viewer_main img { width: 640px; height: 480px; display: block; } #product_images_viewer_main .bx-wrapper .bx-controls-direction a { width: 39px; height: 70px; top: 50%; margin-top: -35px; } #product_images_viewer_main .bx-wrapper .bx-next { left: -55px; background: url(images/sub/arrow_01.png) no-repeat; } #product_images_viewer_main .bx-wrapper .bx-prev { left: 656px; background: url(images/sub/arrow_02.png) no-repeat; } #product_images_viewer_main .bx-viewport { height: auto !important; } /*** Խ ˻ ***/ #content_container #pibs_nboard_search, #pibs_nboard_search { background: #f4f4f4; padding: 20px 0px; border: 1px solid #ddd; } /*** ̵ ȭ ***/ .repair_call > .repair_content01 > img { margin: 0 auto; display: block; } .repair_call .repair_content01 { overflow: hidden;} .repair_call .repair_content01 dl { float: left; width: 183px; text-align: center; margin-left:17px; margin-top:50px; margin-bottom:70px; } .repair_call .repair_content01 dl:first-child { margin-left:0 !important;} .repair_call .repair_content01 dl dt {} .repair_call .repair_content01 dl dd { padding-top:20px; color: #555; font-weight: 300; } .repair_call .repair_content01 dl dd span { width:40px; height:2px; display: block; margin:0 auto; margin-bottom: 20px; margin-top: 2px; background: #555555; } .repair_call .repair_content02 { width:1200px; border: 1px solid #ddd; box-sizing: border-box; overflow: hidden; } .repair_call .repair_content02 .rc_left { width: 599px; padding: 30px; border-right:1px solid #ddd; box-sizing: border-box; overflow: hidden; float: left; } .repair_call .repair_content02 .rc_right { width: 599px; padding: 30px; float: left; box-sizing: border-box; } .repair_content02 .rc_left p { font-size: 25px !important; padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 20px; } .repair_content02 .rc_left p span.color_blu { color: #115dae; font-size: 20px; } .repair_content02 .rc_left .rcl_left { color: #555; font-weight: 300; width: 50%; float: left; } .repair_content02 .rc_left .rcl_right { color: #555; font-weight: 300; width: 50%; float: left;} span.rcl_subtxt { display: block; padding-top: 20px; font-size: 14px; font-weight: 300; width: 100%; float: left; color: #767676; background: url(images/sub/sub_repair_img09.png) no-repeat left center; padding-left: 10px; } .repair_content02 .rc_right p { font-size: 25px !important; padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 20px; } .repair_content02 .rc_right p.rcr_txt { border-bottom: none !important; font-size: 15px !important; color: #555; font-weight: 300; margin-bottom: 0 !important; padding-top: 30px; padding-bottom: 46px; background: url(images/sub/sub_repair_img08.png) no-repeat left center; padding-left: 120px; } .rc_right a { background: #115dae; color: #fff; width: 240px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; font-weight: 300; display: block; margin: 0 auto; } /*** ȭ ***/ .call { width: 1200px; height:335px; background: url(images/sub/sub_call_img.png) no-repeat left center; padding:40px 65px; box-sizing: border-box; } .call span.title { font-size: 25px; width: 560px; border-bottom: 1px solid #fff; display: block; color: #fff; margin-bottom: 10px; padding-bottom: 10px; } .call p { color: #fff; font-size: 15px; font-weight: 200; line-height: 28px; } .call span.call_bottom { font-size: 15px; border-bottom: 1px solid #fff; } .call p b { font-weight: 400; } span.call_number { display: block; font-size: 25px; font-weight: bold; line-height: 35px; margin-top: 10px; background: url(images/main/Certif_icon1.png) no-repeat left center; padding-left: 90px; } /*** ޴ ***/ #side_qmenu { position: fixed; top: 50%; right: 0; margin-top: -110px; z-index: 2000; transition: all 1s !important; } #side_qmenu li a.qmenu { padding-left: 50px; background-position: left center; background-repeat: no-repeat; width: 105px; line-height: 50px; right: -105px; text-align: right; } #side_qmenu li a { display: block; background-color: #000; height: 50px; opacity: 0.5; color: #fff; float: right; position: relative; transition: all 0.5s; font-size: 13px; font-weight:300; } #side_qmenu li:first-child { margin-top: 0px; } #side_qmenu li { margin-top: 1px; } #side_qmenu li a.qmenu.q01 { background:#000 url(images/main/quick_bt01.png) no-repeat 16px center; } #side_qmenu li a.qmenu.q02 { background:#000 url(images/main/quick_bt02.png) no-repeat 16px center; } #side_qmenu li a.qmenu:hover { right: 0; text-align: left; } #side_qmenu li a:hover { opacity: 1; } #side_qmenu li:after { content: ""; display: block; clear: both; } .bx-controls { display: none; }