@charset "utf-8";
/* CSS Document */


/*life_style*/

.contents_life { float:left; width:100%; padding:15px 0 13px 0; background:#000000;}

.life { width:100%; max-width:980px; margin:0 auto;}
.life .life_l { width:48.9%; max-width:531px; float:left; margin-right:2.10202%; position:relative; border:1px solid #c1c1c1; height:469px;background:#efefef}
.life .life_l:hover { max-width:531px; border:1px solid #abd17b;}
.life .life_l img { width:479px; height:469px;}
.life .life_l .l_layer { position:absolute; right:0; bottom:0; width:95%; background:#ffffff; padding:10px 2.5%; opacity:0.8;}
.life .life_l .l_layer h4 { width:100%; font-size:14px; color:#000000; font-weight:bold; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #cccccc;}
.life .life_l .l_layer p { width:100%; font-size:13px; color:#000000; line-height:1.5;}

.life .life_r { width:48.618784%; float:left;}
.life .life_r .life_r01 img { width:476px; height:218px;}
.life .life_r .life_r01 { overflow:hidden; float:left; width:100%; max-width:526px; margin-bottom:28px; position:relative; border:1px solid #c1c1c1;background:#efefef}
.life .life_r .life_r01:hover { max-width:526px; border:1px solid #abd17b;}
.life .life_r .life_r01 .l_layer { position:absolute; right:0; bottom:0; width:95%; background:#ffffff; padding:10px 2.5%; opacity:0.8;}
.life .life_r .life_r01 .l_layer h4 { width:100%; font-size:14px; color:#000000; font-weight:bold; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #cccccc;}
.life .life_r .life_r01 .l_layer p { width:100%; font-size:13px; color:#000000; line-height:1.5;}

.life .life_r .life_r02 { float:left; width:47.727272%; max-width:252px; margin-right:3.6454545%; position:relative; border:1px solid #c1c1c1;background:#efefef}
.life .life_r .life_r02 img { width:227px; height:221px;}
.life .life_r .life_r02:hover { max-width:252px; border:1px solid #abd17b;}
.life .life_r .life_r02 .l_layer { position:absolute; right:0; bottom:0; width:95%; background:#ffffff; padding:10px 2.5%; opacity:0.8;}
.life .life_r .life_r02 .l_layer h4 { width:100%; font-size:14px; color:#000000; font-weight:bold; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #cccccc;}
.life .life_r .life_r02 .l_layer p { width:100%; font-size:13px; color:#000000; line-height:1.5;}

.life .life_r .life_r03 { float:left; width:47.727272%; max-width:252px; position:relative; border:1px solid #c1c1c1;background:#efefef}
.life .life_r .life_r03 img { width:227px; height:221px;}
.life .life_r .life_r03:hover { max-width:252px; border:1px solid #abd17b;}
.life .life_r .life_r03 .l_layer { position:absolute; right:0; bottom:0; width:95%; background:#ffffff; padding:10px 2.5%; opacity:0.8;}
.life .life_r .life_r03 .l_layer h4 { width:100%; font-size:14px; color:#000000; font-weight:bold; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #cccccc;}
.life .life_r .life_r03 .l_layer p { width:100%; font-size:13px; color:#000000; line-height:1.5;}

.life h4 { line-height:1.5;}

.down_btn_area { float:left; width:100%; margin:0 auto; text-align:center; margin-top:34px; margin-bottom:34px;}


/* 2ÆäÀÌÁöºÎÅÍ Ãß°¡ */
.life .life_r000 { float:left; width:41.727272%; max-width:219px; margin-right:30px; margin-bottom:30px; position:relative; border:1px solid #c1c1c1;  background:#efefef}
.life .life_r001 { float:left; width:41.727272%; max-width:219px; margin-right:30px; margin-bottom:30px; position:relative; border:1px solid #c1c1c1;  background:#efefef}
.life .life_r002 { float:left; width:41.727272%; max-width:219px; margin-right:30px; margin-bottom:30px; position:relative; border:1px solid #c1c1c1;  background:#efefef}
.life .life_r003 { float:left; width:41.727272%; max-width:219px; margin-right:0px; margin-bottom:30px; position:relative; border:1px solid #c1c1c1;  background:#efefef}
.life .life_r004 { float:left; width:41.727272%; max-width:219px; margin-right:30px; margin-bottom:30px; position:relative; border:1px solid #c1c1c1;  background:#efefef}
.life .life_r005 { float:left; width:41.727272%; max-width:219px; margin-right:30px; margin-bottom:30px; position:relative; border:1px solid #c1c1c1;  background:#efefef}
.life .life_r006 { float:left; width:41.727272%; max-width:219px; margin-right:30px; margin-bottom:30px; position:relative; border:1px solid #c1c1c1;  background:#efefef}
.life .life_r007 { float:left; width:41.727272%; max-width:219px; margin-right:0px; margin-bottom:30px; position:relative; border:1px solid #c1c1c1;  background:#efefef}

.life .life_r000 img { width:219px; height:221px;}
.life .life_r001 img { width:219px; height:221px;}
.life .life_r002 img { width:219px; height:221px;}
.life .life_r003 img { width:219px; height:221px;}
.life .life_r004 img { width:219px; height:221px;}
.life .life_r005 img { width:219px; height:221px;}
.life .life_r006 img { width:219px; height:221px;}
.life .life_r007 img { width:219px; height:221px;}

.life .life_r000:hover { max-width:219px; border:1px solid #abd17b;}
.life .life_r001:hover { max-width:219px; border:1px solid #abd17b;}
.life .life_r002:hover { max-width:219px; border:1px solid #abd17b;}
.life .life_r003:hover { max-width:219px; border:1px solid #abd17b;}
.life .life_r004:hover { max-width:219px; border:1px solid #abd17b;}
.life .life_r005:hover { max-width:219px; border:1px solid #abd17b;}
.life .life_r006:hover { max-width:219px; border:1px solid #abd17b;}
.life .life_r007:hover { max-width:219px; border:1px solid #abd17b;}

.life .life_r000 .l_layer { position:absolute; right:0; bottom:0; width:95%; background:#ffffff; padding:10px 2.5%; opacity:0.8;}
.life .life_r001 .l_layer { position:absolute; right:0; bottom:0; width:95%; background:#ffffff; padding:10px 2.5%; opacity:0.8;}
.life .life_r002 .l_layer { position:absolute; right:0; bottom:0; width:95%; background:#ffffff; padding:10px 2.5%; opacity:0.8;}
.life .life_r003 .l_layer { position:absolute; right:0; bottom:0; width:95%; background:#ffffff; padding:10px 2.5%; opacity:0.8;}
.life .life_r004 .l_layer { position:absolute; right:0; bottom:0; width:95%; background:#ffffff; padding:10px 2.5%; opacity:0.8;}
.life .life_r005 .l_layer { position:absolute; right:0; bottom:0; width:95%; background:#ffffff; padding:10px 2.5%; opacity:0.8;}
.life .life_r006 .l_layer { position:absolute; right:0; bottom:0; width:95%; background:#ffffff; padding:10px 2.5%; opacity:0.8;}
.life .life_r007 .l_layer { position:absolute; right:0; bottom:0; width:95%; background:#ffffff; padding:10px 2.5%; opacity:0.8;}

.life .life_r000 .l_layer h4 { width:100%; font-size:14px; color:#000000; font-weight:bold; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #cccccc;}
.life .life_r001 .l_layer h4 { width:100%; font-size:14px; color:#000000; font-weight:bold; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #cccccc;}
.life .life_r002 .l_layer h4 { width:100%; font-size:14px; color:#000000; font-weight:bold; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #cccccc;}
.life .life_r003 .l_layer h4 { width:100%; font-size:14px; color:#000000; font-weight:bold; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #cccccc;}
.life .life_r004 .l_layer h4 { width:100%; font-size:14px; color:#000000; font-weight:bold; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #cccccc;}
.life .life_r005 .l_layer h4 { width:100%; font-size:14px; color:#000000; font-weight:bold; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #cccccc;}
.life .life_r006 .l_layer h4 { width:100%; font-size:14px; color:#000000; font-weight:bold; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #cccccc;}
.life .life_r007 .l_layer h4 { width:100%; font-size:14px; color:#000000; font-weight:bold; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #cccccc;}



.sel7 { float:left; margin-right:20px;}
.sel7 .sel_img { float:left; position:relative; z-index:30; background:#2d2d2d;}
.sel7 .sel_img p { float:left;  border:1px solid #909090; padding:6px 0px 5px 7px; width:141px; cursor:pointer; min-width:59px; *min-width:59px;  background:none}
.sel7 .sel_img p img { float:right; margin-top:7px; margin-right:9px; float:right;}
.sel7 .sel_img p a { text-decoration:none; font-size:14px; color:#fff; font-family:Helvetica, sans-serif;}
.sel7 .sel_img p span { float:left; margin-left:5px;}
.sel7 .sel_img .sel_pointer { float:left; position:absolute; left:83px; top:12px;}
.sel7 .sel_img .sel_pointer img { float:right;}
.sel7 .sel_img .sel_opt { background:none; position:absolute; left:0px; top:32px; z-index:9999; border:1px solid #c9c9c9; display:none;}
.sel7 .sel_img .sel_opt ul { float:left; width:148px; background:#2d2d2d; z-index:9999;}
.sel7 .sel_img .sel_opt ul li { font-size:12px; padding:7px 0 7px 15px; text-align:left; cursor:pointer; min-width:54px; background:none;}
.sel7 .sel_img .sel_opt ul li:hover { background:#000;}
.sel7 .sel_img .sel_opt ul li a { font-size:12px; color:#fff;}


.sel6 select { width:150px; color:#fff; background:#2d2d2d; padding:7px 0 7px 5px; border:1px solid #909090;}