@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:100);
*{margin:0; padding:0; box-sizing:border-box; letter-spacing:-0.05em;}
img {border:0;vertical-align:top;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
body {font-family: 'Nanum Gothic', sans-serif;color:#fff;}
div {display:block;}
h1,h2,h3,h4, a {font-family:'Noto Sans KR', 'Nanum Gothic', sans-serif;}
h1 {font-size:36px;}
h2 {font-size:30px;}
h3 {font-size:24px;}
h4 {font-size:20px;}

/* 공통 */
.container {width:100%; min-width: 1200px;}
.container_fix {width:1200px; margin:0 auto;}
.clearfix:after {content:""; clear:both; display:block;}
.float {float:left;}
.float_r {float:right;}
.hide {
    display: inline-block;
    position: absolute;
    z-index: -10;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    filter: alpha(opacity=0);
    -ms-filter: 'alpha(opacity=0)';
    font-size: medium;
    line-height: normal;
    word-break: break-all;
}

#wrap {width:100%; min-width:1200px; text-align:center; margin:0 auto; padding-top:158px; }
#wrap.sub_wrap {padding-top:104px;}
/*header*/
header {position:fixed; top:0; left:0;width:100%; z-index:999; background-color:#333;}
header .header_wrapper {background-color:#333;}
header .header_wrapper .header_content {width:100%; margin:0 auto;}
nav {margin:0 80px;}
nav .nav_wrap {display:block; width:100%; margin:10px auto;}
@media (max-width:1200px) {
   nav .nav_wrap {width:1200px; margin:10px auto;}
}
nav .nav_logo {}
nav .nav_menu {}
nav .nav_menu ul li {
	float:left;
	position: relative;
	margin:0 25px;
}
/*
.nav-up .nav_logo {margin:18px 0 15px;transition:0.2s ease-in-out;}
.nav-up .nav_menu {margin-top:15px;transition:0.2s ease-in-out;}
*/
nav .nav_menu ul:after {content:""; display:block; clear:both;}
nav .nav_menu ul > li > a {
	padding:20px 0;
	color:#fff; 
	font-weight:100; 
	box-sizing:border-box; 
	display:block; 
	font-size:16px;}
nav .nav_menu ul li a:hover {color:#45c8ff; font-weight:400;}


nav .nav_menu ul li ul {
  	display:none;
	position:absolute;
	background:#333;
	padding:0;
	z-index:10;
	  margin-left:-20px;
}
nav .nav_menu ul li ul li { 
  float:none;
  line-height:2.0;
  width:165px;
  margin:0;

  text-align:left;
}
nav .nav_menu ul ul li a {
	line-height:2.0;
	width:165px;
	color:#fff;
	padding:15px 20px;
	font-size:14px;
	}
nav .nav_menu ul li ul li:hover { background:#555; }
nav .nav_menu ul li ul li:hover a {color:#fff;}
nav .nav_menu ul li:hover > ul {
  display: block;
}

.q_wrap {background:#fff; -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.2);}
.q_menu_bar {display:inline-block; text-align:center;}
.q_menu_bar ul li {float:left; margin:15px 7px; color:#aaaaaa; font-size:14px;}
.q_menu_bar ul li a {color:#aaaaaa;}
.q_menu_bar ul:after {content:""; clear:both; display:block;}
/*네비게이션 펼치기
#snb01 {width:100%; display:none; position:absolute; z-index:999;}
.dep02 {width:100%;background-color:#fff;}
.dep02 .dep02_inner {width:1200px; margin:0 auto; padding:8px 0;}
.dep02 ul {float:left; padding-bottom:10px;}
.dep02 ul li {
	text-align:center;
  line-height:2.2;
  width:200px;
}
.dep02 ul li a{
	line-height:2.2;
	color:#000;
	font-size:15px;
	font-weight:bold;
}
.dep02 ul li:hover {background-color:#337283;}
.dep02 ul li:hover a {
color:#fff;
}
.dep02:after {content:""; display:block; clear:both;}
 */



/* 메인 컨테이너 */
#main {width:100%; min-width:1200px;margin:0 auto;display:inline-block; background:#fff;}

/* -------------------------------------------
                flexslider

.flexslider img {display:block;}
.flexslider li .main_sl {height:655px; width:100%; min-width:1200px;}
.flexslider li .s1 {background:url(../images/slide1.png) center;}
.flexslider li .s2 {background:url(../images/slide2.png) center;}
.flexslider li .s3 {background:url(../images/slide3.png) center;}
.flexslider li .s4 {background:url(../images/slide4.png) center;}

#carousel .slides li {width:300px;}
#carousel .flex-active-slide li {background:#63a0afl;}
---------------------------------------------*/
/* carousel 
#carousel img {
    display: block;
    cursor: pointer;
}
#carousel .flex-active-slide.sl1 {background:url(../images/thum_sl1_on.png);}
#carousel .flex-active-slide.sl2 {background:url(../images/thum_sl2_on.png);}
#carousel .flex-active-slide.sl3 {background:url(../images/thum_sl3_on.png);}
#carousel .flex-active-slide.sl4 {background:url(../images/thum_sl4_on.png);}
#carousel .flex-active-slide img {visibility:hidden;}
*/


.main_content {width:1200px;margin:auto;}

.main_content > ul > li {float:left;}
.main_content > ul > li.output {width:240px;border-left:1px #e0e0e0 solid;height:236px;}
.main_content > ul > li.output .top {width:100%;height:54px;border-bottom:1px #e0e0e0 solid;line-height:54px;padding:0 21px;}
.main_content > ul > li.output .top span {font-size:18px;font-weight:bold;}
.main_content > ul > li.output .top span.title {float:left;color:#3a3a3a;}
.main_content > ul > li.output .top span.more {float:right;color:#d21414;}
.main_content > ul > li.output .inner {width:100%;padding:18px 21px;text-align:left;}


.main_content .boxwrap {border-left:1px solid #dddddd; border-right:1px solid #dddddd;}
.main_content .box_line {border-top:1px solid #ddd;}


.main_visual {width:100%; height:100%;}
.main_visual .main_sl {height:850px; width:100%; min-width:1200px;}
.main_visual .s1 {background:url(/base/img/pc/images/main_visual.png) center;}
#section0 {position: relative;}
#section0 .main_title_wrap {position:absolute; z-index:99; top:500px;left:80px;text-align:left;}
#section0 .main_title_wrap h2 {font-family: 'Roboto', sans-serif; font-size:90px; font-weight:100; margin-bottom:15px;}
#section0 .main_title_wrap span {font-size:26px; font-family:'Noto Sans KR', 'Malgun Gothic';}
#section0 a span {
	position: absolute;
	z-index:99;
	bottom: 100px;
	left: 50%;
	width: 33px;
	height: 20px;
	background:url(../images/arrow2.png) no-repeat center;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

#section1 .cont, #section2 .cont {width:1200px; margin:0 auto;}

.content .banner {background:#dbdbdb; width:100%; height:700px;}
.content .lb_banner {position:relative;}
.content .lb_banner img {position:absolute; right:0; top:0;}
.content .lb_banner .cont .txt_wrap {float:right; margin:290px 30px 0;}
.content .lo_banner .cont .txt_wrap {float:left; margin:200px 30px 0;}
.content .banner .cont .txt_wrap .btn_ban {margin-top:100px;}

.content .lb_banner {background:#303f4a url(../images/sec1.png) no-repeat left center;}
.content .lo_banner {background:#283035 url(../images/glasses.png) no-repeat right center;}
.banner p {font-family:'Noto Sans KR'; font-size:20px;font-weight:100;border-bottom:1px solid #fff; padding-bottom:13px;margin-bottom:22px;display:inline-block;}
.banner h3 {font-family:'Noto Sans KR'; font-size:70px;font-weight:100; line-height:1.2;letter-spacing:-0.1em;}
.banner a {font-family:'Noto Sans KR';font-size:20px;font-weight:100;letter-spacing:-0.07em;box-sizing:border-box;border-radius:50px;padding:9px 35px;border:1px solid #fff;}

#section3 {background:#eaeaea;color:#606060;}
#section3 .icon_wrap {text-align:center; display:inline-block; padding:87px 0 83px; }
#section3 .icon {margin:0 46px; }
#section3 .icon h4 {font-weight:400;margin:18px 0;}
#section3 .icon p {line-height:1.4;}

#section4 .call_wrap {margin:33px 0 57px;}
#section4 h3 {color:#3e3e3e; font-weight:bold;}
#section4 .arrow {padding:22px 0;}
#section4 .call_no {font-family:'Noto Sans KR'; font-size:60px; font-weight:100; color:#276a9e;}
#section4 .map_wrap {width:100%; background:#fbfbfb;}
#section4  .w50 {width:50%;padding:30px;}
#section4 .pic_store {background:url(../images/pic_store.png) no-repeat center; width:100%; height:560px;}
#section4 .map_img {text-align:left; float:left; width:70%;padding-right:20px;}
#section4 .map_img img {width:100%; height:auto;}
#section4 .map_txt {text-align:left; color:#777; float:left; width:30%; font-weight:100; line-height:1.6;}
#section4 .map_txt h4 {font-family:'Noto Sans KR';color:#222; font-weight:300;}

#section4 .map_txt a {
    border: 1px solid #aaa;
    /* text-decoration: underline; */
    margin-top: 7px;
    padding: 3px 8px;
    display: inline-block;
}

footer { background:#333;}
#footer {width:1200px; margin:0 auto;display:inline-block;}
.f_logo {padding-top:31px;}
.footer_txt {display:inline-block; padding:35px 0 40px;font-size:14px;color:#fff;line-height:160%;}

/* hover */
.q_menu_bar a:hover, .q_menu_bar a:active, .q_menu_bar a:focus {color:#333;}






/* 서브 */
#sub {width:100%; min-width:1200px;margin:auto; color:#222;}

.sub_content {margin-bottom:150px;}

/* 서브 공통 */
.sub_title {margin:130px 0 85px;}
.sub_title h3.sub_h3 {font-size:40px; font-weight:600; color:#222;}
.sub_title .sub_tit_line {width:50px; height:1px; background:#222;  display:inline-block; margin-top:50px;}

/* 서브 스토리 1-01 */
.full_bg1 {background: url(/base/img/pc/images/sub1_1_1.jpg) no-repeat top center; height:1990px;width:100%; min-width:1200px;margin:0 auto;}
.full_bg1 h2 {color:#222; font-weight:100; font-size:70px; padding-top:155px;}
.full_bg2 {background: url(/base/img/pc/images/sub1_1_2.png) no-repeat top center; height:976px;width:100%; min-width:1200px;margin:0 auto;}
.full_bg2 .sub_title {margin:0; padding:150px 0 85px;}
.full_bg2 .sub_title h3.sub_h3 {color:#fff;}
.full_bg2 .sub_tit_line {background:#fff;}
.full_bg2 p {color:#fff; font-size:22px; line-height:1.8;margin-top:76px;}
.full_bg2 p.lees {font-size:15px; margin-top:40px;}

/* 서브 둘러보기 페이지 sub1-02 */
.box_wrap {width:100%;}
.box_wrap .box {width:585px;position:relative; margin-bottom:30px;}
.box_wrap .box:nth-child(odd) {margin-right:30px;}
.box_wrap .box .tit_wrap {position:absolute; left:50%; top:50%; margin-left:-80px;margin-top:-80px;}
#sub .box_wrap .tit_wrap a {display:block; width:160px; height:160px; border-radius:50%; background:#222; font-size:24px; line-height:160px;font-family:'Noto Sans KR'; font-weight:100; color:#fff;}
#sub .box_wrap .tit_wrap span {color:#fff; opacity:0;}
/* 오시는길 */
.lc_wrap {background:#fbfbfb; padding:50px; margin-bottom:50px;}
.lc_wrap {color:#555; text-align:left; font-size:17px;line-height:1.6; font-weight:100;}
.lc_wrap h4 {color:#222;font-weight:300;}
.lc_wrap a {
    padding: 5px 8px;
    border: 1px solid #aaa;
    color: #777;
    /* text-decoration: underline; */
    font-size: 15px;
    margin-top: 10px;
    display: inline-block;
}
.map_wrap {text-align:center; padding-top:30px;}

/* 린드버그 소개 */
.font30 {font-size:30px; font-family:'Noto Sans KR'; padding:58px 0 60px; font-weight:100;}
.lb_box_wrap {width:100%; margin:40 0; font-family:'Noto Sans KR';}
.lb_box_wrap .lb_box {min-height:484px;width:50%; padding:110px 30px; border-bottom:1px solid #7c7c7c; float:left; text-align:left;}
.lb_box_wrap .lb_box_first {border-top:1px solid #7c7c7c;}
.lb_box_wrap .lb_box_last {width:100%; text-align:center;}
.lb_box_wrap h4 {font-size:28px; font-weight:600; color:#343434;margin-bottom:58px;}
.lb_box_wrap p {font-size:20px; font-weight:100; color:#343434;}

.custom {padding-bottom:80px;}
.custom p {padding-bottom:50px}
.cus_box {width:600px;}
.cus_box p {font-size:20px;}

/* 린드버그 제품보기 */
#sub .content ul.tabs {width:100%; height:42px; line-height:42px; margin:0 auto;}
#sub .content ul.tabs li {display:inline-block;float:left; text-align:center; font-size:17px; color:#808080;  letter-spacing:-1px; margin-right:0.1%;border-bottom:3px #fff solid;margin-bottom:20px;}
#sub .content ul.tabs li a {display:block;}
#sub .content ul.tabs li.active {border-bottom:3px #45c8ff solid;color:#303030; box-sizing:border-box;}
#sub .content ul.tabs li:hover  {color:#303030;}
#sub .content ul.tabs.t1 li {width:99.9%;}
#sub .content ul.tabs.t2 li {width:49.9%;}
#sub .content ul.tabs.t3 li {width:49.9%;}
#sub .content ul.tabs.t4 li {width:24.9%;}
#sub .content ul.tabs.t5 li {width:19.9%;}
#sub .content ul.tabs.t6 li {width:16.5%;}
#sub .content ul.tabs li.last {margin-right:0;}
#sub .content .tab_container {width:100%;display:inline-block; margin-top:50px;}
#sub .content .tab_content {width:100%;display:inline-block; min-height:280px;}

.lindberg_product {font-family:'Noto Sans KR';}
.lindberg_product .concept_img {margin:30px 0 40px;}
.lindberg_product h4 {font-size:30px;font-weight:300; text-align:right;}
.lindberg_product p.concept_txt {font-size:23px;font-weight:100; color:#9a9a9a; text-align:right;}
.lindberg_product h5 {font-size:23px;font-weight:100; text-align:left; margin:15px 0;}
.lindberg_product .feature p {font-size:20px;font-weight:100; margin-top:15px;}

.lindberg_product .feature {margin-top:20px;}
.lindberg_product .feature .fw1 {width:400px;}
.lindberg_product .feature .fw2 {width:800px;}
.lindberg_product .feature .fw2 > div > div {width:50%;}
.lindberg_product .feature .fw3 {width:1200px;}
.lindberg_product .feature .fw3 > div > div {width:400px;}

.lindberg_product .feat_air > div {height:380px; padding:10px 15px; margin-bottom:20px; border-right:1px solid #e5e5e5;}
.lindberg_product .feat_air > div.fw_last {border:none;}
.lindberg_product .feat_air > div {line-height:200px;}
.lindberg_product .feat_air > div p {line-height:1.4;}


/* 렌즈홀릭 */
.lens_wrap {padding-left:50px;padding-right:50px;}
.lens_wrap .medal {padding:0 200px;height:269px;background:url(../images/sub4_1_1bg.jpg) repeat-x center;}
.lens_wrap .medal .txt {text-align:left; margin-left:60px;margin-top:80px;}
.lens_wrap .medal .txt h2 {margin-bottom:16px;}
.lens_wrap .medal .txt p {font-size:18px;line-height:1.5;}
.lens_wrap .sm_box {margin:80px 0; padding:0 200px;}
.check li {
	background: url(../images/bullet_check.png) no-repeat 0px 0px !important;
    margin-left: 0px;
    padding-left: 30px;
    text-align: left;
    margin-bottom: 20px;
	font-size:17px;}
.check li.last_list {margin-bottom:0;}
.lens_wrap .pink_box {background:#ffa6c3;padding:55px 0;text-align:center;}
.lens_wrap .pink_box h2 {color:#fff;font-weight:500;}
.lens_wrap .pink_box h2 b {color:#ff045d;font-weight:700;}

/* 렌즈홀릭 미리보기 */
.check_list {background:url(../images/sub4_2_checklist_bg.jpg) no-repeat center; width:662px;height:651px;margin:0 auto;padding-top:220px;}
.check_list .list_box {border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;width:385px;margin:0 auto;padding:40px 0;}
.check_list h4 {margin-top:60px;line-height:1.5;font-size:22px;}
.lens_pd {margin-top:150px;}
.lens_pd h2 {margin-bottom:10px;}
.lens_pd p {margin-bottom:25px;}
.lens_pd .pd_box {text-align:left;padding:20px 0;border-bottom:1px solid #d7d7d7;margin-bottom:60px;}
.lens_pd .pd_box h3 {font-size:28px;margin-bottom:6px;}
.lens_pd .pd_box p {font-size:18px;line-height:1.5;margin-bottom:20px;}
.lens_pd .pd_box p.use_date {font-size:16px;color:#9a9a9a;}
.lens_pd .pd_box .pd_img li {float:left;width:20%;}
.lens_pd .pd_box span {font-size:15px;color:#bfbfbf;text-align:right;display:inherit;}



/* 폼메일_견적문의 */
#sub #content textarea[name="description"] {width:97%;}


/*서브 오시는길*/
#sub_content #content .com_pic {padding-bottom:50px;}

/* 게시판 */
.board {border:0;}
.board_view td {
    border-bottom: 1px #e5e5e5 solid;
    border-right: 1px #e5e5e5 solid;
    border-top:0;
    border-left:1px solid #e5e5e5;
    padding: 4px;
}