@import url('//fonts.googleapis.com/earlyaccess/nanumpenscript.css');

body{scroll-behavior: smooth;}

.width-fixed{width:1600px;margin:0 auto;position:relative;}

.mobile_btn{display:none;width:50px;height:42px;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.mobile_btn > span{position:absolute;width:100%;background:#000;border-radius: 5px;height:3px;display:block;}
.mobile_btn > span:first-child{top:0;transform:translateY(0);}
.mobile_btn > span:nth-child(2){top:50%;transform:translateY(-50%);}
.mobile_btn > span:last-child{top:100%;transform:translateY(-100%);}
.mobile_all{display:none;}

.main_top{height:100vh;width:100%;}
.main_top #main_top{height:100%;width:100%;}
.main_top #main_top .item{height:100vh;width:100%;display:flex;align-items: center;}
.main_top #main_top .item h3{font-size:5.4em;color:#fff;font-weight:800;}
.main_top #main_top .item h3 span{color: #00fde8;}
.main_top #main_top .item p{color:#cacaca;font-size:1.7em;margin-top:10px;word-break: keep-all}
.main_top #main_top .owl-nav{position:absolute;left:calc(calc(100% - 1600px) / 2);bottom:30px;z-index:10;height:12px;}
.main_top #main_top .owl-nav .owl-next{width:12px;height:12px;background:url('../img/ic_arrow_prev.png') center / contain no-repeat;position:absolute;top:0;transform:rotate(180deg);left:77px;}
.main_top #main_top .owl-nav .owl-prev{width:12px;height:12px;background:url('../img/ic_arrow_prev.png') center / contain no-repeat;position:absolute;top:0;left:0;}
.main_top #main_top .owl-dots{position:absolute;left:calc(calc(calc(100% - 1600px) / 2) + 25px);bottom:30px;z-index:10;display:flex;align-items: center;gap:15px;}
.main_top #main_top .owl-dots .owl-dot{width:12px;height:12px;display:block;border-radius: 50%;background: transparent;border:1px solid #fff}
.main_top #main_top .owl-dots .owl-dot.active{background:#fff;}

.main_sec{padding:100px 0 ;text-align: center}
.main_sec h3{font-size:3em;font-weight:500;color:#5e5e5e}
.main_sec h3 span:first-child{color:#e9742b}
.main_sec h3 span:nth-child(2){color:#2bb39a}
.main_sec h3 span:last-child{color:#211f1f}
.main_sec p{font-size:1.3em;margin-top:7px;color:#5e5e5e}
.main_sec .img{margin-top:50px;}

.main_thrd{padding:160px 0;background:url('../img/main_thrd_bg.jpg')center / cover no-repeat fixed;}
.main_thrd > div{display:flex;align-items: flex-start}
.main_thrd .left{position:sticky;top:120px;width:600px;}
.main_thrd .left span{font-size:2.2em;font-weight:600;color:#fff}
.main_thrd .left h3{font-size:3em;color:#fff;font-weight:500;margin-top:25px;}
.main_thrd .right{width:calc(100% - 600px);}
.main_thrd .right .item{width:430px;padding:30px;background: rgba(59, 69, 45, 0.6);border-radius: 40px;cursor: pointer;transition: all .4s;min-height:400px;display:flex;justify-content: flex-end;flex-direction: column;position:relative;}
.main_thrd .right .item:nth-child(even){margin-left:50%;margin-top:-160px;}
.main_thrd .right .item:nth-child(n + 3){margin-top:-80px;}
.main_thrd .right .item:hover{background: #2bb299;}
.main_thrd .right .item span{display:block;text-align: right;font-size:1.2em;color:#fff;position:absolute;top:30px;right:30px;}
.main_thrd .right .item h3{font-size:2.6em;color:#fff;font-weight:600;margin:50px 0;}
.main_thrd .right .item ul li{font-size:1.2em;color:#fff;line-height: 1.8}

.main_rnd{padding:100px 0;}
.main_rnd span{font-size:2.2em;font-weight:600;color:#2bb39a}
.main_rnd h3{font-size:3em;color:#000;font-weight:500;margin-top:25px;}

.main_rnd .rnd_box{margin-top:30px;display:grid;grid-template-columns: 1fr 1fr;gap:30px;}
.main_rnd .rnd_box > div{height:320px;display:flex;align-items: center;justify-content: center;cursor: pointer;overflow: hidden;position:relative;}
.main_rnd .rnd_box > div:first-child:before{content:"";background:url('../img/rnd_bg_01.jpg')center / cover no-repeat;width:100%;height:100%;transform:translate(-50%,-50%) scale(1);display:block;position:absolute;left:50%;top:50%;transition: all 1s;}
.main_rnd .rnd_box > div:nth-child(2):before{content:"";background:url('../img/rnd_bg_02.jpg')center / cover no-repeat;width:100%;height:100%;transform:translate(-50%,-50%) scale(1);display:block;position:absolute;left:50%;top:50%;transition: all 1s;}
.main_rnd .rnd_box > div:hover:before{transform:translate(-50%,-50%) scale(1.4);}
.main_rnd .rnd_box > div span{color:#fff;font-size:2.3em;z-index:3;position:relative}

.main_quick{background:url('../img/main_quick_bg.jpg')center / cover no-repeat fixed;padding:50px 0;}
.main_quick > div{display:flex;align-items: center;justify-content: center;gap:170px;}
.main_quick > div > div {cursor: pointer;}
.main_quick > div > div .img{width:180px;height:180px;background:#fff;border-radius: 50%;margin-bottom:15px;transition: all .4s;}
.main_quick > div > div:nth-child(1) .img{background:#fff url('../img/main_quick_ic_01.png')center / 60% auto no-repeat;}
.main_quick > div > div:nth-child(1):hover .img{background:#2bb39a url('../img/main_quick_ic_01_on.png') center / 60% auto no-repeat;}
.main_quick > div > div:nth-child(2) .img{background:#fff url('../img/main_quick_ic_02.png')center / 60% auto no-repeat;}
.main_quick > div > div:nth-child(2):hover .img{background:#2bb39a url('../img/main_quick_ic_02_on.png') center / 60% auto no-repeat;}
.main_quick > div > div:nth-child(3) .img{background:#fff url('../img/main_quick_ic_03.png')center / 60% auto no-repeat;}
.main_quick > div > div:nth-child(3):hover .img{background:#2bb39a url('../img/main_quick_ic_03_on.png') center / 60% auto no-repeat;}
.main_quick > div > div:nth-child(4) .img{background:#fff url('../img/main_quick_ic_04.png')center / 60% auto no-repeat;}
.main_quick > div > div:nth-child(4):hover .img{background:#2bb39a url('../img/main_quick_ic_04_on.png') center / 60% auto no-repeat;}
.main_quick > div > div span{font-size:2.2em;color:#000;display:block;text-align: center}

.main_left_quick{position:fixed;top:50%;right:20px;z-index: 10;width:60px;}
.main_left_quick > div button{width:60px;height:60px;border-radius: 50%;display:flex;align-items: center;justify-content: center;border:none;background: #cacaca;transition: all .4s;}
.main_left_quick > div button + button{margin-top:15px;}
.main_left_quick > div button:hover{background: #2bb299;}
.main_left_quick > div button img{width:60%;}


#ft{padding:50px 0;background:#000;}
#ft > div{display:flex;gap:30px;align-items: flex-start}
#ft > div .ft_logo{display:flex;width:150px;margin-right:20px;}
#ft > div .ft_logo img{width:100%;height: auto;}
#ft > div .ft_info {text-align: left}
#ft > div .ft_info ul {display:flex;align-items: center;gap:20px;margin-bottom:20px;}
#ft > div .ft_info ul li a{font-size:1.3em;color:#fff;}
#ft > div .ft_info ul li:hover a{color:#00ffea}
#ft > div .ft_info p{color:#888888;font-size:1.3em;line-height: 1.8}
#ft > div .ft_info .copy{color:#888888;font-size:1.3em;}


/* 서브페이지 */
.sub_top {height:373px;display:flex;align-items: center;justify-content: center;}
.sub_top .txt{font-size:3.5em;color:#fff;font-weight:600;margin-top:73px;}
.sub_top#smenu10{background:url('../img/sub_bg_10.jpg')center 73px / cover no-repeat;}
.sub_top#smenu20{background:url('../img/sub_bg_20.jpg')center 73px / cover no-repeat;}
.sub_top#smenu30{background:url('../img/sub_bg_30.jpg')center 73px / cover no-repeat;}
.sub_top#smenu40{background:url('../img/sub_bg_40.jpg')center 73px / cover no-repeat;}
.sub_top#smenu50{background:url('../img/sub_bg_50.jpg')center 73px / cover no-repeat;}

.sub_con{padding:70px 0;min-height:500px;}
.sub_con > div{display:flex;}
.lnb {width:270px;}
.lnb h3{padding:10px 0 10px 10px;margin-bottom:10px;font-size:3em;border-bottom:3px solid #2bb299;}
.lnb .box a{display:flex;padding:13px 10px;font-size:1.5em;border-bottom:1px solid #eee;width:100%;align-items: center;}
.lnb .box a.active{color:#2bb299;}
.lnb .box a:hover{color:#2bb299;}
.lnb .box a:before{content:"";width:0.75em;height:0.75em;display:inline-block;vertical-align: middle;margin-right:10px;background:url('../img/lnb_arrow.png')center / contain no-repeat;}
.lnb .box a.active:before{background:url('../img/lnb_arrow_on.png')center / contain no-repeat;}
.lnb .box a:hover:before{background:url('../img/lnb_arrow_on.png')center / contain no-repeat;}
.scontent {width:calc(100% - 320px);margin-left:50px;margin-top:35px;}
.scontent > nav{padding:0 0 10px 0;margin-bottom:10px;border-bottom:1px solid #ddd;display:flex;align-items: center;gap:10px;font-size:1.3em;justify-content: flex-end;color:#555555;}
.scontent > nav i{font-style: normal;background:url('../img/nav_arrow.png')center / contain no-repeat;width:0.76em;height:0.76em;}
.content_wrap{padding-top:30px;}

.empty_con{display:flex;align-items: center;justify-content: center;flex-direction: column;height:650px;}
.empty_con img{width:300px;}
.empty_con span{font-size:1.5em;display:block;margin-top:20px;}

/* 회사 개요 */
.summary_top{text-align: left}
.summary_top h3{font-size:3em;word-break: keep-all}
.summary_top p{font-size:1.5em;margin-top:15px;word-break: keep-all}
.summary_btm{margin-top:60px;display:flex;align-items: center;}
.summary_btm .logo{width:400px;}
.summary_btm .summary_tb{width:calc(100% - 400px);margin-left:100px;}
.summary_btm .summary_tb table{width:100%;border-spacing: 0;border-top:2px solid #000;border-bottom:2px solid #000;}
.summary_btm .summary_tb table tr:last-child th{border-bottom:0;}
.summary_btm .summary_tb table tr:last-child td{border-bottom:0;}
.summary_btm .summary_tb table th{padding:18px 10px;font-size:1.4em;background:#eee;text-align: center;width:200px;border-bottom:1px solid #dedede;}
.summary_btm .summary_tb table td{font-size:1.4em;border-bottom:1px solid #dedede;padding:10px 15px;}
/* 회사 개요 */

/* 인사말 */
.intro_top{display:grid;grid-template-columns: 1.6fr 1fr;gap:50px;}
.intro_top .left {width:100%;margin-right:40px;grid-column: 1 / 2; grid-row: 1 / 2}
.intro_top .left h4{font-size:2.6em;word-break: keep-all}
.intro_top .left > p{font-size:1.6em;margin-top:50px;word-break: keep-all}
.intro_top .left > p .sign{text-align: right;display:block;font-family: "Nanum Pen Script",dotum,sans-serif;font-size:2em;color:#2bb39a;margin-top:50px;}
.intro_top .btm{grid-column: 1 / 2;grid-row: 2 / 3}
.intro_top .btm h5{font-size:2.2em;color:#2bb39a;margin:30px 0 15px 0;word-break: keep-all}
.intro_top .btm .intro_list{}
.intro_top .btm .intro_list > div strong{font-size:1.5em;}
.intro_top .btm .intro_list > div p{font-size:1.5em;word-break: keep-all;padding-left:15px;text-indent: 0;margin-top:5px;word-break: keep-all}
.intro_top .btm .intro_list > div + div{margin-top:20px;}
.intro_top .right{width:100%;height:100%;background:url('../img/intro_bg.jpg')center / cover no-repeat;grid-row: 1 / 3}
/* 인사말 */

/* 비전 및 연혁 */
.vision_tit h3{font-size:3em;color:#000;margin-bottom:30px;}
.vision{background: url('../img/vision_bg.png')center / cover no-repeat;display:flex;align-items: center;justify-content: center;height:180px;}
.vision h4{font-size:3em;color:#fff;word-break: keep-all}

.vision_tit2 h3{font-size:3em;color:#000;margin-bottom:30px;margin-top:70px;}
.vision2 img{width:100%;}
.vision2 .mobile{display:none;}
.vision2 > h3{padding:15px;text-align: left;background:#2bb39a;color:#fff;font-size:2.6em;}
.vision2 > div {display:grid;grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap:6px;}
.vision2 > div > div{padding:15px;background:#eee;}
.vision2 > div > div h4{font-size:1.8em;color:#2bb39a;font-weight:500;word-break: keep-all}
.vision2 > div > div ul{margin-top:10px}
.vision2 > div > div ul li{font-size:1.4em;padding-left:15px;text-indent: -15px;}
.vision2 > div > div ul li:before{content:"";width:5px;height:5px;display:inline-block;vertical-align: middle;margin-right:10px;border-radius: 50%;background:#2bb39a}
.vision2 > div > div ul li + li{margin-top:5px;}

.history_tit h3{font-size:3em;color:#000;margin-bottom:30px;margin-top:70px;}
.history_list{}
.history_list > div:first-child{border-top:1px solid #ddd;}
.history_list > div{display:flex;align-items: center;padding:20px 0;border-bottom:1px solid #ddd;}
.history_list > div strong{font-size:3.2em;padding:0 30px;}
.history_list .his > div{display:flex;align-items: center;}
.history_list .his > div span{font-size:1.6em;word-break: keep-all}
.history_list .his > div span:first-child{width:90px;color:#2bb39a;font-weight:600;text-align: center}
.history_list .his > div span:last-child{width:calc(100% - 90px);overflow-x: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: keep-all;color:#555555}
.history_list .his > div + div{margin-top:10px;}
/* 비전 및 연혁 */

/* 오시는길 */
#map{height:500px;/*border-radius: 20px;*/}
.addr_info{display:flex;justify-content: space-between;align-items: center;margin-top:20px;}
.addr_info > div:first-child{font-size:1.6em;font-weight:600;}
.addr_info > div:first-child img{width:0.8em;margin-right:10px;}
.addr_info > div:last-child {display:flex;gap:20px;}
.addr_info > div:last-child span{font-size:1.4em;font-weight:600;}
/* 오시는길 */

/* 제품목록 */
.product_list {display:grid;grid-template-columns: 1fr 1fr 1fr;gap:50px;}
.product_list > div {text-align: center;}
.product_list > div .img{width:100%;height:350px;border:1px solid #ddd;}
.product_list > div span{font-size:1.4em;margin-top:10px;display:block;text-align: center;word-break: keep-all}
.product_list.empty {display:block;}
.product_list > div .empty_list{display:flex;align-items: center;justify-content: center;}
/* 제품목록 */

/* 기술소개 */
/* 기술소개 */

/* 특허인증 */
.certi_list{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:30px;}
.certi_list > div .img{width:100%;height:450px;border:2px solid #eee;}
.certi_list > div span{display:block;font-size:1.5em;margin-top:10px;word-break: keep-all;}
/* 특허인증 */

/* 문의하기 */
.inquiry_form h3{font-size:2.5em;margin-bottom:30px;}
.inquiry_form table{width:100%;border-spacing: 0;table-layout: fixed;}
.inquiry_form table tr th{background:#f1f3f2;width:120px;font-size:1.35em;}
.inquiry_form table tr td{padding:10px;}
.inquiry_form table tr td > div{display:flex;gap:5px;}
.inquiry_form table tr td .em{border:none;background:transparent;width:1.4em;height:auto;text-align: center;}
.inquiry_form table tr td .file_btn{padding:10px 30px;font-size:1em;background:#333;color:#fff;cursor: pointer}
.inquiry_form table tr td textarea{width:100%;height:180px;}
.inquiry_form table tr td .full{width:100%;}
.inquiry_form table tr td .frm_input{padding:10px;}
.inquiry_form table tr td select.frm_input{padding:9px 10px;}
.inquiry_form table tr td #in_file_txt{width:50%;}
.inquiry_form .agree_box{text-align: center;margin-top:15px;}
.inquiry_form .agree_box input[type=checkbox]{display:none;}
.inquiry_form .agree_box input[type=checkbox] + label{font-size:1.3em;display:flex;align-items: center;justify-content: center}
.inquiry_form .agree_box input[type=checkbox] + label:before{content:"";width:1.3em;height:1.3em;border:1px solid #ddd;display:inline-block;vertical-align:middle;margin-right:10px;}
.inquiry_form .agree_box input[type=checkbox]:checked + label:before{content:"";background:url('../img/check.png')center / contain no-repeat;}
.inquiry_form .agree_box input[type=checkbox] + label a{font-weight:bold;}
.inquiry_form .frm_btns{text-align: center;margin-top:30px;}
.inquiry_form .frm_btns button{background:#2bb39a;color:#fff;text-align: center;padding:10px 30px;font-size:1.5em;border:none;border-radius: 5px;transition: all .4s;}
.inquiry_form .frm_btns button:hover{background:#000;}
/* 문의하기 */

#ctt_con > * {word-break: keep-all !important;}

/* 서브페이지 */