/* 푸터 하단 고정 */
html, body {height:100%; margin:0; padding:0;}
body {background:#c0f0f0 url(/images/bg_white.gif) repeat-y center top;}
#wrapper {min-height:100%; position:relative;}







/* common */
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb100 {margin-bottom:100px;}

.pl16 {padding-left:16px;}
.pl29 {padding-left:29px;}










/* ----------------------------------  header  --------------------------------- */

/*header {width:100%; height:92px; margin-bottom:15px; border-bottom:#ccc 1px solid;}*/
header {width:100%; height:107px; background:url(/images/bg_header.gif) repeat-x;}
#header_area {width:960px; margin:0 auto;}
#header_area .logo {float:left; width:84px; height:48px; margin:29px 30px 0 0;}
#header_area .logo a {display:inline-block;width:84px; height:48px; background:url(/images/logo.gif) no-repeat; text-indent:-9999px;}

.gnb_area {float:left;}
.gnb_area ul {margin-top:58px;}
.gnb_area li {float:left;}
.gnb_area li a {display:inline-block; color:#444; margin:0 20px; font-size:17px; font-weight:bold;}
.gnb_area li a:hover {color:#01a6aa;}

.topmenu_area {float:right; width:230px; height:83px; border-top:#94e0e0 5px solid;}
.topmenu_area ul {width:100%; height:28px; margin-top:48px; padding-left:35px; background:#01a6aa; -moz-border-radius:14px; -khtml-border-radius:14px; -webkit-border-radius:14px; border-radius:14px;}
.topmenu_area li {float:left;}
.topmenu_area li a {display:inline-block; height:28px; color:#fff; font-size:14px;}
.topmenu_area li a:hover {color:#90fcff;}
.topmenu_area li span {color:#5cc3c6; margin:0 10px;}









/* ----------------------------------  content  --------------------------------- */

/* lnb */
.lnb_company ul {}
.lnb_company li.depth1 {border-bottom:#d2edee 1px solid; padding:15px 0;}
.lnb_company li.depth1 a {display:block; padding-left:20px;  color:#222; font-size:16px; font-weight:bold;}
.lnb_company li.depth1 a:hover {color:#01a6aa;}
.lnb_company li.depth1 a.on {color:#01a6aa;}

.lnb_company li.depth1 ul {margin-top:10px;}
.lnb_company li.depth1 li {border:none;}
.lnb_company li.depth1 li a {padding-left:33px; color:#222; font-size:14px; font-weight:normal;  background:url(/images/bullet_1.png) no-repeat 20px 10px;}
.lnb_company li.depth1 li a.on {color:#01a6aa;}
.lnb_company li.depth1 li a:hover {color:#01a6aa;}

.lnb_product ul {}
.lnb_product li {width:200px; height:36px;}
.lnb_product li a {display:block; width:200px; height:36px; text-indent:-9999px;}
.lnb_product li:nth-child(1) a {background:url(/images/lnb_pro_1.gif) no-repeat;}
.lnb_product li:nth-child(2) a {background:url(/images/lnb_pro_2.gif) no-repeat;}
.lnb_product li:nth-child(3) a {background:url(/images/lnb_pro_3.gif) no-repeat;}
.lnb_product li:nth-child(4) a {background:url(/images/lnb_pro_4.gif) no-repeat;}
/* .lnb_product li:nth-child(5) a {background:url(/images/lnb_pro_5.gif) no-repeat;} */
.lnb_product li:nth-child(5) a {background:url(/images/lnb_pro_6.gif) no-repeat;}
.lnb_product li:nth-child(6) a {background:url(/images/lnb_pro_7.gif) no-repeat;}
.lnb_product li:nth-child(7) a {background:url(/images/lnb_pro_8.gif) no-repeat;}

.lnb_product li:nth-child(1) a:hover {background:url(/images/lnb_pro_1_r.gif) no-repeat;}
.lnb_product li:nth-child(2) a:hover {background:url(/images/lnb_pro_2_r.gif) no-repeat;}
.lnb_product li:nth-child(3) a:hover {background:url(/images/lnb_pro_3_r.gif) no-repeat;}
.lnb_product li:nth-child(4) a:hover {background:url(/images/lnb_pro_4_r.gif) no-repeat;}
/* .lnb_product li:nth-child(5) a:hover {background:url(/images/lnb_pro_5_r.gif) no-repeat;} */
.lnb_product li:nth-child(5) a:hover {background:url(/images/lnb_pro_6_r.gif) no-repeat;}
.lnb_product li:nth-child(6) a:hover {background:url(/images/lnb_pro_7_r.gif) no-repeat;}
.lnb_product li:nth-child(7) a:hover {background:url(/images/lnb_pro_8_r.gif) no-repeat;}

.lnb_product li:nth-child(1) a.on {background:url(/images/lnb_pro_1_r.gif) no-repeat;}
.lnb_product li:nth-child(2) a.on {background:url(/images/lnb_pro_2_r.gif) no-repeat;}
.lnb_product li:nth-child(3) a.on {background:url(/images/lnb_pro_3_r.gif) no-repeat;}
.lnb_product li:nth-child(4) a.on {background:url(/images/lnb_pro_4_r.gif) no-repeat;}
/* .lnb_product li:nth-child(5) a.on {background:url(/images/lnb_pro_5_r.gif) no-repeat;} */
.lnb_product li:nth-child(5) a.on {background:url(/images/lnb_pro_6_r.gif) no-repeat;}
.lnb_product li:nth-child(6) a.on {background:url(/images/lnb_pro_7_r.gif) no-repeat;}
.lnb_product li:nth-child(7) a.on {background:url(/images/lnb_pro_8_r.gif) no-repeat;}

.lnb_banner ul {width:200px; margin-top:40px; border-top:#ddd 1px solid;}
.lnb_banner li { border-left:#ddd 1px solid; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid;}
.lnb_banner li a {display:block; height:35px; padding-left:20px; color:#333; background:url(/images/bullet_2.png) no-repeat 170px 8px; line-height:35px;}
.lnb_banner li a:hover {color:#0ebfbe;}
.lnb_banner li a.curr {color:#0ebfbe;}
/* //lnb */

div.outer {clear:both; overflow:hidden; width:100%; /*background:#c0f0f0 url(/images/bg_white.gif) repeat-y center top;*/ padding-bottom:160px;}
div.inner {position:relative; width:960px; margin:0 auto;}
.main_style {background:#c0f0f0 url(/images/bg_white.gif) repeat-y center top;}

.side_area {float:left; width:200px; margin-right:35px;}
.side_area h1 {height:100px; margin-bottom:40px; background:#01a6aa; color:#fff; font-size:20px; line-height:100px; text-align:center;}

.content_area {float:left; width:725px; }
.history_menu {position:absolute; top:8px; right:0; color:#222; font-size:13px; text-align:right;}
.history_menu span {color:#999; margin-right:10px;}
.contents {margin-top:68px;}
.contents .tit {margin-bottom:35px; padding-bottom:5px; background:url(/images/bg_line1.gif) repeat-x bottom;}
.contents .tit p {font-size:20px; color:#222; padding-left:24px; }
.contents .tit span {font-size:16px; color:#666; margin-left:10px;}
.contents .tit .stit {font-size:20px;}
.contents .tit .stit img {vertical-align:bottom;}

.contents .con_img {line-height:0;}
.contents .con_img2 {padding-left:16px; line-height:0;}
.contents .con_img3 {padding-left:16px;}
.contents .con_img3 img {margin-bottom:20px;}

.btn_product {}
.btn_product ul {margin-top:10px; padding-left:16px;}
.btn_product li {float:left; margin-right:15px;}
.btn_product li a {display:inline-block; width:249px; height:31px; text-indent:-9999px;}
.btn_product li a.btn_gatsby {background:url(/images/btn_gatsby.gif) no-repeat;}
.btn_product li a.btn_lucidol {background:url(/images/btn_lucidol.gif) no-repeat; height:33px;}
.btn_product li a.btn_bifesta {background:url(/images/btn_bifesta.jpg) no-repeat;}
.btn_product li a.btn_oshima {background:url(/images/btn_oshima.gif) no-repeat;}

.btn_product li a.btn_catalog {background:url(/images/btn_catalog.gif) no-repeat;}
.btn_product li a.btn_catalog2 {background:url(/images/btn_catalog02.gif) no-repeat; height:33px;}
.btn_product li a.btn_catalog_oshima {background:url(/images/btn_oshima2.gif) no-repeat;}

.btn_mama {display:inline-block; height:34px; margin:10px 10px 0 0; padding:0 30px; background:#f4c51d; color:#231717; border-radius:17px; -moz-border-radius:17px; -khtml-border-radius:17px; -webkit-border-radius:17px; text-align:center; line-height:34px; font-weight:bold;}
.btn_mama:hover {color:#231717; text-decoration:underline;}

/* tapmenu */
.tapmenu1 {overflow:hidden; margin:20px auto; padding-left:16px;}
.tapmenu1 li {float:left;}
.tapmenu1 li a {display:block; width:150px; height:40px; margin-right:10px; text-indent:-9999px;}
.tapmenu1 li:nth-child(1) a {background:url(/images/product4_tap_2.gif) no-repeat;}
.tapmenu1 li:nth-child(2) a {background:url(/images/product4_tap_3.gif) no-repeat;}
/* //tapmenu */

/* 테이블 */
.table_area {padding: 0 29px;}
.table_area h4 { margin-bottom:10px;}
.table_box {width:100%; border-top:2px solid #d2edee; margin-bottom:30px;}
.table_box caption {display:none;}
.table_box thead th {background:#f9fbfb; border-right:1px solid #efefef; border-bottom:1px solid #efefef; padding:10px 20px; text-align:center;}
.table_box th.line_r {border-right:0;}
.table_box tbody th {padding:10px; font-weight:normal; border-right:1px solid #efefef; border-bottom:1px solid #efefef; text-align:center;}
.table_box tbody td {border-right:1px solid #efefef; border-bottom:1px solid #efefef; padding:10px 20px; line-height:26px;}
.table_box tbody td.line_r {border-right:0;}
.table_box tbody li {line-height:26px; padding-bottom:15px; margin-left:30px;}
.table_box tbody li.last {padding-bottom:0;}

.table_box tbody td a {color:#333;}
.table_box tbody td a:hover {text-decoration:underline;}
/* //테이블 */











/* ----------------------------------  footer  --------------------------------- */

footer {clear:both; width:100%; height:80px; /*background:#c0f0f0 url(/images/bg_white.gif) repeat-y center top;*/ position:absolute; bottom:0; left:0; /*position:relative; margin-top:80px;*/}
footer .inner {border-top:#e3e3e3 1px solid; margin:0 auto 30px; padding-top:13px;}
footer .inner p {color:#888; font-size:11px; line-height:160%;}
footer .inner p strong {margin-right:8px; color:#444;}
footer .inner span {margin:0 8px;}









/* main */
.main_bn1 {width:960px; height:390px; margin-bottom:25px;}

.main_bn2 {width:960px; height:90px; margin-bottom:11px;}
.main_bn2 ul {}
.main_bn2 li {float:left;}
.main_bn2 li a {display:block; width:310px; height:90px; text-indent:-9999px;}
.main_bn2 li:nth-child(1) a {background:url(/images/main/main_bn2_gatsby_1215.jpg); margin-right:15px;}
.main_bn2 li:nth-child(2) a {background:url(/images/main/main_bn2_bifesta_1215.jpg); margin-right:15px;}
.main_bn2 li:nth-child(3) a {background:url(/images/main/main_bn2_lucidol_1215.jpg); margin-right:0;}
.main_bn2 li:nth-child(4) a {background:url(/images/main/main_bn2_barrier_repair.jpg);}
.main_bn2 li:nth-child(1) a:hover {opacity:0.8;}
.main_bn2 li:nth-child(2) a:hover {opacity:0.8;}
.main_bn2 li:nth-child(3) a:hover {opacity:0.8;}
.main_bn2 li:nth-child(4) a:hover {opacity:0.8;}

.main_con {width:960px; height:73px;}
.main_con .main_bn3 {float:left; width:475px; margin-right:10px;}
.main_con .main_bn3 a {display:block; width:475px; height:73px; background:url(/images/main/bn_gatsbycm.jpg); text-indent:-9999px;}
.main_con .main_bn3 a:hover {opacity:0.8;}

.main_con .news {float:right; width:475px; padding-left:5px;}
.main_con .news h3 {font-size:15px;}
.main_con .news p a {color:#333; font-size:13px; text-decoration:none;}
.main_con .news p a:hover {text-decoration:underline;}



/* 상단 네트워크 */
#main_network {width:960px; height:390px; /*transition:all 0.5 sease-in-out; animation:a_cdefault 1s 1;*/ background:#fff; text-align:center;}
#main_network .bg {position:relative; overflow:hidden; width:100%; height:390px; margin:0 auto;}

#touchSlider_top_network {position:relative; overflow:hidden; height:360px;}
#touchSlider_top_network ul {width:99999px; height:360px; position:absolute; top:0; left:0; overflow:hidden; margin:0;}
#touchSlider_top_network ul li {float:left; width:100%; height:360px; color:#fff; text-align:center;}

#main_top_network_btn {display:none; transition:all 0.5s;}

.btn_top_network_left {position:absolute; top:50%; left:0; width:70px; margin-top:-50px;}
.btn_top_network_left a {display:block; width:70px; height:70px; background:url(/images/main/main_banner1_btn_l.png) no-repeat 0 0;}
.btn_top_network_right {position:absolute; top:50%; right:0; width:70px; margin-top:-50px;}
.btn_top_network_right a {display:block; width:70px; height:70px; background:url(/images/main/main_banner1_btn_r.png) 0 0 no-repeat;}

.btn_top_network_area_page {position:absolute; bottom:5px; left:0; width:100%; text-align:center;}
.btn_top_network_area_page .btn_top_network_page {display:inline-block; width:10px; height:10px; margin:0 5px; font-size:0px; line-height:0; text-indent:-99999px; background:#bababa; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.btn_top_network_area_page .btn_top_network_page.on {background:#01a6aa;}
/* #main_network:hover .bg span {opacity:1; transform:scale(1);} */
/* //상단 네트워크 */




/* 메인 레이어팝업 추가 */
.main_layer_pop {display:table; width:490px; height:580px; position:absolute; left: 50%; top: 50%; margin-left: -235px; margin-top:-290px; z-index:100000;}
.main_layer_pop .img_pop {float:left; width:450px; height:650px;}
.main_layer_pop .btn_close {float:left; width:40px; height:40px; cursor: pointer;}

/* //메인 레이어팝업 추가 */




/* 오오시마 츠바키 오일 oshima tsubaki */
.contents .oshima {text-align:center;}
.contents .oshima .oshima_tit {padding:60px 0 50px;}
.oshima_con1 {}
.oshima_con1 div {margin-bottom:100px;}
.oshima_con2 {padding:100px 0; background:#f8f8f8;}
.oshima_con3 {padding:100px 30px; background:#fff391;}
.oshima_con3 div:first-child {margin-bottom:80px;}
.oshima_con3 div:nth-child(2), .oshima_con3 div:nth-child(3), .oshima_con3 div:nth-child(4) {margin-bottom:50px; padding-bottom:50px; border-bottom:#e5da82 1px solid;}

.oshima_con4 {padding:100px 0; background:#f8f8f8;}
.oshima_con4 div:nth-child(2) {margin:36px 0 58px;}

.oshima_con5 {padding:100px 30px; border-bottom:#e3e3e3 1px solid; text-align:center;}
.oshima_con5 h3 {display:inline-block; padding-bottom:10px; margin:0 0 50px; font-size:30px; font-weight:800; color:#ff0000; border-bottom:#ffb2b2 1px solid; text-align:center; letter-spacing:-0.05em;}
.oshima_con5 dl {text-align:left;}
.oshima_con5 dt {height:50px; margin-bottom:20px; padding-left:70px; font-size:26px; font-weight:800; background:url(../images/product/product5_oshima_con5_q.gif) no-repeat 0 0; line-height:50px; letter-spacing:-0.05em;}
.oshima_con5 dd {padding-left:70px; font-size:22px; background:url(../images/product/product5_oshima_con5_a.gif) no-repeat 0 0; line-height:180%; letter-spacing:-0.05em;}

.oshima_con5 .txt {margin:50px 0; padding:0 0 40px 70px; border-bottom:#e3e3e3 1px solid; text-align:left;}
.oshima_con5 .txt p {font-size:18px; line-height:180%;}
.oshima_con5 .txt p strong {}

.oshima_con6 {padding:100px 0; background:#f8f8f8; text-align:center;}
.oshima_con6 h3 {display:inline-block; padding-bottom:10px; margin:0 auto 30px; font-size:30px; font-weight:800; color:#ff0000; border-bottom:#ffb2b2 1px solid; text-align:center; letter-spacing:-0.05em;}
.oshima_con6 p {font-size:22px; line-height:180%; letter-spacing:-0.05em;}