@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting .img img{border-radius:var(--bd30);}
.greeting .tt-wrap{margin-top:-120px;margin-left:var(--size140);background-color: #fff;border-top-left-radius:var(--bd30);padding:var(--size45) var(--size60) 0;position:relative;z-index:1;}
.greeting .tt-wrap .tit{margin-bottom:20px;font-size:var(--fz20);font-weight:700;color:var(--dark);line-height:1.6em;}
.greeting .tt-wrap .wrap p{margin-bottom:15px;}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap .ceo{margin-top:25px;font-size:var(--fz20);font-weight:600;line-height:1.2em;}
.greeting .tt-wrap .ceo strong{margin-left:12px;font-size:var(--fz24);font-weight:700;color:var(--dark);}

.history{display: flex;align-items:flex-start;}
.history .tit-wrap{padding:var(--size80) var(--size70);position:relative;width:50%;}
.history .tit-wrap:before{content:'';width:336px;height:221px;background:url('/images/sub/history-logo.png')no-repeat 0 50%/contain;position: absolute;left:0;top:50%;transform: translateY(-50%);z-index: -1;}
.history .tit-wrap .tit{font-size:var(--fz40);color:var(--dark);line-height:1.2em;}
.history .tit-wrap .tt18{margin-top:var(--size20);line-height:1.56em;font-weight:500;}
.history .tit-wrap .tt18 strong{color:var(--dark);font-weight:600;}
.history .con{margin-top:var(--size80);min-width:0;width:1%;flex:1 1 auto;position:relative;}
.history .con:before{content:'';width:1px;height:98%;background-color:#ddd;position: absolute;left:10px;top:10px;z-index:-1;}
.history .con .row{margin-bottom:var(--size70);padding-left:80px;position:relative;}
.history .con .row:before{content: '';width:20px;height:20px;background:url('/images/sub/history-bullet.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:7px;}
.history .con .row:after{content:'';width:40px;height:1px;background-color:#ddd;position: absolute;left:30px;top:16px;}
.history .con .row:last-child{margin-bottom:0;}
.history .con .row .year{font-size:var(--fz28);color:var(--dark);font-weight:600;line-height:1.2em;margin-bottom:var(--size20);}
.history .con .row ul li{margin-bottom:10px;display: flex;line-height:1.5em;}
.history .con .row ul li:last-child{margin-bottom:0;}
.history .con .row ul li .month{width:54px;position:relative;padding-left:15px;font-weight:700;color:var(--pri);}
.history .con .row ul li .month:before{content:'';width:5px;height:5px;background-color:var(--pri);border-radius:50%;position: absolute;left:0;top:9px;}
.history .con .row ul li .tt{min-width:0;width:1%;flex:1 1 auto;}

.location .maps{border-radius:var(--bd30);overflow:hidden;}
.location .maps .root_daum_roughmap {width:100% !important; height:450px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:450px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .map_border{display:none;}
.location .maps .roughmap_lebel_text:after {content:"LuminaX"; font-size:12px; line-height:15px;}
.location .maps iframe{width:100%;height:450px;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:var(--pri); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:var(--dark); font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:var(--pri);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width: 1024px) {
	.location .maps .root_daum_roughmap {height:300px !important;}
    .location .maps .root_daum_roughmap .wrap_map {height:300px !important;}
    .location .maps iframe{height:300px;}
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.location .maps .root_daum_roughmap {width:100% !important; height:200px !important;}
    .location .maps .root_daum_roughmap .wrap_map {height:200px !important;}
    .location .maps iframe{height:200px;}
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;}
	.directions .contact-info dt {padding-left:5px; width:110px;}
	.directions .contact-info dt svg {margin-right:10px;}
}

.pop-pt .fancybox-close {right:0;top:-35px;}
.pop-pt .fancybox-title-float-wrap{margin-bottom:-50px;}
.pop-pt .fancybox-title-float-wrap .child{padding:10px 25px;border-radius:50px;font-size:var(--fz16);letter-spacing:0;font-weight:600;}

.doc-title{text-align:center;padding-bottom:var(--size35);margin-bottom:var(--size80);font-size:var(--fz30);font-weight:700;color:var(--dark);line-height:1.2em;border-bottom: 1px solid #333;}
.tech .img{margin-bottom:var(--size100);}
.tech .con dl{padding:var(--size40) 0;border-bottom: 1px solid #ddd;display: flex;}
.tech .con dl:first-child{padding-top:0;}
.tech .con dl:last-child{padding-bottom:0;border-bottom:none;}
.tech .con dl dt{width:285px;font-size:var(--fz24);font-weight:700;line-height:1.2em;color:var(--pri);}
.tech .con dl dd{flex:1 1 auto;min-width:0;width:1%;}
.tech .con dl dd .tit{margin-bottom:var(--size10);font-size:var(--fz20);font-weight:500;line-height:1.5em;}
.tech .con dl dd .tit strong{color:var(--dark);}

.product .top-con{margin-bottom:var(--size100);display: flex;align-items:center;}
.product .top-con .img{width:50%;padding:0 var(--size100);}
.product .top-con .img img{border-radius:var(--bd30);}
.product .top-con .tt-wrap{width:50%;padding:20px;text-align:center;}
.product .top-con .tt-wrap .tit{margin-bottom:var(--size35);font-size:var(--fz40);font-weight:700;color:var(--pri);line-height:1.2em;}
.product .top-con .tt-wrap .tt{line-height:1.5em;font-weight:500;font-size:var(--fz20);color: #555;}
.product .table-wrap .row{margin-bottom:60px;}
.product .table-wrap .row:last-child{margin-bottom:0;}
.product .table-wrap .row .tit{margin-bottom:var(--size25);font-size:var(--fz30);font-weight:700;color:var(--dark);line-height:1.2em;}
.table01 table{width:100%;border-spacing:0;border-top: 1px solid #333;text-align:center;line-height:1.4em;}
.table01 table th{background-color: #f8f8f8;font-size:var(--fz18);color:#333;font-weight:700;}
.table01 table th,
.table01 table td{height:60px;padding:10px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.table01 table th:last-child,
.table01 table td:last-child{border-right:none;}

.media-list{margin-top:30px;}
.media-list ul{display: flex;flex-wrap:wrap;margin:0 -15px -36px;}
.media-list ul li{width:33.3333%;padding:0 15px;margin-bottom:36px;}
.media-list ul li .md-box{border-radius:var(--bd50);position:relative;transition:.3s;}
.media-list ul li .md-box:after{content:'';width:100%;height:100%;border:2px solid var(--pri);border-radius:var(--bd50);position: absolute;left:0;top:0;z-index:1;opacity:0;transition:.3s;}
.media-list ul li .md-box .tt-wrap{padding:var(--size30);}
.media-list ul li .md-box .tt-wrap .tit{font-size:var(--fz20);}
.media-list ul li .md-box .tt-wrap .tt{margin-top:5px;}
.media-list ul li .md-box:hover{box-shadow:none;}
.media-list ul li .md-box:hover:after{opacity:1;}

.view-tt-wrap{padding-bottom:var(--size35);margin-bottom:var(--size40);border-bottom: 1px solid #ddd;}
.view-tt-wrap .tit{font-size:var(--fz30);font-weight:600;color:var(--dark);line-height:1.4em;}
.view-tt-wrap .tt{margin-top:var(--size10);line-height:1.5em;}
.btn-back{display:flex;justify-content:center;align-items:center;margin:var(--size80) auto 0;width:130px;height:44px;border-radius:44px;background-color:var(--pri);color:#fff;font-size:var(--fz18);line-height:1.2em;}

.patent .content{margin-bottom:var(--size100);}
.patent .content:last-child{margin-bottom:0;}
.patent .content .title{font-size:var(--fz30);font-weight:700;color:var(--dark);line-height:1.3em;margin-bottom:var(--size25);}
.patent .content ul{display: flex;flex-wrap:wrap;margin:0 -10px -55px;}
.patent .content ul li{width:25%;padding:0 10px;margin-bottom:55px;text-align:center;}
.patent .content ul li .pic{position:relative;}
.patent .content ul li .pic:after{content: '';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.patent .content ul li p{font-weight:500;color:#333;margin-top:15px;}