/* 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=PT+Serif:400,700'); @import url('https://fonts.googleapis.com/css?family=Ubuntu:400,400i,500,500i'); @font-face{ font-family: 'notokr'; src: url('fonts/notokr-demilight.eot'); src: url('fonts/notokr-demilight.eot?#iefix') format('embedded-opentype'), url('fonts/notokr-demilight.woff2') format('woff2'), url('fonts/notokr-demilight.woff') format('woff'), url('fonts/notokr-demilight.ttf') format('truetype'), url('fonts/notokr-demilight.svg#notokr-demilight') format('svg'); font-weight: 300; font-style: normal; } @font-face{ font-family: 'notokr'; src: url('fonts/notokr-regular.eot'); src: url('fonts/notokr-regular.eot?#iefix') format('embedded-opentype'), url('fonts/notokr-regular.woff2') format('woff2'), url('fonts/notokr-regular.woff') format('woff'), url('fonts/notokr-regular.ttf') format('truetype'), url('fonts/notokr-regular.svg#notokr-regular') format('svg'); font-weight: 400; font-style: normal; } @font-face{ font-family: 'notokr'; src: url('fonts/notokr-bold.eot'); src: url('fonts/notokr-bold.eot?#iefix') format('embedded-opentype'), url('fonts/notokr-bold.woff2') format('woff2'), url('fonts/notokr-bold.woff') format('woff'), url('fonts/notokr-bold.ttf') format('truetype'), url('fonts/notokr-bold.svg#notokr-bold') format('svg'); font-weight: 600; font-style: normal; } @font-face{ font-family: 'notokr'; src: url('fonts/notokr-black.eot'); src: url('fonts/notokr-black.eot?#iefix') format('embedded-opentype'), url('fonts/notokr-black.woff2') format('woff2'), url('fonts/notokr-black.woff') format('woff'), url('fonts/notokr-black.ttf') format('truetype'), url('fonts/notokr-black.svg#notokr-black') format('svg'); font-weight: 900; font-style: normal; } 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: 'notokr', 'NanumGothic', '나눔고딕', Arial, Helvetica, dotum, sans-serif; font-weight: 400; } html{height: 100%; } body{position: relative; height: 100%; overflow-x:hidden;} td.tx_right{text-align: right !important; padding-right: 10px !important; } .right{float:right !important; } .left{float:left; } *{-webkit-tap-highlight-color: transparent; } *, :after, :before{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }img{max-width:100%; } #the_content{overflow: hidden; clear: both; } #the_content a {text-decoration:none; color: #333; } #the_content a:hover {text-decoration:underline} #the_content p{line-height: 28px; } #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; } /***************************************/ /* GENERAL */ /***************************************/ #site_wrap{width: 100%; float: left; position: relative; } .wrap {width:100%; max-width:1240px; margin:0 auto; clear:both; position:relative; } .wrap:after{display:block; visibility:hidden; clear:both; content:""} a {text-decoration:none; } .screen-reader-text{display: inline-block; text-indent: -9999px; width: 0; } .clear_hack {clear:both} .coming_soon {text-align:center; font-weight:bold; margin-top:40px; color:#666; font-size:12px; }#main_container_inner {} .page #content_container {min-height:600px} /***************************************/ /* TABLE */ /***************************************/ table.table_05 td{text-align: center; padding: 15px 8px; border-bottom: 1px dotted #ddd; font-size: 11px; } table.table_05 th{font-weight: bold; text-align: center; background: #ddd; padding: 10px; font-family: 'NanumGothic', '나눔고딕'; color: #555; } table.table_05{border-top: 2px solid #1EB3EC; border-bottom: 1px solid #ddd; clear: both; float: left; width: 100%; } /***************************************/ /* HEADER */ /***************************************/ .slideRight {animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; } @keyframes slideRight{ 0%{ opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100%{ opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes slideRight{ 0%{ opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100%{ opacity: 1; -webkit-transform: none; transform: none; } } #header .pc_menu{display:block; } .mobile_menu{display:none; }/* 170726 mobile_menu */ .screen{position: fixed; top: 0; right: 0; width: 100%; left: 0; z-index: 99999; } .screen nav{position: absolute; top: 0; left: 0; width: 100%; height: 60px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); height: 100%; } .screen .menu-container{position: relative; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } .screen .view-submenu .menu-container{-webkit-transform: translateX(-100%); transform: translateX(-100%); height: 100%; } .screen.mobile_menu.is-visible{background: rgba(0, 0, 0, 0.8); height: 100%; } .screen ul{width: 100%; height: 100%; color: #ededed; z-index: 1; } .screen ul li a{font-size: 20px; font-weight:500; opacity: 0; display: block; padding: 26px 0; position: relative; cursor: pointer; border-radius: 0px; -webkit-transform: translateY(12px); transform: translateY(12px); -webkit-transition: opacity 0.15s 0.1s ease-out, -webkit-transform 0.15s 0.1s ease-out; transition: opacity 0.15s 0.1s ease-out, -webkit-transform 0.15s 0.1s ease-out; transition: opacity 0.15s 0.1s ease-out, transform 0.15s 0.1s ease-out; transition: opacity 0.15s 0.1s ease-out, transform 0.15s 0.1s ease-out, -webkit-transform 0.15s 0.1s ease-out; } .screen ul li.has-children span{position: absolute; top: 0; right: 0; bottom: 0; margin: auto; padding: 12px 16px; text-indent: -9999px; display: block; width: 100%; } .screen ul li.has-children span:after{content: ""; position: absolute; top: 0; right: 12px; bottom: 0; margin: auto; padding: 6px; width: 0px; height: 0px; cursor: pointer; font-size: 0; border-bottom: 2px solid #ededed; border-right: 2px solid #ededed; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .screen ul li.has-children span:hover:after{border-color: #bababa; } .screen .menu{} .screen .menu.is-visible{opacity: 1; padding: 70px 0; } .menu.is-visible li a{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); text-align: center; color: #fff; } .screen .view-submenu .menu{background-color: #3e3e3e; } .screen .view-submenu .menu > li > a{opacity: 0; -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .screen .submenu{position: absolute; top: 0; left: 100%; padding-top: 70px; } .screen .submenu li{margin-left: 60px; } .screen .hide-submenu{position: absolute; top: 0; left: 0; width: 60px; height: 100%; cursor: pointer; background-color: rgb(38, 34, 98); -webkit-transition: background-color 0.25s ease-out; transition: background-color 0.25s ease-out; } .screen .hide-submenu:before{opacity: 0; content: ""; position: absolute; top: 0; right: 12px; bottom: 0; margin: auto; padding: 4px; width: 6px; height: 6px; cursor: pointer; font-size: 0; border-bottom: 2px solid #ededed; border-right: 2px solid #ededed; -webkit-transform: rotate(135deg); transform: rotate(135deg); left: 0; right: -6px; -webkit-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; } .menu-container li.mob_lang span > a{font-size: 12px; display: inline-block; float: left; padding: 0 20px; border: 1px solid #fff; border-radius: 50px; margin: 0 5px; } .menu-container li.mob_lang span > a:hover{background: #262262; border: 1px solid #363184; color: #d9d6ff; } .menu-container li.mob_lang span{display:inline-block; } .menu-container li.mob_lang{text-align:center; margin-bottom: 20px; } .mobile_menu li{clear:both; } .screen .view-submenu .hide-submenu:before{opacity: 1; -webkit-transition: opacity 0.15s 0.3s ease-out; transition: opacity 0.15s 0.3s ease-out; } .screen .toggle{position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; top: 25px; right: 15px; margin: auto; cursor: pointer; z-index: 999; padding: 10px; } .screen .toggle span{position: relative; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; font-size: 0; width: 30px; height: 3px; background-color: #ededed; border-radius: 100px; -webkit-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .screen .toggle span:before, .toggle span:after{content: ""; position: absolute; width: 100%; height: 100%; background-color: #ededed; border-radius: 100px; -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; } .screen .toggle span:before{bottom: calc(100% + 7px); } .screen .toggle span:after{top: calc(100% + 7px); } .screen.is-visible .toggle span{background-color: transparent; } .screen.is-visible .toggle span:before{bottom: auto; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .screen.is-visible .toggle span:after{top: auto; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .screen .visually-hidden{border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .toggle.addhead span, .toggle.addhead span:before, .toggle.addhead span:after{background: #262262; } .screen .toggle.addhead{background: #fff; padding: 25px 11px; right: 15px; top: 0; border: 1px solid #ddd; } #header{width: 100%; height: 80px; z-index: 99; position: absolute; top: 0px; left: 0; } #header:after{display:block; visibility:hidden; clear:both; content:""} #menu_container{width: 1240px; height: auto !important; position: relative; text-align:center; }#header_top{position: relative; height: 35px; width: 100%; }/*LOGO*/ #logo_top{display: inline-block; position: absolute; left: 5px; top: 0; z-index: 99; background: #262262; text-align: center; } #logo_top a{display:inline-block; padding: 30px 15px 55px 15px; } #right_menu{position: absolute; right: 0px; top: 0px; background: url(images/main/right_menu_bar.png) left center no-repeat; width:120px; text-align: right; }#right_menu a{color: #fff; line-height: 120px; padding: 0 3px 0 8px; font-size: 12px; font-weight: 100; background: url('images/main/lang_dot.png') left center no-repeat; } #right_menu a:first-child{background:none; } /* fullscreen-menu overlay */ #overlay{display: -webkit-box; display: -ms-flexbox; display: flex; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('images/main/top_bg2.png') left top repeat; z-index: 9; } #overlay div{display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 62vh; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }#overlay ul{list-style: none; padding: 0; z-index: 99999; width: 1200px; }#overlay ul{list-style: none; padding: 0; z-index: 99999; width: 1200px; margin-top: 250px; }#overlay ul li{float: left; width: 25%; /* padding: 3% 0 5% 3%; */ color: #fff; } #overlay ul li h2{font-weight: 400; font-size: 20px; text-align: center; color: #19b6ff; padding-bottom: 20px; }#overlay ul li a{display: block; color: #ddd; text-align: center; line-height: 42px; font-size: 16px; }#overlay ul li a:hover{color:#fff; } #language_site{position: absolute; display: inline-block; right: 0; top: 0px; }#language_site select{width: 130px; padding: 0.4em .7em; font-family: inherit; background: #0a6c5a url(images/main/lag_arrow.png) no-repeat right; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #065042; border-radius: 0px; color: #fff; font-size: 13px; }#overlay ul.nav_inn_sub{width: auto; margin: 0; }#overlay ul.nav_inn_sub li{width: 100%; display: block; }/*퀵메뉴*/ .quick_menu{position: absolute; right: -40px; top: 250px; width: 42px; } p.photo_kakao{position: FIXED; right: -190px; top: 85px; } /*SEARCH*/ #searchform{float: right; margin: 5px 5px 0 0; } .menu-top-container{width: 1240px; float: left; height: 30px; color: #666666; z-index: 1; text-align: right; line-height: 30px; background: #f0f0f0; } #searchform #searchsubmit {color: #5E5E5E; font-size:11px; background: #7ef3ff; padding: 3px 7px; border: 1px #64CDD8 solid; }/*TOP MENU*/ .menu-top-container{width: 100%; float:left; height:34px; color:#666666; z-index:1; text-align:right; line-height:30px; border-bottom:1px solid #e8e8e8; } .menu-top-container a {display: inline-block; color: #555555 !important; font-size: 12px; padding-left: 15px; line-height: 32px; } .menu-top-container a:hover{color: #003c68; } #menu-top{text-align: right; } #menu-top li{display: inline-block; } /* Effect 13: three circles */ #single_dropdown .cl-effect-13 a{-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }#single_dropdown .cl-effect-13 a::before{position: absolute; top: 15px; left: 50%; color: transparent; content: "."; text-shadow: 0 0 transparent; font-size: 1.2em; -webkit-transition: text-shadow 0.3s, color 0.3s; -moz-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; }#single_dropdown .cl-effect-13 a:hover::before, #single_dropdown .cl-effect-13 a:focus::before{color: #fff; text-shadow: 10px 0 #fff, -10px 0 #fff; } #single_dropdown .cl-effect-13 a:hover, .cl-effect-13 a:focus{color: #fdffdb !important; } /* MAIN MENU GENERAL*/ .menu_type {left:0; position:absolute; z-index:120; width:100% ; /* top: 0; */} /*MENU FULL DROPDOWN*/ #full_dropdown {/*background: #00747C; */ height: 42px; } #full_dropdown #main_menu {width:100.4%; margin:auto; } #full_dropdown #main_menu li {float:left; position:relative; } #full_dropdown #main_menu li a {float:left; display: inline-block; width: 100%; padding: 0px; font-size:14px; font-weight:bold; color:#444; font-family: NanumGothic, Arial, Helvetica, sans-serif; text-align: center; } #full_dropdown #main_menu ul {visibility:hidden; width: 100%; z-index:99; position:absolute; left:0; top:40px; width: 100%; padding-bottom:20px; padding-top: 10px; } #full_dropdown #main_menu ul li {float:none; display:block; width: 100%; } #full_dropdown #main_menu ul li a {display: block; float: left; color: #7ef3ff; font-size: 12px; padding: 9px 0; } #full_dropdown #main_menu ul li:first-child a{border:none; } #full_dropdown #main_menu ul li a:hover {color:#fff} #full_dropdown #main_menu_container{background: #00595F !important; } #full_dropdown #main_menu > li > a{background: #00747C; line-height: 42px; } /*MENU INLINE DROPDOWN*/ #inline_dropdown{position: absolute; width: 100%; bottom: 0; left: 0; } #inline_dropdown ul li {float:left; position:relative; } #inline_dropdown ul li a {float:left; display: block; padding: 0; width: 100%; font-size:15px; font-weight:bold; color:#F7FFFF; font-family:Arial, Helvetica, sans-serif; text-align: center; font-family: 'NanumGothic', '나눔고딕'; /*text-overflow: ellipsis; overflow: hidden; white-space: nowrap; */} #inline_dropdown ul li a:hover, #inline_dropdown ul > li.active > a {color:#083C3F} #inline_dropdown ul {margin:auto; padding-top: 0; position:relative} #inline_dropdown li {float:left; text-align:center; width: 100%; position: relative; } #inline_dropdown li ul{position: absolute; top: 37px; left: 0; visibility:hidden; background: #00747C; z-index: 9; } #inline_dropdown li ul li {text-align: center; float:left; width: auto; display: block; } #inline_dropdown li ul li a {color:#7ef3ff; font-size:12px; font-weight:bold; text-decoration:none; padding: 8px 10px; width: auto; } #inline_dropdown li ul a:hover{color:#fff; font-size:12px; font-weight:bold; text-decoration:none; } #inline_dropdown #main_menu > li > a{line-height: 42px; } div#single_dropdown{display: inline-block; padding: 0; margin-left: 20%; } #en div#single_dropdown{padding: 0 30px; } /*MENU SINGLE DROPDOWN*/ #single_dropdown #main_menu{} #single_dropdown #main_menu:after {display:block; content:''; clear:both; } #single_dropdown #main_menu li{float: left; position: relative; margin: 0px; text-align: center; } #single_dropdown #main_menu li:first-child a{background: none; } #single_dropdown #main_menu li a.active{color:#BD182B} #single_dropdown #main_menu li a:hover, #single_dropdown #main_menu li a.jquery_dropdown{color: #fff; font-weight:400; } #single_dropdown #main_menu li a:active{background-color: transparent; } #single_dropdown #main_menu > li > a{display: block; color: #fff; font-size: 16px; line-height: 120px; font-weight: 400; padding: 0 35px; } #single_dropdown #main_menu > li > a.active:before{content: ""; display: block; border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0); border-bottom: 7px solid #0086b3; position: absolute; bottom: -1px; margin-left: -7px; left: 50%; } #single_dropdown #main_menu > li > a:hover span, #single_dropdown #main_menu > li > a.jquery_dropdown span{display: block; width: 19px; height: 12px; background: url(images/menu_g.gif) 0 0 no-repeat; position: absolute; left: 50px; bottom: 0; z-index: 999; } #single_dropdown #main_menu ul{display: none; z-index: 9999; background-color: #fff; position: absolute; left: calc(50% - 80px); top: 95px; min-width: 160px; padding:10px 0 15px; } #single_dropdown #main_menu ul li{float: none; display: block; clear: both; margin: 0; width: 100%; } #single_dropdown #main_menu ul li a{display: block; font-size: 13px; font-weight: 400; line-height:35px; text-align: center; color: #333 !important; } #single_dropdown #main_menu ul li a:hover{color:#000; } #single_dropdown #main_menu ul li.dropdown_last_child a{border-bottom: none; } /*IE8 HACK*/ /* en-menu */ #en #single_dropdown #main_menu > li > a{padding: 0 25px;} /*메인 컨텐츠 메뉴*/ .main_contents{overflow: hidden; background: #fff; padding: 80px 0px; } div#contents{width: 100%; position: relative; z-index: 1; } .Mcot1{display: inline-block; float: left; position: relative; padding: 30px 40px 0 40px; } .notice .time{display:none; } .notice{display: inline-block; } .notice a{color:#666; } .notice li{font-size: 12px; padding-left: 8px; background: url(images/main/notice_bullet.png) no-repeat 0 center; line-height: 20px; } .btn_more{position:absolute; top:28px; right:40px; } .m_pro{display: inline-block; border-left: 1px solid #e0e2e3; float: left; position: relative; padding: 30px 39px; } .m_buss{position: relative; display: inline-block; width: 320px; background: #0099ab; float: right; padding: 30px 40px; color: #fff; } .m_buss a{color:#99d5dc; font-size:13px; } .m_buss ul{padding-bottom: 32px; display: inline-block; width: 100%; } .m_buss li{width:33.3%; float:left; text-align:center; color:#99d5dc; padding-top:110px; font-size: 13px; } .m_buss .bus01{background: url(images/main/business_icon01.png) no-repeat center top; } .m_buss .bus02{background: url(images/main/business_icon02.png) no-repeat center top; } .m_buss .bus03{background: url(images/main/business_icon03.png) no-repeat center top; } .m_buss .bus01 a, .m_buss .bus02 a, .m_buss .bus03 a{padding-top: 111px; } .btn_down{display: inline-block; } .Mbanner{width: 319px; margin-top: 35px; border: 1px solid #ddd; overflow: hidden; } .Mbanner li{width: 50%; float:left; text-align:center; padding: 60px 0 10px 0; } .Mbanner li.ban01{background: #e7e7e7 url(images/main/banner_icon01.png) no-repeat center 20px; } .Mbanner li.ban02{background: #e7e7e7 url(images/main/banner_icon02.png) no-repeat center 15px; } .Mbanner li.ban01 a{color:#111; padding: 60px 30px 10px 30px; } .Mbanner li.ban02 a{color:#111; padding: 60px 60px 10px 60px; } .m_input{margin-top: 15px; } .m_contents02 ul li{background-image: url(images/main/back_02.png); float: left; width: 49%; margin-right: 5px; text-align: center; height: 95px; margin-bottom: 5px; padding-top: 10px; position: relative; } .m_contents02 p{clear: both; } li.margin_no{margin: 0 !important; } .m_contents02 ul li p{margin: 5px 0 0 0; } .m_contents02 ul li span{font-size: 15px; position: absolute; top: 78px; right: 35px; color: #555555; font-weight: 800; } /*MENU CHILD PROGRAM*/ .categories_submenu_hack {display:none} #main_menu.items_num_1 > li {width: auto; } #main_menu.items_num_2 > li {width: 50%; } #main_menu.items_num_3 > li {width: 33.3%; } #main_menu.items_num_4 > li {width: 25%; } #main_menu.items_num_5 > li {width: 20%; } #main_menu.items_num_6 > li {width: 16.6%; } #main_menu.items_num_7 > li {width: 14.2%; } #main_menu.items_num_8 > li {width: 12.5%; } #main_menu.items_num_9 > li {width: 11.1%; } #main_menu.items_num_10 > li {width: 10%; } #main_menu.items_num_11 > li {width: 9%; } #main_menu.items_num_12 > li {width: 8.3%; } .mainboard{position: absolute; width: 100%; /* border-top: 1px solid #e3e3e3; */ overflow: hidden; height: 65px; background: #1756c0; top: -65px; } .mainboard_inr_all{width: 1240px; margin: 0 auto; clear: both; } .mainboard_inr_all > div{float: left; width: 50%; position: relative; } .mainboard #notice_list{float: left; width: 80%; } .mainboard_inr.board_sli2{width: 583px; padding-left: 16px; } .mainboard div h3 img{display: inline-block; vertical-align: middle; margin-right: 10px; } .mainboard div h3{float: left; font-size: 18px; color: #fff; font-weight: 400; line-height: 170%; margin-right: 30px; margin-left: 30px; line-height: 65px; font-family: roboto; } .mainboard_inr.board_sli1{border-right: 1px solid #dedede; } .mainboard div ul{float: left; width: 100%; /* background: url(../image/main/lineboard.png) no-repeat left; */padding: 0 40px; margin: 17px 0 13px 0; } .mainboard div ul li{position: relative; display: block; width: 100%; text-align: left; } .mainboard div ul li a{color: #fff; line-height: 170%; } .mainboard div ul li span{position: absolute; right: 40px; font-family: 'Montserrat', sans-serif; color: #888; font-size: 12px; letter-spacing: 1px; /* padding: 0 20px; */background: url(../image/main/lineboard.png) no-repeat left; display: none; } .mainboard div p{float: right; /* margin: 10px 0 8px 0; */position: absolute; right: 10px; top: 6px; } #notice_prev, #faq_prev{position: absolute; right: 50px; top: 0px; }img.arrow_bar{position: absolute; top: 13px; right: 37px; } .mainboard div p a{display: inline-block; /* border: 1px solid #d3d3d3; */text-align: center; cursor: pointer; } .mainboard div p a img{vertical-align: middle; /* display: block; */padding: 9px 6px; } .mainboard div p a:first-child{} #main_products ul {width:1200px; margin:0 auto; } #main_machinery{overflow: hidden; margin-bottom: 80px; } #main_machinery ul{width:1240px; margin:0 auto; } #main_products ul > li{float: left; position: relative; background-size: 100%; -webkit-transition:background-size 0.7s ease; transition: background-size 0.7s ease; -ms-transition: background-size 0.7s ease; -moz-transition: background-size 0.7s ease; -webkit-transition: background-size 0.7s ease; -o-transition: background-size 0.7s ease; overflow: hidden; cursor: pointer; }#main_machinery ul > li{float: left; position: relative; overflow: hidden; cursor: pointer; border: 1px solid #ddd; border-right: none; width: 246px; height: 246px; } .main_pro1 {width:50%; height:325px; background: url(images/main/main_pro1.png) center top no-repeat; } .main_pro2 {width:50%; height:325px; background: url(images/main/main_pro2.png) center top no-repeat; } .main_pro3 {width:25%; height:266px; background: url(images/main/main_pro3.png) center top no-repeat; } .main_pro4 {width:25%; height:266px; background: url(images/main/main_pro4.png) center top no-repeat; } .main_pro5 {width:25%; height:266px; background: url(images/main/main_pro5.png) center top no-repeat; } .main_pro6 {width:25%; height:266px; background: url(images/main/main_pro6.png) center top no-repeat; } .main_mac01 {background: #fff url(images/main/mc_icon01.png) center top no-repeat; } .main_mac02 {background: #fff url(images/main/mc_icon02.png) center top no-repeat; } .main_mac03 {background: #fff url(images/main/mc_icon05.png) left top no-repeat; } .main_mac04 {background: #fff url(images/main/mc_icon04.png) center top no-repeat; /*border-right:1px solid #ddd !important; */} .main_mac05{background: #fff url(images/main/mc_icon03.png) center top no-repeat; border-right:1px solid #ddd !important; } .pro_name.white{color: #fff !important; } #main_products ul > li:hover {background-size: 120%; -webkit-transition:background-size 0.7s ease; transition: background-size 0.7s ease; -ms-transition: background-size 0.7s ease; -moz-transition: background-size 0.7s ease; -webkit-transition: background-size 0.7s ease; -o-transition: background-size 0.7s ease; transition: background-size 0.7s ease; }#main_machinery ul > li:hover {} #main_products ul > li:nth-child(3) {margin-right:0; } #main_products ul > li:last-child, #main_machinery ul > li:last-child {margin-right:0; } #main_products ul > li >.pro_name, #main_machinery ul > li >.pro_name{/* float: right; */display: inline-block; margin-right: 17px; margin-top: 13px; font-size: 15px; color: #525252; position: absolute; right: 0; top: 0; } #main_products ul > li:nth-child(4), #main_products ul > li:nth-child(5), #main_products ul > li:nth-child(6), #main_machinery ul > li:nth-child(4), #main_machinery ul > li:nth-child(5), #main_machinery ul > li:nth-child(6) {margin-bottom:0; } #main_products ul > li:hover .pro_name, #main_machinery ul > li:hover .pro_name {display:none; } #main_products ul > li > a, #main_products ul > li > a{width: 389px; height: 325px; display: block; } .pro_hov{height: 100%; /* width: 100%; */padding: 0px; /* background: #4a2918; */background: rgba(12, 25, 52, 0.6); opacity: 60%; filter: alpha(opacity=60); /*display: none; */position: absolute; top: 296px; /*top:0; */ left: 0; width: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-transition: opacity 0.5s ease, top 0.3s ease; -webkit-transition: opacity 0.5s ease, top 0.3s ease; -o-transition: opacity 0.5s ease, top 0.3s ease; transition: opacity 0.5s ease, top 0.3s ease; } #main_machinery .pro_hov{height: 100%; /* width: 100%; */padding: 0px; /* background: #4a2918; */background: #262262; opacity: 60%; filter: alpha(opacity=60); /*display: none; */position: absolute; top: 0px; /*top:0; */ left: 0; width: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-transition: opacity 0.5s ease, top 0.3s ease; -webkit-transition: opacity 0.5s ease, top 0.3s ease; -o-transition: opacity 0.5s ease, top 0.3s ease; transition: opacity 0.5s ease, top 0.3s ease; } #main_machinery .main_mac01 .pro_hov{background: #262262 url(images/main/mc_icon01_on.png) center top no-repeat; } #main_machinery .main_mac02 .pro_hov{background: #262262 url(images/main/mc_icon02_on.png) center top no-repeat; } #main_machinery .main_mac03 .pro_hov{background: #262262 url(images/main/mc_icon05_on.png) center top no-repeat; } #main_machinery .main_mac04 .pro_hov{background: #262262 url(images/main/mc_icon04_on.png) center top no-repeat; } #main_machinery .main_mac05 .pro_hov{background: #262262 url(images/main/mc_icon03_on.png) center top no-repeat; } .pro_hov_inr > a{display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; } #main_products ul > li:hover .pro_hov, #main_machinery ul > li:hover .pro_hov{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-transition: opacity 0.7s ease, top 0.3s ease; -webkit-transition: opacity 0.7s ease, top 0.3s ease; -o-transition: opacity 0.7s ease, top 0.3s ease; transition: opacity 0.7s ease, top 0.3s ease; top:0; } .more{font-size: 17px; color: #ffffff; font-weight: 200; display: inline-block; border: 1px solid #ffffff; padding: 10px 20px; /* margin-top: 30px; */position: relative; text-align: center; font-family: roboto; margin-top: 130px; } .main_pro3 .more, .main_pro4 .more, .main_pro5 .more, .main_pro6 .more{margin-top: 110px; }#main_machinery ul > li h2{font-size: 18px; font-weight: 600; margin-top: 170px; margin-bottom: 10px; color: #004993; }#en #main_machinery ul > li h2{font-size: 16px; font-weight: 600; margin-top: 170px; margin-bottom: 10px; color: #004993; }#main_machinery ul > li span{color: #666; font-size: 14px; text-align: center; display: block; } .pro_hov > div{border: 5px solid #0060ff; height: 100%; text-align: center; } #main_machinery .pro_hov > div{border: none; height: 100%; text-align: center; } #main_container_inner02 .pro_hov > div > a > h2{font-size: 18px; color: #fff; font-weight: 300; margin-top: 170px; margin-bottom: 10px; }#en #main_container_inner02 .pro_hov > div > a > h2{font-size: 16px; color: #fff; font-weight: 300; margin-top: 170px; margin-bottom: 10px; } #main_container_inner02 .pro_hov > div > a > span{color: #91a7f8; font-size: 14px; }div#main_container_inner02{background: #f4f4f4; padding: 80px 0; overflow:hidden; }#main_container_inner02 h2{font-size: 36px; text-align: center; color: #162a8f; margin-bottom: 50px; }#en #main_container_inner02 h2{font-size: 30px; }#main_container_inner02 h2 span{display: block; font-size: 22px; margin-top: 15px; color: #000; font-family: lato; font-weight: 100; } .mainboard02 h3 a{font-size: 19px; margin-bottom: 20px; font-weight: 600; background: url(images/main/more01.png) right center no-repeat; display: block; color: #000; } .performance, .online{width: 50%; display: inline-block; float: left; } .performance{padding-right:70px; } .online{padding-left:70px; } .mainboard02 ul li{display: block; clear: both; overflow: hidden; width: 100%; line-height: 61px; } .main_date{text-align: center; width: 70px; float: left; padding: 15px 0; border-bottom: 1px solid #ddd; line-height: 24px; }span.date{font-size: 25px; color: #262262; font-family: roboto; display: block; }span.yearmonth{font-size: 13px; font-family: roboto; } .main_title{float: left; margin-left: 30px; line-height: 79px; border-bottom: 1px solid #ddd; width: 450px; } .main_title a{font-size: 17px; color: #000; display: block; padding: 0px 10px; } .mainboard02 ul li:last-child .main_date, .mainboard02 ul li:last-child .main_title{border-bottom:none; }/***************************************/ /* PIBS SLIDER */ /***************************************/ .page-template-page_business-php {overflow-y: scroll; } #pibs_slider {width:900px; position:relative; margin-bottom: 20px; float:left; } #pibs_slides_wrap {top:0; left:0; float: left; } #pibs_slider_menu{float: left; width: 53%; padding: 10px 0; margin-bottom: 20px; } #pibs_slider_menu li {float:left; height:40px; width: 200px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #pibs_slider_menu a{display: block; position: relative; font-family: "nanumgothic", Malgun Gothic, Arial, Verdana, sans-serif; height: 40px; width: 200px; text-align: center; line-height: 38px; border-right: 1px solid #ddd; color:#555555; } div#slider_01{margin-bottom: 30px; } #pibs_slider_menu a:hover{text-decoration:none; color:#555555; } #pibs_slider_menu a.current{height: 40px; width: 200px; text-align: center; color: #fff; background-color: #076baa !important; } #pibs_slider_menu a:hover.current{background:none; color:#555555; cursor: default; } #pibs_slider_menu .coda-nav #slider_business-nav-ul {margin-left:0 !important; } #pibs_slider_menu{float: left; width: 100%; margin-bottom: 40px; float: left; padding: 10px 0; margin-bottom: 20px; border-left: 1px solid #ddd; } /***************************************/ /* SIDEBAR */ /***************************************/ #sidebar{position: relative; } #sub_left_container{width: 100%; text-align: center; z-index: 8; background: #262262; } #sidebar_menu{position: relative; display: inline-block; margin: 0 auto; font-size:0; } ul#sidebar_menu > li{display: inline-block; overflow: hidden; text-align: center; } #sidebar_menu > li > a{display: block; color: #fff; padding: 15px; font-size: 15px; line-height: 16px; min-width: 145px; margin-right: 1px; } .tax-products3_categories #sidebar_menu li a, .parent-pageid-1692 #sidebar_menu li a{width: 225px !important; } #sidebar_menu li.cat-item a{font-size: 15px; width: 175px; letter-spacing: -0.5px; } #en #sidebar_menu li.cat-item a{/*width: 225px; */} #sidebar_menu li.page_item.page-item-2132 a{width: 210px; } .tax-products_categories #sidebar_menu li a, .single-products #sidebar_menu li a{font-size: 15px; width: 225px; 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: #000; background: #fff; } .tax-products_categories #sidebar_menu li.page_item.page-item-2122 a, .single-products #sidebar_menu li.page_item.page-item-2122 a{color: #000; background: #fff; } #sidebar_menu li a:hover{color: #68659a; font-weight:400; } #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; } .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, .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; */ } @media screen and (min-width:1025px){ #sidebar_menu{width:100% !important; max-width:1240px;} #sidebar_menu li {width:20%;} #sidebar_menu > li > a {width:100%;} } .children{display: none; } .current_page_item .children, .current_page_parent .children{/*display:block;*/ } ul.children{position: absolute; z-index:9; top: 250px; left: 0px; text-align:center; width:100%; } ul.children li{display: inline-block; } #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{color: #333; background: #fff; border: none; } #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{background:#e6e6e6; border: none; color: #000; } /* en */ #sidebar #sidebar_menu .page-item-1716 a, #sidebar #sidebar_menu .page-item-1714 a, #sidebar #sidebar_menu .page-item-1695 a, #sidebar #sidebar_menu .page-item-1698 a{line-height:35px !important; } #sidebar #sidebar_menu .page-item-1720 > a{width:110px; height:32px; } #sidebar #sidebar_menu .page-item-1720 > a{line-height:35px !important; } #sidebar #sidebar_menu .page-item-1768 a{width:110px; height:32px; line-height:35px !important; } /* Call center #customer_box{overflow: hidden; width: 238px; border-left: #dcdcdc 1px solid; border-right: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; padding: 20px 0; margin-bottom: 30px; } #customer_box h2 {font-size:14px; line-height:15px; font-family:'NanumGothic','나눔고딕', Arial, Helvetica, sans-serif; color:#565645; padding:10px 0 10px 20px; font-weight: 600; } #customer_box h2 span{font-size:14px; line-height:15px; font-family:'NanumGothic','나눔고딕', Arial, Helvetica, sans-serif; color:#777; font-weight: 600; } #customer_box .customer_tell{letter-spacing: -1px; padding: 5px 0 5px 20px; color:#013b68; font-size:31px; font-family:'NanumGothic','나눔고딕', Arial, Helvetica, sans-serif; font-weight: bold; } #customer_box .customer_fax{color:#666666; font-size:14px; padding: 0 0 5px 20px; font-family:'NanumGothic','나눔고딕', Arial, Helvetica, sans-serif; font-weight: 600; } #customer_box .customer_mail{color:#6b6b6b; font-size:11px; padding: 5px 0 10px 20px; font-family:'NanumGothic','나눔고딕', Arial, Helvetica, sans-serif; font-weight: 600; } */ #category_menu {overflow:hidden; margin:30px 0 20px !important; background:#f5f5f5; } #category_menu li {float:left; border-right:1px solid #fff; border-bottom:1px solid #fff; } #category_menu li.end {border-right:0 none; } #category_menu li a{display: block; width: 100px; height: 45px; font-size: 13px !important; /* font-weight: normal !important; */color: #636363 !important; text-align: center; background: #e6e6e6; line-height: 42px; /* font-weight: bold; */font-weight: bold; } #category_menu li.ed a {width:149px; } .parent-pageid-412 #category_menu li a {width:149px; } #category_menu li a:hover {color:#fff !important; text-decoration:none !important; background:#006ead; } #category_menu li.current-cat a {color:#fff !important; text-decoration:none !important; background:#006ead; } #category_menu li.on a {color:#fff !important; text-decoration:none !important; background:#002c99; } /***************************************/ /* MAIN */ /***************************************/ #main_container{width: 100%; height:100%; } #slideshow_container{height: 100%; width: 100%; }#main_banner_container{clear: both; width: 100%; float: left; height: 170px; background: url(images/main/banner_bg.gif) center top no-repeat; } #main_banner_container h2{width: 240px; float: left; text-align:right; } #main_banner_container h2 img{display:block; padding:30px 30px 0 0; float:right; } #content_container{width: 100%; margin:0 auto; position: relative; overflow:hidden; } #sub_slogan{position: absolute; top: -191px; right: 0; z-index: 99; } #slideshow img, #slideshow a {display:none} #slideshow img:first-child, #slideshow a:first-child {display:block}/* #slideshow_container{position: relative; z-index: 0; width: 100%; height: 880px; clear: both; overflow: hidden; } */ #slideshow{width: 100% !important; position: relative; height: 100%; } #slideshow .slides {width: 100% !important; height: 100% !important; display:none; background: transparent no-repeat center top; background-size: cover; } #slideshow .slides.first {display:block} #slideshow #slide_01 {background-image: url(images/main/visual_img01.jpg); } #slideshow #slide_02 {background-image: url(images/main/visual_img02.jpg); } #slideshow #slide_03 {background-image: url(images/main/visual_img03.jpg); } #slideshow #slide_04 {background-image: url(images/main/visual_img04.jpg); } .main_text{position: absolute; top: 200px; z-index: 7; text-align: center; left: 50%; margin-left: -60px; } .main_text a{display: inline-block; color: #fff; font-size: 14px; padding: 10px 30px; margin-top: 40px; border: 2px solid #fff; border-radius: 500px; width: 150px; }#en .main_text a{display: inline-block; color: #fff; font-size: 14px; padding: 10px 30px; margin-top: 40px; border: 2px solid #fff; border-radius: 500px; width: 210px; } .main_text a:hover, #en .main_text a:hover{background:#fff; color:#000; border: 2px solid #fff; } #con3_prev, #con3_next{width: 48px; height: 45px; position: absolute; top: 165px; z-index: 1000; cursor: pointer; } #con3_prev{background: transparent url(images/main/arr_left.png) no-repeat; } #con3_next{background: transparent url(images/main/arr_right.png) no-repeat; right: 15px; } #slideshow_nav_container{position: relative; top: 0; left: 0; height: 0; z-index: 1000; } #slideshow_nav{position: absolute; bottom: 130px; z-index: 80; left: 0; width: 100%; text-align: center; } #slideshow_nav a{display: inline-block; padding: 0; margin: 2px; overflow: hidden; width: 13px; text-indent: 9999px; height: 13px; background-image: url(images/main/slide_navi_off.png); }#slideshow_nav a.activeSlide {width: 36px; height: 13px; background-image: url(images/main/slide_navi_on.png); } .pre{border:1px solid #000; overflow-x:auto; background: #222; color: #fff; text-shadow: none; } .wrapper{max-width: 319px; text-align: center; margin: 0 auto; } /***************************************/ /* SUBSLIDES */ /**************************************/ #sub_slides{clear: both; width:100% !important; } #sub_slides .slides {width:100% !important; height:293px; background: transparent no-repeat center top; display:none; } #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{clear: both; width: 100%; float: left; background:#f4f4f4; padding: 30px 0; } #main_con_bbs{clear: both; width: 100%; float: left; padding: 50px 0; } #bannerzone{clear: both; width: 100%; float: left; margin-top: 30px; } #bannerzone a {width:600px; display:block; float:left; } #bannerzone a img{display:block; } #main_bbs_inner{overflow: hidden; } .board_inner{border: #eee 1px solid; padding: 20px; overflow: hidden; height: 225px; } #home_board{float: left; width: 420px; background: #fff; } #home_board h2{line-height: 25px; padding:42px 0 20px 0; color:#0b4889; font-size:24px; text-align:left; } #home_board .panel-container li{clear: both; padding: 5px 0px; padding-right: 0; float: left; width: 100%; border-bottom:#dcdcdc 1px dotted; } #home_board .panel-container li a{color: #595959; font-size: 13px; width: 79%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #home_board .panel-container li span{float: right; font-size: 11px; color: #999; } #main_photos{width: 770px; background: #fff; float: right; } .photos_inner{border: #eee 1px solid; padding: 21px; overflow: hidden; position: relative; } #main_photos h2{color: #0090ba; font-size: 18px; font-weight: bold; background: url(images/main/photo_icon.gif) 0 0 no-repeat; padding-left: 34px; line-height: 29px; margin-bottom: 21px; } #photo_navi{position: absolute; top: 25px; right: 20px; } #photo_navi a{display:block; float:left; } #photo_navi a img{display:block; } #main_photos li{width: 33.3%; float: left; text-align: center; } #main_photos li a{display:block; text-align: center; } .p_photos{width: 230px; margin: 0 auto; position: relative; } .p_photos img{width:230px; height:173px; } .p_photos p{background: url(images/main/photo_bg.png) 0 0 repeat; position: absolute; bottom: 0; width: 100%; height: 30px; text-align: center; font-size: 13px; color: #fff; line-height: 30px; } /*****sub****/ #sub_container{clear: both; width: 100%; min-height: 500px; padding-bottom:80px;} #sub_container:after {display:block; visibility:hidden; clear:both; content:""} #sub_con_inner{position: relative; }#last_products{width: 968px; clear: both; margin-bottom: 20px; border: 1px solid #ddd; padding: 20px 15px 10px 15px; float: left; } #last_products li{float: left; width: 16.66%; text-align: center; } #last_products li:first-child{margin-left: 0; }/*HOME LOGIN BOX*/ #home_login{border:3px solid #2bb4be; width: 314px; float: left; height: 198px; } #home_login h2 {font-weight: bold; font-size: 14px; padding-bottom:10px; margin:10px 20px 0 20px; border-bottom: 1px dotted #ddd; } #home_login fieldset{width: 139px; padding-left: 20px; float: left; } .member_login_remember {clear: both; padding-top: 6px; line-height: 20px; font-size: 11px; color: #9e9e9e; width: 275px; margin: auto; text-align: center; } .member_login_remember strong {font-weight: bold; } .member_login_remember a {font-size: 11px; color: #2e2e2e; } .member_login_remember input{vertical-align: middle; } #home_login #submit {float: right; border: 1px solid #18A0AA; background-color: #2bb4be; width: 80px; font-size: 15px; font-weight: bold; color: #FFF; margin-right: 20px; cursor: pointer; height: 57px; } #home_login form {padding-top: 21px; } #home_login #pwd {margin-top: 3px; background: url('images/main/pw_bg.gif') no-repeat 1px center; display: inline-block; background-position: 0px 0px; border: 1px solid #2bb4be; } #home_login #user_name {background: url('images/main/id_bg.gif') no-repeat 0 center; display: inline-block; background-position: 0px 0px; border: 1px solid #2bb4be; margin-bottom: 4px; } .login_txt {background: url(images/main/join_txt.gif) no-repeat; border: 0; width: 155px; height: 23px; padding: 0 9px; } .login_txt2 {font-size: 11px; color: #636363; } #home_login_sigup_btn , #home_login_lost_btn{display: inline-block; background-color: #ddd; padding: 1px 0; width:100px; } #home_login_sigup_btn{margin: 0 4px; } .member_login_remember p{text-align: center; } .member_login_remember p a{display: inline-block; line-height: 24px; background: #ddd; padding: 3px 35px; margin: 10px 3px 0 0px; } #welcome_message{padding-bottom: 8px; margin: 0 0 15px 95px; color:#999; line-height:20px; } #welcome_message b {font-weight:bold; color:#333} #member_logged_in{margin: 12px 20px 0 20px; padding: 15px 10px; background: url('images/main/avatar.png') no-repeat 15px top; } #member_logged_in div a{display: inline-block; line-height: 24px; background: #ddd; padding: 3px 34px; margin: 10px 3px 0 0px; } #member_logged_in div{padding-top:15px; } #member_logged_in a {font-size: 11px; color: #2e2e2e; }#home_flash {width: 300px; height: 200px; float:left} #home_flash iframe {width: 300px; height: 200px; border:none} #home_video{float: right; width: 320px; background: #333; margin-left: 20px; height: 200px; } .last_posts{width: 300px; float: left; margin: 20px 10px; } .last_posts h2 {margin-bottom:15px; } .last_posts h2 a {font-size:14px; color:#333} .last_posts h2 a:hover{ color:#267daf} .last_posts li {padding-bottom: 4px ; margin-bottom: 3px; border-bottom: 1px dotted #ddd; } .last_posts li a {color:#333; display: inline-block; width: 230px; } .last_posts li a:hover {color:#267daf} .last_posts li span {color:#999 ; vertical-align: top; } #home_text{float: right; width: 320px; margin-left: 20px; margin-top: 20px; background: #eee; height: 200px; } #home_text p{padding: 25px; } #tabs_container{width: 100%; float: left; } .panel-container > div {display:none} .panel-container > div.first {display:block} ul.etabs{display: block; } .etabs li {float:left; position:relative; z-index:1; width:33.3%; } .etabs li a{border-top:#aaa 1px solid; border-bottom:#aaa 1px solid; height:40px; line-height:40px; display:block; font-size:15px; font-weight:bold; color: #888; text-align:center; } .etabs li.active a {color: #0090ba; border-top:#2bc1d3 3px solid; border-bottom:#2bc1d3 1px solid; height:38px; line-height:38px; } .panel-container {clear:both; padding-top: 23px; position:relative; } .panel-container li {padding: 3px 0px 2px 7px; /*background: white url('images/main/board_list_item.jpg') no-repeat left center; */} .panel-container li a {display:inline-block; width:212px; color:#333 ; padding: 3px 0 3px 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .panel-container li a:hover {color:#008FFF; } .panel-container li span {color:#999; font-size: 11px; } .panel-container p.more{position: absolute; bottom: 0; right: 0; } .panel-container p.more a {background-color: #4FA1B6; display:block; padding: 5px 10px; color: #fff; } /***************************************/ /* PARTNER BANNER jquery.simplyscroll.js */ /***************************************/ /* Plugin default */ .simply-scroll-container{position: relative; } .simply-scroll-clip{position: relative; overflow: hidden; } .simply-scroll-list{overflow: hidden; padding-left: 0; }/* Custom */ .simply-scroll{width: 930px; margin: auto; } .simply-scroll .simply-scroll-list li{float: left; /* Horizontal scroll only */ padding-left: 15px; padding-top: 8px; padding-bottom: 8px; }#home_banner{clear: both; padding: 20px 0; float: left; width: 100%; } #banner{position: relative} .nav_ads {position: absolute; height: 21px; width: 12px; top: 17px; 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; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #E5E5E5; width: 700px; } #the_posts_list .thumb {float: left; display: inline-block; margin-right: 20px; border: 2px solid #ddd; } #the_posts_list h2 a{font-size: 17px; color: #333; font-weight: bold; margin-bottom: 10px; display: block; } #the_posts_list h2 a:hover {color:#F22630; } #the_posts_list .detail {text-align:right; } #the_posts_list .detail a {display:inline-block; padding:10px 12px; color:#F22630; font-size:11px; background-color:#f5f5f5; border:#ddd solid 1px; font-weight:bold; } #the_posts_list .detail a:hover {background-color: #EEE; border: #ddd solid 1px; color: #2E7097; } #the_posts_list .excerpt {padding-left:208px; } .category-notice #main_container {min-height: 350px; } .category-notice #the_posts_list {margin-top:60px; } .category-notice #the_posts_list .excerpt {padding-left:0; } .category-notice #the_posts_list li{margin-bottom: 10px; padding-bottom: 0px; width: 700px; } .category-notice #the_posts_list h2 {padding-left: 10px; padding-right: 0; } .category-notice #the_posts_list h2 a{color:#555; width: 850px; float:left; display:inline-block; } .category-notice #the_posts_list h2 a:hover{color:#F22630} .category-notice #the_posts_list h2 span {float: right; padding-top: 5px; display: inline-block; color:#999} h1.notice_single_title {margin-top:30px; } /***************************************/ /* 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 */ /***************************************/ .login_first{text-align: center; margin-bottom: 20px; padding: 50px 0; } a.deconnection {font-size: 11px; color: #144F89; float: right; } a.go_profil {font-size: 14px; font-weight: bold; color: #589FE6}/* comments area */ .avatar {float:left} .avatar img {border:1px solid #ddd } #content_container .avatar img {padding-bottom:0} #comments, #respond{padding: 0; clear: both; color:#444; } .comment_user {list-style:none; background-color:#ddd; min-height:100px; margin:10px 0; } #respond{font-size: 20px; color: #6C6C6C; padding: 8px; border-bottom: #ddd solid 4px; border-top: #ddd solid 4px; margin-top: 30px; } #comments_container h3 { border-top:#E5E5E5 solid 4px; display: inline-block; width: 715px; width:100%; font-size:14px; margin-top:15px; font-weight:bold; color:#6C6C6C; padding: 10px 0; } .commentlist{margin: 0; list-style:none; margin:10px 0; } .commentlist{list-style:none; color:#FFFFFF; } .commentlist li {padding:0; color:#000; } .commentlist .alt{background: #fff; margin-top:0px; padding:0px; } .commentlist cite, .commentlist cite a, .commentlist cite a:visited{font-weight: bold; font-style: normal; color: #333; } .commentlist small{margin:0; display: block; font-size:11px; text-align:right; } #commentform{margin-top: 10px; font: 110% Arial, Helvetica, sans-serif; } #commentform p{padding: 6px 0px; margin: 0px; color:#333; border-bottom: 1px dotted #ddd; } #commentform p#comment_submit_container{border-bottom: none} #commentform label {color: #787878; } #commentform input {width: 200px; background:#eee; border: 1px solid #bdd77f; padding:3px; margin-top: 3px; } #commentform textarea {width: 550px; height: 115px; background:#eee; border: 1px solid #dbd8d3; padding: 2px; margin-top: 3px; } #commentform textarea:focus, #commentform input[type="text"]:focus{background: #ffffff; } #commentform #submit {background:#777; font-weight:bold; color: #ffffff; border: none; float:left; width:204px; height:30px; cursor: pointer; margin:0px 0px 10px 150px; } #comment_bubble {background-image: url(images/bubble.png); background-position: left center; background-repeat: no-repeat; color: #fff; display: inline-block; font-size: 14px; font-weight: bold; height: 34px; margin-left: 10px; padding-top: 12px; text-align: center; top: 0; vertical-align: 10px; width: 32px; } #commentform label {width: 150px; float:left; } #commentform input {border: 1px solid #dbd8d3; width: 275px; } #commentform label.error {font-size: 11px; margin-left: 250px; background: #fbfcda url(images/cancel.gif) no-repeat left; border:1px solid #dbdbd3; width:259px; margin-top:4px; padding-left:20px; } #commentaire {font-size:22px; } #commentaire_part_droit {margin-left:100px; } #commentby {border-bottom:solid #666 1px; padding-bottom:0; margin:0 5px 5px 0px; } .commentlist li.comment_user { padding:10px; background:#eee} .commentlist li.comment_user.alt { padding:10px; background:#fff} .commentlist li.comment_user a {color:#589FE6; font-size: 12px; font-weight: bold; }/*hightlight author comment*/ .authcomment{background-color:#fff !important; border:solid #ddd 1px; color:#666 !important; padding-right:5px; } .commentlist li.authcomment a {color: #F22630} .authcomment cite, .authcomment cite a, .authcomment cite a:visited{font-weight: bold !important; font-style: normal !important; color: #fff !important; } .authcomment #commentby {border-bottom: dotted #ddd 1px; padding-bottom: 4px; margin: 0 5px 5px 0px; } .authcomment a{color:#ddd; text-decoration:none; } .authcomment a:hover {color:#999999; text-decoration:underline; } /***************************************/ /* FORM */ /***************************************/ #estimation_call {float:left; } .page-template-page_estimation-php .wpcf7 , #estimation_notice {width: 646px; float: right; } .page-template-page_estimation-php .wpcf7{margin-bottom: 30px; } .page-template-page_estimation-php .wpcf7 .phone {width: 35px; } .page-template-page_estimation-php .wpcf7 p {border-bottom: 1px dotted #ddd; margin-bottom:10px; padding-bottom: 10px; } .page-template-page_estimation-php .wpcf7 p.submit_container {border-bottom: none} .page-template-page_estimation-php .wpcf7 b{display:inline-block; width:120px; color:#333; } .page-template-page_estimation-php .wpcf7 b.title_textarea {vertical-align: top; padding-top: 5px; } .wpcf7 .estimation_appointment input {width:160px} .wpcf7 .estimation_name input {width: 90px; } .wpcf7 input, .wpcf7 textarea{border: 1px solid #BBB; } .wpcf7 textarea{width: 480px; margin-left: 6px; resize: vertical; height: 100px; min-height: 100px; } .wpcf7 .wpcf7-submit {cursor:pointer; font-size:14px; text-decoration: none; border:none; color: #fff; background: #F22630; display: inline-block; padding: 10px 30px; border-radius: 6px; margin: 10px; font-weight: bold; } /***************************************/ /* ERROR 404 */ /***************************************/ #error_content h1 {margin-top:50px; text-align: center; font-size: 22px; color: #666; font-weight:bold; } #error_content h2 {margin-top:10px; margin-bottom: 15px; text-align: center; font-size: 40px; font-weight: bold; color: #267DAF; } #error_content p {color:#555; } #error_content p a {text-decoration: none; color:white; background: #F22630; display: inline-block; padding: 10px 20px; border-radius: 6px; margin: 10px 0 40px 0; font-weight: bold; } #error_content p a span {width:0; height:0; display:inline-block; border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-right: 7px solid #fff; margin-right:10px; vertical-align:-3px; } #error_content p, #error_404 form{text-align:center; } #error_content form {margin:0 0 15px 0} #error_content #search_submit {border: none; cursor:pointer; background:#ddd; color:#333; padding: 6px 20px; border-radius: 6px; font-weight: bold; } #error_content #search_field {border: 1px solid #aaa; width: 220px; font-size: 12px; padding: 4px 8px; } /***************************************/ /* FOOTER */ /***************************************/ #footer{clear: both; width: 100%; overflow:hidden; text-align:center; position: absolute; bottom: 30px; left: 0; color:#fff; z-index: 10; } select::-ms-expand{/* for IE 11 */display: none; } .page #footer {padding: 30px 0; border-top: 1px solid #ddd; } #footer p{font-size: 12px; line-height: 21px; } #footer span, #footer p.copy_tx a{display: inline-block; font-size: 12px; color:#fff; } #footer span a{color:#fff; font-size: 13px; } #footer p.copy_tx{opacity: 0.5; padding-top: 7px; display: inline-block; font-size: 12px; color: #fff; font-weight: 300; } .page #footer, .page #footer span a {color:#000; clear: both; position: relative; bottom: 0; } .page #footer p, .page #footer span{font-size: 13px; opacity: 1; color:#000; } /***************************************/ /* 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{text-decoration: none; font-size: 14px; color: #737373; text-align: center; border: none; background: #fff; } #breadcrumbs a:hover {color:#F22630; } #breadcrumbs .home{text-indent: -10000px; background: url(images/sub/icon_home.png) 0 1px no-repeat; display: inline-block; width: 13px; height: 12px; background-position-y: 2px; background-position-x: 1px; } .category #breadcrumbs {margin-bottom: 20px; } /***************************************/ /* WP-PAGENAVI PLUGIN CUSTOM STYLE */ /***************************************/ .wp-pagenavi, #the_content .wp-pagenavi {width:100%; text-align:center; clear: both; padding-top: 20px; margin-bottom: 40px; height: 40px; } .wp-pagenavi span, .wp-pagenavi a, #the_content .wp-pagenavi span, #the_content .wp-pagenavi a{vertical-align: middle; display:inline-block; } .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 {border:1px #fff solid; border-color: transparent ; padding: 2px 6px 2px 6px; margin: 2px; text-decoration: none; font-weight:bold; } .wp-pagenavi a,#the_content .wp-pagenavi a {background-color: #D7E8FA; color: #709ECF; border-color: #A1BEDD; } .wp-pagenavi a:hover, #the_content .wp-pagenavi a:hover{background-color: #7BA1CC; color: #fff ; text-decoration: none; border-color: #648BB6; } .wp-pagenavi span.current, #the_content .wp-pagenavi span.current{background-color: #B5D1F0; color: #6586A8; border-color: #8EA9C4; padding: 3px 6px 2px 6px; } .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 {padding: 2px 4px 2px 4px; margin: 2px; color: #000000; border: 1px solid #000000; background-color: #FFFFFF; } /***************************************/ /* BBPRESS PLUGIN CUSTOM STYLE */ /***************************************/ .bbp-forum-description, .bbp-breadcrumb {display:none; } .bbp-topic-permalink {color:#F22630; font-weight: bold; font-size:13px; display: block; } a:hover.bbp-topic-permalink {color:#EC5F00} .bbp-author-name, #bbpress-forums .bbp-topic-freshness a.bbp-author-name, #bbpress-forums .bbp-forum-freshness a, .bbp-topic-started-by {color:#bbb} .bbp-topic-freshness a {color:#333333} #bbpress-forums a:hover.bbp-author-name, #bbpress-forums .bbp-topic-freshness a:hover.bbp-author-name, .bbp-topic-freshness a:hover {color:#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 {cursor:pointer; font-size:14px; text-decoration: none; border:none; color: #fff; background: #F22630; display: inline-block; padding: 10px 30px; border-radius: 6px; margin: 10px; font-weight: bold; } #board_main_title {background:#fff url('images/title_board.gif') no-repeat left top scroll; width:490px; height:80px; } #content_container h1#bbpress_main_title {margin-bottom: 0px; margin-top: 20px; } #bbpress-forums .bbpress_button_container {height:56px; } #bbp_reply_content_ifr, #bbp_topic_content_ifr {height:190px !important} /***************************************/ /* CUSTOM SIGNUP STYLE */ /***************************************/ .page-template-signup-php #main_container{width: 960px; margin: 20px auto; } .mu_register label{display: block; font-size: 14px; padding-top: 10px; font-weight: bold; padding-bottom: 2px; } .mu_register .submit {cursor:pointer; font-size:14px; text-decoration: none; border:none; color: #fff; background: #F22630; display: inline-block; padding: 0px 9px; border-radius: 6px; margin: 10px 0; font-weight: bold; } .mu_register .error{margin-bottom: 4px; margin-top: 2px; background-color: #FFEBE8; border: 1px solid #CC0002; padding: 3px 10px; border-radius: 0px; font-weight: bold; } .mu_register #user_email, .mu_register #user_name{padding: 10px; font-size: 20px; border: 1px solid #AAA; } /***************************************/ /* MEMBERS SECTION */ /***************************************/ /*MENU MEMBERSHIP*/ #membership_menu{list-style: none; position: absolute; right: 32px; top: 0; border: 1px dotted #F22630; border-top: 0; padding-bottom: 3px; background-color: #F5FAFD; } #membership_menu li{float:left; } #membership_menu li a{color: #F22630; padding: 4px 12px; font-size: 11px; font-weight: bold; display: inline-block; } #membership_menu li a:hover {color:#2C76A2} #membership_menu li#user_welcome {padding: 4px 13px; color: #666} #membership_menu li#user_welcome span {font-weight: bold; }/* SIGNUP */ .page-template-signup-php #main_container{width: 960px; margin: 20px auto; } .setupform .error{margin-bottom: 4px; margin-top: 2px; background-color: #FFEBE8; border: 1px solid #CC0002; padding: 3px 10px; border-radius: 0px; font-weight: bold; } #agree_container {border:3px solid #ddd} #agree_container h2 {font-size:14px; font-weight:bold; padding:15px 40px 6px 40px} #agreement {width:600px; height:230px; overflow:hidden; overflow-y: scroll; color:#888; font-size:11px; border:1px solid #ddd; margin:auto} #agreement p {padding:10px 20px; color:#888} #agree_check_container {padding:10px 40px 20px 40px; margin-bottom: 20px; text-align:center; } #agree_check_container span {color:#0099FF; } .agree_check_error{padding: 15px 40px; margin: 10px 40px; background-color: #FFE2E2; border: 1px solid #D30303; } #agree_check_container.agree_check_error{border: none; padding: 10px; } #agree_yes_no_container {text-align:center; padding-top:15px} #agree_yes_no_container a, #agree_yes_no_container input {margin: 0 5px; cursor:pointer; background-color:#eee; color:#333; font-weight:bold; border:1px solid #ddd; display:inline-block; padding: 10px 0px; text-align:center; width:190px} #agree_yes_no_container a:hover, #agree_yes_no_container input:hover {background-color:#ddd; color:#000; border-color:#ddd} .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{width: 100%; height: 100%; vertical-align: middle; z-index: 99999; } #zipform_container{padding: 0; margin: 0; } #zipform_inner{} #zipform iframe{width: 100%; height: 300px; margin: auto; display: block; } #zipform{position: relative; } .zipform_close{top: 0; right: 0; position: absolute; background: #004A85; padding: 0 12px; z-index: 22; line-height: 40px; color: #fff; } .membership #setupform span.error{color:red } .membership #setupform p.submit{border:none; padding-top:12px; text-align: right; } .membership #setupform p.submit input {margin: 0 0 0 5px; cursor:pointer; background-color: #F22630; border: 1px solid #AC121A; font-weight:bold; display:inline-block; padding: 10px 0px; text-align:center; width:90px; color:#fff} .membership #setupform p.submit input:hover {background-color: #F22630; color:#fff; } #registration_result {width:560px; border:3px solid #D7E9BD; ; padding:20px; text-align:center; margin:20px auto; background-color:#F0FDDC} #registration_result h2{padding-bottom:10px} #registration_result strong {font-weight:bold; } /* MEMBERSHIP */ .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{width: 740px; float: right; margin-bottom:0} .membership #sm_title{padding: 20px 30px 0 30px; color: #777; font-size: 15px; font-weight: bold; } .membership p {margin-bottom:0; line-height: normal} .membership #subtitle, .membership #subtitle span {font-size:40px; font-weight:bold; text-align:center } .membership #subtitle {color: #D5D5D5; padding-top: 20px; } .membership #subtitle span {color:#999} .membership #login_form_container{padding: 0px 30px 20px 310px; border: 1px solid #ddd; margin: 20px auto; background: #fff url('images/membership/member_login_bg.jpg') no-repeat 30px 30px scroll; overflow: hidden; width:348px; height:200px; } .membership #loginform {/* border-top:1px dashed #ddd ; */ border-bottom:1px dashed #ddd; padding: 40px 0; margin-bottom: 10px; float: left; width: 100%; margin-top: 20px; } .membership #loginform fieldset {float:left} .membership label{width: 100px; display: inline-block; font-weight:bold; color:#333} .membership .forgetmenot label {font-weight:normal; } .membership #login_mini_title{padding: 20px 0px 0px 0px; font-weight: bold; font-size: 16px; color: #F22630; } .membership .login_side_action p {float:left; } .membership .login_side_action a{float:right; } .membership .login_side_action a{display: inline-block; float: right; text-align: center; background-color: #999; color: white; font-size: 11px; font-weight: bold; padding: 0 10px; width: 80px; height: 20px; line-height: 20px; } .membership .login_side_action a:hover{background-color: #666; } .membership .login_side_action{float: left; width: 100%} .membership .login_side_action p{ padding-bottom: 6px; color: #888; font-size: 11px; height: 20px; line-height: 20px; width:245px; } .membership #member_login_page p{color: #666; text-align:center; vertical-align:middle} .membership #loginform p {margin-bottom:4px} .membership #user_login, .membership #user_pass {background-color: #f5f5f5; border: 1px solid #ddd; padding: 5px; font-weight: bold; color: #444; width:130px; } .membership .login_side_action {clear:both} .membership #wp-submit{padding: 20px 0; -webkit-appearance: none; background-color: #F22630; border: 1px solid #AC121A; font-weight: bold; color: white; width: 80px; margin-left: 10px; cursor:pointer} .membership .form-table th label span:first-child{color: red; font-size: 19px; font-family: monospace; vertical-align: -1px; } .membership .required_desc{color: #F00; font-size: 12px; margin-bottom: 2px; float: right; } .membership .required_desc i{font-size: 18px; font-style: normal; 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 {margin-top:10px; border:1px solid #ddd; position:relative; padding:20px 0; margin: 30px 60px; } .membership #lostpasswordform #user_email_container {text-align:center} .membership #lostpasswordform label {width: 190px; } .membership #lostpasswordform #wp-submit{padding: 5px 0; width: 130px; cursor:pointer}/*PROFILE*/ #member_profil{margin: 10px 60px 60px 60px; } .signup_message_info, #member_profil .updated, #member_profil .message_error {width:560px; border:3px solid #FFF39E; padding:10px; text-align:center; margin:10px auto; background-color:#FFFDCF} .signup_message_info {border:1px solid #FFF39E; background-color:#FFFDCF; } .membership p.signup_message_info {margin-bottom:30px} #member_profil .updated{border: 1px solid #C4ECB3; background-color: #E4FCDA; } #member_profil .error{border: 1px solid #E48282; background-color: #FFE2E2; } .form-table{width:100%; border:1px solid #ddd; border-bottom:none; margin-top: 15px; } .form-table th {font-weight:bold; width:120px; padding:7px; border-right:1px solid #ddd; vertical-align:top; background-color:#f5f5f5} .form-table th, .form-table td {border-bottom:1px solid #ddd} .form-table td {padding:7px 12px} .form-table input {border:#ddd solid 1px; padding:2px 4px; background-color:#fbfbfb; width:150px } .form-table textarea {border:#ddd solid 1px; padding:8px; background-color:#fbfbfb } .form-table #email{} .form-table #realname{width: 80px; } .form-table #zip{width: 80px; margin-bottom:6px; display:block; float:left} .form-table #zip_btn {display: block; line-height: 18px; margin-left: 10px; float: left; background: #fff url('images/membership/post_btn_bg.gif') no-repeat 7px center; padding: 1px 7px 1px 39px; color: #7A7A7A; font-weight: bold; border: 1px solid #ddd; margin-top: 2px; } .form-table a:hover#zip_btn {border-color:#aaa} .form-table input#user_email{width: 250px; } .form-table #address{width: 250px; margin-bottom:6px; display:block; clear:both} .form-table #address_more{width: 250px; } .form-table #freeword{width: 380px; height: 75px} #member_profil #member_message{padding: 20px 0; border: 1px solid #ddd; margin-top: 20px; float: left; width: 100%; margin-bottom: 30px; } #member_profil #member_message #please_login {text-align: center; border-bottom: 1px dashed #ddd; padding-bottom: 15px; margin: 0 50px 20px 50px; color: #333; font-weight: bold; } #member_profil #member_message #please_login a {color:#F22630} #member_profil .login_side_action{ width: 360px; margin: auto; float: none; } #member_profil #updateuser, #member_profil #profile_info_change_btn{float: right; padding: 8px 40px; -webkit-appearance: none; background-color: #F22630; border: 1px solid #AC121A; font-weight: bold; color: white; margin-top: 10px; cursor:pointer ; } .help_message {font-size:11px; color: #aaa; display: inline-block; margin-left: 15px; } #member_profil b {font-weight:bold}/*VALIDATION ERROR*/ .form-table label.error, #member_profil .form-table label.error{display: inline-block; width: 300px; margin-left: 10px; color: #EC4040; border-color: transparent; background-color: transparent; } .form-table input.error, #member_profil .form-table input.error {border-color:#DF6A6A; background-color: transparent}/*ACTIVATE*/ .error404 #content.widecolumn{margin-top: 70px; }/*WELCOME MESSAGE*/ .membership #login_form_container.welcome_message {background:none; padding:30px 0; width:100%; text-align:center} #login_welcome span{color: #267DAF; font-size: 24px; } .welcome_message .userinfo a{display: inline-block; padding: 10px 20px; background: #F22630; margin: 10px; color: #fff; font-weight: bold; } .welcome_message .userinfo a#welcome_logout {background-color:#999} /*SIGNUP CONFIRMATION MESSAGE*/ .error404 #content{width: 1000px; margin: auto; text-align: center; margin-bottom: 140px; } .error404 #content h2{font-size: 20px; font-weight: bold; } .error404 #content #signup-welcome{padding: 20px; margin: 10px 170px; background-color: #E8FFD5; border: 1px solid #AADD7F; } .error404 #content #signup-welcome p {padding:3px} .error404 #content p.view a {font-weight:bold; color:#004282; padding:3px 10px; background-color:#eee; border:1px solid #ddd; } .error404 #content p.view{padding-top:10px} .error404 #content .lead-in{padding: 20px; margin: 10px 170px; background-color: #f5f5f5; border: 1px solid #ddd; } .error404 #content .lead-in a {font-weight:bold; color:#004282; padding:0px 3px; line-height:20px } /***************************************/ /* SUBCATEGORIES LIST */ /***************************************/ #the_content .subcategories ul{list-style: none; margin: 0; padding: 0; } #the_content .subcategories li a{display: block; font-size: 14px; color: #333; margin: auto; text-align: left; border-bottom: 1px solid #C1BEBF; border-top: 1px solid #FFF; padding: 8px; background-color: #fff; text-decoration: none; } #the_content .subcategories li a:hover{background-color: #f5f5f5; }/* sub visual */ .Svisual{width:100%; position:relative; z-index:-1; overflow: hidden; } .Svisual > div{transform:scale(1.2); -webkit-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-animation: myanim 5s ease-in-out 1s; -moz-animation: myanim 5s ease-in-out 1s; -ms-animation: myanim 5s ease-in-out 1s; animation: myanim 5s ease-in-out 1s; background-position: 100%; } .Svisual > div.on {transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); } @keyframes myanim{to {transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); }from {transform:scale(1.2); -webkit-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); }} @-ms-keyframes myanim{to {transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); }from {transform:scale(1.2); -webkit-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); }} @-moz-keyframes myanim{to {transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); }from {transform:scale(1.2); -webkit-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); }} @-webkit-keyframes myanim{to {transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); }from {transform:scale(1.2); -webkit-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); }} .Svisual h5{position: absolute; top: 0; bottom: 0; color: #fff; margin-top: auto; margin-bottom: auto; height: 20px; left: 0; right: 0; text-align: center; font-size:42px; font-family: 'Ubuntu', sans-serif; z-index: 1; } .Svisual span{display: block; padding-top: 10px; opacity: 0.6; font-weight: 200; } .subVisual01, .subVisual02, .subVisual03, .subVisual04, .subVisual05, .subVisual06{width: 100%; height: 400px; } .subVisual01{background: url(images/sub/sub_visual01.jpg) no-repeat center top; } .subVisual02{background: url(images/sub/sub_visual02.jpg) no-repeat center top; } .subVisual03{background: url(images/sub/sub_visual03.jpg) no-repeat center top; } .subVisual04{background: url(images/sub/sub_visual04.jpg) no-repeat center top; } .subVisual05{background: url(images/sub/sub_visual05.jpg) no-repeat center top; } /***************************************/ /* PHOTO */ /***************************************/ /*Video player style*/ .win_mediaplayer_container {text-align:center} #win_mediaplayer {background-color: #fff; margin: auto; } .mejs-container {margin: auto; } .gallery{margin-top: 30px; } #the_content .gallery ul {padding-left:0} .gallery li{display: block; list-style:none; float:left; width: 25%; padding-bottom:40px} .gallery li a {display: inline-block; text-align:center } .gallery li a.photo_thumb{width: 100%; border: none; } a.photo_link{width: 100%; text-align: center; color: #505050; padding-top: 10px; margin: auto; height: 18px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } a:hover.photo_link {color:#0A8B9B} a.photo_thumb img, #content_container a.photo_thumb img{width: 96%; height: auto; border: 1px solid #ddd; height: 120px; } #content_container .gallery img {padding-bottom:0} .gallery li a.photo_thumb, .gallery li a.video_title{position: relative; } .photo_thumb .comment_num{position: absolute; bottom: 10px; right: 10px; background: #242424; padding: 0 8px; display: block; line-height: 19px; font-weight: bold; color: #fff; border-radius: 2px; } .comment_num_inner{position: relative; z-index: 33; } .comment_num_arrow{position: absolute; bottom: -8px; left: -1px; border-left: 0px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #242424; display: block; width: 0; z-index: 22; height: 0; } #the_content #videos_list.gallery li{text-align: center } .video_title .comment_num{bottom: 0; right: -30px; } #the_content .gallery li a.video_title{display: inline-block; width: auto; float: none } #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{clear: both; margin: 10px 0; float: left; /* background-color:#f5f5f5; */ border:1px solid #ddd; width: 100%; } #download_files h3{font-weight:bold; padding-bottom:3px; border-bottom: 1px dashed #ddd; margin: 10px 20px 10px 20px; } #download_files ul { margin: 0 20px 10px 20px; } #download_files li{list-style:none} #download_files li a{color: #0A7D86; font-size:12px; background: transparent url('images/photonews/download_icon.gif') no-repeat 5px center; display: block; padding: 2px 0; padding-left: 30px; } #download_files li a:hover{color: #004F55; background-color: #E9E9E9; } #photo_content_container{clear: both; } #photo_content_container img{max-width: 740px; height: auto; margin-bottom: 20px; } .single-photonews img.photos, .single-photosocial img.photos {margin-bottom:20px; border:1px solid #ddd; display:block; clear:both; max-width: 700px; } .single-photonews .avatar img{width: 40px; height: 40px; } .single-photonews .comment_user{min-height: auto; } /*Last photonews list*/ #last_photos li{width: 25%; float: left; margin-top: 16px; display: inline-block; text-align: center; } #last_photos{float: left; padding: 2px 9px 0px 10px; border: 1px solid #ddd; margin-top: 20px; height: 196px; width: 639px; clear: both; } #last_photos a.photo_thumb{border: none; } #last_photos .photo_link{text-align: center; display: block; margin-top: 3px; } /***************************************/ /* VIDEO */ /***************************************/ #videos_list ul li img{width: 94%; height: 115px; border: 1px solid #999; margin-bottom: 2px; } #videos_list ul li a{text-align: center; display: block; } .mejs-container{display: block; margin: 10px auto; } .home .mejs-container{margin: 0 auto; } #the_video{background: #ddd; padding: 10px 0; margin-bottom: 20px; border: 1px solid #ddd; } #content_container #videos_list.gallery img{width: 180px; height: 135px; width: 80%; height: auto; } .single-videos iframe{display: block; margin: auto } #videos_list .video_title{width: 90%; display: block; height: 22px; text-align: center; margin: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #the_content #videos_list ul a{color: #333 } #the_content #videos_list ul a:hover{text-decoration: none; color: #709ECF; } #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{font: bold 20px 'NanumGothic'; color: #303030; margin-bottom: 10px; } #the_content .wp-polls-ul{padding: 30px 5% 20px; border: 1px solid #DFDFDF; width: 90%; } #the_content .wp-polls-ul li{font: bold 13px 'NanumGothic'; color: #6F6F6F; margin-bottom: 17px; } #the_content .wp-polls-ul li{font: bold 13px 'NanumGothic'; color: #575757; margin-bottom: 17px; border-bottom: 1px dashed #ddd; padding-bottom: 15px; } #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{background-image: none; background-color: #eee; border: none; background: #05828B; margin-top: 5px; height: 16px; } #the_content .total_voters{font: normal 13px 'NanumGothic'; color:#8B8B8B; margin: 14px 0 20px; float: right; } #the_content .total_voters strong {color: #E01313; } #the_content p.poll_date{margin-top: 18px; font-size: 11px; color: #8E8E8E; padding: 0; margin-bottom: 110px; } #the_content .vote{display: block; margin: 0 auto; text-align: center; margin-top: 20px; } #the_content .wp-polls .vote .Buttons, #the_content .wp-polls .vote a{ font: bold 13px 'NanumGothic'; background-color: #EF0000; border: 1px solid #560505; padding: 5px 10px; color: #fff; text-align: center; margin-right: 10px; } #the_content .vote a.view_results{ font: bold 13px 'NanumGothic'; color: #595959; margin-bottom: 50px; background-color: #eee; padding: 5px 15px; border: 1px solid #BBB; display: inline-block; } #the_content .vote a:hover{ text-decoration: none; } /***************************************/ /* PRODUCTS */ /***************************************/ #the_content.products ul{padding-left: 0; } #content_container .products a.photo_thumb img{height: 180px; width: 90%; } /***************************************/ /* SUB */ /***************************************/ .ssub h2{background: none !important; padding-left: 0 !important; text-align: center; font-size: 40px !important; font-weight: 100 !important; color: #515151 !important; } .talent h2{float: left; width:100%; } .ssub h3{color: #222222 !important; font-size: 18px !important; letter-spacing: normal !important; margin: 0 0 20px 0 !important; padding-left:25px; background: url(images/sub/sub_name_img.png) 0 0 no-repeat !important; } .sub h4{display: block; font-size: 40px; color: #262262; font-weight: 500; line-height: 1.7; padding: 30px 0; } h4.sti{position: relative; font-size: 35px; font-weight:600; letter-spacing: -0.8px; padding-top:0 !important; margin-bottom:40px; word-break:keep-all; line-height: 1.2;} h4.sti:after{position: absolute; content:""; left:0; bottom: 0px; height: 1px; width: 45px; background: #262262; display: inline-block; } .introduction p{margin-bottom:30px; word-break:keep-all; } .sub h5{display: block; font-size: 21px; color: #262262; font-weight: 600; margin-bottom: 30px; word-break:keep-all; line-height:1.5; } .sub .img{text-align:center; } .sub .img img.pc{display: inline-block; } .sub .img img.mo{display:none; } .summarry{background:#f5f5f5; padding:30px; line-height:1.6; /*word-break:keep-all; */ margin-bottom:50px; } /* 01-01 인사말 */ .info > div > div{display: inline-block; float: left; width: 50%; } .info h4 > span{ font-size: 44px; font-family: 'Ubuntu', sans-serif; letter-spacing: -0.8px; } .introduction > div > div:first-child{float: left; width: 45%; } .introduction > div > div:last-child{float: right; width: 50%; } .introduction p.sign{text-align:right; }span.cont_line{height: 1px; width: 45px; background: #ddd; display: inline-block; margin-bottom: 30px; } /* 01-02 비전 */ .vision > div{text-align:center; /*height:450px;*/ } .vision > div > ul {display: block; text-align:center;} .vision > div > ul > li {width:200px; height:200px; line-height:200px;background:#9390af; display: inline-block; border-radius:50%; font-size:30px; color:#fff; margin:0 1%;} .vision > div > ul > li:nth-child(2) {background:#a3bdb0} .vision > div > ul > li:nth-child(3) {background:#b9a89e} .vision dl{position: relative; display: block; width:100%; margin-top:50px;} .vision dl:after{position: absolute; content:""; right:0px; bottom:8px; width:100px; height:100px; background: url(images/symbol.svg) no-repeat; background-size:cover; opacity:0.08; } .vision dt{font-weight: 500; font-size: 25px; margin-bottom:10px; word-break:keep-all; text-align:left; color:#262262} .vision dd{text-align:left; } .vision dd li{position: relative; padding-left:15px; line-height:1.6; margin-bottom:5px; word-break:keep-all;} .vision dd li:last-child{margin-bottom:0px; } .vision dd li:after {position: absolute; content:""; left:0px; top:8px; width:5px; height:5px; background: #aaa; border-radius:50%; } /*#vision01{background:rgba(38, 34, 98, 1); border:2px solid rgba(38, 34, 98, 1); width:50%;} #vision01 dt,#vision01 dd {color:#fff; } #vision02{background:rgba(38, 34, 98, 0.8); border:2px solid #514e81; position: absolute; left:5%; bottom:0} #vision02 dt,#vision02 dd {color:#fff; } #vision03{background:#fff; border:2px solid rgba(38, 34, 98, 1); position: absolute; right:5%; bottom:0} #vision03:after{background: url(images/symbol2.svg) no-repeat; background-size:cover; }*/ /* 01-03 연혁 */ .history > div > div{width:47%; float:left; } .history > div > div:last-child{float:right; } .history dl{position: relative; padding:20px 0; padding-left:120px; } .history dl:after {position: absolute; content:""; left:79px; top:23px; width:12px; height:12px; background: #aaa; border-radius:50%; } .history dl:before {position: absolute; content:""; left:85px; top:0px; width:1px; height:100%; background: #ddd; } .history dl:first-child:before{top:23px; } .history dt {position: absolute; left:0; top:15px; font-weight: 500; font-size: 22px; line-height:1.6; } .history dd{position:relative; line-height:1.6; word-break:keep-all; } /* 01-05 계열사 */ .subsidiaries h5{margin-top:50px; } /* 02-01 리조트사업 */ .work01 dl{position: relative; display: block; width:100%; background:rgba(38, 34, 98, 1); border:1px solid rgba(38, 34, 98, 1); margin-bottom:50px;} .work01 dl:after{display:block; visibility:hidden; clear:both; content:""} .work01 dt {float:left; width:280px; height:100%; position: relative; display: inline-block;color:#fff; padding:35px 40px; } .work01 dt:after{position: absolute; content:""; right:0px; bottom:-10px; width:100px; height:100px; background: url(images/symbol.svg) no-repeat; background-size:cover; opacity:0.08; } .work01 dd {width:calc(100% - 280px); min-height:120px;display: inline-block;background:#fff; padding:20px; float:right; word-break:keep-all; } .work01 dd p {margin-bottom:10px;} /* 02-02 기업투자 */ .work02{} .work02 dl{position: relative; padding-left:250px; } .work02 dt{position: absolute; top:0; left:0; color:#262262; font-size:17px; font-weight:600; } .work02 dd{} .work02 dd p{margin-bottom:15px; } .work02 dd a{float:right; margin-top:15px; } #the_content a.more02{background:#262262; color:#fff; padding:7px 15px; font-size:14px; } p.stit {text-align:center; margin-top:10px; color:#262262; } p.stit span {display:block; color:#333; } .investment_left p.stit span {display:inline-block;} .investment {margin-top:50px; } .investment > div {margin-top:50px; } .investment02{} .investment02:after{display:block; visibility:hidden; clear:both; content:""} .investment02 > p {margin-bottom:15px;} .investment_left{width:48%; float:left; } .investment_left p {margin-bottom:10px;} .investment_left a.fancybox.image {width:49%; display:inline-block;} .investment_left img{border:1px solid #ddd; } .investment_right{width:49%; float:right; } .investment dl{position: relative; margin-bottom:40px; padding-left:15px; } .investment dl:before {position: absolute; content:""; left:0px; top:11px; width:7px; height:2px; background: #aaa; display: inline-block; } .investment dt{margin-bottom:5px; } .investment dd{word-break:keep-all; line-height: 1.4;} #the_content .investment p{line-height: 1.5; word-break:keep-all; } ul.list{} ul.list li{position: relative; padding-left:12px; line-height:1.3; margin-bottom:5px; } ul.list li:last-child{margin-bottom:0px; } ul.list li:after {position: absolute; content:""; left:0px; top:9px; width:4px; height:4px; background: #aaa; border-radius:50%; } .investment03{ } .investment03 ul{display:block; } .investment03 ul:after{display:block; visibility:hidden; clear:both; content:""} .investment03 ul li{float:left; margin-right:4%; width:calc(88% / 4); margin-bottom:20px; } .investment03 ul li:nth-child(4) {margin-right:0; } .investment03 ul li:last-child{margin-right:0; } .investment03 ul li a {border:1px solid #ddd;} /*** 인증서 ***/ .certificate{width:100%; text-align:center; margin-top: 62px; display: inline-block; margin-top: 100px; } .certificate li {display:inline-block; float:left; } .certificate p {text-align:center; padding:15px 0 30px 0; display:inline-block; } .cer_wrap{width: 18%; float: left; margin: 0px 12px; } .cer_wrap img{width: 100%; height:301px; border: 1px solid #b7b5b5; box-sizing: border-box; padding-bottom: 0 !important; } .cer_wrap p{text-align: center; color: #656565; font-weight: 700; margin-top: 5px; } div#fancybox-title-over{display: none; } /* 05-03 찾아오시는길*/ #the_content .add h3{background: #262262; display: inline-block; color: #fff; font-size: 20px; padding: 73px 40px; float:left; } .add{width: 100%; overflow: hidden; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; } .add dl{display: inline-block; padding: 30px 0 30px 45px; width: 65%; line-height: 35px; } .add dl > dt{display: inline-block; float:left; width: 55px; } .add dl > dd{color: #666; } .root_daum_roughmap .map span{font-weight: 400; color: #000; padding: 5px 10px; display: inline-block; position: relative; top: -10px; } .company_table table{width: 100%; border-top: 2px solid #575757; } .company_table td{padding: 20px 0 20px 40px !important; color: #1b1b1b; background: #fff; border-bottom: 1px solid #ddd; } .company_table table th{vertical-align: middle; text-align: center; font-weight: 500; background: #f8f8f8; border-bottom: 1px solid #ddd; } /* 온라인문의 */ #inquiry_form {} #inquiry_form .ko {display:block;} #inquiry_form .en {display:none;} #en #inquiry_form .ko {display:none;} #en #inquiry_form .en {display:block;} /*** ceo ***/ .page-id-1181 #sub_container{background:url('images/sub/company_img01.png') center 540px no-repeat; } #the_content.company .section{padding-bottom:37px; } #the_content.company .section .box_desc{margin-bottom: 21px; font-weight: 400; font-size: 16px; line-height: 24px; color: #333; text-align: center; } #the_content.company .section .box_desc.company_point{font-size:20px; color: #000; font-family: 'Nanum Myeongjo'; background:url('images/sub/company_img01_bg.png') center top no-repeat; padding-top: 10px; } #en #the_content.company .section .box_desc.company_point{font-size:20px; color: #000; font-family: 'Nanum Myeongjo'; background:url('images/sub/company_img01_bg02.png') center top no-repeat; padding-top: 10px; } .box_desc.company_point span{display: block; font-size: 28px; font-family: 'Nanum Myeongjo'; margin-top: 15px; font-weight: bold; color: #000; line-height: 28px; } #the_content.company .section .box_desc.last{margin-bottom: 414px; } #en #the_content.company .section .box_desc.last{margin-bottom: 50px; } #the_content.company .section .img img{display:block; width:340px; margin:0 auto; } #the_content.company .diagram{margin-bottom:58px; } #the_content.company .tbl_outline{background:#f4f4f4; width: 100%; } #the_content.company .tbl_outline th{border-right:1px solid #ddd; } #the_content.company .tbl_outline td{border-right:1px solid #ddd; background:#fff; } #the_content.content_corp_outline .tbl_outline th:last-child, #the_content.company .tbl_outline th:last-child, #the_content.company .tbl_outline td:last-child{border-right:none; } #the_content.company .tbl_outline th{border-right: 1px solid #ddd; border-top: 1px solid #999; border-bottom: 1px solid #ddd; height: 50px; font-size: 17px; color: #333; line-height: 24px; position: relative; vertical-align: middle; text-align: center; font-weight: bold; } #the_content.company .tbl_outline td{height:130px; text-align:center; color:#333; font-weight:400; vertical-align: middle; } #the_content.company .tbl_outline td.left{text-align: left; padding-left: 70px; } #the_content.company .tbl_outline tr.last td{border-bottom: 1px solid #999; } #the_content.company .tbl_outline .btn_plus{position:absolute; right:20px; } #the_content.company .ul_list {padding-left:30px; } #the_content.company .ul_list li{text-align:left; font-size:18px; font-weight:400; line-height:26px; color:#333; } #the_content.company .num_list li .num{display:inline-block; font-size:12px; line-height:20px; font-weight:700; color:#f5f5f5; background:#999; border-radius:10px 10px; width:20px; height:20px; text-align:center; margin-right:5px; } #the_content.company .num{display:inline-block; line-height:26px; color:#fff; background:#999; border-radius:13px; width:62px; height:26px; text-align:center; margin-right:10px; margin-bottom:5px; } /*** 사업영역 ***/ .sub_business .imgTxt {position:relative; width:100%; height:440px; background:url("images/sub/business_img01.png") no-repeat center 0; } .sub_business .imgTxt .txt1{position: absolute; top: 30px; left: 30px; font-size: 15px; color: #000; text-align: right; line-height: 22px; } .sub_business .imgTxt .txt1 span {display:block; padding-bottom:14px; font-size:22px; color:#0163bf; letter-spacing:-1.5px; } .sub_business .imgTxt .txt2{position: absolute; top: 30px; right: 40px; font-size: 15px; color: #000; text-align: left; line-height: 22px; } .sub_business .imgTxt .txt2 span {display:block; padding-bottom:14px; font-size:22px; color:#0163bf; letter-spacing:-1.5px; } .sub_business .imgTxt .txt3{position: absolute; top: 342px; left: 140px; font-size: 15px; color: #000; text-align: right; line-height: 22px; } .sub_business .imgTxt .txt3 span {display:block; padding-bottom:14px; font-size:22px; color:#0163bf; letter-spacing:-1.5px; } .sub_business .imgTxt .txt4{position: absolute; top: 340px; right: 70px; font-size: 15px; color: #000; text-align: left; line-height: 22px; } .sub_business .imgTxt .txt4 span {display:block; padding-bottom:14px; font-size:22px; color:#0163bf; letter-spacing:-1.5px; } /*********** BUSINESS **********/ /*** 비지니스 all ***/ .industry_text{border: 1px solid #efeeee; margin-top:60px; background-color: #fbfbfb; overflow:hidden; } .industry_text p{width: 550px; float: right; line-height: 26px !important; padding-top: 25px; padding-right: 20px; height:225px; } .industry h4{font-size: 25px !important; margin: 40px 0 20px 0 !important; color: #222222 !important; } .industry_text img{float: left; } /* 테이블 */ .industry table th{height: 40px; } .industry table td{height: 40px; padding: 1px 0 0 45px !important; line-height: 30px; vertical-align: middle; } td.t_border{border-right: 1px solid #ddd; } td.back{width: 440px; background: url(images/sub/sub_industry_contect_img04.png) 25px 14px no-repeat !important; } .industry table td a{color: #5f5f5f !important; font-family: 'NanumSquare', nanumgothic !important; font-weight: 100 !important; font-size: 14px !important; } /********영문********/ p.ind_en{line-height: 19px !important; font-size: 13px !important; } p.ship_en{line-height: 19px !important; padding-top: 12px !important; font-size: 13px !important; } p.nu_en{line-height: 21px !important; font-size: 13px !important; } .company_en th{width: 30% !important; font-size:13px !important; padding: 5px 0; }/*********** 전체 **********/ .ssub h2{background: none !important; padding-left: 0 !important; text-align: center; font-size: 40px !important; font-weight: 100 !important; color: #515151 !important; font-family: 'NanumSquare', nanumgothic !important; } .talent h2{float: left; width:100%; } .ssub h3{color: #222222 !important; font-size: 18px !important; letter-spacing: normal !important; margin: 0 0 20px 0 !important; padding-left:25px; background: url(images/sub/sub_name_img.png) 0 center no-repeat !important; } /*** 회사소개 ***/ img.company_mar{margin-top: 60px; display: block; } .company_table{width: 1200px; overflow: hidden; margin-bottom: 50px; } /*** 사업영역 ***/ .sub_business .imgTxt{position: relative; width: 100%; height: 540px; background: url(images/sub/business_img01.png) no-repeat center 50px; } .sub_business .imgTxt .txt1{position: absolute; top: 20px; left: 0px; font-size: 15px; color: #000; text-align: right; line-height: 22px; background: #fff; border: 1px solid #ddd; padding: 20px 30px; border-radius: 500px; text-align: center; } .sub_business .imgTxt .txt1 span {display:block; padding-bottom:14px; font-size:22px; color:#0163bf; letter-spacing:-1.5px; } .sub_business .imgTxt .txt2{position: absolute; top: 20px; right: 10px; font-size: 15px; color: #000; text-align: left; line-height: 22px; background: #fff; border: 1px solid #ddd; padding: 20px 30px; border-radius: 500px; text-align: center; } .sub_business .imgTxt .txt2 span {display:block; padding-bottom:14px; font-size:22px; color:#0163bf; letter-spacing:-1.5px; } .sub_business .imgTxt .txt3{position: absolute; top: 322px; left: 95px; font-size: 15px; color: #000; text-align: right; line-height: 22px; background: #fff; border: 1px solid #ddd; padding: 20px 30px; border-radius: 500px; text-align: center; } .sub_business .imgTxt .txt3 span {display:block; padding-bottom:14px; font-size:22px; color:#0163bf; letter-spacing:-1.5px; } .sub_business .imgTxt .txt4{position: absolute; top: 310px; right: 30px; font-size: 15px; color: #000; text-align: left; line-height: 22px; background: #fff; border: 1px solid #ddd; padding: 20px 30px; border-radius: 500px; text-align: center; } .sub_business .imgTxt .txt4 span {display:block; padding-bottom:14px; font-size:22px; color:#0163bf; letter-spacing:-1.5px; } /*** 인증서 ***/ .certificate{width:100%; text-align:center; margin-top: 62px; display: inline-block; margin-top: 100px; } .certificate li {display:inline-block; float:left; } .certificate p {text-align:center; padding:15px 0 30px 0; display:inline-block; } .cer_wrap{width: 18%; float: left; margin: 0px 12px; } .cer_wrap img{width: 100%; height:301px; border: 1px solid #b7b5b5; box-sizing: border-box; padding-bottom: 0 !important; } .cer_wrap p{text-align: center; color: #656565; font-weight: 700; margin-top: 5px; } div#fancybox-title-over{display: none; } /*********** BUSINESS **********/ /*** 비지니스 all ***/ .industry_text{border: 1px solid #efeeee; margin-top:60px; background-color: #fbfbfb; overflow:hidden; } .industry_text p{width: 550px; float: right; line-height: 26px !important; padding-top: 25px; padding-right: 20px; height:225px; } .industry h4{font-size: 25px !important; margin: 40px 0 20px 0 !important; color: #222222 !important; } .industry_text img{float: left; } /* 테이블 */ .industry table th{height: 40px; } .industry table td{height: 40px; padding: 1px 0 0 45px !important; line-height: 30px; vertical-align: middle; } td.t_border{border-right: 1px solid #ddd; } td.back{width: 440px; background: url(images/sub/sub_industry_contect_img04.png) 25px 14px no-repeat !important; } .industry table td a{color: #5f5f5f !important; font-family: 'NanumSquare', nanumgothic !important; font-weight: 100 !important; font-size: 14px !important; } /*** 비지니스 all F ***/ /*********** PRODUCTS **********/ h3.p_sub_title{display: block; letter-spacing: 0 !important; font-size: 18px !important; margin: 0 !important; padding-bottom: 15px; padding-top: 30px; background: url(images/sub/sub_name_img.png) 0 32.1px no-repeat !important; padding-left: 21px; clear: both; float:left; width:100%; } div#main_p_img{width: 1200px !important; margin: 0 auto; border: 1px solid #ddd; background: #f6f6f6; box-sizing: border-box; padding-left: 250px; margin-top: 20px; } .small_list{clear:both; width: 1158px; } .small_list ul{width: 100%; overflow:hidden; padding: 10px 20px !important; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 12px solid #0198ab; margin-top: 10px !important; } .small_list li{ padding-left: 3px;width:10%; float:left; } .small_list li a{display:block; margin:2px; border: #dcdcdc 2px solid; padding:1px; } .small_list li a.active{border: #438fcf 2px solid; } .small_list li a img{display:block; width: 100%; padding-bottom: 0 !important; } p.explanation{color: #5a5a5a; line-height: 26px !important; float: left; width: 100%; } span.p_sub_name{display: block; font-size: 15px; padding-bottom: 6px; padding-top: 30px; font-weight: bold; } /*********** PRODUCTS **********/ .full_box{width:1200px; margin:0 auto; overflow:hidden; position: relative; } .left_box{float:left; width:300px; height:336px; } .right_box{float:right; width:900px; height:500px; } .bottom_box h6{font-size: 23px !important; padding-left: 30px; margin: 0 !important; margin-top: 38px !important; margin-bottom: 15px !important; } .sthe .bottom_box h6{margin-top: 60px !important; } .bottom_box p{font-size: 15px !important; line-height: 26px !important; margin-left: 30px; color: #434343; font-family: 'NanumSquare', nanumgothic !important; width: 44%; } .sthe .item{width: 638px; height: 323px; position: absolute; right: 16px; top: 370px; } .sthe .center_box{background:blue; width:300px; height:336px; position: absolute; top: 0; left: 300px; background: url(images/sub/sub_STHE_contect_img03.jpg) 0 0 no-repeat !important; } .sthe .bottom_box{float:right; background:#f9f9f9; width:900px; height:270px; } .sthe .center_box img{margin-top: 40px; margin-left: 110px; } #en .sthe .center_box img{margin-top: 60px; margin-left: 47px; } .sthe .center_box p{margin-top: 25px; text-align: center; color: #fff; line-height: 27px !important; padding: 0px 10px; } .sthe .bottom_box span{border: 1px solid #5f5f5f; width: 120px; height: 30px; display: block; text-align: center; line-height: 30px; margin-left: 30px; margin-top: 20px; } a.sthe_sp_text{display: block; color: #5f5f5f !important; font-family: 'NanumSquare', nanumgothic !important; font-size: 14px !important; font-weight: bold; width: 120px; height: 30px; } /* FWD */ .fwd .item{width: 573px; height: 756px; position: absolute; right: 10px; top: 52px; } .fwd .center_box{background:blue; width:300px; height:336px; position: absolute; top: 0; left: 300px; background: url(images/sub/sub_FWD_contect_img03.jpg) 0 0 no-repeat !important; } .fwd .bottom_box{float:right; background:#f9f9f9; width:900px; height:350px; } .fwd .center_box img{margin-top: 55px; margin-left: 110px; } #en .fwd .center_box img{margin-top: 82px; margin-left: 47px; } .fwd .center_box p{margin-top: 25px; text-align: center; color: #fff; line-height: 27px !important; padding: 0px 10px; } .fwd .bottom_box span{border: 1px solid #5f5f5f; width: 120px; height: 30px; display: block; text-align: center; line-height: 30px; margin-left: 30px; margin-top: 20px; } a.fwd_sp_text{display: block; color: #5f5f5f !important; font-family: 'NanumSquare', nanumgothic !important; font-size: 14px !important; font-weight: bold; width: 120px; height: 30px; } /* ARC */ .arc .item{width: 482px; height: 563px; position: absolute; right: 30px; top: 225px; } .arc .center_box{background:blue; width:300px; height:336px; position: absolute; top: 0; left: 300px; background: url(images/sub/sub_ARC_contect_img03.jpg) 0 0 no-repeat !important; } .arc .bottom_box{float:right; background:#f9f9f9; width:900px; height:320px; } .arc .center_box img{margin-top: 85px; margin-left: 110px; } #en .arc .center_box img{margin-top: 92px; margin-left: 47px; } .arc .center_box p{margin-top: 30px; text-align: center; color: #fff; line-height: 27px !important; } .arc .bottom_box span{border: 1px solid #5f5f5f; width: 120px; height: 30px; display: block; text-align: center; line-height: 30px; margin-left: 30px; margin-top: 20px; } a.arc_sp_text{display: block; color: #5f5f5f !important; font-family: 'NanumSquare', nanumgothic !important; font-size: 14px !important; font-weight: bold; width: 120px; height: 30px; } /* PTHE */ .pthe .item{width: 418px; height: 615px; position: absolute; right: 10px; top: 120px; } .pthe .center_box{background:blue; width:300px; height:336px; position: absolute; top: 0; left: 300px; background: url(images/sub/sub_PTHE_contect_img03.jpg) 0 0 no-repeat !important; } .pthe .bottom_box{float:right; background:#f9f9f9; width:900px; height:345px; } .pthe .center_box img{margin-top: 72px; margin-left: 110px; } #en .pthe .center_box img{margin-top: 77px; margin-left: 47px; } .pthe .center_box p{margin-top: 30px; text-align: center; color: #fff; line-height: 27px !important; } .pthe .bottom_box span{border: 1px solid #5f5f5f; width: 120px; height: 30px; display: block; text-align: center; line-height: 30px; margin-left: 30px; margin-top: 20px; } a.pthe_sp_text{display: block; color: #5f5f5f !important; font-family: 'NanumSquare', nanumgothic !important; font-size: 14px !important; font-weight: bold; width: 120px; height: 30px; } /* SAHC */ .sahc .item{width: 577px; height: 343px; position: absolute; right: 62px; top: 357px; } .sahc .center_box{background:blue; width:300px; height:336px; position: absolute; top: 0; left: 300px; background: url(images/sub/sub_SAHC_contect_img03.jpg) 0 0 no-repeat !important; } .sahc .bottom_box{float:right; background:#f9f9f9; width:900px; height:220px; } .sahc .center_box img{margin-top: 80px; margin-left: 110px; } #en .sahc .center_box img{margin-top: 92px; margin-left: 47px; } .sahc .center_box p{margin-top: 105px; text-align: center; color: #fff; line-height: 27px !important; font-size:14px !important; padding:0 10px; } p.bottom_box_p{font-size: 14px !important; } .sahc .bottom_box span{border: 1px solid #5f5f5f; width: 120px; height: 30px; display: block; text-align: center; line-height: 30px; margin-left: 30px; margin-top: 30px; } .sahc .bottom_box_p{margin-top: 40px; } a.sthe_sp_text{display: block; color: #5f5f5f !important; font-family: 'NanumSquare', nanumgothic !important; font-size: 14px !important; font-weight: bold; width: 120px; height: 30px; } /* OTHER */ .others .item{width: 303px; height: 650px; position: absolute; right: 49px; top: 92px; } .others .center_box{background:blue; width:300px; height:336px; position: absolute; top: 0; left: 300px; background: url(images/sub/sub_OTHER_contect_img03.jpg) 0 0 no-repeat !important; } .others .bottom_box{float:right; background:#f9f9f9; width:900px; height:270px; } .others .center_box img{margin-top: 72px; margin-left: 110px; } #en .others .center_box img{margin-top: 91px; margin-left: 47px; } .others .center_box p{margin-top: 30px; text-align: center; color: #fff; line-height: 27px !important; } .others .bottom_box span{border: 1px solid #5f5f5f; width: 120px; height: 30px; display: block; text-align: center; line-height: 30px; margin-left: 30px; margin-top: 20px; } a.others_sp_text{display: block; color: #5f5f5f !important; font-family: 'NanumSquare', nanumgothic !important; font-size: 14px !important; font-weight: bold; width: 120px; height: 30px; } /*********** RECRUIT **********/ /*** 인재상 ***/ .talent_text{float: left; width: 21%; padding-left: 64px; } .first{padding-left: 0; } .talent h5{color: #5a5a5a !important; font-size: 20px !important; padding-top: 10px; background: url(images/sub/sub_talent_contect_img02.png) 0 0 no-repeat !important; } /*** 인사제도 ***/ .ps_text{width: 1200px; height: 155px; margin-top: 60px; } .ps_text p{margin-top: 60px; height: 55px; background-color: #e6e6e6; line-height: 22px !important; text-align: center; color: #4b4b4b; padding-top: 14px; } #ko .ps_text p{line-height: 38px !important; padding-top: 20px; } .careers h4{font-size: 25px !important; margin: 0 0 40px 0 !important; color: #222222 !important; } th.careers_th{height: 40px; background-color: #f5f5f5 !important; } h4.bottom_h4{margin-top: 60px !important; margin-bottom: 60px !important; } .careers_text{text-align: center; font-size: 14px !important; background-color: #1e4e95; width: 210px; height: 50px; line-height: 50px; border-radius: 35px; margin: 0 auto; margin-top: 100px; } .careers_text a{color: #fff !important; display: block !important; } img.center_img{display: block; margin: 0 auto; } /* STHE */ .sthe .item{width: 638px; height: 323px; position: absolute; right: 16px; top: 370px; } .sthe .center_box{background:blue; width:300px; height:336px; position: absolute; top: 0; left: 300px; background: url(images/sub/sub_STHE_contect_img03.jpg) 0 0 no-repeat !important; } .sthe .bottom_box{float:right; background:#f9f9f9; width:900px; height:270px; } .sthe .center_box img{margin-top: 40px; margin-left: 110px; } #en .sthe .center_box img{margin-top: 60px; margin-left: 47px; } .sthe .center_box p{margin-top: 25px; text-align: center; color: #fff; line-height: 27px !important; padding: 0px 10px; } .sthe .bottom_box span{border: 1px solid #5f5f5f; width: 120px; height: 30px; display: block; text-align: center; line-height: 30px; margin-left: 30px; margin-top: 20px; } a.sthe_sp_text{display: block; color: #5f5f5f !important; font-family: 'NanumSquare', nanumgothic !important; font-size: 14px !important; font-weight: bold; width: 120px; height: 30px; } /* FWD */ .fwd .item{width: 573px; height: 756px; position: absolute; right: 10px; top: 52px; } .fwd .center_box{background:blue; width:300px; height:336px; position: absolute; top: 0; left: 300px; background: url(images/sub/sub_FWD_contect_img03.jpg) 0 0 no-repeat !important; } .fwd .bottom_box{float:right; background:#f9f9f9; width:900px; height:350px; } .fwd .center_box img{margin-top: 55px; margin-left: 110px; } #en .fwd .center_box img{margin-top: 82px; margin-left: 47px; } .fwd .center_box p{margin-top: 25px; text-align: center; color: #fff; line-height: 27px !important; padding: 0px 10px; } .fwd .bottom_box span{border: 1px solid #5f5f5f; width: 120px; height: 30px; display: block; text-align: center; line-height: 30px; margin-left: 30px; margin-top: 20px; } a.fwd_sp_text{display: block; color: #5f5f5f !important; font-family: 'NanumSquare', nanumgothic !important; font-size: 14px !important; font-weight: bold; width: 120px; height: 30px; } /* ARC */ .arc .item{width: 482px; height: 563px; position: absolute; right: 30px; top: 225px; } .arc .center_box{background:blue; width:300px; height:336px; position: absolute; top: 0; left: 300px; background: url(images/sub/sub_ARC_contect_img03.jpg) 0 0 no-repeat !important; } .arc .bottom_box{float:right; background:#f9f9f9; width:900px; height:320px; } .arc .center_box img{margin-top: 85px; margin-left: 110px; } #en .arc .center_box img{margin-top: 92px; margin-left: 47px; } .arc .center_box p{margin-top: 30px; text-align: center; color: #fff; line-height: 27px !important; } .arc .bottom_box span{border: 1px solid #5f5f5f; width: 120px; height: 30px; display: block; text-align: center; line-height: 30px; margin-left: 30px; margin-top: 20px; } a.arc_sp_text{display: block; color: #5f5f5f !important; font-family: 'NanumSquare', nanumgothic !important; font-size: 14px !important; font-weight: bold; width: 120px; height: 30px; } /* PTHE */ .pthe .item{width: 418px; height: 615px; position: absolute; right: 10px; top: 120px; } .pthe .center_box{background:blue; width:300px; height:336px; position: absolute; top: 0; left: 300px; background: url(images/sub/sub_PTHE_contect_img03.jpg) 0 0 no-repeat !important; } .pthe .bottom_box{float:right; background:#f9f9f9; width:900px; height:345px; } .pthe .center_box img{margin-top: 72px; margin-left: 110px; } #en .pthe .center_box img{margin-top: 77px; margin-left: 47px; } .pthe .center_box p{margin-top: 30px; text-align: center; color: #fff; line-height: 27px !important; } .pthe .bottom_box span{border: 1px solid #5f5f5f; width: 120px; height: 30px; display: block; text-align: center; line-height: 30px; margin-left: 30px; margin-top: 20px; } a.pthe_sp_text{display: block; color: #5f5f5f !important; font-family: 'NanumSquare', nanumgothic !important; font-size: 14px !important; font-weight: bold; width: 120px; height: 30px; } /* SAHC */ .sahc .item{width: 577px; height: 343px; position: absolute; right: 62px; top: 357px; } .sahc .center_box{background:blue; width:300px; height:336px; position: absolute; top: 0; left: 300px; background: url(images/sub/sub_SAHC_contect_img03.jpg) 0 0 no-repeat !important; } .sahc .bottom_box{float:right; background:#f9f9f9; width:900px; height:220px; } .sahc .center_box img{margin-top: 80px; margin-left: 110px; } #en .sahc .center_box img{margin-top: 92px; margin-left: 47px; } .sahc .center_box p{margin-top: 105px; text-align: center; color: #fff; line-height: 27px !important; font-size:14px !important; padding:0 10px; } p.bottom_box_p{font-size: 14px !important; } .sahc .bottom_box span{border: 1px solid #5f5f5f; width: 120px; height: 30px; display: block; text-align: center; line-height: 30px; margin-left: 30px; margin-top: 30px; } .sahc .bottom_box_p{margin-top: 40px; } a.sthe_sp_text{display: block; color: #5f5f5f !important; font-family: 'NanumSquare', nanumgothic !important; font-size: 14px !important; font-weight: bold; width: 120px; height: 30px; } /* OTHER */ .others .item{width: 303px; height: 650px; position: absolute; right: 49px; top: 92px; } .others .center_box{background:blue; width:300px; height:336px; position: absolute; top: 0; left: 300px; background: url(images/sub/sub_OTHER_contect_img03.jpg) 0 0 no-repeat !important; } .others .bottom_box{float:right; background:#f9f9f9; width:900px; height:270px; } .others .center_box img{margin-top: 72px; margin-left: 110px; } #en .others .center_box img{margin-top: 91px; margin-left: 47px; } .others .center_box p{margin-top: 30px; text-align: center; color: #fff; line-height: 27px !important; } .others .bottom_box span{border: 1px solid #5f5f5f; width: 120px; height: 30px; display: block; text-align: center; line-height: 30px; margin-left: 30px; margin-top: 20px; } a.others_sp_text{display: block; color: #5f5f5f !important; font-family: 'NanumSquare', nanumgothic !important; font-size: 14px !important; font-weight: bold; width: 120px; height: 30px; } /*** 기업부설소개 **/ .corporate h2{margin-top: 100px !important; float: left; width: 100%; } .corporate h4{font-size: 25px !important; margin-top: 60px !important; color: #222222 !important; float:left; width: 100%; } .corporate p{line-height: 21px !important; padding-top: 21px; font-family: 'NanumSquare', nanumgothic !important; } .corporate_text{margin-top: 0; margin-bottom:40px; } /*** 품질관리활동 ***/ .qm h2{margin-top: 100px !important; } .qm p{margin-top: 60px; height:60px; clear:both; } span.big_font{font-size: 26px; font-weight: bold; color: #121212; padding: 0 20px 90px 0; display: block; float: left; line-height: 30px; width:155px; } #en .qm h2{float: left; width: 100%; } .qm_text{width: 1200px; height: 280px; background: url(images/sub/sub_qm_contect_img02.jpg) 0 0 no-repeat !important; } .qm_text p{color: #fff; width: 400px; text-align: center; padding-top: 55px; font-size: 25px !important; font-weight: bold; line-height: 25px !important; } span.white{display: block; line-height: 40px; font-weight: 100; color: #d2dfff; padding-top: 20px; font-size: 14px; } span.f_small{font-size: 16px; font-weight: 100; } /*** 인재상 ***/ .talent_text{float: left; width: 21%; padding-left: 64px; } .first{padding-left: 0; } .talent h5{color: #5a5a5a !important; font-size: 20px !important; padding-top: 10px; background: url(images/sub/sub_talent_contect_img02.png) 0 0 no-repeat !important; } /*** 인사제도 ***/ .ps_text{width: 1200px; height: 155px; margin-top: 60px; } .ps_text p{margin-top: 60px; height: 55px; background-color: #e6e6e6; line-height: 22px !important; text-align: center; color: #4b4b4b; padding-top: 14px; } #ko .ps_text p{line-height: 38px !important; padding-top: 20px; } .careers h4{font-size: 25px !important; margin: 0 0 40px 0 !important; color: #222222 !important; } th.careers_th{height: 40px; background-color: #f5f5f5 !important; } h4.bottom_h4{margin-top: 60px !important; margin-bottom: 60px !important; } .careers_text{text-align: center; font-size: 14px !important; background-color: #1e4e95; width: 210px; height: 50px; line-height: 50px; border-radius: 35px; margin: 0 auto; margin-top: 100px; } .careers_text a{color: #fff !important; display: block !important; } img.center_img{display: block; margin: 0 auto; } h3.p_sub_title{display: block; letter-spacing: 0 !important; font-size: 18px !important; margin: 0 !important; padding-bottom: 15px; padding-top: 30px; background: url(images/sub/sub_name_img.png) 0 32.1px no-repeat !important; padding-left: 21px; clear: both; float:left; width:100%; } div#main_p_img{width: 1200px !important; margin: 0 auto; border: 1px solid #ddd; background: #f6f6f6; box-sizing: border-box; padding-left: 250px; margin-top: 20px; } .small_list{clear: both; } .small_list ul{padding: 10px 20px !important; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 12px solid #0198ab; margin-top: 10px !important; } .small_list li{width: 130px; padding-left: 3px; } p.explanation{color: #5a5a5a; line-height: 26px !important; float: left; width: 100%; } span.p_sub_name{display: block; font-size: 15px; padding-bottom: 6px; padding-top: 30px; font-weight: bold; } /********영문********/ p.ind_en{line-height: 19px !important; font-size: 13px !important; } p.ship_en{line-height: 19px !important; padding-top: 12px !important; font-size: 13px !important; } p.nu_en{line-height: 21px !important; font-size: 13px !important; } .company_en th{width: 30% !important; font-size:13px !important; padding: 5px 0; } #pibsms_sns{display:none; } .certifications ul{width:100%; clear:both; } .certifications ul li{float: left; width: 280px; margin-right: 40px; margin-bottom:40px; } .certifications ul li:last-child{margin-right:0px; } .certifications ul li img{border: 1px solid #ddd; box-sizing: border-box; } span.certifications_title{display: block; text-align: center; margin-top: 20px; background: #2b4d7f; border-radius: 100px; padding: 10px; color: #fff; letter-spacing: 1.5px; } #en span.certifications_title{display: block; text-align: center; margin-top: 20px; background: #2b4d7f; border-radius: 100px; padding: 10px; color: #fff; letter-spacing: 0px; font-size: 12px; } #the_content.sub_business li .infoA .tit{font-size: 24px; color: #000; margin-top: 37px; } .sub_business li {overflow:hidden; margin-top:40px; border-top:1px solid #e1e1e1; padding-top:40px; } .sub_business li:first-child{margin-top: 0; /* border-top: 0; */} .sub_business li .imgA {float:left; width: 460px; height: 298px; } .sub_business li .imgA img{width: 460px; height: 298px; } .sub_business li .infoA {float:left; width:766px; padding-left:49px; position:relative; } .sub_business li .infoA .tit {font-size:24px; color:#333; margin-top:37px; } .sub_business li .infoA .txt{font-size: 15px; color: #555; line-height: 24px; margin-top: 22px; min-height: 162px; padding-bottom: 35px; box-sizing: border-box; } .sub_business li .infoA .btnA {} .sub_business li .infoA .btnA a {display:inline-block; float:left; border:1px solid #d5d5d5; height:50px; line-height:50px; font-size:16px; color:#555; padding:0 30px; background:#fff; margin-left:9px; } .sub_business li .infoA .btnA a:first-child{padding: 0 67px 0 30px; background: url(images/sub/business_btnbg01.png) 140px center no-repeat; margin-left: 0; } #the_content.organization{text-align: center; } #workdone_list table{border-top: 2px solid #262262; width: 100%; } #workdone_list table th, #workdone_list table td{text-align:center; padding: 15px 0px; } #workdone_list table th{border-bottom: 1px solid #ddd; font-weight: bold; } #workdone_list table td{border-bottom: 1px dashed #ddd; } #workdone_list table tr:hover td{background:#f4f4f4; } table.t1{border-top: 2px solid #7b7b7b !important; border-bottom:none !important; width: 100% !important; } table.t1 th, table.t1 td{padding: 15px 0px !important; } table.t1 th{border-bottom: 1px dashed #ddd !important; font-weight: bold !important; text-align:center !important; } table.t1 td{border-bottom: 1px dashed #ddd !important; } table.t1 tr:hover td{background:#f4f4f4 !important; } table.t1 td textarea{width: 99% !important; } .page-id-902 table.t1 tr:hover td{background:#fff !important; } /* Agreement */ .Agreement h3{font-size:15px; margin-bottom: 12px; background: url(../shop/img/tit_bullet.gif) 0 center no-repeat; padding-left: 25px; color: #000; } .Agreement div{padding-top: 30px; color: #666; line-height: 23px;} .Agreement span{color:#ea5513; font-weight:600; } .privateD{border: 1px solid #e1e1e1; background: #f5f5f5; padding: 2% 4%; border-top: 3px solid #262262; } .privateD p{font-weight:600; font-size:1.3em; color:#000; padding-bottom:10px; } #sub_middle h3{/* background:none; padding:0 */} .terms div{margin-bottom: 50px; line-height: 24px; } #the_content.email h2{font-size: 20px; font-weight: 600; padding: 0; } #the_content.email h2 span{font-size: 20px; font-weight: 600; color: #0b6dbf; margin: 0px; } #the_content.email h3{/* font-size: 16px; */ color: #262262; } #the_content.email h4{font-size: 16px; color: #FFFFFF; margin: 0; font-weight: normal; margin-top: 10px; background: #0db0ad; padding: 10px 15px; display: inline; } #the_content.email p {font-size: 14px; padding-bottom: 55px; } #the_content ul.email_list{list-style: disc; padding: 20px; line-height: 28px; } #the_content ul.email_list li{list-style: initial; } #the_content ul.email_list li span{color: #C30901; } #the_content.email p{line-height: 22px; } /* .page-id-902 table{width: 100%; } */ table.sub_table01{margin-bottom: 70px; } table.sub_table01 th, table.sub_table01 td{padding: 10px 0px; text-align: center; vertical-align: middle; font-size: 14px; } table.sub_table01 th{border-left: 1px solid #fff; padding: 15px 0px; background: #253676; font-weight: 500; color: #fff; } table.sub_table01 td{border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; font-weight: 300; line-height: 22px; background: #f7f7f7; } table.sub_table01 td:first-child{border-left: none; } table.sub_table02{border-top: 1px solid #262262; margin-bottom: 70px; } table.sub_table02 th, table.sub_table02 td{padding: 10px 0px; text-align: center; vertical-align: middle; font-size: 14px; } table.sub_table02 th{padding: 15px 0px; background: #253676; font-weight: 500; border-bottom: 1px solid #fff; border-left: 1px solid #fff; color: #fff; } table.sub_table02 td{ border-bottom: 1px solid #ddd; font-weight: 300; line-height: 22px; border-left: 1px solid #ddd; padding: 5px; background:#f7f7f7; } table.sub_table02 tr th:first-child, table.sub_table02 tr td:first-child, table.sub_table02 tr th:nth-child(6){border-left: none; } table.sub_table02 tr th:nth-child(5){border-right: 1px solid #ddd; } table.sub_table02 td.sub_table02_txt{text-align: left; padding-left: 30px; } table.sub_table03{margin-bottom: 70px; } table.sub_table03 th{background: #253676; font-weight: 500; border-bottom: 1px solid #ddd; border-left: 1px solid #fff; color: #fff; } table.sub_table03 th, table.sub_table03 td{padding: 15px 0px; text-align: center; vertical-align: middle; font-size: 14px; } table.sub_table03 td{border-bottom: 1px solid #ddd; font-weight: 300; line-height: 22px; border-left: 1px solid #ddd; padding: 10px 5px; background: #f7f7f7; } table.sub_table03 th:first-child, table.sub_table03 td:first-child {border-left:none; } table.sub_table03 td.border_left {border-left: 1px solid #ddd; } table.sub_table03 th.border_left {border-left: 1px solid #ddd; } #the_content ul.sub_ul01 li {padding-left:10px; position:relative; margin-top:15px; } #the_content ul.sub_ul01 li:first-child {margin-top:0; } #the_content ul.sub_ul01 li:before {content:"-"; position:absolute; left:0; } #the_content ul.sub_ul01 {margin-bottom:70px; padding-left:15px; } #the_content ul.sub_ul02 {margin-bottom:70px} #the_content ul.sub_ul02:after {content:""; display:block; clear:both} #the_content ul.sub_ul02 li {display:inline-block; width:301px; margin-left:12px; float:left; border:1px solid #ddd; } #the_content ul.sub_ul02 li:first-child {margin-left:0} #the_content ul.sub_ul02 li img {width:100%; height:auto; } #the_content ul.sub_ul03 {margin-bottom:70px} #the_content ul.sub_ul03:after {content:""; display:block; clear:both} #the_content ul.sub_ul03 li {display:inline-block; width:196px; margin-left:12.8px; float:left; border:1px solid #ddd; } #the_content ul.sub_ul03 li:first-child {margin-left:0} #the_content ul.sub_ul03 li img {width:100%; height:auto; } /***************************************/ /* POST and PAGE */ /***************************************/ #content_container h1{font-size: 38px; font-weight: 500; margin-bottom: 20px; margin-top: 70px; } div#content_title{display: none; } .Htitle{text-align: center; margin-bottom: 70px; overflow: hidden; border: none; background: #fff; } #thumb_page {width:200px; float:left; margin-right: 10px; } #thumb_page img {border:1px solid #e5e5e5} /***************************************/ /* SIDEBAR SUBMENU */ /***************************************/ #sidebar .child_nav_menu{position: absolute; width: 100%; top: 255px; left: 0px; } #sidebar .child_nav_menu li{float:left; } .page-id-2122 #sidebar .child_nav_menu li a{border-bottom:none; } #sidebar .child_nav_menu li a{border: none; box-sizing: border-box; padding: 15px 0px; font-size: 14px; width: 410px; display: inline-block; margin-right: 1px; color: #000; background: #eee; border-bottom: 1px solid #27b2c7; } #sidebar .child_nav_menu li.current-cat a{border: 1px solid #27b2c7; color: #27b2c7; background: #fff; box-sizing: border-box; padding: 14px 0px; font-size: 13px; margin-right: 0px; border-bottom:1px solid #fff; } .third_depth_menu {width: 100%; text-align: center; margin: 50px auto 0; max-width:1240px; position: relative; height:30px; } .third_depth_menu li{display: inline-block; overflow: hidden; position: relative; } .third_depth_menu li:after{position: absolute; content:""; right:0; top: 5%; height: 90%; width:1px; background: #bbb; display: block; } .third_depth_menu li:last-child:after{display:none; } .third_depth_menu li a{padding:0 20px; color:#333; font-size:15px; } .third_depth_menu li.current_page_item a{color:#262262; font-weight:600; } a.fancybox.image{display: block; margin: 0 auto; text-align: center; } .tax-products_categories .Htitle, .page-id-2122 .Htitle, .single-products .Htitle{margin-bottom: 170px; } #goto_list a{border: 1px solid #262262; display: inline-block; padding: 10px 25px; color: #262262; float: right; } .products_gallery{width: 750px; float: left; } #main_p_img{width: 700px; margin-bottom: 18px; } #main_p_img img{width:700px !important; height:441px; padding-bottom: 0 !important; } .product_content{float: right; width: 428px; } .products02.products{width: 100%; float: left; } /****************** 170726 sub contents ******************/ .js-reveal{opacity: 1; transition: opacity .7s ease-in, margin-top .7s ease-out; } .js-reveal--hidden{opacity: 0; margin-top: 3em; } .sec1{margin-top:100px; overflow: hidden; } .sec2{margin-top:30px; overflow: hidden; } .sub h3{font-size: 26px; color: #000; font-weight: 400; line-height: 28px; padding-bottom: 20px; } .first{border-left:none; } /* table */ .tb_st {width: 100%; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } .tb_st table{width:100%; min-width:1024px; } .tb_st thead{background: #f5f5f5; } .tb_st table td.last, .tb_st table th.last{border-right:none; } .tb_st table thead tr td{border-bottom: 1px solid #d4d4d4; border-top: 0; font-weight: 500; color: #333; } .tb_st table tr th{padding: 8px; font-weight: 500; border-top: 2px solid #7b7b7b; border-bottom: 1px solid #d4d4d4; text-align: center; background: #f5f5f5 ; vertical-align: middle; } .tb_st table tr td{padding: 10px 8px; border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; vertical-align: middle; text-align: center; } table.t01{width:100%;} table.t01 thead{background: #f5f5f5; } table.t01 td.last, table.t01 th.last{border-right:none; } table.t01 thead tr td{border-bottom: 1px solid #d4d4d4; border-top: 0; font-weight: 500; color: #333; } table.t01 tr th{padding: 8px; font-weight: 500; border-top: 2px solid #7b7b7b; border-bottom: 1px solid #d4d4d4; text-align: center; background: #f5f5f5 ; vertical-align: middle; } table.t01 tr td{padding: 10px 8px; border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; vertical-align: middle; text-align: center; } tr.tb_bg_point{background: #eceaff; } tr.tb_bg_point2{background: #ffefef; } /* 02-01 사업대상 */ .sol_plan{background: #072c47 url(images/sub/s02_01_map2.jpg) no-repeat left center; padding: 90px 0 190px 0; text-align: right; } .plan_area .radius{clear: both; width: 100%; position: relative; display: inline-block; } .plan_area .radius > div, .panorama > div{width:50%; float:left; display:inline-block; z-index: 15; } .radius .radius_cont{position: absolute; bottom: 0; right: 0; background: #fff; } .radius .radius_img{background: url(images/sub/s02_01_map.jpg) no-repeat right center; height: 590px; background-size: cover; } .radius .radius_cont{position: absolute; bottom: 0; right: 0; padding: 70px; border-top: 1px solid #262262; } .radius_cont span{background: #262262; color: #fff; padding: 9px 30px; border-radius: 50px; display: inline-block; } .advantage{padding-bottom: 100px; width:100%; overflow: hidden; } .advantage > div{width: 25%; float: left; padding: 40px; border: 1px solid #d0d0d0; min-height: 600px; border-right: none; } .advantage h3{text-align: center; margin-bottom: 30px; font-size: 24px; padding-bottom: 20px; border-bottom: 1px dashed #aaa; color: #3a3a3a; font-weight: 400; } .advantage h3 > span{display:block; color: #262262; font-weight: 400; padding-bottom: 20px; } .panorama span{font-size:14px; padding-top:20px; color:#777; display:inline-block; } .panorama > div:first-child{padding-right: 100px; } .pic > span{width:25%; float:left; } .pic > span img{width:100%; } .sol_newmap{padding:0 30px; } .sol_newmap h4, #the_content .sol_newmap p{color: #fff; } .business > div {display: inline-block; width: 50%; float: left; } ul.sol_floor li{display: inline-block; width: 33%; padding: 0 10px; text-align:center; margin-bottom: 50px; } ul.sol_floor li > p{background: url(images/sub/title_line.png) no-repeat center center; margin: 30px; display: block; padding: 0; color: #000 !important; font-size: 18px; } ul.sol_floor li > p > span{display: block; font-size: 14px; color: #666; padding-top: 30px; } .sol_floor img{width:100%; } .page-id-2301.page #copyright_inner{margin-top:50px; } .page-id-2301 .sub h3{font-size: 26px; color: #000; font-weight: 400; line-height: 28px; padding-bottom: 20px; background:none; margin-bottom:0; padding-top:0; }/**/ .solmarine h3{padding-top:50px; padding-bottom:40px; background: url(images/sub/title_line.png) no-repeat left bottom; margin-bottom:30px; } .solmarine h5{text-align:center; margin-bottom: 20px} .solmarine h5 > span{background: #333; color: #fff; padding: 5px 30px; border-radius: 50px; display: inline-block; } .solmarine div.deco_img, .solmarine div.deco_img01, .solmarine div.deco_img02{width:100%; clear: both; overflow:hidden; } .solmarine div.deco_img p{width: 55%; margin: 0 auto; text-align:center; } .solmarine div.deco_img > div{width:50%; float:left; } .solmarine div.deco_img h4 { padding-top: 0; } .solmarine div.deco_img01 > div:first-child{width:35%; padding-right:5%; float: right; } .solmarine div.deco_img01 > div{width:60%; float:left; background: #fff; padding-right: 0 !important; } .solmarine div.deco_img01 > div img, .solmarine div.deco_img02 > div img{width:100%; } .solmarine div.deco_img02 > div:first-child{width:35%; padding-left:0; background: #fff; padding-left: 50px; } .solmarine div.deco_img02 > div{width:60%; padding-left:5%; float:left; }span.red_strong{display: none; } /* en_sub */ #en ul.sol_floor li > p{background:none; } #en.page-id-2336 .solmarine h3{background:none; margin-bottom:0 } /***************************************/ /* LHBOARD */ /***************************************/ div#pibs_online_pasworld_confirm{text-align: center; background: #f5f5f5; padding: 30px; border-radius: 5px; border: 1px solid #dedede; width: 100%; } #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"]{padding: 5px 10px 5px 20px; margin: 2px 0; background: left top no-repeat; display: block; } #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{border-radius: 2px; display: block; padding: 8px 10px; border: 1px solid #999; padding-left: 35px; 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 #ddd; } div#wp-lhwb_editor-wrap table tr td.mceStatusbar{display: none; } #lhwb_board_write_btn{padding: 10px 0; background:none} div#lhwb_wrap #board_write_btn a, #lhwb_board_write_btn a, a#lhwb_board_ok_btn{border: none; padding: 5px 20px 5px 38px; font-size: 13px; color: #FFF!important; border: 1px solid #262262 !important; font-weight: 500 !important; background: #262262 url(images/lhboard/btn_confirm_light.png) no-repeat 15px center !important; text-decoration: none !important; border-radius: 0px; display: inline-block; } a#lhwb_board_goback_btn{padding: 5px 20px; font-size: 13px; color: #FFF!important; border: 1px solid #5d5d5d !important; font-weight: 500 !important; text-decoration: none !important; border-radius: 0px; display: inline-block; background: #616161; } 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{border: none; padding: 5px 15px 5px 28px !important; font-size: 13px; color: #FFF!important; border: 1px solid #AC121A !important; font-weight: 500 !important; background: #F22630 url('images/lhboard/btn_confirm_light.png') no-repeat 5px center !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{text-align: center; padding: 35px 0 30px 0; margin-bottom: 10px; 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 {background: none; background-color: #CACACA; border: 1px solid #ddd !important; padding: 5px 24px; font-weight: bold !important; color:#666 !important; background:#f5f5f5; } 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 #ddd !important; } div#lhwb_wrap .boardTy01 table thead th span{border-right: 1px solid #ddd !important; } div#lhwb_wrap .boardTy01 table thead th{border-bottom: 2px solid #ddd !important; } div#lhwb_wrap .FootTy01 .pageing strong{color: white; border-color: #BDBDBD ; background-color: #BDBDBD !important; } div#lhwb_wrap a {text-decoration: none !important} div#lhwb_wrap input[type="text"], input[type="password"], textarea {box-shadow:none !important} div#lhwb_wrap .boardTy01 table#board_list tbody tr {cursor:pointer} div#lhwb_wrap .boardTy01 table#board_list tbody tr:hover {background-color:#f5f5f5} .btn_board_reply.lhwb_board_reply_btn,.btn_write.lhwb_modify_btn,.btn_cancel_03,#lhwb_reply_btn .btn_write,#lhwb_reply_btn .btn_cancel_04{background: none !important; padding: 0 !important; margin:0; } .btn_board_reply.lhwb_board_reply_btn a,.btn_write.lhwb_modify_btn a,.btn_cancel_03 a,#lhwb_reply_btn .btn_write a,#lhwb_reply_btn .btn_cancel_04 a,#lhwb_wrap .btn_list a {background-color:#f5f5f5; display: inline-block; padding: 5px 22px 5px 28px !important; font-size: 13px; border: 1px solid #ddd; margin:0 2px} .btn_board_reply.lhwb_board_reply_btn a {background:#f5f5f5 url('images/lhboard/btn_comment.png') no-repeat 5px center !important; } #lhwb_wrap .btn_list a {background:#f5f5f5 url('images/lhboard/btn_list.png') no-repeat 5px center !important; } .btn_write.lhwb_modify_btn a {background:#f5f5f5 url('images/lhboard/btn_edit.png') no-repeat 5px center !important; } .btn_cancel_03 a {background:#f5f5f5 url('images/lhboard/btn_trash.png') no-repeat 5px center !important; } #lhwb_reply_btn .btn_write a {background: #f5f5f5 url('images/lhboard/btn_confirm.png') no-repeat 5px center !important; } #lhwb_reply_btn .btn_cancel_04 a {background: #f5f5f5 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; font-size: 13px; color: #686767 !important; width:auto !important; padding-top: 10px; float: none !important; margin: 0 40px; font-weight: bold; text-align: right; padding-top: 10px; } #lhwb_view_footer{border-bottom: 1px solid #ddd; float: left; width: 100%; } 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{margin-bottom: 0; line-height: 170%; float: none; } div#lhwb_wrap .view_title{border-right: 1px solid #ddd; padding: 0 10px 0 0; display: inline-block; width: 420px !important; max-width: none !important; font-weight:bold} div#lhwb_wrap .writeTy01 #pibsms_sns img{float: none; margin: 0 2px; } .view_author{padding: 0 10px !important; } .view_author{border-right: 1px solid #ddd; margin-right:10px; } .view_textarea .btn_write{background-color: #ddd; } .view_textarea .btn_write a {color:#666 !important} #lhwb_reply_list h3 small span:first-child{font-weight: bold; font-size:12px; } #lhwb_reply_list h3 small span {color: #AFAFAF !important; } div#lhwb_wrap #lhwb_board_view.writeTy01 ul.bgef li{border-top: 1px solid #ddd; } #lhwb_wrap .fst01{color: #AFAFAF !important; font-size: 12px; font-weight: bold; margin-bottom: 4px; } div#lhwb_wrap #lhwb_re_reply .txtarea05{margin-bottom: 20px; } div#lhwb_wrap #lhwb_re_reply_btn{margin-left: 20px; } #lhwb_re_reply_btn span.btn_write{padding: 5px 0px 5px 27px; margin-bottom: 3px; background: #f5f5f5 url('images/lhboard/btn_confirm.png') no-repeat 5px center !important; display: inline-block; border: 1px solid #ddd; font-size: 12px; width: 38px; } #lhwb_re_reply_btn #reply_input_del {padding: 5px 0px 5px 27px; margin-bottom: 3px; background: #f5f5f5 url('images/lhboard/btn_cancel.png') no-repeat 5px center !important; display: inline-block; border: 1px solid #ddd; font-size: 12px; width: 38px; } div#lhwb_wrap #lhwb_reply_container #lhwb_re_view .re{background-color: #F1F1F1; } #the_content div#lhwb_wrap .lhwb_search select{height: 24px; } #the_content .map_img {padding:2px; border:1px solid #ddd; margin:0 auto; } #content_container img {/*max-width:825px; height: auto; padding-bottom: 30px; */} #the_content ul.map_ad{ margin:0 auto; padding-top:20px; } #the_content ul.map_ad li {padding:0 10px 5px 13px; display:inline-block; width:100%; background:url(images/sub/sm_arr_02.gif) left 4px no-repeat; } #the_content ul.map_ad span{display:inline-block; width:83%; float:right; 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; font-size: 13px; font-weight: bold !important; text-decoration: none !important; color: #FFF!important; border: 1px solid #AC121A !important; background: #F22630 url('images/lhboard/btn_edit_light.png') no-repeat 5px center !important; }/* */ table.t1{border-collapse: collapse; width: 100%; margin: .5em 0px; font-size: 1em; border-top: 4px solid #999 !important; border-bottom: 3px solid #ddd !important; } table.t1 tr{ } /* colgroup */ table.t1 th, table.t1 td{border: 0px solid #ddd; border-width: 0 0px 0px 0; padding: 6px 6px 6px 6px; } table.t1 thead, table.t1 tfoot{background: #fff; font-weight: normal; font-size: 1em; } table.t1 th{background: #fff; font-weight: bold; text-align: left; border-bottom: 1px solid #ebebeb; padding-left:10px; padding-top: 10px; padding-bottom: 10px; } table.t1 td{background: #fff; font-weight: bold; text-align:left; border-bottom: 1px solid #ebebeb; } table.t1 td.left{text-align: left; } table.t1 td.center{text-align: center; } table.t1 td.right{text-align: right; }/* */ input {color:#707070; background:#ffffff; border:1px #dfdfdf solid; } .checkbox {border:0px #dfdfdf solid; } .input {color:#707070; background:#ffffff; border:1px #dfdfdf solid; height:14px; width:80px; margin:1px; } .input_text {color:#b3b3b3; background:#ffffff; border:1px #C2C2C2 solid; }/* table */ table.t11{border-collapse: collapse; width:100%; margin: .5em 0px; font-size: 1em; border-top: 0px solid #218e94; border-right: 0px solid #ddd; border-left: 0px solid #ddd; margin-bottom:30px; line-height:20px; } table.t11 th{background: #f4f4f4; color: #444444; font-weight: bold; text-align:center; vertical-align: middle; padding:10px; } table.t11 td{background: #f4f4f4; color: #444444; font-weight: normal; text-align:left; vertical-align: middle; padding:10px; }table.t11 .th1{background: #fff; color: #444444; font-weight: bold; text-align:center; vertical-align: middle; padding:10px; } table.t11 .td1{background: #fff; color: #444444; font-weight: normal; text-align:left; vertical-align: middle; padding:10px; } table.t11 caption {display:none} .year{font-size:30px; color:#626d77; font-weight:bold; padding:10px; } .day{font-size:17px; color:#5d5a5a; font-weight:bold; }/* 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{border-color: #B4B4B4; padding: 5px 8px; } #the_content table.t1.pibs_board_write_form{border-top: none !important; border-bottom: none !important; } #lhwb_board_write_btn_container{text-align: right; padding-right: 12px; } /***************************************/ /* Basic Board style */ /***************************************/ #the_content a.pibs_nboard_btn, a.pibs_nboard_btn, .pibs_nboard_btn{font-weight:500 !important; margin-top: 15px !important; padding: 10px 20px 10px 40px !important; border: 1px solid #262262 !important; background: #262262 url(http://hanyoung.pibs-app.net/wp-content/plugins/pibs-network/pibsboard/images/btn_edit_light.png) no-repeat 20px center !important; } .pibs_nboard_write{border-top: 2px solid #564B4B !important; } .page.page-id-902.mobile #the_content td.pibs_nboard_file img{width: auto; display: inline-block; height: auto; border: none; padding:11px; } table.pibs_nboard, #sub_container #the_content .pibs_nboard_write_form{border-top: 2px solid #7b7b7b !important; border-bottom: 1px solid #aaa !important; } table.pibs_nboard th{border-bottom: 1px solid #e1e1e1 !important; line-height: 30px !important; font-size: 15px !important; } table.pibs_nboard th span{font-size: 15px !important; } table.pibs_nboard td{padding:10px !important; } .pibs_nboard_write th.pibs_nboard_write_subject_title{width:80px; } textarea#pibs_nboard_write_form_contents{width: 95%; }#the_content table.pibs_nboard_write_form i, #pibs_online_pasworld_confirm i{ font-size: 13px; font-style: normal; color:#777; } .pibs_nboard_write_form th{border-bottom: 1px solid #ebebeb !important; } .pibs_nboard_write_form td {padding: 8px 10px !important; } .pibs_nboard_write_form textarea {padding: 15px 10px !important; } .pibs_nboard_wrap{width:100%; max-width:1240px; margin:0 auto; } .pibs_online_btn_new{width: 100%; text-align: center; margin-top: 30px; border-top: 1px dashed #ddd; padding-top: 20px; } .pibs_nboard_write_form input[type="text"], .pibs_nboard_write_form input[type="password"], .mobile .pibs_nboard_write_form input[type="text"]{border: 1px solid #ddd !important; } .pibs_nboard_write_form th label {font-weight:500 !important;} 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{border: 1px #fff solid; border-color: transparent; border-radius: 0; padding: 0 2px; margin: 2px; text-decoration: none; font-weight: bold; display: inline-block; background-color: #C5C5C5; font-weight: bold; color: #fff; vertical-align: middle; height: 24px !important; background-image: none; line-height: 24px; } #the_content .pageing a:hover{color: #D6D6D6 !important; font-weight: bold; background-color: #555 !important; } #the_content .pageing strong{background-color: #FFF !important; color: #686868; border: 1px solid #B9B9B9; height: auto; } .pageing a, .pageing strong{display: inline-block; width: 20px; height: 15px; overflow: hidden; padding-top: 5px; text-align: center; color: #969696; border: 1px solid #5dc6e0; font-size: 11px; vertical-align: middle !important; } #content_container img.lhb_thumnail{width: 70px; height: 60px; max-width: 100%; }/* 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; font-size: 13px; border: 1px solid #ddd; background: #f5f5f5 url('images/lhboard/btn_list.png') no-repeat 5px center; padding: 5px 15px 5px 28px; margin: 0 2px; color: #666; text-decoration: none; } #the_content a.confirm_btn{display: inline-block; font-size: 13px; border: 1px solid #ddd; background: #f5f5f5 url('images/lhboard/btn_confirm.png') no-repeat 5px center; padding: 5px 15px 5px 28px; margin: 0 2px; color: #666; text-decoration: none; } #the_content a.back_btn{display: inline-block; font-size: 13px; border: 1px solid #ddd; background: #f5f5f5; padding: 5px 15px 5px 15px; margin: 0 2px; color: #666; text-decoration: none; } tr.pibs_board_write_content td{background: #f5f5f5; } td.online_pwd_container label{text-align: center; display: block; } div.online_pwd_desc{text-align: center; font-weight: normal; color: #777; margin-top: 10px; } table.t1 td.online_pwd_container{padding: 30px 0; text-align: center; }