@charset "utf-8";


/*------------------------------------------ */
/*--------------- BLUELAB------------------- */
/*------------------------------------------ */

#wrapper { width:100%; }

/* common */
.bg { /* max-width:1920px; */ position:relative; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }
.inner { max-width:990px; margin:0 auto; }


/* top_down_common */
.top_down { height:500px; background-color:#333; color:#999; display:none; width:100%; position:relative; z-index: 9999; }
.top_down .inner { padding-top:60px; height:150px; }
.top_down .title { font-size:1.625em; line-height:1em; font-weight:500; color:#fff; width:200px; padding-top:3px; margin-right:40px;  }
.top_down .txt { font-size:0.813em; line-height:1.50em; font-weight:500; width:515px; margin-right:40px;  }
.top_down .txt .top { font-size:1.250em; color:#fff; line-height:1.875em;  }
.top_down .info { font-size:0.875em; width:195px; }
.top_down .info .stress { color:#FFF; background:url(../images/info_dash.png) no-repeat 15px 4px; padding-right:20px; display:inline-block; }
.top_down .close { margin-left:932px; float:inherit; }
.top_down .close a { background-color:#fff; width:60px; height:60px; position:absolute; bottom:0; margin-right:0; z-index:1; }


/* location */
.location .map { width:100%; height:350px; background:#CCC; }


/* request */
.request .title { height:100px; border-bottom:#CCC 1px solid; }
.request .txt { height:102px; border-bottom:#CCC 1px solid; }
.request .info { height:102px; border-bottom:#CCC 1px solid; }
.request .info a { text-decoration:underline;}

.request .forms { padding-top:40px; }
.request .forms .iptxt { border-radius:0; }
.request .forms .input01 { width:240px; padding-right:40px; }
.request .forms .input02 { width:555px; height:250px; padding-right:40px; }
.request .forms .input03 { width:195px; }

.request .forms .submit button p { margin-left:-25px; font-size:0.938em; }
.request .forms .submit button { background:url(../images/btn_request.png) no-repeat 140px 24px #1968b3; width:195px; border-radius:0; }
.request .forms .submit button:hover { background:url(../images/btn_request.png) no-repeat 140px 24px #1e77cb;  }


/* navbar */
.navbar { /*position:fixed;*/ top:0; background-color:#1268b3;; z-index:9999; width:100%; display:none; padding:0; }
.navbar a { opacity:0.9; filter:alpha(opacity=90); }
.navbar a:hover { opacity:1; filter:alpha(opacity=100); }

.navbar h1 a { float:left; background:url(../images/logo_navbar.png) no-repeat; width:84px; height:40px; text-indent:-10000px; }
.navbar .menu a { float:right; color:#fff; background:url(../images/menu_navbar.png) no-repeat 40px 10px; padding:12px 30px 2px 0; font-size:0.750em; }

.navbar-light .navbar-brand, .navbar-expand-lg .navbar-collapse { display:none; }

/* header - banner_이미지배경색에 header 폰트색상 및 라인색 black & white 버젼별로 보이게 해주세요^^; */
#header { width:100%; height:75px; }
.underline { border-bottom:rgba(0,0,0,0.1) 1px solid; height:75px; }
#header .inner { /* ver.크리스마스 background:url(../blueLab/images/top_bg_special.png) no-repeat; */ width:100%; height:100%}

#header h1 a { width:200px; height:74px; display:block; text-indent:-10000px; float:left; }
#header .black h1 a { background:url(../images/logo_Lab_black.png) no-repeat; /* ver.크리스마스 background:url(../blueLab/images/logo_Lab_special.png) no-repeat; */ } /* ver.black */
#header .white h1 a { background:url(../images/logo_Lab_white.png) no-repeat; /* ver.크리스마스 background:url(../blueLab/images/logo_Lab_special.png) no-repeat; */ } /* ver.white */


/* #header .nav ul li, */
#header .nav { display:inherit; }
#header .nav ul li p { float:left; font-weight:600; }

#header .black a { color:#000; } /* ver.black */
#header .white a { color:#fff; } /* ver.white */

#header .nav a.over,
#header .nav a:hover {  color:#1268b3; /* ver.크리스마스 color:#e95240; */  }

/* #header .black ul li { border-bottom:#000 1px solid; }  ver.black */
/* #header .white ul li { border-bottom:#fff 1px solid; }  ver.white */


/* header_line-bottom */
.header_line-bottom { width:990px; }
.header_line-bottom ul li { height:1px; display:block;  }

.header_line-bottom .line-01 { width:200px; margin-right:43px; float:left; }
.header_line-bottom .line-02 { width:508px; float:left; }
.header_line-bottom .line-03 { width:197px; float:right; }

.nav.black .header_line-bottom ul li { background:#000 } /* ver.black */
.nav.white .header_line-bottom ul li { background:#fff } /* ver.white */


#header .nav .lnb { margin-left:43px; float:left; }
#header .nav .lnb a { padding-top:4px; }
#header .nav .lnb a:hover {  border-top:#1268b3 1px solid; /* ver.크리스마스 border-top:#e95240 1px solid;  */ }
#header .nav .lnb p { font-size:1.125em; margin-top:37px; padding:0 59px; /* width:120px;  vertical-align:middle; display:table-cell; */  }

#header .nav .gnb p { font-size:0.750em; margin-top:42px; }
#header .nav .gnb { padding:0 35px; float:right; }

#header .black .gnb .line { color:rgba(0,0,0,0.3); padding:2px 12px 0 12px; font-weight:normal; font-size:0.563em; } /* ver.black */
#header .white .gnb .line { color:rgba(255,255,255,0.3); padding:2px 12px 0 12px; font-weight:normal; font-size:0.563em; } /* ver.white */

/* nav */
nav.navbar {display: none;}

/* snb */
.snb { width:200px; color:#000; }
.snb h2 { font-size:1.625em; font-weight:600; margin-top:-7px; }

.snb_blog_div { background:none;}

.snb_blog { margin-top:60px; position:absolute; }
.snb_blog h2 { padding-bottom:30px; }
.snb_blog ul li { padding-bottom:10px; }
.snb_blog ul li a { color:#666; width:145px; display:block; }
.snb_blog ul li a:hover,
.snb_blog ul li a.active { color:#1268b3; }

.snb_blog .snb01 a.active { background:url(../images/snb01_b_ov.png) !important; }
.snb_blog .snb02 a.active { background:url(../images/snb02_b_ov.png) !important; }
.snb_blog .snb03 a.active { background:url(../images/snb03_b_ov.png) !important; }
.snb_blog .snb04 a.active { background:url(../images/snb04_b_ov.png) !important; }

.headerbox2 .snb_blog {display: none;}


/* 00_main_visual */

/* #wrapper .banner { background-image:url(../blueLab/images/banner_01.jpg); height:900px; }*/

/* #wrapper .banner { height:900px; } */

.bx-viewport, .bx-wrapper{ position:absolute; width:100%; height:100% !important; top:0; left:0; border:0; margin-bottom:0; }
.slideFull { position:absolute;	height:100%; width:100%; top:0; left:0; }
#slide1 {background:url(../images/banner_01.jpg)center center no-repeat;}
#slide2 {background:url(../images/banner_02.jpg)center center no-repeat;}
#slide3 {background:url(../images/banner_03.jpg)center center no-repeat;}
#slide1, #slide2, #slide3 { width:100%; height:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;
                            background-size:cover; margin:0; padding:0; background-position:50% 50%;}


/* container */
#container { margin:0 auto; }
#container .top_gap { height:60px; }

#container .inner .banner_paging { float:left; margin-top:70px; }
#container .inner .banner_paging ul li {padding: 6px 0}
#container .inner .banner_paging ul li div { width:31px; height:4px; background:#ccc; /* rgba(255,255,255,0.6); */  text-indent:-10000px; }
#container .inner .banner_paging .on div { height:5px; background-color:#1268b3; }
#container .inner .banner_copy { float:left; padding-left:30px; margin-top:70px; font-weight:600; font-size:55px; line-height:0.875em; }
#container .inner .banner_copy2 { font-size:44px; line-height:55px; font-family:'NanumBarunGothic' }

#container .inner .banner_link a { font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:normal; font-size:16px; margin-left:5px; background-repeat:no-repeat; background-position:81px 5px; padding-right:15px; }
#container .inner .banner_link a:hover { text-decoration:underline; }

#container .inner .banner_copy .banner_link a {  color:rgba(255,255,255,0.8); background-image:url(../images/banner_detail_arrow_white.png); }
#container .inner .banner_copy2 .banner_link a {  /*color:rgba(51,51,51,0.9); */ color:rgba(255,255,255,0.8); font-weight:bold; background-image:url(../images/banner_detail_arrow_white.png); }


/* 01_about */
#container .contents { width:750px; padding-bottom:120px; color:#666; font-size:15px; line-height:26px; }
#container .contents .about ul li { float:left; margin-right:20px; }
#container .contents .about ul li:nth-child(3n) { margin-right:0; }
#container .contents .img_about01 { background:url(../images/img_about01.png); height:280px; }
#container .contents .mTitle { color:#000; font-size:3.000em; font-weight:600; line-height:0.938em; letter-spacing:-0.04em; padding:50px 0 30px 0; }
#container .contents .txt_box { border-top:#000 1px solid; padding-top:40px; background:url(../images/img_about02.png) no-repeat 0 44px; padding-left:25px; margin-top:40px; width:212px; }
#container .contents .txt_box h4 { font-style:italic; font-size:1.500em; color:#000; font-weight:bold; letter-spacing:-0.04em; padding-bottom:30px; }


/* 02_works */
#container .sorting { padding:0 40px; }
#container .sorting h3 a { font-size:0.875em; font-family: 'klavika_medium'; letter-spacing:-0.03em; color:#000; padding:0 40px 20px 0; background:url(../images/sorting_chk_plus.png) no-repeat 175px 12px;
                           webkit-transition: all 0.1s ease-in-out-out; 
                           -moz-transition: all 0.1s ease-in-out; 
                           -o-transition: all 0.1s ease-in-out; 
                           transition: all 0.1s ease-in-out;                             }

.works-category-btn-active { color:#1268b3 !important;  background:url(../images/sorting_chk_minus.png) no-repeat 175px 12px !important; }
/*#container .sorting h3 a:hover { color:#1268b3;  background:url(../blueLab/images/sorting_chk_minus.png) no-repeat 120px 5px; }*/
#container .sorting .category { float:left; color:#666; font-size:0.875em; position:relative; padding:20px 0 55px 0; }
#container .sorting .category ul { float:left; width:165px; padding-right:28px; }

/*#container .sorting .category ul li { display:none;}*/
#container .sorting .category ul h4 { position:relative; height:20px; margin-bottom:20px; cursor:pointer; }
#container .sorting .category ul h4 .title { position:absolute; background-color:#FFF; color:#000; padding-right:6px; font-size:14px;}
#container .sorting .category ul h4 .line { position:absolute; height:1px; width:100%; background:#cfcfcf; margin-top:9px; }
#container .sorting .category ul li { padding:4px 0;  /* display:none; > h3 click event */ }

#container .sorting .category input[type="checkbox"] { display:none; }
#container .sorting .category input[type="checkbox"] + label { display:inline-block; height:15px; cursor: pointer; padding-left:25px; background:url(../images/chk_box.png) no-repeat 0 0; }
#container .sorting .category input[type="checkbox"]:checked + label { background:url(../images/chk_box.png) no-repeat 0 -15px; }


/* 02_works_paging */
#container .paging p { float:left; }
#container .paging a { display:block; width:32px; height:19px; text-indent:-10000px; opacity:0.3; filter:alpha(opacity=30); }
#container .paging a:hover { opacity:1; filter:alpha(opacity=100); }

#container .paging .arrow_left a { background:url(../images/arrow_paging.png) no-repeat 0 0; }
#container .paging .arrow_right a { background:url(../images/arrow_paging.png) no-repeat -32px 0; }

#container .paging .num { color:#000; font-size:1.625em; margin-top:-5px; padding:0 40px;  }
#container .paging .num .on { color:#1268b3; }


/* 02_works_list */
#container .works_top_line { height:1px; background:#000; }
#container .works_list { padding:40px 0 80px 0; }
#container .works_list ul li { float:left; margin-right:35px; position:relative; }

/*#container .works_list ul li:nth-child(3n) { margin-right:0; }*/

#container .works_list .more_data { position:absolute; width:305px; height:220px; background:rgba(0,0,0,.7); z-index:999; display: none; cursor: pointer;}
#container .works_list .more_data .more { margin:85px 0 0 130px; width:50px; height:50px; background:url(../images/works_more.png) no-repeat; }

/*#container .works_list .thumbnail a { display:block; width:305px; height:190px; background:url(../blueLab/images/img_works_list.png);  }*/

#container .works_list .thumbnail a { display:block; width:305px; height:220px; overflow:hidden; border:1px #eee solid; }
#container .works_list .thumbnail a img {position: relative; width:100%; height:100%; }

/*#container .works_list .thumbnail a:hover .more_data { display:block; *//* 도저히 안되요ㅠㅠ *//* }*/

#container .works_list .info { padding:20px 0 35px 0; color:#000; }
#container .works_list .info .date { color:#999; font-size:0.938em; }


/* 02_works_detail */
#container .works_detail { display:none; /*works_list_Clicl_Event  */ }


/* 03_blog */
.blog-page #container { background-color:#fff; }
#container .blog_list { width:747px; margin:0 auto 60px; padding:60px 0 0 243px; }
#container .blog_list .blog_20141105 { background:url(../images/blog_img_20141105.jpg) no-repeat; }
#container .blog_list .blog_20141106 { background:url(../images/blog_img_20141106.jpg) no-repeat; }
#container .blog_list .blog_20141107 { background:url(../images/blog_img_20141107.jpg) no-repeat; }
#container .blog_list .blog_20141108 { background:url(../images/blog_img_20141108.jpg) no-repeat; }

#container .blog_list .blog_bg:hover { cursor:pointer; }

#container .blog_list .blog { color:#333; margin-top:300px; }
#container .blog_list .blog .title { font-size:32px; font-family:'klavika_regular','NanumBarunGothic'; padding-top:10px; }
#container .blog_list .blog .summary { font-size:16px; padding:20px 0 35px; color:#666; border-bottom:1px #ccc solid; margin-bottom:40px; }
#container .blog_list .blog .date { font-size:14px; color:#999; }
#container .blog_list .blog .date .cate { text-transform:uppercase; }
#container .blog_list .blog .date .line { padding:0 15px; font-size:9px; color:#c2c2c2; }


/* 03_blog_detail 카테고리 추가 20141127 */ 
#container .blog_category h3 { font-size:1em; font-weight:600; letter-spacing:-0.03em; color:#000; }
#container .blog_category .sorting .category ul { width:100%; }
#container .blog_category .sorting .category ul li { float:left; width:95px; padding-right:28px; }
#container .blog_category .sorting .category h4:hover { color:#1268b3; cursor:pointer; }

#container .blog_detail { /* display:none;  blog_list_Clicl_Event */ }

/*#container .blog_bar { width:100%; background-color:rgba(255,255,255,0.8); }*/

#container .blog_bar { width:100%; background-color:rgba(255,255,255,1); }


/*  works & blog detail fixed Title_bar */
.topfixeddiv .title_bar,
#container .title_bar { border-top:#000 1px solid; border-right:#e0e0e0 1px solid; margin-top:-1px; height:64px; }

.topfixeddiv .title_bar .title ,
#container .title_bar .title { float:left; padding:18px 0 0 2px; font-size:1.375em; color:#000; font-weight:600; }

.topfixeddiv .title_bar .title .line,
#container .title_bar .title .line { padding:0 15px; font-size:0.625em; color:#ccc; }

.topfixeddiv .title_bar .arrow,
#container .title_bar .arrow { float:right;}

.topfixeddiv .title_bar .arrow span,
#container .title_bar .arrow span { display:inline-block; border-left:#e0e0e0 1px solid; width:65px; height:64px; }

.topfixeddiv .title_bar .arrow a,
#container .title_bar .arrow a { display:block; width:65px; height:65px; text-indent:-10000px; opacity:0.3; filter:alpha(opacity=30); }

.topfixeddiv .title_bar .arrow a:hover,
#container .title_bar .arrow a:hover { opacity:1; filter:alpha(opacity=100); }

.topfixeddiv .title_bar .arrow .arrow_left a,
#container .title_bar .arrow .arrow_left a { background:url(../images/arrow_works_detail.png) no-repeat 0 0; }

.topfixeddiv .title_bar .arrow .arrow_right a,
#container .title_bar .arrow .arrow_right a { background:url(../images/arrow_works_detail.png) no-repeat -65px 0; }

.topfixeddiv .title_bar .share,
#container .title_bar .share { float:right; padding:20px; font-size:0.875em;  font-style:italic; }

.topfixeddiv .title_bar .share a,
#container .title_bar .share a { background:url(../images/popup_icons.png); margin-left:10px; width:22px; height:22px; display:block; text-indent:-10000px; display:inline-table;
                                 -webkit-transition: all 0.3s ease-in-out; 
                                 -moz-transition: all 0.3s ease-in-out; 
                                 -o-transition: all 0.3s ease-in-out; 
                                 transition: all 0.3s ease-in-out;  }

#container .title_bar .share a:hover { -webkit-transition: all 0.3s ease-in-out; 
                                       -moz-transition: all 0.3s ease-in-out; 
                                       -o-transition: all 0.3s ease-in-out; 
                                       transition: all 0.3s ease-in-out; }

.topfixeddiv .title_bar .share .icon01,
#container .title_bar .share .icon01 { background-position:-22px 0;}

.topfixeddiv .title_bar .share .icon01:hover,
#container .title_bar .share .icon01:hover { background-position:-22px 22px;}

.topfixeddiv .title_bar .share .icon02,
#container .title_bar .share .icon02 { background-position:0 0;}

.topfixeddiv .title_bar .share .icon02:hover,
#container .title_bar .share .icon02:hover { background-position:0 22px;}

.topfixeddiv .title_bar .close,
#container .title_bar .close { float:right; width:65px; height:64px; border-left:#e0e0e0 1px solid; }

#container .works_detail .detail { background:#343434; padding:60px 0; color:#fff; }

/* footer  수정 20141119  */
#footer { height:48px; background-color:#000; font-family:Arial, Helvetica, sans-serif; font-size:0.625em; color:#808080; /* 추가 20131113 */ 
           position:fixed; bottom:0;   width: 100%;/* position:relative;*/ }
#footer .copy { line-height:48px; }
#footer .link p { padding:17px 8px 17px 12px; width:110px;
                  -webkit-transition: all 0.3s ease-in-out; 
                  -moz-transition: all 0.3s ease-in-out; 
                  -o-transition: all 0.3s ease-in-out; 
                  transition: all 0.3s ease-in-out; }

#footer .link p:hover { background-color:#1a1a1a; 
                        -webkit-transition: all 0.3s ease-in-out; 
                        -moz-transition: all 0.3s ease-in-out; 
                        -o-transition: all 0.3s ease-in-out; 
                        transition: all 0.3s ease-in-out;}

#footer .link p a { display:block; height:14px; background:url(../images/icon_familysite.png) no-repeat 70px -14px; padding:2px 20px 0 0;
                    -webkit-transition: all 0.3s ease-in-out; 
                    -moz-transition: all 0.3s ease-in-out; 
                    -o-transition: all 0.3s ease-in-out; 
                    transition: all 0.3s ease-in-out; }

#footer .link p a:hover { color:#377ebc; background:url(../images/icon_familysite.png) no-repeat 70px 0;
                          -webkit-transition: all 0.3s ease-in-out; 
                          -moz-transition: all 0.3s ease-in-out; 
                          -o-transition: all 0.3s ease-in-out; 
                          transition: all 0.3s ease-in-out; }

#footer .link .select_list { background:rgba(0,0,0,0.6);  width:110px; bottom:48px; position:absolute; font-family:'klavika_regular'; display: none;}
#footer .link .select_list li a { color:#fff; height:40px; padding:13px 0 0 12px; font-size:1.250em; display:block; background-image:none; line-height:normal; }
#footer .link .select_list li a:hover { background:#1268b3; }


/* ko1 */
.disp-n { display:none !important; }
.disp-b { display:block !important; }

.banner_paging li {	cursor:pointer; }

.iptxt { outline-style:none }

.topfixeddiv .title_bar, #container .title_bar { margin-top:0 !important; border-top:0 !important; }

.blog-category-div,
.works-category-div2 { background-color:#fff; display:none; }

.works-category-div .sorting .category ul li,
.works-category-div2 .sorting .category ul li { display:none; }

.forms .item textarea,
.forms .item input { position:relative; width:100%; /* height:3.125em; vertical-align:middle; */ padding:13px 20px 11px 20px; border-radius:0;
	background:#424242; display:inline-block; z-index:0; overflow:hidden; font-size:0.875em; font-family:'klavika_regular','NanumBarunGothicLight',sans-serif !important;
	border:0; color:#fff; outline-style:none; }

.forms .item textarea:focus,
.forms .item input:focus { background:#595a5c; }
.forms .item textarea { height:250px; border:0; resize:none; overflow:auto; }

.empty { width:305px; height:266px; }
.mix{ display:none; }
#footer { z-index:9999; }
#header .nav .lnb a.active { border-top:#1268b3 1px solid; color:#1268b3; /* ver.크리스마스	border-top:#e95240 1px solid; color:#e95240; */ }
#container .paging a.no-alpha { opacity:0.3 !important; filter:alpha(opacity=30) !important; }
.blog_bar { width:100%; background-color:rgba(255,255,255,1); }
.snb_blog {	z-index:99; }
.header_line-bottom { position:absolute; /* margin-top:-1px; */ }
.blog-page #header { background-color:#fff; }

.snb_blog .snb01 a.active { background:url(./images/snb01_ov.png) }
.snb_blog .snb02 a.active { background:url(./images/snb02_ov.png) }
.snb_blog .snb03 a.active { background:url(./images/snb03_ov.png) }
.snb_blog .snb04 a.active { background:url(./images/snb04_ov.png) }

.blog_category { border-bottom:1px solid #000; }
.snb_blog_div { background:url('') !important; }