/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

#header.dark .header-inner #logo {padding-top:30px;}
#header.dark .header-inner #logo a > img {height:45px;}
#header[data-transparent="true"] + .inspiro-slider, #header[data-transparent="true"] + #slider, #header[data-transparent="true"] + .fullscreen, #header[data-transparent="true"] + .halfscreen, #header[data-transparent="true"] + #google-map { top: -100px; margin-bottom: -100px; }
#header.dark.sub .header-inner {background-color:#fff !important;border-bottom:1px solid #fff !important;}

/* footer */
#footer .footer-menu {height:40px;background:#031224;}
#footer .footer-menu ul {overflow:hidden;padding:0;margin:0;}
#footer .footer-menu li {position:relative;float:left;padding:4px 20px;font-size:13px;font-weight:300;list-style:none;}
#footer .footer-menu li a,#footer a:not(.btn):not(:hover) {color:#fff;opacity:0.7;}
#footer .footer-menu li:first-child {padding-left:0;}
#footer .footer-menu li:before {content:"";position:absolute;top:14px;left:0;width:1px;height:12px;background:#757575;}
#footer .footer-menu li:first-child:before {background:none;}
#footer .footer-content {padding: 25px 0;background:#2b2b2b;}
#footer .footer-content .container {position: relative;}
#footer .footer-txt {font-size:14px;color:#fff;line-height:18px;opacity:0.5;}
#footer .copyright {font-size:14px;color:#fff;line-height:18px;opacity:0.9;}
#footer .relaton {position:absolute;right:0;top:0;text-align:right;}
#footer .relaton-site {margin-top:5px;}
#footer .sns-group a {margin-right:15px;}
#footer .relaton-site span {padding-right:5px;color:#fff;font-size:13px;font-weight:300;}
#footer .relaton-site select {width:190px;height:24px;min-height:24px;padding:0 26px 2px 5px;color:#fff;font-size:13px;border:1px solid #54657a;background:#005aab;}
#footer .copyright {font-size:12px;color:#aaa;font-weight:300;}
#section1 {background-size:cover;background-position:50% 0;}
#section1 .row {align-items: center;}
#section1 .row p { font-size: 70px; font-weight: 700; line-height: 85px; color: #fff; font-style:italic;font-family: 'Roboto';letter-spacing:-1px;}
#section2 {background-size:cover;background-position:50% 0;}
#section2 .link:hover p {color:#005aab !important;}
#section2 .txt1 {font-size: 40px;font-family: 'Roboto';font-weight: 300;margin-bottom:0;line-height:1;}
#section2 .txt2 {font-size: 50px;}
#section2 .link p {line-height:1.4em;}
#section2 .btn {display:inline-block;background-color: transparent;border-color: #fff;font-size:13px;margin-top:100px;}
#section3 {background-size:cover;background-position:50% 0;}
#section3 h1 {font-size: 60px; font-weight: 600; line-height: 85px; color: #000; font-family: 'Roboto';letter-spacing:-1px;}
#section3 .lead {font-size:25px;color: #000;line-height: 35px;}
#section3 .dlist {padding: 10px 5px;background:rgba(255,255,255,0.9);transition:all 0.5s;min-height:324px;}
#section3 a:hover .dlist {background:rgba(23,36,61,0.9);}
#section3 a:hover dt {color:#fff;}
#section3 a:hover dd {color:#fff;}
#section3 .dlist dt {margin: 60px 0 50px;font-size: 32px; color:#333;line-height: 1.2;}
#section3 .dlist dd {font-size: 17px !important; color:#333;line-height:26px;}
#section4 h1 {font-size: 60px; font-weight: 600; line-height: 85px; color: #000; font-family: 'Roboto';letter-spacing:-1px;}
#section4 .lead {font-size:25px;color: #000;line-height: 35px;}
#section4 .dlist {padding: 0 30px;margin-bottom: 0;}
#section4 .dlist dt {margin: 50px 0 25px;font-size: 25px; color:#1d1d1b;line-height: 35px;font-weight: 400;}
#section4 .dlist dd {font-size: 20px; color:#606060;margin-bottom: 0;}
#section4 .dlist .btn {margin-top: 60px;font-size: 16px; color:#575756;border: 1px solid #a5a5a5;border-radius:0;width: 170px;text-align:center;font-weight: 400;}
#section5 {padding:0;}
#section5 .find {position: relative;padding:0;overflow:hidden;border-right: 1px solid #fff;}
#section5 .pr {position: relative;padding:0;overflow:hidden;}
#section5 a {display:block;height:100%;}
#section5 a:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;transition:all .2s ease-in-out;}
#section5 a:hover:after{opacity:0.4}
#section5 img {transform:scale(1);transition:.3s;width:100%;}
#section5 a:hover img {transform:scale(1.1);}
#section5 dl {position: absolute;top: 40%;left: 0;right: 0;}
#section5 dt {font-size: 70px; font-weight: 700; line-height: 85px;font-style:italic;font-family: 'Roboto';letter-spacing:-1px;}
#section5 dd {font-size: 25px;margin-top: 25px;}
#section6 { padding: 80px 0 0 0 ; position: relative; width: 100%; overflow: hidden; z-index: 1; background-color: #fff;}
#section7 { padding: 0;}

@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {max-width: 1400px;}
}
@media (max-width: 1400px) {
    /* #section3 .dlist dd br {display:none;} */
    #section5 dl {top: 30%;}
}
@media (min-width: 1200px) {
    #header.dark .header-inner #logo {padding-top:13px;}
    #header.dark .header-inner #logo a > img {height:56px;}
    #mainMenu nav > ul > li {margin-left: 10px;}
}
@media (max-width: 991.98px) {
    #header {height: 80px; line-height: 80px; }
    #header.dark .header-inner #logo a {margin-top:20px;}
    #footer .relaton {position:relative;text-align: left;margin-top:10px;}
    #footer .sns-group {display:block;}
    #section1 .logo {width:30vw}
    #section1 .row p {font-size: 36px; line-height: 36px;margin-top:50px;text-align:center;}
    #section2 .btn {margin-top:50px;}
    #section5 dl {top: 40%;}
}
@media (max-width: 767px) {
    #footer .footer-menu li {padding:4px 10px;font-size:12px;}
    #footer .footer-txt {font-size:13px;}
    #footer .copyright {font-size:13px;}
    .inspiro-slider .slide .slide-captions h1 {padding-top: 80px;}
    #section1 .p-t-150 {padding-top: 0 !important;}
    #section1 .p-b-150 {padding-bottom: 0 !important;}
    #section2 .p-t-150 {padding-top: 0 !important;}
    #section2 .p-b-150 {padding-bottom: 0 !important;}
    #section2 .txt1 {font-size: 25px;}
    #section2 .txt2 {font-size: 32px;}
    #section2 .btn {margin-top:10px;}
    #section3.p-t-150 {padding-top:80px ! important;}
    #section3.p-b-150 {padding-bottom:80px ! important;}
    #section3 .p-t-100 {padding-top:40px ! important;}
    #section3 h1 {font-size: 36px; line-height: 36px; }
    #section3 .lead {font-size:18px;line-height: 28px;}
    /* #section3 .lead br {display:none;} */
    #section3 .dlist {padding: 40px 20px;min-height:auto;}
    #section3 .dlist dt {margin: 10px 0 30px;font-size: 25px;}
    #section3 .dlist dd {font-size: 18px; color:#333;line-height:26px;}
    #section4.p-t-150 {padding-top:80px ! important;}
    #section4.p-b-150 {padding-bottom:80px ! important;}
    #section4 .p-t-100 {padding-top:40px ! important;}
    #section4 h1 {font-size: 36px; line-height: 36px; }
    #section4 .lead {font-size:18px;line-height: 28px;}
    #section4 .dlist {padding: 0;margin-bottom: 0;}
    #section4 .dlist dt {margin: 30px 0 15px;font-size: 20px;line-height: 30px;}
    #section4 .dlist dd {font-size: 16px;}
    #section4 .dlist .btn {margin-top: 30px;font-size: 15px; }   
    #section5 dt {font-size: 36px; line-height: 36px;}
    #section5 dd {font-size: 18px;margin-top: 10px;}
	#section6 h2 {font-size:26px !important;line-height: 36px;}
	#section7 h2 {font-size:26px !important;line-height: 36px;}
	#section1 dt {font-size:26px !important;line-height: 36px;}
}
.thead-dark{color:#000;background-color:#f4f4f4;border-color:#454d55;border-top:1px solid #e4e6ef;}
.thumb img {max-width:100%;}
.mt10 {margin-top:10px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt50 {margin-top:50px !important;}
.mt70 {margin-top:70px !important;}
.mt95 {margin-top:95px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt185 {margin-top:185px !important;}
.mt30m {margin-top:-30px !important;}
.flex {display:flex;align-items:center;}
.h-tit1 {font-size:35px;font-weight:500;color:#000e15;line-height:40px;}
.h-tit2 {position: relative;font-size:25px;font-weight:500;color:#000;padding-left:10px;padding-bottom:10px;}
.h-tit2:before {content:"";position:absolute;top:4px;width:5px;height:30px;display:inline-block;background:#005aab;margin-left:-10px;}
.h-tit3 {font-size:30px;font-weight:500;color:#232323;line-height:1.2;font-family:'Roboto';}
.h-tit4 {font-size:50px;font-weight:500;color:#000;line-height:74px;}
.h-tit5 {font-size:50px;font-weight:700;color:#000;line-height:1.2;font-family:'Roboto';font-style:italic;}
.h-tit6 {font-size:30px;font-weight:500;color:#1d1d1b;line-height:1.2;}
.h-tit7 {font-size:35px;font-weight:500;color:#000e15;line-height:1.2;font-family:'Roboto';letter-spacing:-1px;margin-bottom:10px !important;}
.ptxt1 {    font-size: 20px;color: #575756;line-height: 32px;margin-top: 20px;}
/* .ptxt1 {position:relative;font-size:15px;font-weight:500;color:#575756;padding-left:10px;}
.ptxt1:before {content:"";position:absolute;left:0;top:6px;width:5px;height:14px;display:inline-block;background:#005aab;border-radius:3px;} */
.nav-tab {border-bottom:1px solid #005aab;height:64px;text-align:center;padding:20px 0;}
.ptxt2 {font-size:23px;color:#575756;line-height:26px;letter-spacing:-1px;}
.nav-tab a {font-size:18px;color:#424242;margin:0 40px;font-weight:400;}
.ulist1 {padding:0;margin:0 0 0 10px;}
.ulist1 li {list-style:none;font-size:23px;color:#575757;line-height:35px;}
.ulist2 {padding:0;margin:0;}
.ulist2 li {list-style:none;display:flex;align-items:center;margin-top:15px;letter-spacing:-1px;}
.ulist2 li:first-child {margin-top:0;}
.ulist2 li .thumb {flex:none;margin-right:30px;}
.ulist2 li dt {font-size:24px;color:#000e15;line-height:1.2;font-weight:500;margin-bottom:5px;}
.ulist2 li dt span {color:#005aab;}
.ulist2 li dd {font-size:17px;color:#696968;line-height:26px;}
.ulist3 {margin:0;padding:0;}
.ulist3 li {position:relative;font-size:25px;color:#575756;padding-left:13px;line-height:36px;list-style:none;}
.ulist3 li:before {content:"•";position: absolute;left:0;top: 0;}
@media (max-width: 767px) {    
    .mt10 {margin-top:5px !important;}
    .mt25 {margin-top:13px !important;}
    .mt30 {margin-top:15px !important;}
    .mt50 {margin-top:25px !important;}
    .mt70 {margin-top:35px !important;}
    .mt95 {margin-top:40px !important;}
    .mt120 {margin-top:60px !important;}
    .mt185 {margin-top:90px !important;}
    .h-tit1 {font-size:24px;line-height:34px;letter-spacing:-1px;}
    .h-tit2 {font-size:17px;}
    .h-tit2:before {top:7px;width:4px;height:24px;}
    .h-tit3 {font-size:23px;}
    .h-tit4 {font-size:30px;}
    .h-tit5 {font-size:30px;}
    .h-tit6 {font-size:23px;}
    .h-tit7 {font-size:28px;}
    .ptxt2 {font-size:18px;line-height:28px;}
    .nav-tab {height:auto;padding:13px 0 !important;}
    .nav-tab a {font-size:15px;margin:0 5px;}
    .ulist1 li {font-size:16px;line-height:30px;}
    .ulist2 {margin-top:30px;}
    .ulist2 li .thumb {margin-right:20px;}
    .ulist2 li .thumb img {width:80px;}
    .ulist2 li dt {font-size:17px;}
    .ulist2 li dd {font-size:18px;line-height:30px;}
    .ulist3 li {font-size:18px;line-height:30px;}
	.ptxt1 {font-size: 17px;line-height: 24px;}
}

.product-img {height:26vw;display:flex;align-items:center;justify-content:center;font-size:45px;font-weight:500;letter-spacing:5px;background:url('/images/product_img.jpg') no-repeat 50% 0;background-size:cover;}
.product .container {padding-right:0px;}
/*.product .container {padding-right:350px;} */
.product .tit1 {font-size:17px;font-weight:500;color:#000;margin:30px 0 200px;}
.product .tit2 {font-size:27px;font-weight:500;color:#575756;}
.product .form-control {border:1px solid #d5d5d5;border-radius:0;font-size:17px;font-weight:500;color:#575756;}
.product input:not([type="checkbox"]):not([type="radio"]), select, .input-group-text {min-height:68px;}
.product input::-webkit-input-placeholder {color:#575756;}
.product .form-group {margin-bottom:58px;}
.product ul {margin:0;padding:0;}
.product li {list-style:none;}
.product .item-list {overflow:hidden;}
.product .item-list li {float:left;margin:0 20px 10px 0;}
.product .desc {font-size:17px;font-weight:500;color:#575756;margin-top:10px;}
.product .form-check-input[type="checkbox"] {border-radius:0;border:1px solid #000;width:1.5em;height:1.5em;}
.product label {font-size:17px;color:#000;display:inline-block;}
.product .form-check-input:checked {background-color: #005aab;border-color: #005aab;}
.product .btn-block {display:flex;justify-content: end;}
.product .btn-block .btn.btn-dark {font-size:22px;font-weight: 500;border-radius:5px;}
@media (max-width: 1400px) {
    .product .container {padding-right:30px;}
}
@media (max-width: 767px) {
    .product-img {font-size:34px;}
    .product .tit1 {font-size:17px;font-weight:500;color:#000;margin:0 0 30px;}
    .product .form-group {margin-bottom:30px;}
}

.vision-img {height:26vw;display:flex;align-items:center;justify-content:center;font-size:45px;font-weight:500;letter-spacing:5px;background:url('/images/vision_img.jpg') no-repeat 50% 0;background-size:cover;}
.vision .h-tit3 {margin:80px 0 0;}
.vision .row {padding:150px 0;}
.vision .dlist dt {font-size:30px;color:#000;line-height:1.2;margin-top:50px;font-weight:500;}
.vision .dlist dd {font-size:17px;color:#706f6f;line-height:26px;margin-top:20px;}
@media (max-width: 767px) {
    section.vision {padding: 40px 0 !important;}
    .vision-img {font-size:34px;}
    .vision .h-tit3 {margin:40px 0 0;}
    .vision .row {padding:70px 0;}
    .vision .dlist dt {font-size:22px;margin-top:35px;}
    .vision .dlist dd {font-size:16px;margin-top:15px;line-height:26px;}
    .vision .col-lg-3 {margin-top:40px;}
    .vision .col-lg-3:first-child {margin-top:0;}
    .vision .col-lg-4 {margin-top:40px;}
    .vision .col-lg-4:first-child {margin-top:0;}
}

.about-img {height:26vw;display:flex;align-items:center;justify-content:center;font-size:45px;font-weight:500;letter-spacing:5px;background:url('/images/about_img.jpg') no-repeat 50% 0;background-size:cover;}
.about .cont-txt {padding:10px 0 90px}
.about .cont-txt dt {font-size:50px;color:#000;line-height:74px;font-weight:500;}
.about .cont-txt dd {font-size:17px;color:#575756;line-height:26px;margin-top:20px;}
.about .cont-txt1 {padding:10px 0 0}
.about .cont-txt1 dt {font-size:50px;color:#000;line-height:74px;font-weight:500;}
.about .cont-txt1 dd {font-size:17px;color:#575756;line-height:26px;margin-top:20px;}
.about .cont-txtmap {padding:10px 0 10px}
.about .cont-txtmap dt {font-size:50px;color:#000;line-height:74px;font-weight:500;}
.about .cont-txtmap dd {font-size:17px;color:#575756;line-height:26px;margin-top:20px;}
.about .cont-img {height:610px;display:flex;align-items:center;justify-content:center;background:url('/images/about_img2.jpg') no-repeat 50% 0;background-size:cover;}
.about .cont-img dt {font-size:30px;color:#fff;line-height:1.2;font-weight:500;}
.about .cont-img dd {font-size:17px;color:#fff;line-height:26px;margin-top:55px;letter-spacing:-1px;}
.about .cont-img .row {padding:0;}
.about .row {padding:80px 0;}
.about .dlist dt {font-size:30px;color:#000;line-height:1.2;margin-top:10px;font-weight:500;}
.about .dlist dd {font-size:17px;color:#706f6f;line-height:26px;margin-top:20px;}
.about .dlist .green {color:#005aab;}
.about .dlist2 dt {font-size:17px;color:#575756;line-height:1.2;margin-top:50px;font-weight:400;font-family:'Roboto';}
.about .dlist2 dd {font-size:30px;color:#000;line-height:1.2;margin-top:3px;font-weight:500;}
.about .h-tit4 {margin:90px 0 0 0;}

.business-img {height:26vw;display:flex;align-items:center;justify-content:center;font-size:45px;font-weight:500;letter-spacing:5px;background:url('/images/business_img.jpg') no-repeat 50% 0;background-size:cover;}
.community-img {height:26vw;display:flex;align-items:center;justify-content:center;font-size:45px;font-weight:500;letter-spacing:5px;background:url('/images/community_img.jpg') no-repeat 50% 0;background-size:cover;}
.archive-img {height:26vw;display:flex;align-items:center;justify-content:center;font-size:45px;font-weight:500;letter-spacing:5px;background:url('/images/archive_img.jpg') no-repeat 50% 0;background-size:cover;}
.support-img {height:26vw;display:flex;align-items:center;justify-content:center;font-size:45px;font-weight:500;letter-spacing:5px;background:url('/images/support_img.jpg') no-repeat 50% 0;background-size:cover;}

@media (max-width: 767px) {
    section.about {padding: 40px 0 !important;}
    .about-img {font-size:34px;}
    .about .cont-txt {padding:10px 0 40px}
    .about .cont-txt dt {font-size:25px;line-height:36px;}
    .about .cont-txt dd {font-size:16px;line-height:24px;}
    .about .cont-img {height:auto;padding:60px 0;}
    .about .cont-img dt {font-size:22px;}
    .about .cont-img .col-lg-6 {margin-top:50px;}
    .about .cont-img .col-lg-6:first-child {margin-top:0;}
    .about .cont-img dd {font-size:16px;line-height:28px;margin-top:20px;}
    .about .row {padding:40px 0;}
    .about .dlist dt {font-size:22px;margin-top:40px;}
    .about .dlist dd {font-size:16px;line-height:26px;margin-top:10px;}
    .about .dlist2 dt {font-size:16px;margin-top:30px;}
    .about .dlist2 dd {font-size:22px;}
    .about .h-tit4 {margin:50px 0 0 0;}
    .about .col-lg-4 {margin-top:40px;}

	.business-img {font-size:34px;}
	.community-img {font-size:34px;}
	.archive-img {font-size:34px;}
	.support-img {font-size:34px;}
}

.device .btn-view {font-size:17px;font-weight:500;color:#575756 ;border: 1px solid #b1b1b0;padding: 5px 40px;display:inline-block;}
.device .dlist dt {font-size:35px;font-weight:500;color:#000;line-height:26px;}
.device .dlist dt span {font-size:25px;}
.device .dlist dt em {font-size:25px;display:block;font-style:normal;color:#575757;margin-bottom:5px;}
.device .dlist dd {font-size:23px;color:#575756;line-height:26px;margin-top:20px;}
.device .dlist dd.type2 {line-height:38px;}
.device .dlist2 {margin-top:10px;}
.device .dlist2 dt {font-size:25px;font-weight:500;color:#1d1d1b;line-height:26px;}
.device .dlist2 dd {font-size:23px;color:#575756;line-height:26px;margin-top:8px;}
.device .dlist3 {margin-top:10px;}
.device .dlist3 dt {font-size:25px;font-weight:500;color:#000e15;line-height:26px;font-family:'Roboto';}
.device .dlist3 dd {font-size:17px;color:#575756;line-height:26px;margin-top:8px;}
.device .dlist4 {margin-top:10px;}
.device .dlist4 dt {font-size:25px;font-weight:500;color:#000e15;line-height:26px;}
.device .dlist4 dd {font-size:17px;color:#575756;line-height:26px;margin-top:8px;}
.device .device-img {height:640px;background:url('/images/device_img2.png') no-repeat 100% 50%;display:flex;align-items:center;}
.device .device-img2 {height:780px;background:url('/images/device_img11.png') no-repeat 100% 50%;display:flex;align-items:center;text-align: center;}
.device .device-img2 dt {font-size:43px;color:#fff;line-height:1.2;font-weight:400;}
.device .device-img2 dd {font-size:23px;color:#fff;line-height:26px;margin-top:90px;}
.device .device-img3 {height:780px;background:url('/images/device_img16.png') no-repeat 0 50%;display:flex;align-items:center;}
.device .device-img3 .row {padding-left:50%;}
.device .device-img4 {position:relative;}
.device .device-img4 .item1 {background:#e9eaeb;}
.device .device-img4 .item2 {background:#fff;}
.device .device-img4 .item3 {background:#e9eaeb;}
.device .device-img4 .col-lg-4 {padding:360px 0 0 0;}
.device .device-img4 dl {margin:0;}
.device .device-img4 dt {font-size:25px;font-weight:500;color:#000e15;line-height:26px;font-family:'Roboto';margin-bottom:25px;}
.device .device-img4 dd {margin:0;display:flex;justify-content:end;}
.device .device-img4 .t-header {position: absolute;top:60px;left:0;right: 0;}
.device .device-img4 img {max-width:100%;}
.device .txt-type {margin-top:75px;}
.device .txt-type ul {overflow:hidden;margin:0;padding:0;}
.device .txt-type li {float:left;width:calc(100%/3 - 35px);margin:0 35px 28px 0;list-style:none;}
.device .txt-type span {display:block;height:45px;line-height:42px;font-size:25px;color:#575756;border:1px solid #383838;text-align:center;}
.device .txt-type span.type2 {font-size:17px;}
.device .device-txt {text-align:center;}
.device .device-txt .txt1 {font-size:44px;color:#000e15;line-height:50px;}
.device .device-txt .txt2 {font-size:39px;color:#575756;line-height:50px;}
@media (max-width: 1400px) {
    .device .device-img {height:auto;background-size:30%;}
    .device .device-img3 {height:auto;background-size:30%;}
    .device .device-img3 .row {padding-left:30%;}
}
@media (max-width: 1024px) {
    .device .device-img3 {background-size:40%;background:url('/images/device_img16.png') no-repeat 50% 100%;background-size:50%;padding-bottom:40vw !important;}
    .device .device-img3 .row {padding-left:0;}
}
@media (max-width: 767px) {
    .device section {padding: 40px 0 !important;}
    .device .btn-view {font-size:16px;padding: 5px 20px;}
    .device .dlist dt {font-size:25px;line-height:30px;margin-top:50px;}
    .device .dlist dt span {font-size:18px;}
    .device .dlist dt em {font-size:18px;}
    .device .dlist dd {font-size:17px;line-height:28px !important;margin-top:10px;}
    .device .dlist2 {margin-top:5px;}
    .device .dlist2 dt {font-size:18px;line-height:28px;}
    .device .dlist2 dd {font-size:18px;line-height:28px;margin-top:5px;}
    .device .dlist3 {margin-top:5px;}
    .device .dlist3 dt {font-size:18px;line-height:28px;}
    .device .dlist3 dd {font-size:16px;line-height:28px;margin-top:5px;}
    .device .dlist4 {margin-top:5px;}
    .device .dlist4 dt {font-size:18px;line-height:28px;}
    .device .dlist4 dd {font-size:16px;line-height:28px;margin-top:5px;}
    .device .device-img {height:auto;background:none;}
    .device .device-img2 {height:auto;padding: 120px 0 !important;background-size:cover;}
    .device .device-img2 dt {font-size:28px;}
    .device .device-img2 dd {font-size:18px;margin-top:40px;}
    .device .device-img4 .col-lg-4 {padding:80px 0 0 0;}
    .device .device-img4 .item1 {padding:200px 0 0 0;}
    .device .txt-type {margin-top:35px;}
    .device .txt-type li {width:calc(100%/2 - 10px);margin:0 10px 10px 0;}
    .device .txt-type span {font-size:18px;}
    .device .txt-type span.type2 {font-size:13px;letter-spacing:-1px;}
    .device .device-txt .txt1 {font-size:25px;line-height:40px;letter-spacing:-1px;}
    .device .device-txt .txt2 {font-size:19px;line-height:40px;letter-spacing:-1px;}
}

section.cosmetic {padding:0;}
.cosmetic-sec1 {height:1034px;padding-top:235px;background:url('/images/cosmetic_img1.jpg') no-repeat 50% 0;background-size:cover;}
.cosmetic-sec2 {height:1040px;padding-top:235px;background:url('/images/cosmetic_img2.jpg') no-repeat 50% 0;background-size:cover;}
.cosmetic-sec2 .row {justify-content:end;}
.cosmetic-sec3 {height:1040px;padding-top:235px;background:url('/images/cosmetic_img3.jpg') no-repeat 50% 0;background-size:cover;}
.cosmetic .btn-view {font-size:25px;font-weight:500;color:#575756 !important;border: 1px solid #69696c;padding:12px 40px;display:inline-block;}
.cosmetic dt {font-size:35px;font-weight:500;color:#000;line-height:26px;margin-top:10px;}
.cosmetic dd {font-size:17px;color:#575756;line-height:30px;margin-top:20px;}
.cosmetic-sec3 dt {color:#fff;}
.cosmetic-sec3 dd {color:#fff;}
.cosmetic-sec3 .btn-view {color:#fff !important;border: 1px solid #fff;}
@media (max-width: 767px) {
    .cosmetic-sec1 {height:auto;padding:120px 0;}
    .cosmetic-sec2 {height:auto;padding:120px 0 400px;}
    .cosmetic-sec3 {height:auto;padding:120px 0 300px;background:url('/images/cosmetic_img3.jpg') no-repeat 20% 0;}
    .cosmetic .btn-view {font-size:17px;padding:8px 20px;}
    .cosmetic dt {font-size:26px;}
    .cosmetic dd {font-size:17px;line-height:26px;}
}

.public-img {height:26vw;display:flex;font-size:55px;font-weight:500;letter-spacing:5px;background:url('/images/public_img.jpg') no-repeat 50% 0;background-size:cover;}
.public-img .container {position: relative;}
.public-img .text-light {position: absolute;bottom:20%;left: 0;}
.public .cont-header {width:695px;margin: 0 auto;text-align:center;}
.public .cont-header h2 {margin:60px 0 20px;font-size:30px;font-weight:500;color:#1d1d1b;}
.public .cont-header p {margin-top:15px;font-size:15px;font-weight:500;color:#575756;}
.public .cont-header .nav-tab {border-top:1px solid #005aab;}
.public .down-list {overflow:hidden;margin-right:-170px;margin-top:90px;margin-bottom:90px;}
.public .down-list .box {position: relative;float: left;width:calc(100%/3 - 170px);border:1px solid #a6a6a6;margin-right:170px;}
.public .down-list .box dl {padding:12px;margin:0 0 5px;}
.public .down-list .box dt {font-size:22px;font-weight:700;color:#232323;line-height:26px;margin-top:17px;font-family:'Roboto';}
.public .down-list .box dd {font-size:15px;color:#575756;line-height:30px;}
.public .down-list .box .down {position: absolute;right:20px;bottom:22px;width:56px;height:43px;text-indent:-999px;overflow:hidden;background:url('/images/ico_down.png') no-repeat 50% 50%;}
.public .down-list .box img {width:100%;}
.public .htit {margin:60px 0 200px;font-size:30px;font-weight:500;color:#1d1d1b;text-align:center;}
.public .htit2 {margin:60px 0 80px;font-size:30px;font-weight:500;color:#1d1d1b;text-align:center;}
.sns-list {display:flex;margin:0;padding:0;justify-content: space-between;margin-bottom:130px;}
.sns-list li {list-style:none;}
.sns-list li img {max-width:100%;}
.list-header {min-height:50px;font-size:15px;color:#575756;font-weight:500;}
.list-header span {color:#ffa400;}
.list-header .form-category {height:30px;min-height:30px;width:95px;border: 0;border-bottom: 1px solid #000;}
.list-header .inquiry {border-bottom: 1px solid #000;display:inline-block;margin-left:85px;}
.list-header .inquiry .form-keyword {height:30px;min-height:30px;border: 0;width: 150px;}
.list-header .inquiry .btn-inquiry {width:30px;height:30px;border: 0;text-indent:-999px;overflow:hidden;background:url('/images/ico_search.png') no-repeat 50% 50%;}
.public-list {margin:0;padding:0;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.public-list li {position: relative;padding: 23px 250px 23px 15px;list-style:none;border-bottom: 1px solid #ddd;}
/* .public-list li {position: relative;padding: 23px 250px 23px 15px;list-style:none;border-bottom: 1px solid #ddd;background:url('/images/ico_arrow.png') no-repeat right 15px top 50%;} */
.public-list li a {font-size:17px;color:#000;display:flex;}
.public-list li a span {width:40px;flex:none;}
.public-list li a:hover {color: #005aab !important;}
.public-list li .date {position: absolute;right: 20px;top: 50%;font-size:15px;color:#000;transform: translateY(-50%);}
/* .public-list li .date {position: absolute;right: 165px;top: 50%;font-size:15px;color:#000;transform: translateY(-50%);} */
.paginate {margin-top:40px;text-align:center;clear:both;line-height:16px;display:flex;justify-content: center;}
.paginate a.pre,.paginate a.next {width:28px;padding:5px 8px 6px;text-indent:-9999px;overflow:hidden;background-color:#fff;}
.paginate a.pre {background:url('/images/ico_paging_prev.png') no-repeat 50% 50%;}
.paginate a.next {background:url('/images/ico_paging_next.png') no-repeat 50% 50%;}
.paginate a.pre:hover,.paginate a.next:hover {color:#fff;background-color:#fff;border:1px solid #e3e3e3;}
.paginate a {display:inline-block;padding:4px 10px 5px;font-size:14px;color:#434a54;text-align:center;border:1px solid #d5d5d5;vertical-align:middle;background:#fff;margin-left:-1px;}
.paginate a.active,.paginate a:hover {border-bottom:3px solid #000;}
.list-search {margin-top:50px;}
.list-search .tit {margin-right:20px;}
.list-search .form-category {height:30px;min-height:30px;width:70px;border:1px solid #d5d5d5;}
.list-search .form-keyword {height:30px;min-height:30px !important;width: 160px;border:1px solid #d5d5d5;}
.list-search .btn-search {width:58px;height:30px;border: 0;background:#8c8c8c;color:#fff;border-radius:3px;}

/* Board_View */
.board_view {width:100%;border-top:2px solid #0088cc;clear:both;line-height:1.4em;}
.board_view p {font-size:20px !important;}
.board_view th {padding:23px 0 23px 15px;color:#2f3944;font-size:17px;text-align:center;border-bottom:1px solid #c6d0db;background:#f7f7f7;font-weight:400;}
.board_view td {padding:23px 0 23px 15px;color:#464646;font-size:17px;text-align:left;border-bottom:1px solid #c6d0db;}
.board_view tbody th {border-bottom:1px solid #b5b5b5;}
.board_view .tit {padding:23px 0 23px 15px;text-align:left;}
.board_view .cont {padding:20px 20px 25px 20px;text-align:left;line-height:22px;}
.board_view .sns {float:right;margin-right:20px;}
.board_view .img {text-align:center;margin-bottom:20px;}
.board_view .cont img {width:100%;}
.board_view .review_cont img {width:100%;}

/* Previous_Next */
.prevnext {width:100%;margin-top:40px;font-size:17px;border-top:1px solid #777;border-bottom:1px solid #c6d0db;overflow:hidden;clear:both;}
.prevnext dt{display:inline-block;float:left;padding:23px 0 23px;border-top:1px solid #c6d0db;text-indent:30px;}
.prevnext dd{display:inline-block;float:left;padding:23px 0 23px;border-top:1px solid #c6d0db;text-indent:15px;}
.prevnext dt {width:25%;font-weight:bold;background:url('/img/board/icon_next.gif') no-repeat 12px 15px;font-weight:400;color:#333;}
.prevnext dd {position:relative;width:75%;padding-left:0;text-indent:19px;background:url('/img/board/sidebar02.gif') no-repeat left 13px;}
.prevnext span.date {position:absolute;right:30px;top:23px;width:200px;text-align:right;}
.prevnext dt.first, .prevnext dd.first{border-top:0;}
.prevnext dt.first {border-top:0;background:url('/img/board/icon_pre.gif') no-repeat 12px 17px;font-weight:400;color:#333;}

@media (max-width: 1200px) {
    .public .down-list {margin-right:-50px;}
    .public .down-list .box {width:calc(100%/3 - 50px);margin-right:50px;}
    .sns-list li {padding: 20px;}
}
@media (max-width: 1024px) {
    .public .cont-header {width:auto;}
}
@media (max-width: 767px) {
    .public .cont-header h2 {margin:0 0 15px;font-size:23px;}
    .public .cont-header p {font-size:14px;}
    .public .htit {margin:0px 0 60px;font-size:23px;}
    .public .htit2 {margin:0px 0 30px;font-size:23px;}
    .public-img {font-size:34px;padding-left:20px;}
    .public .down-list {margin-right:0;margin-top:50px;}
    .public .down-list .box {width:100%;margin-right:0;float:none;margin-bottom:50px;}
    .public .down-list .box dt {font-size:23px;margin-top:20px;}
    .public .down-list .box dd {font-size:14px;}
    .sns-list li {padding: 10px;}
    .list-header {min-height:50px;font-size:14px;padding-bottom:10px;}
    .list-header .right {float:none !important;}
    .list-header .form-category {width:85px;}
    .list-header .inquiry {margin-left:0;}
    .list-header .inquiry .form-keyword {width: 130px;}
    .public-list li {padding:10px 10px;background:none;}
    .public-list li a {font-size:16px;}
	.board_view th {font-size:16px;}
	.board_view td {font-size:16px;}
	.board_view p {font-size:16px !important;}
	.prevnext dt {font-size:16px;}
	.prevnext dd {font-size:16px;}
	.prevnext span.date {display:none;}
    .public-list li a span {width:26px;display:none;}
    .public-list li .date {right:auto;font-size:12px;position: relative;}
    .list-search .tit {margin-right:0;display:block;}
    .list-search .form-category {flex: none;}
    .list-search .form-keyword  {width:100%;}
    .list-search .btn-search {flex: none;}
    .list-search .in-group {display:flex;}
	.board_view img {width:100%;}
	.team-member h2 {font-size:16px !important;}
}

.study-img {height:500px;background:url('/images/study_img1.jpg') no-repeat 50% 0;background-size:cover;}
.study-img p {font-size:32px;color:#fff;line-height:52px;padding-top:35px;}
.study-img .txt-group {margin-top:100px;display: flex;justify-content: space-around;}
.study-img .txt-group span {position: relative;display:inline-block;font-size:25px;color:#fff;line-height:26px;/* padding-left:25px; */}
/* .study-img .txt-group span:before {content:"";position:absolute;left:0;top:7px;width:19px;height:19px;display:inline-block;background:#005aab;} */
.study-img2 {height:986px;display:flex;align-items:center;background:url('/images/study_img2.jpg') no-repeat 50% 0;background-size:cover;}
.study-img2 dt {font-size:30px;font-weight:500;color:#fff;line-height:26px;}
.study-img2 dd {font-size:17px;color:#fff;line-height:26px;margin-top:50px;}
.study-img2 .dt01 {margin-top:200px;}
.study-img2 .txt-group2 {padding:80px 0 0;}
.study-img2 .txt-group2 span {position: relative;display:inline-block;font-size:31px;color:#fff;line-height:1.2;padding-left:38px;}
.study-img2 .txt-group2 span:before {content:"";position:absolute;left:0;top:5px;width:30px;height:30px;display:inline-block;background:#005aab;}
.study .h-tit6 {margin-top:80px;}
.study .txt-group2 {padding:350px 0 570px;}
.study .txt-group2 span {position: relative;display:inline-block;font-size:31px;color:#000;line-height:1.2;padding-left:38px;}
.study .txt-group2 span:before {content:"";position:absolute;left:0;top:5px;width:30px;height:30px;display:inline-block;background:#005aab;}
.study .history-wrap h3 {font-size:30px;font-weight:500;color:#1d1d1b;margin:5px 0 8px;}
.study .history-wrap .tit {position: relative;font-size:25px;font-weight:500;color:#575756;padding-left:15px;letter-spacing:-1px;padding-top:7px;}
.study .history-wrap .tit:before {content:"";position:absolute;left:0;top:8px;width:5px;height:30px;display:inline-block;background:#005aab;}
.study .history ul {margin:0;padding: 0;}
.study .history li {list-style:none;position: relative;padding-left:110px;padding-bottom:60px;}
.study .history .biz {padding-left:0px;padding-bottom:60px;}
.study .history li:before {content:"";position:absolute;left:87px;top:20px;width:1px;height:100%;display:inline-block;background:#575756;}
.study .history li:last-child:before {height:0;}
.study .history li .year {position: absolute;left:0;top:8px;font-size:25px;font-weight:700;color:#000;font-family:'Roboto';}
.study .history li .year:after {content:"";position:absolute;right:-40px;top:1px;width:19px;height:19px;display:inline-block;background:#005aab;border-radius:100%;}
.study .history li .txt {display:flex;line-height:28px;}
.study .history li .txt span {font-size:17px;color:#3f3f3f;width:140px;flex: none;}
.study .history li .txt em {font-size:17px;color:#3f3f3f;font-style:normal;}
@media (max-width: 1024px) {
    .study-img {height:auto;padding:100px 0;}
    .study-img p {padding-top:0;}
	.study-img .txt-group {display:block;text-align: center;}
	.study-img .txt-group span {margin:0 5%;}
	.study-img2 .dt01 {margin-top:50px;}
}
@media (max-width: 767px) {
    .study-img {height:auto;padding:80px 0;}
    .study-img p {font-size:22px;line-height:36px;}
    /* .study-img br {display:none;} */
    .study-img .txt-group {margin-top:35px;}
    .study-img .txt-group span {font-size:16px;text-align:left;}
    .study-img2 {height:auto;padding:80px 0;}
    .study-img2 dt {font-size:22px;line-height:28px;}
    .study-img2 dd {font-size:17px;line-height:28px;margin-top:30px;}
    .study .h-tit6 {margin-top:0;}
	.study-img2 .txt-group2 {padding:20px 0 0;}
    .study-img2 .txt-group2 span {font-size:23px;padding-left:28px;margin:20px 0;}
    .study-img2 .txt-group2 span:before {width:20px;height:20px;}
    .study .txt-group2 {padding:150px 0 200px;}
    .study .txt-group2 span {font-size:23px;padding-left:28px;margin:20px 0;}
    .study .txt-group2 span:before {width:20px;height:20px;}
    .study .history-wrap h3 {font-size:23px;}
    .study .history-wrap .tit {font-size:18px;}
    .study .history-wrap .tit:before {height:20px;}
    .study .history li {padding-left:76px;padding-bottom:30px;}
    .study .history li:before {left:58px;}
    .study .history li .year {top:6px;font-size:18px;}
    .study .history li .year:after {right:-24px;top:2px;width:14px;height:14px;}
    .study .history li .txt {line-height:28px;}
    .study .history li .txt span {font-size:16px;width:80px;}
    .study .history li .txt em {font-size:16px;}
}

.cont-list {padding:0;}
.cont-list .col-lg-3 {padding-top:350px;padding-bottom:350px;}
.cont-list .col-lg-3:hover {background:rgba(0,1,5,0.5)}
@media (max-width: 991.98px) {
    .cont-list .col-lg-3 {padding-top:100px;padding-bottom:100px;}
}

/* gnb */
#gnb {position:absolute;left:0;top:0;height:80px;width:100%;overflow:hidden;}
#gnb.active:before {content:"";position:absolute;top:80px;left:0;width:100%;height:50%;background:rgba(255,255,255,0.6);}
#gnb > ul {width:1400px;margin:0 auto;padding-left:450px;display:flex;justify-content:end;}
#gnb > ul:after {clear:both;content:"";display:block;}
#gnb > ul > li {float:left;width:18%;list-style: none;}
#gnb > ul > li > a {display:block;height:80px;line-height:80px;padding:0 10px;font-size:18px;color:#555;font-weight:500;}
#gnb > ul > li > a:hover {color:#005aab;}
#gnb > ul > li.on > a {color:#005aab;}
#gnb .submenu {width:100%;height:80vh;padding:18px 10px;letter-spacing:-1px;position:relative;z-index:1}
#gnb .submenu li,#gnb .submenu li a {display:block;margin:10px 0;font-size:16px;color:#333;line-height:20px;font-weight:400;}
#gnb .submenu li a:hover {color:#000;}
#mainMenu.mobile {display:none;}
@media (max-width: 1400px) {
    #gnb > ul {width:auto;padding-left:30%;}
}
@media (max-width: 991.98px) {
    #gnb.pc {display:none;}
    #mainMenu.mobile {display:block;}
}

/* PC - MOBILE */
.pc{display:block !important;}
.mobile{display:none !important;}
@media (max-width: 767px) {
.pc{display:none !important;}
.mobile{display:block !important;}
}

/* smartsleep */
.smart-sec1 {padding:18vw 0;}
.smart-sec2 {padding:0;}
.smart-sec3 {padding:0;}
.smart-sec3 .right {text-align:right;}
.smart-sec4 {padding:0;}
.smart-sec4 .right {text-align:right;}
.smart-sec5 {padding:0;}
.smart-sec5 .right {text-align:right;}
.smart-sec6 {padding:0;}
.smart-sec6 .right {text-align:right;}
.mt95 {margin-top:95px !important;}
.smart img {max-width:100%;}
.smart .left {padding-left:14.5vw;}
.smart .dlist dt {margin-bottom:15px;font-size:35px;font-weight:500;color:#000;line-height:1.2;}
.smart .dlist dt span {color:#005aab;}
.smart .dlist dd {font-size:17px;color:#575756;line-height:30px;}
@media (max-width: 1800px) {
    .smart .left {padding-left:8vw;}
}
@media (max-width: 1600px) {
    .smart .left {padding-left:6vw;}
}
@media (max-width: 1400px) {
    .smart .left {padding-left:5vw;}
    .mt95 {margin-top:45px !important;}
    .smart .dlist dt {font-size:30px;}
    .smart .dlist dd {font-size:19px;line-height:28px;}
    .smart .dlist dd br {display:none;}
}
@media (max-width: 991.98px) {
    .smart img {width:100%;}
    .smart .left {padding:50px 40px;}
    .smart .img img {width:auto;max-width:100%;}
    .smart .dlist dt {font-size:28px;}
    .smart .dlist dd {font-size:18px;}
    .smart-sec2 .txt {padding:50px 40px 0;}
}

/* ceo인사말 */
.greeting {height:1740px;background:url('/images/greeting_img1.jpg') no-repeat 50% 0;background-size:cover;}
.greeting1 {margin-bottom:-28px;}
.greeting1 dl {padding-top:245px;color:#fff;}
.greeting1 dt {font-size:50px;font-weight:500;margin-bottom:100px;}
.greeting1 dd {font-size:40px;font-weight:500;line-height:52px;}
.greeting2 {padding:160px 210px 40px;text-align:center;background:#fff;font-size:25px;color:#2e2e2e;line-height:37px;word-break:keep-all;}
.greeting2 p {font-size:17px;}
@media (max-width: 1400px) {
    .greeting {height:auto;}   
    .greeting1 {margin-bottom:-18px;}
    .greeting1 dl {padding-top:10vw;}
    .greeting1 dt {font-size:40px;margin-bottom:70px;}
    .greeting1 dd {font-size:30px;line-height:46px;}
    .greeting1 img {max-width:100%;}
    .greeting2 {padding:160px 100px 40px;}
}
@media (max-width: 991.98px) {
    .greeting1 dl {padding:50px 0;}
    .greeting2 {padding:60px 60px 40px;}
}
@media (max-width: 767px) {
    .greeting1 dt {font-size:30px;margin-bottom:20px;}
    .greeting1 dd {font-size:17px;line-height:30px;}
    .greeting2 {padding:30px 20px 30px;font-size:18px;line-height:30px;}
    .greeting2 p {font-size:16px;margin-top:20px;}
	.text-center img {width:100%;}
}