@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@300;400;500;700;900&display=swap');

*{box-sizing: border-box; outline: none!important; font-family: 'Noto Sans KR', sans-serif;}
body{max-width: 1920px; margin: 0 auto; padding: 0;}

h2, h3, h4, h5, p, ul, li{margin: 0; padding: 0;}
ul{font-size: 0;}
li{list-style: none;}
dt{display: block; width: 870px; font-size: 24px; font-weight: 700; line-height: 1.7; word-break: keep-all;}
button{background-color: #145ab9; border: none; color: white; font-weight: 700; padding: 16px 32px; text-align: center; font-size: 16px; margin: 4px 4px; opacity: 0.6; transition: 0.3s; display: inline-block; text-decoration: none; cursor: pointer;}
dd{width: 870px; margin-top: 11px; font-size: 20px; line-height: 1.7; color: #b2b2b2; word-break: keep-all;}
a, a:focus, a:hover{outline: none; text-decoration: none; display: inline-block;}
img{max-width: 100%;}

/* main_popup */
.main_popup{position: fixed;top: 150px;left: 150px;width: 300px;height: auto;padding: 40px;background-color:#fff;z-index: 1001;}
.main_popup .popup_close{position: absolute;right: 10px;top: 10px;background-color:#333;color: #fff;border: none;}
.main_popup h2{font-size: 21px;margin-bottom: 15px;word-break:keep-all;line-height: 1.4;}
.main_popup p{font-size: 17px;word-break:keep-all;}
.main_popup a{display: inline;}
.main_popup .page_link{display: block;width: 100%;height: 40px;background-color: #fff;border:1px solid #1361ca;color: #1361ca;margin-top: 30px;font-size: 18px;}


header{width: 100%; font-size: 0; position: fixed; left: 0; top: 0; z-index: 10;}
header .header{max-width: 1920px; margin: 0 auto; position: relative;}
header .header:after{content: ''; width: 100%; height: 1px; display: inline-block; background-color: rgba(255, 255, 255, .2); position: absolute; left: 0; top: 80px;}
header .header.active:after{background-color: #5f6061;}
header .header.bgc:after{background-color: #5f6061;}
header .header.active{background-color: rgba(0, 0, 0, .9);}
header .header.bgc{background-color: rgba(0, 0, 0, .9);}
header .header > div{display: inline-block; vertical-align: top;}
header .logo_box{width: 145px; height: 80px; border-right: 1px solid rgba(255, 255, 255, .2); position: relative;}
header .header.active .logo_box{border-right: 1px solid #5f6061;}
header .header.bgc .logo_box{border-right: 1px solid #5f6061;}
header .header.bgc .logo_box a img{max-width: 100%;}
header .logo_box a{width: 80%; height: 80%; position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%);}
header .gnb{width: calc(100% - 305px); text-align: center;}
header .gnb > ul > li{width: 200px; display: inline-block; text-align: left; vertical-align: top;}
header .gnb > ul > li > p{width: 100%; height: 80px; padding: 0 15px; font-size: 18px; font-weight: 700; color: #fff; line-height: 80px; cursor: pointer; position: relative;}
header .gnb > ul > li.active > p{background-color: #1361ca;}
header .gnb > ul > li.active > p:after{content: ''; width: 100%; height: 1px; display: inline-block; background-color: #fff; position: absolute; bottom: -1px; left: 0; z-index: 1;}
header .gnb > ul > li > ul{width: 100%; height: 400px; padding: 20px 0; display: none;}
header .gnb.active > ul > li > ul{display: block!important;}
header .gnb > ul > li.active ul{background-color: #1361ca;}
header .gnb > ul > li > ul > li{width: 100%; height: 50px; line-height:50px;}
header .gnb > ul > li > ul > li a{width: 100%; height: 100%; padding: 0 15px; display: inline-block; font-size: 14px; font-weight: 500; color: #d3d8e1; position: relative;}
header .gnb > ul > li > ul > li a p{font-size: 14px; font-weight: 500; color: #d3d8e1; position: absolute; top: 50%; transform: translateY(-50%);}
header .gnb > ul > li > ul > li a:hover p{color: #fff; text-decoration: underline;}
header .h_right{width: 160px;}
header .h_right > ul > li{display: inline-block; vertical-align: top;}
header .h_right > ul > li div{width: 80px; height: 80px; border-left: 1px solid rgba(255, 255, 255, .2); position: relative; cursor: pointer;}
header .header.active .h_right > ul > li div{border-left: 1px solid #5f6061;}
header .header.bgc .h_right > ul > li div{border-left: 1px solid #5f6061;}
header .h_right > ul > li div img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
header .h_right > ul > li .all_nav_btn img:last-child{display: none;}
header .h_right > ul > li .all_nav_btn.active img{display: none;}
header .h_right > ul > li .all_nav_btn.active img:last-child{display: block;}
header .h_right > ul > li > ul{padding: 20px 0; display: none;}
header .h_right > ul > li > ul > li{}
header .h_right > ul > li > ul > li a{width: 100%; height: 40px; font-size: 16px; font-weight: 500; color: #d3d8e1; text-align: center; line-height: 40px;}

header .m_header{height: 50px; border-bottom: 1px solid #5e5e5e; background-color: rgba(0, 0, 0, .9); display: none; position: relative; z-index: 5;}
/* header .m_header ul:after{content: ''; display: block; clear: both;} */
header .m_header ul li{width: 50%; height: 50px; display: inline-block; position: relative; vertical-align: top;}
header .m_header ul li:first-child{width: 100px; height: 50px; border-right: 1px solid #5e5e5e;}
header .m_header ul li:first-child a{display: inline-block; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);}
header .m_header ul li:last-child{width: calc(100% - 100px); text-align: right;}
header .m_header ul li .lang_box{width: 50px; height: 50px; border: 1px solid #5e5e5e; border-top: none; border-bottom: none; display: inline-block; vertical-align: top; position: relative;}
header .m_header ul li .lang_box a{display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
header .m_header ul li .m_nav_btn{width: 50px; height: 50px; border: 1px solid #5e5e5e; border-top: none; border-bottom: none; display: inline-block; vertical-align: top; position: relative;}
header .m_header ul li .m_nav_btn img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
header .m_header ul li .m_nav_btn img:last-child{display: none;}
header .m_header ul li .m_nav_btn.active img{display: none;}
header .m_header ul li .m_nav_btn.active img:last-child{display: block;}

header .m_nav{width: 100%; height: 100vh; background-color: rgba(0, 0, 0, .7); position: relative; display: none;}
header .m_nav.active{display: block;}
header .m_nav > ul{width: calc(100% - 100px); height: 100vh; padding-top: 50px; background-color: rgba(0, 0, 0, .7); float: right; position: relative; right: -100%; transition-duration: .3s;}
header .m_nav > ul.active{right: 0;}
header .m_nav > ul > li{width: 100%;}
header .m_nav > ul > li > p{height: 40px; padding-left: 30px; border-bottom: 1px solid #5e5e5e; font-size: 20px; font-weight: 700; color: #fff; line-height: 40px; position: relative;}
header .m_nav > ul > li > p img{position: absolute; top: 50%; right: 15px; transform: translateY(-50%); transition-duration: .3s;}
header .m_nav > ul > li > p.selected img{transform: translateY(-50%) rotate(180deg);}
header .m_nav > ul > li > ul{background-color: #145ab9; display: none;}
header .m_nav > ul > li > ul > li{}
header .m_nav > ul > li > ul > li > a{width: 100%; height: 40px; padding-left: 30px; display: inline-block; font-size: 16px; font-weight: 500; color: #fff; line-height: 40px;}

/* 한국조명 product01 커스텀 */
.header.type_en{    background-color: rgba(0, 0, 0, .9);}



footer{padding: 50px 0; border-top: 1px solid #e5e5e5;}
footer .f_link ul{margin-bottom: 15px;}
footer .f_link ul li{display: inline-block;}
footer .f_link ul li:after{content: ''; width: 1px; height: 16px; margin: 0 5px; display: inline-block; background-color: #eee; position: relative; top: 3px;}
footer .f_link ul li:last-child:after{display: none;}
footer .f_link ul li a{display: inline-block; font-size: 14px; font-weight: 500; color: #333; text-decoration: underline;}
footer .text_box h3{margin-bottom: 40px; font-size: 20px; font-weight: 700; color: #1c1c1c; letter-spacing: -1px;}
footer .text_box h4{margin-bottom: 20px; font-size: 14px; font-weight: 300; color: #333; line-height: 20px;}
footer .text_box h4 span{margin-right: 15px;}
footer .text_box p{font-size: 14px; font-weight: 300; color: #333;}
footer .sns_link{margin-bottom: 0px;}
footer .sns_link ul{text-align: right;}
footer .sns_link ul li{margin-right: 10px; display: inline-block;}
footer .sns_link ul li:last-child{margin-right: 0;}
footer .sns_link ul li a:last-child{display: none;}
footer .sns_link ul li:hover a:first-child{display: none;}
footer .sns_link ul li:hover a:last-child{display: inline-block;}
footer .f_logo_box{text-align: right;}
footer .f_logo_box img{width: 200px;}

.main_banner_box{width: 100%; height: auto; overflow: hidden; position: relative;}
.main_banner_box .slick-vertical .slick-slide{border: none;}

.main_banner_box .banner_num_box{position: absolute; left: 34px; top: 50%; transform: translateY(-50%); z-index: 2;}
.main_banner_box .banner_num_box ul li{width: 30px; height: 30px; margin-bottom: 10px; border: 1px solid rgba(255, 255, 255, .8); font-size: 14px; font-weight: 400; color: #fff; text-align: center; line-height: 28px;}
.main_banner_box .banner_num_box ul li:last-child{margin-bottom: 0; border: none; opacity: .5;}

.main_banner_box .main_banner{position: relative; transform: rotate(180deg);}
.main_banner_box .main_banner .slick-prev{width: 14px; height: 8px; text-indent: -9999px; background-image: url(../images/banner/main_banner_next.png); background-size: cover; background-position: center; background-repeat: no-repeat; left: auto; right: 38px; top: 57%; z-index: 10;}
.main_banner_box .main_banner .slick-next{width: 14px; height: 8px; text-indent: -9999px; background-image: url(../images/banner/main_banner_prev.png); background-size: cover; background-position: center; background-repeat: no-repeat; left: auto; right: 38px; top: 40%; z-index: 10;}
.main_banner_box .main_banner .item{width: 100%; height: 100vh; overflow: hidden; position: relative; transform: rotate(180deg);}
.main_banner_box .main_banner .item:first-child .img_box img{display: none;}
.main_banner_box .main_banner .item span{width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); position: absolute; top: 0; left: 0;}
.main_banner_box .main_banner .item p{position: absolute; left: 0; top: 0; opacity: 0;}
.main_banner_box .main_banner .item .img_box{width: 100%; height: 100%; background-color: #000; position: relative; background-repeat: no-repeat; background-size:cover; background-position:center;}
.main_banner_box .main_banner .item .img_box:after{content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); position: absolute; top: 0; left: 0;}
.main_banner_box .main_banner .item .img_box img{min-width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.main_banner_box .main_banner .item .img_box video{width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.main_banner_box .main_banner_text{width: 830px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg);}
/* .main_banner_box .main_banner_text .slick-list{height: 180px!important;}
.main_banner_box .main_banner_text .slick-track{height: 180px!important; transform: translate3d(0, 0, 0)!important;} */
.main_banner_box .main_banner_text .item{margin: 30px 0 35px; text-align: center; transform: rotate(180deg);}
.main_banner_box .main_banner_text .item .text_box{text-align: center;}
.main_banner_box .main_banner_text .item .text_box h2{display: inline-block; font-size: 21px; font-weight: 400; color: #fff; opacity: .5; cursor: pointer; letter-spacing: -1px;}
.main_banner_box .main_banner_text .item.slick-center .text_box h2{display: inline-block; font-weight: 700; opacity: 1; position: relative; transform: scale(2.3);}
.main_banner_box .main_banner_text .item.slick-center .text_box h2:before{content: ''; width: 100%; height: 2px; display: inline-block; background-color: #fff; opacity: .2; position: absolute; bottom: -2px; left: 0;}
.main_banner_box .main_banner_text .item.slick-center .text_box h2:after{content: ''; height: 2px; display: inline-block; background-color: #fff; position: absolute; bottom: -2px; left: 0; animation-name: loading_bar; animation-duration: 5s; animation-timing-function: linear; animation-fill-mode: forwards;}
@keyframes loading_bar {
  0%{width: 0;}
  100%{width: 100%;}
}

.main_banner_box .move_btn{width: 30px; height: 45px; border: 1px solid #fff; background-color: rgba(255, 255, 255, .2); position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); cursor: pointer;}
.main_banner_box .move_btn .move_area{width: 30px; height: 15px; position: absolute; left: 0; top: 50%; overflow: hidden;}
.main_banner_box .move_btn span{width: 1px; height: 10px; background-color: #fff; position: absolute; left: 50%; transform: translateX(-50%); animation-name: move_btn; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear;}
@keyframes move_btn {
  0%{top: -100%;}
  100%{top: 100%;}
}


.sub_banner_box .sub_banner{width: 100%; height: 360px; padding-top: 200px; background-size: cover; background-position: center;}
.sub_banner_box .sub_banner.sub_banner_bg1{background-image: url(../images/banner/sub_banner_img1.png);}
.sub_banner_box .sub_banner.sub_banner_bg2{background-image: url(../images/banner/sub_banner_img2.png);}
.sub_banner_box .sub_banner.sub_banner_bg3{background-image: url(../images/banner/sub_banner_img3.png);}
.sub_banner_box .sub_banner.sub_banner_bg4{background-image: url(../images/banner/sub_banner_img4.jpg);}
.sub_banner_box .sub_banner.sub_banner_bg5{background-image: url(../images/banner/sub_banner_img5.jpg);}
.sub_banner_box .sub_banner.sub_banner_bg6{background-image: url(../images/banner/sub_banner_img6.png);}
.sub_banner_box .sub_banner.sub_banner_bg7{background-image: url(../images/banner/sub_banner_img7.jpg);}
.sub_banner_box .sub_banner.sub_banner_bg8{background-image: url(../images/banner/sub_banner_img8.jpg);}
.sub_banner_box .sub_banner.sub_banner_bg9{background-image: url(../images/banner/sub_banner_img9.jpg);}
.sub_banner_box .sub_banner.sub_banner_bg10{background-image: url(../images/banner/sub_banner_img10.jpg);}
.sub_banner_box .sub_banner.sub_banner_bg11{background-image: url(../images/banner/sub_banner_img11.jpg);}
.sub_banner_box .sub_banner.sub_banner_bg12{background-image: url(../images/banner/sub_banner_img8.png);}
.sub_banner_box .sub_banner.sub_banner_bg13{background-image: url(../images/banner/sub_banner_img13.jpg);}
.sub_banner_box .sub_banner.sub_banner_bg14{background-image: url(../images/banner/sub_banner_img14.jpg);}
.sub_banner_box .sub_banner.sub_banner_bg15{background-image: url(../images/banner/sub_banner_img15.jpg);}
.sub_banner_box .sub_banner.sub_banner_bg16{background-image: url(../images/banner/sub_banner_img16.jpg);}
.sub_banner_box .sub_banner h3{font-size: 50px; font-weight: 900; color: #fff; text-align: center;}


.main_box{padding: 60px 0 180px;}

.main_box .title_box{margin-bottom: 80px; text-align: center;}
.main_box .title_box h3{margin-bottom: 45px; font-size: 56px; font-weight: 800; color: #000; line-height: 60px;}
.main_box .title_box h4{font-size: 32px; font-weight: 700; color: #1c1c1c; line-height: 50px; text-decoration: underline;}
.main_box .title_box h4.mb-35{margin-bottom: 35px;}
.main_box .title_box h4.mb-20{margin-bottom: 20px;}
.main_box .title_box p{font-size: 18px; font-weight: 400; color: #666; line-height: 28px;}
.main_box .title_box a{width: 170px; height: 50px; margin-top: 40px; border: 1px solid #333; font-size: 16px; font-weight: 400; color: #1c1c1c; text-align: center; line-height: 48px; transition-duration: .3s;}
.main_box .title_box a:hover{border: 1px solid #1361ca; background-color: #1361ca; color: #fff;}

.main_box .contents1{margin-bottom: 100px;}
.main_box .contents1 .base_box{background-color: #eff2f5;}
.main_box .contents1 .base_box ul li{width: calc(100% / 3); padding: 50px 0px; display: inline-block; position: relative;}
.main_box .contents1 .base_box ul li .img-text_box{padding: 10px 0; border-right: 1px solid #d7d9dc;}
.main_box .contents1 .base_box ul li:last-child .img-text_box{border-right: none;}
.main_box .contents1 .base_box ul li .img_box{width: 100%; margin-bottom: 40px; text-align: center;}
.main_box .contents1 .base_box ul li .img_box img{display: inline-block;}
.main_box .contents1 .base_box ul li .text_box{text-align: center;}
.main_box .contents1 .base_box ul li .text_box h3{margin-bottom: 30px; font-size: 28px; font-weight: 700; color: #1c1c1c;}
.main_box .contents1 .base_box ul li .text_box p{font-size: 16px; font-weight: 400; color: #6a727d;}

.main_box .contents2{margin-bottom: 100px;}
.main_box .contents2 .tech_box{padding: 80px 150px; background-color: #f0f0f0; text-align: center;}
.main_box .contents2 .tech_box .num_box{margin-bottom: 65px;}
.main_box .contents2 .tech_box .num_box ul li{padding: 0 45px; border-right: 1px solid #dedede; display: inline-block;}
.main_box .contents2 .tech_box .num_box ul li:last-child{border-right: none;}
.main_box .contents2 .tech_box .num_box ul li h3{display: inline-block; font-size: 48px; font-weight: 700; color: #1c1c1c;}
.main_box .contents2 .tech_box .num_box ul li span{font-size: 32px; font-weight: 700; color: #1c1c1c;}
.main_box .contents2 .tech_box .num_box ul li p{font-size: 20px; font-weight: 400; color: #666;}
.main_box .contents2 .tech_box .trans_img_box{height: 180px; margin-bottom: 15px; position: relative;}
.main_box .contents2 .tech_box .trans_img_box img{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition-duration: .5s;}
.main_box .contents2 .tech_box .trans_img_box img:last-child{opacity: 0;}
.main_box .contents2 .tech_box .trans_img_box.active img:first-child{opacity: 0;}
.main_box .contents2 .tech_box .trans_img_box.active img:last-child{opacity: 1;}
.main_box .contents2 .tech_box .img_box{margin-bottom: 30px;}
.main_box .contents2 .tech_box .img_box img{max-width: 100%;}

.main_box .contents3{margin-bottom: 100px;}
.main_box .contents3 .light_box .light_slide .item{height: 625px; overflow: hidden;}
.main_box .contents3 .light_box .light_slide .item img{ width:auto; height: auto; margin: 0 auto;/* width: 100%; height: 100%;*/ }
.main_box .contents3 .light_box .light_slide .slick-prev{width: 21px; height: 40px; text-indent: -9999px; background-image: url(../images/main/light_prev.png); background-size: cover; background-position: center; background-repeat: no-repeat; left:-30px; z-index: 2;}
.main_box .contents3 .light_box .light_slide .slick-next{width: 21px; height: 40px; text-indent: -9999px; background-image: url(../images/main/light_next.png); background-size: cover; background-position: center; background-repeat: no-repeat; right: -30px;  z-index: 2;}
.main_box .contents3 .img-text_box{width: 100%; padding: 40px 0; background-color: #fff; text-align: center;}
.main_box .contents3 .img-text_box ul li{margin-right: 60px; display: inline-block;}
.main_box .contents3 .img-text_box ul li:last-child{margin-right: 0;}
.main_box .contents3 .img-text_box ul li img{margin-bottom: 15px;}
.main_box .contents3 .img-text_box ul li p{padding-top: 10px; border-top: 1px solid #ccc; font-size: 16px; font-weight: 500; color: #333;}

.main_box .contents4{margin-bottom: 100px;}
.main_box .contents4 .main_product_box ul li{width: calc((100% - 90px) / 4); margin-right: 30px; display: inline-block;}
.main_box .contents4 .main_product_box ul li:last-child{margin-right: 0;}
.main_box .contents4 .main_product_box ul li .link_box{width: 100%; height: 560px; background-color: #f7f7f7; position: relative; background-size: contain; background-repeat: no-repeat;}
.main_box .contents4 .main_product_box ul li .link_box .img_box{width: 100%; margin-bottom: 30px; /*padding-top: 30px; display: none;*/ text-align: center;}
.main_box .contents4 .main_product_box ul li .link_box .img_box img{display: inline-block;}
/* .main_box .contents4 .main_product_box ul li:nth-child(1) .link_box{background-image: url(../images/main/main_product_img1.png); background-size: 50%; background-position: 50% 30px;}
.main_box .contents4 .main_product_box ul li:nth-child(2) .link_box{background-image: url(../images/main/main_product_img2.png); background-size: 80%; background-position: 50% 30px;}
.main_box .contents4 .main_product_box ul li:nth-child(3) .link_box{background-image: url(../images/main/main_product_img3_ss.png); background-position: 0 120px;}
.main_box .contents4 .main_product_box ul li:nth-child(4) .link_box{background-image: url(../images/main/main_product_img4.png);} */
.main_box .contents4 .main_product_box ul li .link_box .inner_text{width: 100%; padding-bottom: 50px; text-align: center; position: absolute; bottom: 0; left: 0;}
.main_box .contents4 .main_product_box ul li .link_box .inner_text h3{margin-bottom: 15px; font-size: 20px; font-weight: 700; color: #1c1c1c;}
.main_box .contents4 .main_product_box ul li .link_box .inner_text p{margin-bottom: 50px;font-size: 14px; font-weight: 400; color: #333;}
.main_box .contents4 .main_product_box ul li .link_box .inner_text a{width: 160px; height: 40px; border: 1px solid #404040; display: inline-block; font-size: 16px; font-weight: 400; color: #1c1c1c; text-align: center; line-height: 38px;}
.main_box .contents4 .main_product_box ul li .link_box .inner_text a:hover{border: 1px solid #1361ca; background-color: #1361ca; color: #fff; transition-duration: .3s;}

.main_box .contents5{}
.main_box .contents5 .main_pr_box{margin-bottom: 70px;}
.main_box .contents5 .main_pr_box > h3{margin-bottom: 20px; font-size: 22px; font-weight: 700; color: #333;}
.main_box .contents5 .main_pr_box ul li{width: calc((100% - 60px) / 3); margin-right: 30px; display: inline-block;}
.main_box .contents5 .main_pr_box ul li:last-child{margin-right: 0;}
.main_box .contents5 .main_pr_box ul li a{display: inline-block;}
.main_box .contents5 .main_pr_box ul li .img_box{width: 100%; height: 230px; margin-bottom: 20px; overflow: hidden;}
.main_box .contents5 .main_pr_box ul li .img_box img{width: 100%; height: 100%;}
.main_box .contents5 .main_pr_box ul li a:hover .img_box img{transform: scale(1.1); transition-duration: .3s;}
.main_box .contents5 .main_pr_box ul li .text_box{}
.main_box .contents5 .main_pr_box ul li .text_box h3{height: 48px; margin-bottom: 35px; font-size: 16px; font-weight: 500; color: #1c1c1c; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.main_box .contents5 .main_pr_box ul li .text_box p{font-size: 14px; font-weight: 400; color: #888;}

.main_box .contents5 .main_gallery_box{margin-bottom: 70px;}
.main_box .contents5 .main_gallery_box > h3{margin-bottom: 20px; font-size: 22px; font-weight: 700; color: #333;}
.main_box .contents5 .main_gallery_box ul li{width: calc((100% - 60px) / 3); margin-right: 30px; display: inline-block;}
.main_box .contents5 .main_gallery_box ul li:last-child{margin-right: 0;}
.main_box .contents5 .main_gallery_box ul li a{display: inline-block;}
.main_box .contents5 .main_gallery_box ul li .img_box{width: 100%; height: 230px; margin-bottom: 20px; overflow: hidden;}
.main_box .contents5 .main_gallery_box ul li .img_box img{width: 100%; height: 100%;}
.main_box .contents5 .main_gallery_box ul li a:hover .img_box img{transform: scale(1.1); transition-duration: .3s;}
.main_box .contents5 .main_gallery_box ul li .text_box{}
.main_box .contents5 .main_gallery_box ul li .text_box h3{height: 48px; margin-bottom: 35px; font-size: 16px; font-weight: 500; color: #1c1c1c; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.main_box .contents5 .main_gallery_box ul li .text_box p{font-size: 14px; font-weight: 400; color: #888;}

.main_box .contents5 .main_news_box{margin-bottom: 50px; font-size: 0;}
.main_box .contents5 .main_news_box > div{width: calc((100% - 90px) / 2); margin-right: 90px; display: inline-block; position: relative;}
.main_box .contents5 .main_news_box > div:last-child{margin-right: 0;}
.main_box .contents5 .main_news_box > div h3{margin-bottom: 20px; font-size: 22px; font-weight: 700; color: #333; position: relative;}
.main_box .contents5 .main_news_box > div h3 a{width: 17px; height: 17px; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.main_box .contents5 .main_news_box > div h3 a span{display: inline-block; background-color: #333; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main_box .contents5 .main_news_box > div h3 a span:first-child{width: 17px; height: 1px;}
.main_box .contents5 .main_news_box > div h3 a span:last-child{width: 1px; height: 17px;}
.main_box .contents5 .main_news_box > div h3 + div{border: 1px solid #434343; border-bottom: none;}
.main_box .contents5 .main_news_box > div h3 + div .item{padding: 25px 30px 0;}
.main_box .contents5 .main_news_box > div h3 + div .item a{width: 100%; display: inline-block;}
.main_box .contents5 .main_news_box > div h3 + div .item a h3{width: 100%; margin-bottom: 0; font-size: 16px; font-weight: 400; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word;}
.main_box .contents5 .i_link_box{}
.main_box .contents5 .i_link_box ul li{width: calc(100% / 5); display: inline-block;}
.main_box .contents5 .i_link_box ul li a{width: 100%; height: 100%; padding-bottom: 100%; display: inline-block; position: relative; overflow: hidden;}
.main_box .contents5 .i_link_box ul li a > img:first-child{width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main_box .contents5 .i_link_box ul li a:hover > img:first-child{transform: translate(-50%, -50%) scale(1.1); transition-duration: .3s;}
.main_box .contents5 .i_link_box ul li a > img:last-child{position: absolute; bottom: 0; right: 0;}
.main_box .contents5 .i_link_box ul li a:hover > img:last-child{display: none;}
.main_box .contents5 .i_link_box ul li a span{width: 100%; height: 100%; background-color: rgba(19, 97, 202, .5); position: absolute; top: 0; left: 0; transition-duration: .3s; opacity: 0;}
.main_box .contents5 .i_link_box ul li a:hover span{opacity: 1;}
.main_box .contents5 .i_link_box ul li a span img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}


.sub_box .title_box{text-align: center;}
.sub_box .title_box h3{font-size: 56px; font-weight: 800; color: #000; line-height: 60px;}
.sub_box .title_box h4{font-size: 32px; font-weight: 700; color: #1c1c1c; line-height: 50px; text-decoration: underline; word-break: keep-all;}
.sub_box .title_box p{font-size: 18px; font-weight: 400; color: #666; line-height: 28px;}


.intro_box{padding-top: 80px;}
.intro_box .title_box h3{margin-bottom: 40px;}
.intro_box .title_box p{margin-bottom: 25px; text-align: left; letter-spacing: -1px; line-height: 28px;}
.intro_box .contents1{margin-bottom: 80px;}
.intro_box .contents1 .title_box{padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.intro_box .contents1 .container{width: 770px;}
.intro_box .contents1 .text_box{padding-top: 40px;}
.intro_box .contents1 .text_box ul li{display: inline-block; vertical-align: top;}
.intro_box .contents1 .text_box ul li:first-child{width: 35%; position: relative; top: -6px;}
.intro_box .contents1 .text_box ul li:last-child{width: 65%; text-align: right;}
.intro_box .contents1 .text_box ul li img{margin-right: 10px; display: inline-block;}
.intro_box .contents1 .text_box ul li h4{display: inline-block; font-size: 20px; font-weight: 700; color: #1c1c1c; vertical-align: middle;}
.intro_box .contents1 .text_box ul li p{display: inline-block; font-size: 18px; font-weight: 400; color: #1c1c1c; text-align: left; line-height: 30px; position: relative; top: -8px;}

.intro_box .contents2{margin-bottom: 80px;}
.intro_box .contents2 .intro_product_box ul li{width: calc((100% - 90px) / 4); margin-right: 30px; display: inline-block;}
.intro_box .contents2 .intro_product_box ul li:last-child{margin-right: 0;}
.intro_box .contents2 .intro_product_box ul li .link_box{width: 100%; height: 560px; background-color: #f7f7f7; position: relative; background-size: contain; background-repeat: no-repeat;}
.intro_box .contents2 .intro_product_box ul li:nth-child(1) .link_box{background-image: url(../images/main/main_product_img1.png); background-size: 50%; background-position: 50% 30px; }
.intro_box .contents2 .intro_product_box ul li:nth-child(2) .link_box{background-image: url(../images/main/main_product_img2.png);}
.intro_box .contents2 .intro_product_box ul li:nth-child(3) .link_box{background-image: url(../images/main/main_product_img3_ss.png); background-position: 0 120px; }
.intro_box .contents2 .intro_product_box ul li:nth-child(4) .link_box{background-image: url(../images/main/main_product_img4.png);}
.intro_box .contents2 .intro_product_box ul li .link_box .inner_text{width: 100%; padding-bottom: 50px; text-align: center; position: absolute; bottom: 0; left: 0;}
.intro_box .contents2 .intro_product_box ul li .link_box .inner_text h3{margin-bottom: 15px; font-size: 20px; font-weight: 700; color: #1c1c1c;}
.intro_box .contents2 .intro_product_box ul li .link_box .inner_text p{margin-bottom: 50px;font-size: 14px; font-weight: 400; color: #333;}
.intro_box .contents2 .intro_product_box ul li .link_box .inner_text a{width: 160px; height: 40px; border: 1px solid #404040; display: inline-block; font-size: 16px; font-weight: 400; color: #1c1c1c; text-align: center; line-height: 38px;}
.intro_box .contents2 .intro_product_box ul li .link_box .inner_text a:hover{border: 1px solid #1361ca; background-color: #1361ca; color: #fff; transition-duration: .3s;}

.intro_box .contents3{margin-bottom: 150px;}
.intro_box .contents3 .container{width: 770px;}
.intro_box .contents3 .img-text_box{margin-bottom: 50px;}
.intro_box .contents3 .img-text_box .inner_text{margin-bottom: 30px;}
.intro_box .contents3 .img-text_box .inner_text ul li{width: calc(100% / 3); height: 90px; display: inline-block; vertical-align: top;}
.intro_box .contents3 .img-text_box .inner_text ul li:first-child{padding-right: 40px;}
.intro_box .contents3 .img-text_box .inner_text ul li:nth-child(2){padding: 0 40px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.intro_box .contents3 .img-text_box .inner_text ul li:last-child{padding-left: 40px;}
.intro_box .contents3 .img-text_box .inner_text ul li div{text-align: left;}
.intro_box .contents3 .img-text_box .inner_text ul li div h3{margin-right: 10px; display: inline-block; font-size: 28px; font-weight: 900; color: #1c1c1c; vertical-align: top;}
.intro_box .contents3 .img-text_box .inner_text ul li div #num_5:after{content: '%'; display: inline-block; font-size: 28px; font-weight: 900; color: #1c1c1c;}
.intro_box .contents3 .img-text_box .inner_text ul li div img{display: inline-block; vertical-align: top; position: relative; top: 9px;}
.intro_box .contents3 .img-text_box .inner_text ul li div p{margin-top: 20px; font-size: 16px; font-weight: 400; color: #000; line-height: 24px; vertical-align: top;}
.intro_box .contents3 .img-text_box .img_box{margin-bottom: 50px;}
.intro_box .contents3 .img-text_box .img_box img{width: 100%; display: inline-block;}
.intro_box .contents3 .list_box{border-bottom: 1px solid #ddd;}
.intro_box .contents3 .list_box h3{margin-bottom: 30px; font-size: 24px; font-weight: 700; color: #1c1c1c;}
.intro_box .contents3 .list_box > ul{margin-bottom: 50px;}
.intro_box .contents3 .list_box > ul > li{display: inline-block; vertical-align: top;}
.intro_box .contents3 .list_box > ul > li:first-child{width: 30%;}
.intro_box .contents3 .list_box > ul > li:last-child{width: 70%; position: relative; top: -9px;}
.intro_box .contents3 .list_box > ul > li p{padding-left: 20px; font-size: 18px; font-weight: 500; color: #1c1c1c; line-height: 24px; position: relative;}
.intro_box .contents3 .list_box > ul:nth-child(2) > li p:before{content: ''; width: 10px; height: 10px; border-radius: 10px; display: inline-block; background-color: #f53d1f; position: absolute; left: 0; top: 7px;}
.intro_box .contents3 .list_box > ul:nth-child(3) > li p:before{content: ''; width: 10px; height: 10px; border-radius: 10px; display: inline-block; background-color: #4280ff; position: absolute; left: 0; top: 7px;}
.intro_box .contents3 .list_box > ul > li > ul > li{margin-right: 15px; display: inline-block; font-size: 16px; font-weight: 400; color: #999; line-height: 36px;}
.intro_box .contents3 .list_box > ul:nth-child(2) > li > ul > li div{width: 30px; height: 20px; border-radius: 3px; display: inline-block; background-color: #f53d1f; font-size: 16px; font-weight: 700; color: #fff; text-align: center; line-height: 18px; position: relative; top: -10px;}
.intro_box .contents3 .list_box > ul:nth-child(3) > li > ul > li div{width: 30px; height: 20px; border-radius: 3px; display: inline-block; background-color: #4280ff; position: relative; top: -10px;}
.intro_box .contents3 .list_box > ul:nth-child(3) > li > ul > li div span{width: 5px; height: 5px; border-radius: 5px; background-color: #fff; position: absolute; top: 50%; transform: translateY(-50%);}
.intro_box .contents3 .list_box > ul:nth-child(3) > li > ul > li div span:first-child{left: 5px; animation-name: move_dot1; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear;}
.intro_box .contents3 .list_box > ul:nth-child(3) > li > ul > li div span:nth-child(2){left: 13px; animation-name: move_dot2; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear;}
.intro_box .contents3 .list_box > ul:nth-child(3) > li > ul > li div span:last-child{left: 21px; animation-name: move_dot3; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear;}
@keyframes move_dot1 {
  0%{opacity: 1;}
  20%{opacity: .2;}
  40%{opacity: .6;}
  60%{opacity: 1;}
  80%{opacity: .2;}
  100%{opacity: .6;}
}

@keyframes move_dot2 {
  0%{opacity: .6;}
  20%{opacity: 1;}
  40%{opacity: .2;}
  60%{opacity: .6;}
  80%{opacity: 1;}
  100%{opacity: .2;}
}

@keyframes move_dot3 {
  0%{opacity: .2;}
  20%{opacity: .6;}
  40%{opacity: 1;}
  60%{opacity: .2;}
  80%{opacity: .6;}
  100%{opacity: 1;}
}

.intro_box .contents4{margin-bottom: 50px;}
.intro_box .contents4 .message_box{}
.intro_box .contents4 .message_box .message_title{width: 100%; height: 320px; background-image: url(../images/intro/intro_message_bg.png); background-size: cover; background-position: center;}
.intro_box .contents4 .message_box .message_title ul{text-align: center;}
.intro_box .contents4 .message_box .message_title ul li{display: inline-block; text-align: left; vertical-align: top;}
.intro_box .contents4 .message_box .message_title ul li:first-child{margin-right: 90px; padding-top: 100px;}
.intro_box .contents4 .message_box .message_title ul li h3{margin-bottom: 30px; display: inline-block; font-size: 40px; font-weight: 700; color: #1c1c1c; line-height: 33px;}
.intro_box .contents4 .message_box .message_title ul li p{font-size: 20px; font-weight: 400; color: #1c1c1c; line-height: 28px;}
.intro_box .contents4 .message_box .message_title ul li img{position: relative; top: -60px;}
.intro_box .contents4 .message_box .message_text{padding-top: 40px;}
.intro_box .contents4 .message_box .message_text ul li{display: inline-block; vertical-align: middle;word-wrap: break-word;}
.intro_box .contents4 .message_box .message_text ul li:first-child{width: 50%; padding-left: 10px;}
.intro_box .contents4 .message_box .message_text ul li:last-child{width: 50%; padding-right: 10px; text-align: right;}
.intro_box .contents4 .message_box .message_text ul li h3{font-size: 25px; font-weight: 500; color: #333; line-height: 30px;}
.intro_box .contents4 .message_box .message_text ul li h3 span{font-weight: 400;}
.intro_box .contents4 .message_box .message_text ul li p{margin-bottom: 15px; font-size: 16px; font-weight: 400; color: #1c1c1c; line-height: 26px; word-wrap: break-word;}
.intro_box .contents4 .message_box .message_text ul li p:last-child{margin-bottom: 0; word-wrap: break-word;}
.intro_box .contents4 .message_box .message_text ul li p span{font-size: 24px; font-weight: 500; color: #1c1c1c;}

/* 2023 intro페이지 contents4 수정 */
.intro_wrap{position:relative; display:flex;}
.in_sidebar{width: 250px; height: 500px; position: sticky; left: 0; top: 15%;}
.in_sidebar ul{    font-size: 16px;width: 80%;}
.in_sidebar ul li{   transition:all 0.3s; }
.in_sidebar ul li:hover{box-shadow:none; }
.in_sidebar ul li:hover a{color:#337ab7}
.in_sidebar ul li a{position:relative; display: block;padding:7px 0px; color:#333;}

.in_sidebar ul li:last-child a{border-bottom:0px;}
.in_sidebar ul li.on a{color:#337ab7; font-size:16px; font-weight:600;}
.in_sidebar ul li.on a:before{ background:#337ab7;}


.content_wrap{width:calc(100% - 250px);}
.container.type02{max-width:100%;}
.container{max-width:100%;} /*다른곳에 이상 생기면 바로 삭제할것*/

@media (min-width: 1300px){
	.re_bd1300{width:1300px}
	.re_bd1400{width:1440px}
}


/* intro페이지 지도 스타일시트 */
.intro_box .contents5{}
.intro_box .contents5 .wrap {position: absolute;left: 0;bottom: 40px;width: 288px;height: 132px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
.intro_box .contents5 .wrap * {padding: 0;margin: 0;}
.intro_box .contents5 .wrap .info {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.intro_box .contents5 .wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.intro_box .contents5 .info .title {padding: 5px 0 0 10px;height: 30px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
.intro_box .contents5 .info .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
.intro_box .contents5 .info .close:hover {cursor: pointer;}
.intro_box .contents5 .info .body {position: relative;overflow: hidden;}
.intro_box .contents5 .info .desc {position: relative;margin: 5px 0 0 10px;height: 75px;}
.intro_box .contents5 .desc .ellipsis{padding-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.intro_box .contents5 .desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
.intro_box .contents5 .info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
.intro_box .contents5 .info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.intro_box .contents5 .info .link {color: #5085BB;}
#map{width: 100%; height: 800px; position: relative;}
#map span{width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); position: absolute; top: 0; left: 0; z-index: 2;}
#map span iframe{width:100%;}
/* #daumRoughmapContainer1591667655724{width: 100%; height: 800px;} */
.root_daum_roughmap .wrap_map{height: 800px!important; position: relative;}
.root_daum_roughmap .wrap_map:after{content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); position: absolute; left: 0; top: 0; z-index: 9999;}
.intro_box .contents5 .page_move_btn ul li{height: 140px; display: inline-block; vertical-align: top;}
.intro_box .contents5 .page_move_btn ul li:first-child{width: 45%; background-color: #eee;}
.intro_box .contents5 .page_move_btn ul li:first-child a{width: 100%; height: 100%; padding-left: 375px; padding-top: 40px; display: inline-block; text-align: left;}
.intro_box .contents5 .page_move_btn ul li:first-child a div{display: inline-block; text-align: right;}
.intro_box .contents5 .page_move_btn ul li:last-child{width: 55%; background-color: #f7f7f7;}
.intro_box .contents5 .page_move_btn ul li:last-child a{width: 100%; height: 100%; padding-right: 375px; padding-top: 40px; display: inline-block; text-align: right;}
.intro_box .contents5 .page_move_btn ul li:last-child a div{display: inline-block; text-align: left;}
.intro_box .contents5 .page_move_btn ul li a p{margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #333;}
.intro_box .contents5 .page_move_btn ul li a h3{font-size: 20px; font-weight: 700; color: #1c1c1c;}
.intro_box .contents5 .page_move_btn ul li a h3 img{position: relative; bottom: 2px;}


.history_box{padding-top: 60px;}
.history_box .contents1{margin-bottom: 60px;}

.history_box .contents2{background-color: #104dca;}
.history_box .contents2 .line_area{width: 100%; height: 1620px; border-left: 1px solid rgba(255, 255, 255, .1); word-break: keep-all;}
.history_box .contents2 .history_term{height: 1620px; padding: 100px 0; border-left: 1px solid rgba(255, 255, 255, .1); overflow: hidden; word-break: keep-all;}
.history_box .contents2 .history_term h4{border-bottom: 1px solid #fff; display: inline-block; font-size: 32px; font-weight: 700; color: #fff; line-height: 31px; position: relative; left: -3px; word-break: keep-all;}
.history_box .contents2 .history_term h3{font-size: 74px; font-weight: 700; color: #fff; position: relative; left: -10px; word-break: keep-all;}
.history_box .contents2 .history_term h3:last-child:before{content: ''; width: 1px; height: 60px; margin: 0 auto; display: block; background-color: rgba(255, 255, 255, .3); transform: rotate(45deg); word-break: keep-all;}
.history_box .contents2 .history_term h3 span{opacity: .3; word-break: keep-all;}
.history_box .contents2 .history_info{width: 100%; padding: 100px 0; border-left: 1px solid rgba(255, 255, 255, .1); border-right: 1px solid rgba(255, 255, 255, .1); word-break: keep-all;}
.history_box .contents2 .history_info > ul{margin-bottom: 50px; font-size: 0; word-break: keep-all;}
.history_box .contents2 .history_info > ul:last-child{margin-bottom: 0; word-break: keep-all;}
.history_box .contents2 .history_info > ul > li{display: inline-block; vertical-align: top; word-break: keep-all;}
.history_box .contents2 .history_info > ul > li:first-child{width: 10%; word-break: keep-all;}
.history_box .contents2 .history_info > ul > li:last-child{width: 90%; padding-right: 0%; word-break: keep-all;}
.history_box .contents2 .history_info > ul > li h4{font-size: 20px; font-weight: 500; color: #fff; word-break: keep-all;}
.history_box .contents2 .history_info > ul > li > ul > li{margin-bottom: 20px; font-size: 16px; font-weight: 400; color: #fff; word-break: keep-all; }
.history_box .contents2 .history_info > ul > li > ul > li span{font-size: 16px; font-weight: 400; color: #bbcce9; word-break: keep-all;}

.history_box .contents3{}
.history_box .contents3 .row > div{height: fit-content;}
.history_box .contents3 .line_area{width: 100%; height: 1298px; border-left: 1px solid rgba(0, 0, 0, .1);}
.history_box .contents3 .history_term{height: 1298px; padding: 100px 0; border-left: 1px solid rgba(0, 0, 0, .1); overflow: hidden;}
.history_box .contents3 .history_term h4{border-bottom: 1px solid #1c1c1c; display: inline-block; font-size: 32px; font-weight: 700; color: #1c1c1c; line-height: 31px; position: relative; left: -3px;}
.history_box .contents3 .history_term h3{font-size: 74px; font-weight: 700; color: #1c1c1c; position: relative; left: -10px;}
.history_box .contents3 .history_term h3:last-child:before{content: ''; width: 1px; height: 60px; margin: 0 auto; display: block; background-color: rgba(0, 0, 0, .3); transform: rotate(45deg);}
.history_box .contents3 .history_term h3 span{opacity: .3;}
.history_box .contents3 .history_info{width: 100%; padding: 100px 0; border-left: 1px solid rgba(0, 0, 0, .1); border-right: 1px solid rgba(0, 0, 0, .1);}
.history_box .contents3 .history_info > ul{margin-bottom: 50px; font-size: 0;}
.history_box .contents3 .history_info > ul:last-child{margin-bottom: 0;}
.history_box .contents3 .history_info > ul > li{display: inline-block; vertical-align: top;}
.history_box .contents3 .history_info > ul > li:first-child{width: 10%;}
.history_box .contents3 .history_info > ul > li:last-child{width: 90%;}
.history_box .contents3 .history_info > ul > li h4{font-size: 20px; font-weight: 500; color: #1c1c1c;}
.history_box .contents3 .history_info > ul > li > ul > li{margin-bottom: 20px; font-size: 16px; font-weight: 400; color: #1c1c1c;}
.history_box .contents3 .history_info > ul > li > ul > li span{font-size: 16px; font-weight: 400; color: #104dca;}

.history_box .contents4 .page_move_btn ul li{height: 140px; display: inline-block; vertical-align: top;}
.history_box .contents4 .page_move_btn ul li:first-child{width: 45%; background-color: #eee;}
.history_box .contents4 .page_move_btn ul li:first-child a{width: 100%; height: 100%; padding-left: 375px; padding-top: 40px; display: inline-block; text-align: left;}
.history_box .contents4 .page_move_btn ul li:first-child a div{display: inline-block; text-align: right;}
.history_box .contents4 .page_move_btn ul li:last-child{width: 55%; background-color: #f7f7f7;}
.history_box .contents4 .page_move_btn ul li:last-child a{width: 100%; height: 100%; padding-right: 375px; padding-top: 40px; display: inline-block; text-align: right;}
.history_box .contents4 .page_move_btn ul li:last-child a div{display: inline-block; text-align: left;}
.history_box .contents4 .page_move_btn ul li a p{margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #333;}
.history_box .contents4 .page_move_btn ul li a h3{font-size: 20px; font-weight: 700; color: #1c1c1c;}
.history_box .contents4 .page_move_btn ul li a h3 img{position: relative; bottom: 2px;}

/* 2023.02.16 history 반응형 수정*/
.history_box .contents2 .history_term h4{color:#333; border-bottom: 1px solid #333;}
.history_box .contents2 .history_term h3{color: #337ab7;}
.history_box .contents2 .history_info > ul > li h4{    color: #000;margin-bottom: 20px;font-weight: 700;font-size: 22px;}
.history_box .contents2 .history_info > ul > li > ul > li{color:#333; margin-bottom:12px;}
.history_box .contents2 .history_info > ul > li > ul > li span{ color: #b1b1b1;}
.history_box .contents2{background:#fff;}
.history_box .contents2 .history_term h3:last-child:before{    background-color: #797979;}
.history_wrap{position:relative; height:2345px;}

.history_wrap_2{position:relative; height:1310px !important;}
.history_box .contents2 .history_wrap .history_term{  position: sticky; top: 0; left: 0px; border-left:0px;height: 470px;}
.history_box .contents2 .history_wrap .history_term h4{left:0px;}
.history_box .contents2 .history_wrap .history_term h3{left:-3px;  font-size: 72px;}
.history_box .contents3 .history_wrap_2 .history_term{  position: sticky; top: 0; left: 0px; border-left:0px;height: 470px;}
.history_box .contents3 .history_wrap_2 .history_term h4{left:0px;}
.history_box .contents3 .history_wrap_2 .history_term h3{left:-3px;  font-size: 72px;}
.history_box .contents3 .history_info.ver02{    border-left:0px; border-right:0px;}
.his_cont{padding-left: 19%;}
.history_box .contents2 .history_info > ul > li:first-child{width:100%;}
.history_box .contents2 .history_info > ul > li:last-child{width:100%;}
.history_box .contents3 .history_term h3{color: #337ab7;}
.history_box .contents3 .history_info > ul > li:first-child{width:100%;}
.history_box .contents3 .history_info > ul > li:last-child{width:100%;}
.history_box .contents3 .history_info > ul > li h4{    color: #000;margin-bottom: 20px;font-weight: 700;font-size: 22px;}
.history_box .contents3 .history_info > ul > li > ul > li{color:#333; margin-bottom:12px;}
.history_box .contents3 .history_info > ul > li > ul > li span{ color: #b1b1b1;}
.history_box .contents2 .history_info > ul > li h4,.history_box .contents3 .history_info > ul > li h4{    position: relative;display: inline-block;padding: 0px 16px;}
.history_box .contents2 .history_info > ul > li h4:before,.history_box .contents3 .history_info > ul > li h4:before{position:absolute; content:""; width:5px; height:5px; background:#337ab7; transform:rotate(45deg); left:0; top:10px;}
.history_box .contents2 .history_info > ul > li h4:after,.history_box .contents3 .history_info > ul > li h4:after{position:absolute; content:""; width:5px; height:5px; background:#337ab7; transform:rotate(45deg); right:0; top:10px;}



.executive_box{margin-top:60px;}
.executive_box .contents1{padding-bottom:80px;}

.executive_box .contents2{}
.executive_box .contents2 .col-md-12{}
.executive_box .contents2 .executive_info{padding: 60px 0 150px;}
.executive_box .contents2 .executive_info .info_box{width: 100%; margin-bottom: 70px; position: relative;}
.executive_box .contents2 .executive_info .info_box:nth-child(2n){text-align: right;}
.executive_box .contents2 .executive_info .info_box .img_box{width: 270px; height: 270px; margin-right: 15px; display: inline-block; position: relative; overflow: hidden; vertical-align: top;}
.executive_box .contents2 .executive_info .info_box:nth-child(2n) .img_box{margin-right: 0; margin-left: 15px;}
.executive_box .contents2 .executive_info .info_box .img_box img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.executive_box .contents2 .executive_info .info_box .inner_text{display: inline-block; vertical-align: top; position: relative;}
.executive_box .contents2 .executive_info .info_box .inner_text:after{content: ''; width: 130px; height: 1px; display: inline-block; background-color: #33383d; position: absolute; bottom: -30px; left: -60px; z-index: 2;}
.executive_box .contents2 .executive_info .info_box:nth-child(2n) .inner_text:after{content: ''; width: 130px; height: 1px; display: inline-block; background-color: #33383d; position: absolute; bottom: -30px; left: auto; right: -60px;}
.executive_box .contents2 .executive_info .info_box .inner_text h4{margin-bottom: 10px; font-size: 16px; font-weight: 500; color: #1c1c1c;}
.executive_box .contents2 .executive_info .info_box .inner_text h3{margin-bottom: 30px; font-size: 24px; font-weight: 700; color: #104dca;}
.executive_box .contents2 .executive_info .info_box .inner_text p{font-size: 16px; font-weight: 400; color: #333; line-height: 24px;}
.executive_box .contents2 .executive_info .info_box .sub_title_box{position: absolute; top: 0; right: 0;}
.executive_box .contents2 .executive_info .info_box .sub_title_box h3{display: inline-block; font-size: 40px; font-weight: 700; color: #1c1c1c; position: relative;}
/* .executive_box .contents2 .executive_info .info_box .sub_title_box h3:after{content: ''; width: 100%; height: 1px; background-color: #1c1c1c; position: absolute; left: 0; bottom: 5px;} */

.executive_box .contents3 .page_move_btn ul li{height: 140px; display: inline-block; vertical-align: top;}
.executive_box .contents3 .page_move_btn ul li:first-child{width: 45%; background-color: #eee;}
.executive_box .contents3 .page_move_btn ul li:first-child a{width: 100%; height: 100%; padding-left: 375px; padding-top: 40px; display: inline-block; text-align: left;}
.executive_box .contents3 .page_move_btn ul li:first-child a div{display: inline-block; text-align: right;}
.executive_box .contents3 .page_move_btn ul li:last-child{width: 55%; background-color: #f7f7f7;}
.executive_box .contents3 .page_move_btn ul li:last-child a{width: 100%; height: 100%; padding-right: 375px; padding-top: 40px; display: inline-block; text-align: right;}
.executive_box .contents3 .page_move_btn ul li:last-child a div{display: inline-block; text-align: left;}
.executive_box .contents3 .page_move_btn ul li a p{margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #333;}
.executive_box .contents3 .page_move_btn ul li a h3{font-size: 20px; font-weight: 700; color: #1c1c1c;}
.executive_box .contents3 .page_move_btn ul li a h3 img{position: relative; bottom: 2px;}


/* 2023.02.16 executive 수정 */
.executive_wrap{width:100%; margin-left:10px;}
.executive_box .contents2 .executive_info .info_box:nth-child(2n) .img_box{margin-left:0px; margin-right:15px;}





.product_box{}
.product_box .contents1{}
.product_box .contents1 .row{position: relative;}
.product_box .contents1 .product_slide_box{width: 100%; position: relative;}
.product_box .contents1 .product_slide_box .product_slide{}
.product_box .contents1 .product_slide_box .product_slide .item{height: 550px; background-color: #ffffff; overflow: hidden; position: relative;}
.product_box .contents1 .product_slide_box .product_slide .item img{max-width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.product_box .contents1 .product_slide_box .product_slide_nav{width: 60px; height: 210px; position: absolute; top: 50px; left: 30px;}
.product_box .contents1 .product_slide_box .product_slide_nav.stop .slick-track{transform: translate3d(0px, 0px, 0px)!important;}
.product_box .contents1 .product_slide_box .product_slide_nav .item{width: 60px; height: 60px; margin-bottom: 10px; border: 1px solid #c5c5c5; background-color: #fff; position: relative; overflow: hidden;}
.product_box .contents1 .product_slide_box .product_slide_nav .item.slick-current{border: 1px solid #8a8a8a; cursor:pointer;}
.product_box .contents1 .product_slide_box .product_slide_nav .item img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.product_box .slick-prev{width: 14px; height: 8px; text-indent: -9999px; background-image: url(../images/product/product_slide_prev.png); background-size: cover; background-position: center; z-index: 1; top: -30px; left: 50%; transform: translateX(-50%);}
.product_box .slick-next{width: 14px; height: 8px; text-indent: -9999px; background-image: url(../images/product/product_slide_next.png); background-size: cover; background-position: center; z-index: 1; top: auto; bottom: -30px; right: auto; left: 50%; transform: translateX(-50%);}
.product_box .contents1 .text_box{height: 635px;}
.product_box .contents1 .text_box h3{margin-bottom: 10px; display: inline-block; font-size: 40px; font-weight: 700; color: #0066b5; position: relative;}
.product_box .contents1 .text_box h3:after{content: ''; width: 100%; height: 2px; display: inline-block; background-color: #000; position: absolute; left: 0; bottom: 2px; display:none;}
.product_box .contents1 .text_box h4{margin-bottom: 30px; font-size: 22px; font-weight: 400; color: #000;}
.product_box .contents1 .text_box ul{margin-bottom: 15px;}
.product_box .contents1 .text_box ul li:first-child{font-size: 16px; font-weight: 500; color: #1c1c1c;}
.product_box .contents1 .text_box ul li:last-child{font-size: 16px; font-weight: 300; color: #1c1c1c; line-height: 24px;}
.product_box .contents1 .text_box ul li button:hover {opacity: 1;}
.product_box .contents1 .download_box{width: 700px; height: 50px; padding: 0 40px; background-color: #b8b8b8; position: absolute; right: 15px; bottom: 0;}
.product_box .contents1 .download_box p{display: inline-block; font-size: 16px; font-weight: 700; color: #1c1c1c; line-height: 50px;}
.product_box .contents1 .download_box p img{margin-right: 10px; position: relative; top: -3px;}
.product_box .contents1 .download_box ul{padding-left: 70px; display: inline-block;}
.product_box .contents1 .download_box ul li{margin-right: 32px; display: inline-block;}
.product_box .contents1 .download_box ul li:last-child{margin-right: 0;}
.product_box .contents1 .download_box ul li a{font-size: 16px; font-weight: 700; color: #1c1c1c;}
.product_box .contents1 .download_box ul li a:hover{text-decoration: underline;}

.product4_box .contents1 .product_slide_box .product_slide .item .soon{width: 100%; height: 100%; display: inline-block; background-color: rgba(0, 0, 0, .4); position: absolute; top: 0; left: 0;}
.product4_box .contents1 .product_slide_box .product_slide .item .soon span{font-size: 40px; font-weight: 900; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/* .product4_box .contents1 .product_slide_box .product_slide_nav .item:after{content: ''; width: 100%; height: 100%; display: inline-block; background-color: rgba(0, 0, 0, .4); position: absolute; top: 0; left: 0;} */

.product_box .contents2{}
.product_box .contents2 .product_info{}
.product_box .contents2 .product_info .info_btn{width: 100%; height: 80px; background-color: #104dca; text-align: center; cursor: pointer;}
.product_box .contents2 .product_info .info_btn p{display: inline-block ; font-size: 20px; font-weight: 700; color: #fff; text-align: center; line-height: 80px;}
.product_box .contents2 .product_info .info_box{padding: 50px 100px;background-color: #ececec;}
/*.product_box .contents2 .product_info .info_box.on{display: block;}*/
.product_box .contents2 .product_info .info_box .info_contents{margin-bottom: 35px;}
.product_box .contents2 .product_info .info_box .info_contents:last-child{margin-bottom: 0;}
.product_box .contents2 .product_info .info_box .info_contents.b_text{margin-bottom: 70px;}
.product_box .contents2 .product_info .info_box .info_contents.b_text p{font-size: 14px; font-weight: 400; color: #666;}
.product_box .contents2 .product_info .info_box .info_contents.b_text p:nth-child(3){margin-bottom: 10px;}
.product_box .contents2 .product_info .info_box .info_contents.b_text p span{font-weight: 500; color: #111;}
.product_box .contents2 .product_info .info_box .info_contents.b_text img{height: 36px; margin-right: 15px;}
.product_box .contents2 .product_info .info_box .info_contents.b_text img:last-child{margin-right: 0;}
.product_box .contents2 .product_info .info_box .info_contents h3{margin-bottom: 20px; font-size: 20px; font-weight: 700; color: #1c1c1c;}
.product_box .contents2 .product_info .info_box .info_contents ul{width: 100%; margin-bottom: 20px;}
.product_box .contents2 .product_info .info_box .info_contents ul:nth-child(2){padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.product_box .contents2 .product_info .info_box .info_contents ul:last-child{margin-bottom: 0;}
.product_box .contents2 .product_info .info_box .info_contents ul li{display: inline-block; vertical-align: top;}
.product_box .contents2 .product_info .info_box .info_contents ul li p{font-size: 14px; font-weight: 300; color: #1c1c1c;}
.product_box .contents2 .product_info .info_box .info_contents ul li p span{display: none; font-weight: 700;}
.product_box .contents2 .product_info .info_box .info_contents ul li a{display: none; font-size: 14px; font-weight: 500; color: #0e3087; text-decoration: underline;}
.product_box .contents2 .product_info .info_box .info_contents ul li a br{display: none;}
.product_box .contents2 .product_info .info_box .info_contents ul:hover li p{opacity: .3;}
.product_box .contents2 .product_info .info_box .info_contents ul:hover li:last-child p{display: none;}
.product_box .contents2 .product_info .info_box .info_contents ul:hover li a{display: inline-block;}
.product_box .contents2 .product_info .info_box .info_contents ul li:first-child{width: 25%;}
.product_box .contents2 .product_info .info_box .info_contents ul li:nth-child(2){width: 15%;}
.product_box .contents2 .product_info .info_box .info_contents ul li:nth-child(3){width: 10%;}
.product_box .contents2 .product_info .info_box .info_contents ul li:nth-child(4){width: 10%;}
.product_box .contents2 .product_info .info_box .info_contents ul li:nth-child(5){width: 10%;}
.product_box .contents2 .product_info .info_box .info_contents ul li:nth-child(6){width: 10%;}
.product_box .contents2 .product_info .info_box .info_contents ul li:nth-child(7){width: 10%;}
.product_box .contents2 .product_info .info_box .info_contents ul li:nth-child(8){width: 10%;}
.product_box .contents2 .product_info .info_box .info_contents ul:nth-child(2) li{font-size: 14px; font-weight: 500; color: #1c1c1c;}

.product1_box .contents3{}
.product1_box .contents3 .title_box{padding: 100px 0 80px;}
.product1_box .contents3 .info_img_box{width: 60%; display: block; margin: 0px auto; padding-top: 20px;}
.product1_box .contents3 .img_box{width: 100%; height: 545px; margin-bottom: 30px; overflow: hidden;}
.product1_box .contents3 .img_box img{width: 100%;}
.product1_box .contents3 .img_box img:hover{width: 100%; transform: scale(1.1) translateY(-132px); transition-duration: .3s;}
.product1_box .contents3 ul{margin-bottom: 60px;}
.product1_box .contents3 ul li{width: calc((100% - 90px) / 4); margin-right: 30px; display: inline-block; vertical-align: top;}
.product1_box .contents3 ul li:last-child{margin-right: 0;}
.product1_box .contents3 ul li .img_box{width: 100%; height: 354px; margin-bottom: 15px;}
.product1_box .contents3 ul li .img_box img:hover{width: 100%; transform: scale(1.1); transition-duration: .3s;}
.product1_box .contents3 ul li .inner_text{text-align: center;}
.product1_box .contents3 ul li .inner_text p{font-size: 18px; font-weight: 700; color: #000;}
.product1_box .contents3 .more_btn{text-align: center;}
.product1_box .contents3 .more_btn a{width: 170px; height: 50px; border: 1px solid #333; display: inline-block; font-size: 16px; font-weight: 400; color: #1c1c1c; text-align: center; line-height: 48px; transition-duration: .3s;}
.product1_box .contents3 .more_btn a:hover{border: 1px solid #1361ca; background-color: #1361ca; color: #fff;}

.product2_box .contents3{}
.product2_box .contents3 .title_box{padding: 100px 0 80px;}
.product2_box .contents3 .info_img_box{width: 60%; display: block; margin: 0px auto; padding-top: 20px;}
.product2_box .contents3 .youtube_box{padding: 30px 0 50px;}
.product2_box .contents3 ul{margin-bottom: 60px;}
.product2_box .contents3 ul li{width: calc(50% - 15px); display: inline-block; vertical-align: top;}
.product2_box .contents3 ul li .img_box{width: 100%; margin-bottom: 30px; overflow: hidden;}
.product2_box .contents3 ul li:first-child .img_box{height: 545px;}
.product2_box .contents3 ul li:first-child .img_box:nth-child(2){height: 350px;}
.product2_box .contents3 ul li:last-child .img_box{height: 925px;}
.product2_box .contents3 ul li .img_box img{width: 100%;}
.product2_box .contents3 ul li .img_box img:hover{width: 100%; transform: scale(1.1); transition-duration: .3s;}
.product2_box .contents3 ul li:first-child{margin-right: 30px;}
.product2_box .contents3 ul li .inner_text{text-align: center;}
.product2_box .contents3 ul li .inner_text p{font-size: 18px; font-weight: 700; color: #000;}
.product2_box .contents3 .more_btn{text-align: center;}
.product2_box .contents3 .more_btn a{width: 170px; height: 50px; border: 1px solid #333; display: inline-block; font-size: 16px; font-weight: 400; color: #1c1c1c; text-align: center; line-height: 48px; transition-duration: .3s;}
.product2_box .contents3 .more_btn a:hover{border: 1px solid #1361ca; background-color: #1361ca; color: #fff;}

.product3_box .contents3{}
.product3_box .contents3 .title_box{padding: 100px 0 80px;}
.product3_box .contents3 .youtube box{padding : 30px 0 50px;}
.product3_box .contents3 ul{margin-bottom: 60px;}
.product3_box .contents3 ul li{width: calc(50% - 15px); display: inline-block; vertical-align: top;}
.product3_box .contents3 ul li:first-child{width: 100%;}
.product3_box .contents3 ul li:nth-child(2){margin-right: 30px;}
.product3_box .contents3 ul li:last-child{width: 100%;}
.product3_box .contents3 ul li .img_box{width: 100%; margin-bottom: 30px; overflow: hidden;}
.product3_box .contents3 ul li .img_box img{width: 100%;}
.product3_box .contents3 ul li .img_box img:hover{width: 100%; transform: scale(1.1); transition-duration: .3s;}
.product3_box .contents3 ul li .text_box{text-align: center;}
.product3_box .contents3 ul li .text_box p{font-size: 18px; font-weight: 700; color: #000;}
.product3_box .contents3 .more_btn{text-align: center;}
.product3_box .contents3 .more_btn a{width: 170px; height: 50px; border: 1px solid #333; display: inline-block; font-size: 16px; font-weight: 400; color: #1c1c1c; text-align: center; line-height: 48px; transition-duration: .3s;}
.product3_box .contents3 .more_btn a:hover{border: 1px solid #1361ca; background-color: #1361ca; color: #fff;}

.product4_box .contents3{padding: 50px 0 100px;}
.product4_box .contents3 .title_box{}
.product4_box .contents3 .youtube_box{padding: 30px 0 100px;}
.product4_box .contents3 img{width: 80%; display: block; margin: 0px auto;}

.product_box .contents4{}
.product_box .contents4 .title_box{padding: 100px 0 80px;}
.product_box .contents4 .img_box{width: 100%;}
.product_box .contents4 .img_box img{width: 100%;}

.product_box .contents5{}
.product_box .contents5 .title_box{padding: 100px 0 80px;}
.product_box .contents5 .num_box{height: 210px; padding-top: 20px; text-align: center;}
.product_box .contents5 .num_box1{background-color: #104dca;}
.product_box .contents5 .num_box2{background-color: #177cee;}
.product_box .contents5 .num_box3{background-color: #ccc;}
.product_box .contents5 .num_box p{margin-bottom: 20px; font-size: 20px; font-weight: 700; color: #fff;}
.product_box .contents5 .num_box h3{margin-bottom: 15px; font-size: 56px; font-weight: 900; color: #fff;}
.product_box .contents5 .num_box h4{font-size: 28px; font-weight: 700; color: #fff; text-decoration: underline;}
.product_box .contents5 .table_box{margin-bottom: 30px; padding-top: 30px; display: inline-block; font-size: 0;}
.product_box .contents5 .table_box ul{margin-bottom: 20px; display: inline-block;}
.product_box .contents5 .table_box ul li{display: inline-block; vertical-align: top;}
.product_box .contents5 .table_box ul li:nth-child(n+2){width: 45%;}
.product_box .contents5 .table_box ul li:first-child{width: 10%;}
.product_box .contents5 .table_box ul li table{width: 100%; table-layout: fixed; border-color: #ddd; border: none; border-collapse: collapse;}
.product_box .contents5 .table_box ul li:first-child table{border-left: 1px solid #ddd;}
.product_box .contents5 .table_box ul li:last-child table{border-right: 1px solid #ddd;}
.product_box .contents5 .table_box ul li table tr th{font-size: 16px; font-weight: 500; color: #000; text-align: center;}
.product_box .contents5 .table_box ul li:first-child table tr:first-child{border-bottom: 1px solid #333;}
.product_box .contents5 .table_box ul li:first-child table tr:first-child th{height: 100px;}
.product_box .contents5 .table_box ul li:first-child table tr:nth-child(n+2) th{height: 50px; background-color: #f7f7f7;}
.product_box .contents5 .table_box ul li:first-child table tr:last-child th{height: 120px; background-color: #fff;}
.product_box .contents5 .table_box ul li:nth-child(n+2) table tr th{height: 50px;}
.product_box .contents5 .table_box ul li:nth-child(n+2) table tr td{height: 50px; background-color: #f7f7f7; font-size: 16px; font-weight: 400; color: #333; text-align: center;}
.product_box .contents5 .table_box ul li:nth-child(n+2) table tr td span{display: none;}
.product_box .contents5 .table_box ul li:nth-child(n+2) table tr:last-child td{height: 120px; font-size: 18px; color: #fff;}
.product_box .contents5 .table_box ul li:nth-child(n+2) table tr:last-child td:first-child{background-color: #104dca;}
.product1_box .contents5 .table_box ul li:nth-child(n+2) table tr:last-child td:first-child{background-color: #177cee;}
.product2_box .contents5 .table_box ul li:nth-child(n+2) table tr:last-child td:first-child{background-color: #104dca;}
/* .product_box .contents5 .table_box ul li:nth-child(n+2) table tr:last-child td:nth-child(2){background-color: #177cee;} */
.product_box .contents5 .table_box ul li:nth-child(n+2) table tr:last-child td:last-child{background-color: #ccc;}
.product_box .contents5 .table_box ul li:nth-child(n+2) table tr:nth-child(2){border-bottom: 1px solid #333;}
.product_box .contents5 .table_box ul li:nth-child(n+2) table tr:nth-child(2) th{height: 50px;}
.product_box .contents5 .table_box ul li:nth-child(n+2) table tr:nth-child(2) th{font-size: 16px; font-weight: 500;}
.product1_box .contents5 .table_box ul li:nth-child(n+2) table tr:nth-child(2) th:nth-child(1){color: #177cee;}
.product2_box .contents5 .table_box ul li:nth-child(n+2) table tr:nth-child(2) th:nth-child(1){color: #1361ca;}
.product_box .contents5 .table_box ul li:nth-child(n+2) table tr:nth-child(2) th:last-child{color: #ccc;}
.product_box .contents5 .table_box .s_text_box{font-size: 0;}
.product_box .contents5 .table_box .s_text_box p{width: 50%; display: inline-block; font-size: 16px; font-weight: 400; color: #1c1c1c;}
.product_box .contents5 .table_box .s_text_box p span{color: #1361ca;}
.product_box .contents5 .table_box .s_text_box p:last-child{text-align: right;}
.product_box .contents5 .text_box{background-color: #f7f7f7; padding: 10px 15px;}
.product_box .contents5 .text_box p{font-size: 14px; font-weight: 400; color: #999; line-height: 24px;}

.product_box .contents6{padding-bottom: 70px;}
.product_box .contents6 .title_box{padding: 100px 0 80px;}
.product_box .contents6 .img_box{width: 100%;}
.product_box .contents6 .img_box img{width: 100%;}

.product_box .contents7{padding: 70px 0 100px; }
.product_box .contents7 .title_box{margin-bottom: 50px; word-break: keep-all;}
.product_box .contents7 .img-text_box{width: 100%;}
.product_box .contents7 .img-text_box > p{margin-bottom: 20px; font-size: 22px; font-weight: 500; color: #1c1c1c; text-align: center;}
.product_box .contents7 .img-text_box > ul{margin-bottom: 33px;}
.product_box .contents7 .img-text_box > ul li{width: calc((100% - 60px) / 3); margin-right: 30px; display: inline-block; vertical-align: middle;}
.product_box .contents7 .img-text_box > ul li img{width: 100%; cursor: pointer;}
.product_box .contents7 .img-text_box > ul li h3{font-size: 40px; font-weight: 900; color: #1361ca; line-height: 40px; text-align: center;}
.product_box .contents7 .img-text_box > ul li h3 span{font-size: 26px; font-weight: 700; color: #1361ca; line-height: 36px;}
.product_box .contents7 .img-text_box > ul li:last-child{margin-right: 0;}
.product_box .contents7 .img-text_box .calculation_box{width: 100%; padding: 35px 60px; background-color: #fff;}
.product_box .contents7 .img-text_box .calculation_box ul{margin-bottom: 20px;}
.product_box .contents7 .img-text_box .calculation_box ul li{display: inline-block; font-size: 14px; font-weight: 400; color: #333; text-align: center; vertical-align: middle;}
.product_box .contents7 .img-text_box .calculation_box ul li:nth-child(2){margin: 0 30px;}
.product_box .contents7 .img-text_box .calculation_box ul li .s_t_c{display: block; font-size: 22px; font-weight: 700; color: #1361ca;}
.product_box .contents7 .img-text_box .calculation_box ul li p{font-weight: 400;}
.product_box .contents7 .img-text_box .calculation_box ul li p:first-child{margin-bottom: 30px; position: relative;}
.product_box .contents7 .img-text_box .calculation_box ul li p:first-child:after{content: ''; width: 110%; height: 1px; display: inline-block; background-color: #333; position: absolute; left: 50%; bottom: -15px; transform: translateX(-50%);}
.product_box .contents7 .img-text_box .calculation_box h4{padding-top: 20px; border-top: 2px solid #ddd; font-size: 18px; font-weight: 400; color: #333; text-align: center;}
.product_box .contents7 .img-text_box .calculation_box h4 .t_c{font-size: 28px; font-weight: 700; color: #1361ca; position: relative; top: 3px;}
.product_box .contents7 .table_box{width: 100%;}
.product_box .contents7 .table_box p{margin-bottom: 20px; font-size: 22px; font-weight: 500; color: #1c1c1c; text-align: center;}
.product_box .contents7 .table_box img{width: 100%;}
.product_box .contents7 .table_box table{width: 100%; border: 1px solid #ddd; background-color: #fff; table-layout: fixed;}
.product_box .contents7 .table_box table tr{border-bottom: 1px solid #ddd;}
.product_box .contents7 .table_box table tr:nth-child(3){border-top: 2px solid #333;}
.product_box .contents7 .table_box table tr:last-child{border-bottom: none;}
.product_box .contents7 .table_box table tr th{border-right: 1px solid #ddd; font-size: 17px; font-weight: 700; color: #121212; text-align: center;}
.product_box .contents7 .table_box table tr th:first-child{width: 21%;}
.product_box .contents7 .table_box table tr th:last-child{border-right: none;}
.product_box .contents7 .table_box table tr:nth-child(2) th{height: 110px;}
.product_box .contents7 .table_box table tr:first-child th:nth-child(3){height: 40px;}
.product_box .contents7 .table_box table tr th:nth-child(2){width: 9%;}
.product_box .contents7 .table_box table tr th:last-child{width: 9%;}
.product_box .contents7 .table_box table td{height: 50px; border-right: 1px solid #ddd; font-size: 16px; font-weight: 400; color: #121212; text-align: center;}
.product_box .contents7 .table_box table td:last-child{border-right: none;}

.product_box .product_popup_bg{width: 100%; height: 100vh; display: none; background-color: rgba(0, 0, 0, .4); position: fixed; top: 0; left: 0; z-index: 10;}
.product_box .product_popup_bg .product_popup{width: 50%; height: 80vh; display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.product_box .product_popup_bg .product_popup .close_btn{width: 30px; height: 22px; position: absolute; top: 0; right: 0; cursor: pointer; z-index: 100;}
.product_box .product_popup_bg .product_popup .close_btn span{width: 28px; height: 2px; background-color: #fff; position: absolute; top: 50%; left: 0;}
.product_box .product_popup_bg .product_popup .close_btn span:first-child{transform: rotate(-45deg) translateY(-50%);}
.product_box .product_popup_bg .product_popup .close_btn span:last-child{transform: rotate(45deg) translateY(-50%);}
.product_box .product_popup_bg .product_popup .img_box{height: 100%; text-align: center;}
.product_box .product_popup_bg .product_popup .img_box img{height: 100%; display: inline-block;}

.product_box .contents8{padding: 100px 0 150px;}
.product_box .contents8 .title_box{margin-bottom: 30px;}
.product_box .contents8 .img-text_box{width: 100%;}
.product_box .contents8 .img-text_box ul{text-align: center;}
.product_box .contents8 .img-text_box ul li{width: calc(100% / 4); height: 260px; padding-top: 50px; border-right: 1px solid #ddd; display: inline-block; text-align: center; vertical-align: top; position: relative;}
.product_box .contents8 .img-text_box ul li:last-child{border-right: none;}
.product_box .contents8 .img-text_box ul li img{margin-bottom: 30px; display: inline-block;}
.product_box .contents8 .img-text_box ul li p{width: 100%; font-size: 16px; font-weight: 500; color: #1c1c1c; text-align: center; position: absolute; left: 0; bottom: 50px;}

.product4_box .contents8 .img-text_box ul li p{width: 100%; font-size: 16px; font-weight: 500; color: #1c1c1c; text-align: center; position: absolute; left: 0; bottom: 20px;}

.product_box .contents9 .page_move_btn ul li{height: 140px; display: inline-block; vertical-align: top;}
.product_box .contents9 .page_move_btn ul li:first-child{width: 45%; background-color: #eee;}
.product_box .contents9 .page_move_btn ul li:first-child a{width: 100%; height: 100%; padding-left: 375px; padding-top: 40px; display: inline-block; text-align: left;}
.product_box .contents9 .page_move_btn ul li:first-child a div{display: inline-block; text-align: right;}
.product_box .contents9 .page_move_btn ul li:last-child{width: 55%; background-color: #f7f7f7;}
.product_box .contents9 .page_move_btn ul li:last-child a{width: 100%; height: 100%; padding-right: 375px; padding-top: 40px; display: inline-block; text-align: right;}
.product_box .contents9 .page_move_btn ul li:last-child a div{display: inline-block; text-align: left;}
.product_box .contents9 .page_move_btn ul li a p{margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #333;}
.product_box .contents9 .page_move_btn ul li a h3{font-size: 20px; font-weight: 700; color: #1c1c1c;}
.product_box .contents9 .page_move_btn ul li a h3 img{position: relative; bottom: 2px;}


.tech_intro_box{margin-top:60px;}
.tech_intro_box .contents1{padding-bottom:100px;}
.tech_intro_box .contents1 .title_box h4{text-align: left;}
.tech_intro_box .contents1 .text_box p{margin-bottom: 20px; font-size: 18px; font-weight: 400; color: #666; line-height: 28px; word-break: keep-all;}
.tech_intro_box .contents1 .video_box{width: 100%; padding-bottom: 56.25%; position: relative;}
.tech_intro_box .contents1 .video_box video{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.tech_intro_box .contents1 .youtube_box{padding: 30px 0 50px;}

.tech_intro_box .contents2{padding: 70px 0 90px; background-color: #f7f7f7;}
.tech_intro_box .contents2 .title_box{margin-bottom: 50px;}
.tech_intro_box .contents2 .title_box h3{margin-bottom: 30px;}
.tech_intro_box .contents2 .title_box p{font-size: 18px; font-weight: 500; color: #1c1c1c;}
.tech_intro_box .contents2 .title_box p span{display: block; font-size: 18px; font-weight: 700; color: #1361ca;}
.tech_intro_box .contents2 .img-text_box{width: 100%; height: 140px; margin-bottom: 60px; padding: 0 50px; border: 1px solid #ddd; background-color: #fff; position: relative;}
.tech_intro_box .contents2 .img-text_box .inner_text{padding-top: 35px; display: inline-block;}
.tech_intro_box .contents2 .img-text_box .inner_text p{margin-bottom: 10px; font-size: 18px; font-weight: 500; color: #1c1c1c;}
.tech_intro_box .contents2 .img-text_box .inner_text h4{font-size: 24px; font-weight: 700; color: #1361ca;}
.tech_intro_box .contents2 .img-text_box .img_box{display: inline-block; position: absolute; top: 50%; right: 50px; transform: translateY(-50%);}
.tech_intro_box .contents2 .certification_box{width: 100%; display: inline-block; text-align: center;}
.tech_intro_box .contents2 .certification_box h3{margin-bottom: 30px; font-size: 18px; font-weight: 700; color: #1c1c1c; text-align: center; position: relative;}
.tech_intro_box .contents2 .certification_box h3:before{content: ''; width: calc(50% - 100px); height: 1px; display: inline-block; background-color: #ddd; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.tech_intro_box .contents2 .certification_box h3:after{content: ''; width: calc(50% - 100px); height: 1px; display: inline-block; background-color: #ddd; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.tech_intro_box .contents2 .certification_box img{max-width: 100%; display: inline-block;}
.tech_intro_box .contents2 .certification_box img:last-child{display: none;}

.tech_intro_box .contents3{padding-top: 100px; padding-bottom: 150px;}
.tech_intro_box .contents3 .title_box{margin-bottom: 30px;}
.tech_intro_box .contents3 .img-text_box{margin-bottom: 60px; padding: 50px 30px 30px; border-bottom: 1px solid #ccc; background: linear-gradient(to bottom, #f7f7f7, #fff); text-align: center;}
.tech_intro_box .contents3 .img-text_box .t_text{height: 130px; margin-bottom: 40px;}
.tech_intro_box .contents3 .img-text_box .t_text h3{margin-bottom: 30px;}
.tech_intro_box .contents3 .img-text_box .t_text h4{margin-bottom: 10px; font-size: 24px; font-weight: 700; color: #1c1c1c;}
.tech_intro_box .contents3 .img-text_box .t_text p{font-size: 16px; font-weight: 400; color: #1c1c1c;}
.tech_intro_box .contents3 .img-text_box .b_text{margin-bottom: 30px;}
.tech_intro_box .contents3 .img-text_box .b_text p{margin-bottom: 30px; font-size: 18px; font-weight: 700; color: #333;}
.tech_intro_box .contents3 .img-text_box .b_text h3{margin-bottom: 15px; font-size: 28px; font-weight: 700;}
.tech_intro_box .contents3 .img-text_box .b_text h4{font-size: 18px; font-weight: 500; color: #1c1c1c; line-height: 30px;}
.tech_intro_box .contents3 .img-text_box .img_box{width: 100%; height: 400px;}
.tech_intro_box .contents3 .img-text_box .img_box img{max-width: 100%;}
.tech_intro_box .contents3 .l_area .t_text h3{font-size: 36px; font-weight: 900; color: #1361ca;}
.tech_intro_box .contents3 .l_area .b_text h3{color: #1361ca;}
.tech_intro_box .contents3 .l_area .b_text h4 span{color: #1361ca;}
.tech_intro_box .contents3 .r_area .t_text h3{font-size: 32px; font-weight: 700; color: #666;}
.tech_intro_box .contents3 .r_area .b_text h3{color: #ff4b27;}
.tech_intro_box .contents3 .r_area .b_text h4 span{color: #ff4b27;}
.tech_intro_box .contents3 .img-text_box .other_text{height: 160px;}
.tech_intro_box .contents3 .img-text_box .other_text h3{font-size: 20px; font-weight: 700; color: #1361ca;}
.tech_intro_box .contents3 .img-text_box .other_text p{font-size: 14px; font-weight: 400; color: #999; line-height: 24px;}
.tech_intro_box .contents3 .l_area .other_text{padding-top: 35px;}
.tech_intro_box .contents3 .b_img_box{width: 100%; box-shadow: 0px 0px 30px 1px #eee;}
.tech_intro_box .contents3 .b_img_box img{width: 100%;}

.tech_intro_box .contents4 .page_move_btn ul li{height: 140px; display: inline-block; vertical-align: top;}
.tech_intro_box .contents4 .page_move_btn ul li:first-child{width: 45%; background-color: #eee;}
.tech_intro_box .contents4 .page_move_btn ul li:first-child a{width: 100%; height: 100%; padding-left: 375px; padding-top: 40px; display: inline-block; text-align: left;}
.tech_intro_box .contents4 .page_move_btn ul li:first-child a div{display: inline-block; text-align: right;}
.tech_intro_box .contents4 .page_move_btn ul li:last-child{width: 55%; background-color: #f7f7f7;}
.tech_intro_box .contents4 .page_move_btn ul li:last-child a{width: 100%; height: 100%; padding-right: 375px; padding-top: 40px; display: inline-block; text-align: right;}
.tech_intro_box .contents4 .page_move_btn ul li:last-child a div{display: inline-block; text-align: left;}
.tech_intro_box .contents4 .page_move_btn ul li a p{margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #333;}
.tech_intro_box .contents4 .page_move_btn ul li a h3{font-size: 20px; font-weight: 700; color: #1c1c1c;}
.tech_intro_box .contents4 .page_move_btn ul li a h3 img{position: relative; bottom: 2px;}


.tech_feature_box{}
.tech_feature_box .contents1{padding-top: 65px;}
.tech_feature_box .contents1 .video_box{width: 100%; padding-bottom: 56.25%; position: relative;}
.tech_feature_box .contents1 .video_box video{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.tech_feature_box .contents1 .title_box{padding: 65px 0 40px;}

.tech_feature_box .contents2 .tech_box{padding: 80px 150px; background-color: #f0f0f0; text-align: center;}
.tech_feature_box .contents2 .tech_box .num_box{margin-bottom: 65px;}
.tech_feature_box .contents2 .tech_box .num_box ul li{padding: 0 45px; border-right: 1px solid #dedede; display: inline-block;}
.tech_feature_box .contents2 .tech_box .num_box ul li:last-child{border-right: none;}
.tech_feature_box .contents2 .tech_box .num_box ul li h3{display: inline-block; font-size: 48px; font-weight: 700; color: #1c1c1c;}
.tech_feature_box .contents2 .tech_box .num_box ul li span{font-size: 32px; font-weight: 700; color: #1c1c1c;}
.tech_feature_box .contents2 .tech_box .num_box ul li p{font-size: 20px; font-weight: 400; color: #666;}
.tech_feature_box .contents2 .tech_box .trans_img_box{height: 180px; margin-bottom: 15px; position: relative;}
.tech_feature_box .contents2 .tech_box .trans_img_box img{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition-duration: .5s;}
.tech_feature_box .contents2 .tech_box .trans_img_box img:last-child{opacity: 0;}
.tech_feature_box .contents2 .tech_box .trans_img_box.active img:first-child{opacity: 0;}
.tech_feature_box .contents2 .tech_box .trans_img_box.active img:last-child{opacity: 1;}
.tech_feature_box .contents2 .tech_box .img_box{margin-bottom: 30px;}
.tech_feature_box .contents2 .tech_box .img_box img{max-width: 100%;}

.tech_feature_box .contents3{}
.tech_feature_box .contents3 .title_box{padding: 100px 0 60px;}
.tech_feature_box .contents3 .t_area{text-align: center;}
.tech_feature_box .contents3 .t_area .t_img-text_box{position: relative;}
.tech_feature_box .contents3 .t_area .t_img-text_box .inner_text{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.tech_feature_box .contents3 .t_area .t_img-text_box .inner_text img{margin-bottom: 15px;}
.tech_feature_box .contents3 .t_area .t_img-text_box .inner_text h3{font-size: 48px; font-weight: 900; color: #fff; font-family: 'Roboto';}
.tech_feature_box .contents3 .b_area{height: 300px; text-align: center; position: relative; top: -130px;}
.tech_feature_box .contents3 .b_area .b_img-text_box{padding-top: 100px; text-align: center; position: absolute;}
.tech_feature_box .contents3 .b_area .b_img-text_box .dot{padding-top: 27px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.tech_feature_box .contents3 .b_area .b_img-text_box .dot span{width: 5px; height: 5px; margin: 0 auto 5px; border-radius: 5px; display: block; background-color: #1679ff;}
.tech_feature_box .contents3 .b_area .b_img-text_box .dot span:first-child{width: 55px; height: 55px; border-radius: 55px; background-color: rgba(22, 121, 255, .3); position: absolute; top: 0; left: 50%; transform: translateX(-50%) scale(0); animation-name: move_circle2; animation-duration: 3s; animation-delay: 3s; animation-iteration-count: infinite;}
.tech_feature_box .contents3 .b_area .b_img-text_box .dot span:nth-child(2){width: 33px; height: 33px; border-radius: 34px; background-color: rgba(22, 121, 255, .6); position: absolute; top: 12px; left: 50%; transform: translateX(-50%) scale(0); animation-name: move_circle; animation-duration: 3s; animation-delay: 3s; animation-iteration-count: infinite;}
.tech_feature_box .contents3 .b_area .b_img-text_box .dot span:nth-child(3){animation-name: tech_move_dot1; animation-iteration-count: infinite; animation-duration: 3s;}
.tech_feature_box .contents3 .b_area .b_img-text_box .dot span:nth-child(4){animation-name: tech_move_dot2; animation-iteration-count: infinite; animation-duration: 3s;}
.tech_feature_box .contents3 .b_area .b_img-text_box .dot span:nth-child(5){animation-name: tech_move_dot3; animation-iteration-count: infinite; animation-duration: 3s;}
.tech_feature_box .contents3 .b_area .b_img-text_box .dot span:nth-child(6){animation-name: tech_move_dot4; animation-iteration-count: infinite; animation-duration: 3s;}
.tech_feature_box .contents3 .b_area .b_img-text_box .dot span:nth-child(7){animation-name: tech_move_dot5; animation-iteration-count: infinite; animation-duration: 3s;}
.tech_feature_box .contents3 .b_area .b_img-text_box .dot span:nth-child(8){animation-name: tech_move_dot6; animation-iteration-count: infinite; animation-duration: 3s;}
@keyframes move_circle {
  0%{transform: translateX(-50%) scale(0);}
  /* 50%{transform: translateX(-50%) scale(0);} */
  100%{transform: translateX(-50%) scale(1);}
}

@keyframes move_circle2 {
  0%{transform: translateX(-50%) scale(0);}
  /* 60%{transform: translateX(-50%) scale(0);} */
  100%{transform: translateX(-50%) scale(1);}
}

@keyframes tech_move_dot1 {
  0%{opacity: .8;}
  20%{opacity: .6;}
  40%{opacity: .4;}
  60%{opacity: .2;}
  80%{opacity: 0;}
  100%{opacity: 1;}
}

@keyframes tech_move_dot2 {
  0%{opacity: .6;}
  20%{opacity: .4;}
  40%{opacity: .2;}
  60%{opacity: 0;}
  80%{opacity: 1;}
  100%{opacity: .8;}
}

@keyframes tech_move_dot3 {
  0%{opacity: .4;}
  20%{opacity: .2;}
  40%{opacity: 0;}
  60%{opacity: 1;}
  80%{opacity: .8;}
  100%{opacity: .6;}
}

@keyframes tech_move_dot4 {
  0%{opacity: .2;}
  20%{opacity: 0;}
  40%{opacity: 1;}
  60%{opacity: .8;}
  80%{opacity: .6;}
  100%{opacity: .4;}
}

@keyframes tech_move_dot5 {
  0%{opacity: 0;}
  20%{opacity: 1;}
  40%{opacity: .8;}
  60%{opacity: .6;}
  80%{opacity: .4;}
  100%{opacity: .2;}
}

@keyframes tech_move_dot6 {
  0%{opacity: 1;}
  20%{opacity: .8;}
  40%{opacity: .6;}
  60%{opacity: .4;}
  80%{opacity: .2;}
  100%{opacity: 0;}
}
.tech_feature_box .contents3 .b_area .b_img-text_box1{top: 10px; left: 30%;}
.tech_feature_box .contents3 .b_area .b_img-text_box1 .dot{width: 100%; left: 110%; top: 25px; transform: translateX(-50%) rotate(38deg);}
.tech_feature_box .contents3 .b_area .b_img-text_box2{top: 60px; left: 50%; transform: translateX(-50%);}
.tech_feature_box .contents3 .b_area .b_img-text_box3{top: 10px; right: 30%;}
.tech_feature_box .contents3 .b_area .b_img-text_box3 .dot{left: auto; right: 105%; top: 25px; transform: translateX(-50%) rotate(-38deg);}
.tech_feature_box .contents3 .b_area .b_img-text_box .img_box{margin-bottom: 10px;}
.tech_feature_box .contents3 .b_area .b_img-text_box .inner_text h3{font-size: 18px; font-weight: 700; color: #1c1c1c;}
/* .tech_feature_box .contents3 .text_box{padding-bottom: 15px; border-bottom: 1px solid #ccc;}
.tech_feature_box .contents3 .text_box ul{text-align: center;}
.tech_feature_box .contents3 .text_box ul li{margin-bottom: 10px; margin-right: 20px; display: inline-block; font-size: 16px; font-weight: 500; color: #333; letter-spacing: -1px;} */
.tech_feature_box .contents3 .text_box{padding-bottom: 15px; border-bottom: 1px solid #ccc; font-size: 0; text-align: center; position: relative; top: -60px;}
.tech_feature_box .contents3 .text_box ul{margin-right: 100px; display: inline-block; vertical-align: top; text-align: left;}
.tech_feature_box .contents3 .text_box ul:last-child{margin-right: 0;}
.tech_feature_box .contents3 .text_box ul li{margin-bottom: 10px; font-size: 16px; font-weight: 500; color: #666;}
.tech_feature_box .contents3 .text_box ul li span{font-weight: 700; color: #111;}


.tech_feature_box .contents4{}
.tech_feature_box .contents4 .title_box{padding: 20px 0 40px;}
.tech_feature_box .contents4 .l_area{height: 730px; padding-top: 40px; background-color: #1563cd;}
.tech_feature_box .contents4 .l_area .text_box{text-align: center;}
.tech_feature_box .contents4 .l_area .text_box h3{margin-bottom: 15px; font-size: 22px; font-weight: 700; color: #fff; text-decoration: underline;}
.tech_feature_box .contents4 .l_area .text_box ul{}
.tech_feature_box .contents4 .l_area .text_box ul:after{content: ''; width: 1px; height: 36px; margin: 20px auto; display: block; background-color: #fff;}
.tech_feature_box .contents4 .l_area .text_box ul li{margin-bottom: 15px; font-size: 16px; font-weight: 400; color: #fff;}
.tech_feature_box .contents4 .l_area .text_box p{margin-bottom: 60px; font-size: 28px; font-weight: 700; color: #fff;}
.tech_feature_box .contents4 .l_area .img-text_box{position: relative;}
.tech_feature_box .contents4 .l_area .img-text_box .img_box{text-align: center;}
.tech_feature_box .contents4 .l_area .img-text_box .img_box img{display: inline-block;}
.tech_feature_box .contents4 .l_area .img-text_box .inner_text{width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); text-align: center;}
.tech_feature_box .contents4 .l_area .img-text_box .inner_text p{margin-bottom: 10px; display: inline-block; font-size: 28px; font-weight: 900; color: #fff; position: relative;}
.tech_feature_box .contents4 .l_area .img-text_box .inner_text p:after{content: ''; width: 100%; height: 2px; display: inline-block; background-color: #fff; position: absolute; left: 0; bottom: 5px;}
.tech_feature_box .contents4 .l_area .img-text_box .inner_text h3{display: inline-block; font-size: 48px; font-weight: 900; color: #fff; position: relative;}
.tech_feature_box .contents4 .l_area .img-text_box .inner_text h3:after{content: ''; width: 100%; height: 2px; display: inline-block; background-color: #fff; position: absolute; left: 0; bottom: 1px;}
.tech_feature_box .contents4 .r_area{height: 730px; padding-top: 40px; background-color: #f7f7f7;}
.tech_feature_box .contents4 .r_area .text_box{text-align: center;}
.tech_feature_box .contents4 .r_area .text_box{}
.tech_feature_box .contents4 .r_area .text_box h3{margin-bottom: 15px; font-size: 22px; font-weight: 700; color: #333; text-decoration: underline;}
.tech_feature_box .contents4 .r_area .text_box ul{}
.tech_feature_box .contents4 .r_area .text_box ul:after{content: ''; width: 1px; height: 36px; margin: 20px auto; display: block; background-color: #999;}
.tech_feature_box .contents4 .r_area .text_box ul li{margin-bottom: 15px; font-size: 16px; font-weight: 400; color: #999;}
.tech_feature_box .contents4 .r_area .text_box p{margin-bottom: 60px; font-size: 28px; font-weight: 700; color: #333;}

.tech_feature_box .contents5{}
.tech_feature_box .contents5 .title_box{padding: 100px 0 40px;}
.tech_feature_box .contents5 .img_box{width: 100%;}
.tech_feature_box .contents5 .img_box img{width: 100%;}
.tech_feature_box .contents5 .text_box{}
.tech_feature_box .contents5 .text_box h3{margin-bottom: 15px; font-size: 32px; font-weight: 700; color: #1c1c1c;}
.tech_feature_box .contents5 .text_box h4{margin-bottom: 30px; padding-bottom: 90px; font-size: 24px; font-weight: 500; color: #1c1c1c; line-height: 30px; position: relative;}
.tech_feature_box .contents5 .text_box h4:after{content: ''; width: 40px; height: 2px; display: inline-block; background-color: #94989e; position: absolute; left: 0; bottom: 0;}
.tech_feature_box .contents5 .text_box p{margin-bottom: 15px; font-size: 18px; font-weight: 300; color: #999; line-height: 24px; word-break: keep-all;}
.tech_feature_box .contents5 .text_box h5{margin-bottom: 100px; font-size: 20px; font-weight: 700; color: #1361ca; line-height: 32px; text-decoration: underline; letter-spacing: -1px;}
.tech_feature_box .contents5 .text_box ul{text-align: right;}
.tech_feature_box .contents5 .text_box ul li{display: inline-block; font-size: 14px; font-weight: 300; color: #333; text-align: left; line-height: 18px; vertical-align: middle;}
.tech_feature_box .contents5 .text_box ul li:first-child{padding-right: 10px;}
.tech_feature_box .contents5 .text_box ul li:last-child{padding-left: 10px; border-left: 1px solid #c5c9cf;}

.tech_feature_box .contents6{margin-bottom: 200px;}
.tech_feature_box .contents6 .title_box{padding: 100px 0 40px;}
.tech_feature_box .contents6 .title_box h3{margin-bottom: 15px;}
.tech_feature_box .contents6 .img_box{margin-bottom: 40px;}
.tech_feature_box .contents6 .img_box ul{width: 100%; height: 250px; margin-bottom: 1px; padding: 35px 0;}
.tech_feature_box .contents6 .img_box ul:first-child{background-color: #eee;}
.tech_feature_box .contents6 .img_box ul:nth-child(2){background-color: rgba(238, 238, 238, .8);}
.tech_feature_box .contents6 .img_box ul:last-child{background-color: rgba(238, 238, 238, .6);}
.tech_feature_box .contents6 .img_box ul li{display: inline-block; vertical-align: middle;}
.tech_feature_box .contents6 .img_box ul li:first-child{width: 40%; text-align: right;}
.tech_feature_box .contents6 .img_box ul li:nth-child(2){width: 20%; text-align: center;}
.tech_feature_box .contents6 .img_box ul li:last-child{width: 40%; text-align: left;}
.tech_feature_box .contents6 .img_box ul li .text_box{display: inline-block; text-align: center;}
.tech_feature_box .contents6 .img_box ul li .text_box img{height: 130px;}
.tech_feature_box .contents6 .img_box ul li .text_box p{margin-bottom: 30px; font-size: 20px; font-weight: 500; color: #535e73;}
.tech_feature_box .contents6 .img_box ul li .text_box h3{margin-bottom: 30px; font-size: 20px; font-weight: 700; color: #1c1c1c;}
/* .tech_feature_box .contents6 .text_box ul{text-align: center;}
.tech_feature_box .contents6 .text_box ul li{margin-right: 25px; margin-bottom: 15px; display: inline-block; font-size: 16px; font-weight: 500; color: #333; letter-spacing: -1px;} */
.tech_feature_box .contents6 .text_box{padding-bottom: 15px; font-size: 0; text-align: center;}
.tech_feature_box .contents6 .text_box ul{margin-right: 100px; display: inline-block; vertical-align: top; text-align: left;}
.tech_feature_box .contents6 .text_box ul:last-child{margin-right: 0;}
.tech_feature_box .contents6 .text_box ul li{margin-bottom: 10px; font-size: 16px; font-weight: 500; color: #666;}
.tech_feature_box .contents6 .text_box ul li span{font-weight: 700; color: #111;}


.tech_feature_box .contents7 .page_move_btn ul li{height: 140px; display: inline-block; vertical-align: top;}
.tech_feature_box .contents7 .page_move_btn ul li:first-child{width: 45%; background-color: #eee;}
.tech_feature_box .contents7 .page_move_btn ul li:first-child a{width: 100%; height: 100%; padding-left: 375px; padding-top: 40px; display: inline-block; text-align: left;}
.tech_feature_box .contents7 .page_move_btn ul li:first-child a div{display: inline-block; text-align: right;}
.tech_feature_box .contents7 .page_move_btn ul li:last-child{width: 55%; background-color: #f7f7f7;}
.tech_feature_box .contents7 .page_move_btn ul li:last-child a{width: 100%; height: 100%; padding-right: 375px; padding-top: 40px; display: inline-block; text-align: right;}
.tech_feature_box .contents7 .page_move_btn ul li:last-child a div{display: inline-block; text-align: left;}
.tech_feature_box .contents7 .page_move_btn ul li a p{margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #333;}
.tech_feature_box .contents7 .page_move_btn ul li a h3{font-size: 20px; font-weight: 700; color: #1c1c1c;}
.tech_feature_box .contents7 .page_move_btn ul li a h3 img{position: relative; bottom: 2px;}


.tech_application_box{}
.tech_application_box .contents1{padding: 60px 0 80px;}
.tech_application_box .contents1 .l_area{}
.tech_application_box .contents1 .l_area .title_box{text-align: left;}
.tech_application_box .contents1 .r_area{}
.tech_application_box .contents1 .r_area .text_box{margin-bottom: 30px;}
.tech_application_box .contents1 .r_area .text_box p{margin-bottom: 30px; font-size: 18px; font-weight: 400; color: #666; line-height: 28px; letter-spacing: -1px; word-break: keep-all;}
.tech_application_box .contents1 .r_area .text_box h3{margin-bottom: 10px; font-size: 22px; font-weight: 500; color: #1c1c1c;}
.tech_application_box .contents1 .r_area .text_box h4{font-size: 18px; font-weight: 400; color: #1c1c1c;}
.tech_application_box .contents1 .r_area .video_box{width: 100%;}
.tech_application_box .contents1 .r_area .video_box video{width: 100%;}

.tech_application_box .contents2{}
.tech_application_box .contents2 .text_box{}
.tech_application_box .contents2 .text_box h3{margin-bottom: 20px; display: inline-block; font-size: 40px; font-weight: 700; color: #1361ca; position: relative;}
/* .tech_application_box .contents2 .text_box h3:after{content: ''; width: 100%; height: 1px; display: inline-block; background-color: #1361ca; position: absolute; left: 0; bottom: 2px;} */
.tech_application_box .contents2 .text_box h3:before{content: ''; width: 4px; height: 38px; margin-right: 15px; display: inline-block; background-color: #1c1c1c; position: relative; bottom: -4px;}
.tech_application_box .contents2 .text_box p{font-size: 16px; font-weight: 400; color: #1c1c1c; line-height: 38px;}
.tech_application_box .contents2 .img_box{width: 100%; height: 390px; margin-bottom: 80px; overflow: hidden;}
.tech_application_box .contents2 .img_box img{width: 100%;}
.tech_application_box .contents2 .img_box img:hover{width: 100%; transform: scale(1.1); transition-duration: .3s;}

.tech_application_box .contents3{padding-top: 40px;}
.tech_application_box .contents3 .title_box{margin-bottom: 100px; text-align: left;}
.tech_application_box .contents3 .text_box{font-size: 18px; font-weight: 400; color: #666; line-height: 28px; letter-spacing: -1px;}

.tech_application_box .contents4{}
.tech_application_box .contents4 .text_box{}
.tech_application_box .contents4 .text_box h3{margin-bottom: 20px; display: inline-block; font-size: 40px; font-weight: 700; color: #1c1c1c; position: relative;}
/* .tech_application_box .contents4 .text_box h3:after{content: ''; width: 100%; height: 1px; display: inline-block; background-color: #1c1c1c; position: absolute; left: 0; bottom: 2px;} */
.tech_application_box .contents4 .text_box h3:before{content: ''; width: 4px; height: 38px; margin-right: 15px; display: inline-block; background-color: #1361ca; position: relative; bottom: -4px;}
.tech_application_box .contents4 .text_box p{font-size: 16px; font-weight: 400; color: #1c1c1c; line-height: 38px;}
.tech_application_box .contents4 .img_box{width: 100%; height: 390px; margin-bottom: 80px; overflow: hidden;}
.tech_application_box .contents4 .img_box img{width: 100%;}
.tech_application_box .contents4 .img_box img:hover{width: 100%; transform: scale(1.1); transition-duration: .3s;}

.tech_application_box .contents5 .page_move_btn ul li{height: 140px; display: inline-block; vertical-align: top;}
.tech_application_box .contents5 .page_move_btn ul li:first-child{width: 45%; background-color: #eee;}
.tech_application_box .contents5 .page_move_btn ul li:first-child a{width: 100%; height: 100%; padding-left: 375px; padding-top: 40px; display: inline-block; text-align: left;}
.tech_application_box .contents5 .page_move_btn ul li:first-child a div{display: inline-block; text-align: right;}
.tech_application_box .contents5 .page_move_btn ul li:last-child{width: 55%; background-color: #f7f7f7;}
.tech_application_box .contents5 .page_move_btn ul li:last-child a{width: 100%; height: 100%; padding-right: 375px; padding-top: 40px; display: inline-block; text-align: right;}
.tech_application_box .contents5 .page_move_btn ul li:last-child a div{display: inline-block; text-align: left;}
.tech_application_box .contents5 .page_move_btn ul li a p{margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #333;}
.tech_application_box .contents5 .page_move_btn ul li a h3{font-size: 20px; font-weight: 700; color: #1c1c1c;}
.tech_application_box .contents5 .page_move_btn ul li a h3 img{position: relative; bottom: 2px;}


.page_num{width: 100%; margin: 50px 0 150px; text-align: center;}
.page_num ul{display: inline-block; vertical-align: top;}
.page_num ul li{width: 20px; height: 25px; margin: 0 10px; display: inline-block; font-size: 18px; font-weight: 300; color: #1c1c1c; vertical-align: top; cursor: pointer;}
.page_num ul:nth-child(2) li{display: inline-block; line-height: 25px;}
.page_num ul:nth-child(2) li a{width: 100%; height: 100%; display: inline-block; font-size: 18px; font-weight: 300; color: #1c1c1c; line-height: 25px;}
.page_num ul:nth-child(2) li.selected a{font-weight: 700;}
.page_num ul li img{position: relative; bottom: 2px;}


.catalogue_box{margin-top:60px;}
.catalogue_box .contents1{padding-bottom:80px;}

.catalogue_box .contents2{}
.catalogue_box .contents2 .t_area{width: 100%; margin-bottom: 20px;}
.catalogue_box .contents2 .t_area:after{content: ''; display: block; clear: both;}
.catalogue_box .contents2 .t_area ul{padding-top: 7px; display: inline-block; vertical-align: top;}
.catalogue_box .contents2 .t_area ul li{margin-right: 20px; display: inline-block; vertical-align: middle;}
.catalogue_box .contents2 .t_area ul li:last-child{margin-right: 0;}
.catalogue_box .contents2 .t_area ul li p{font-size: 16px; font-weight: 300; color: #1c1c1c;}
.catalogue_box .contents2 .t_area ul li p span{font-weight: 700;}
.catalogue_box .contents2 .t_area ul li h5{font-size: 16px; font-weight: 700; color: #1c1c1c;}
.catalogue_box .contents2 .t_area ul li h5 .t_c{color: #1361ca;}
.catalogue_box .contents2 .t_area ul li h5 span{color: #ccc;}
.catalogue_box .contents2 .t_area .search_box{display: inline-block; float: right; position: relative; vertical-align: top;}
.catalogue_box .contents2 .t_area .search_box input{width: 270px; height: 40px; padding-left: 35px; border: none; display: inline-block; background-color: #f0f0f0; position: relative;}
.catalogue_box .contents2 .t_area .search_box button{border: none; background-color: transparent; position: absolute; top: 50%; left: 5px; transform: translateY(-50%);}
.catalogue_box .contents2 .table_box{}
.catalogue_box .contents2 .table_box table{width: 100%; border-top: 1px solid #333; table-layout: fixed;}
.catalogue_box .contents2 .table_box table tr{border-bottom: 1px solid #eee;}
.catalogue_box .contents2 .table_box table tr td{height: 60px; font-size: 16px; font-weight: 400; color: #1c1c1c;}
.catalogue_box .contents2 .table_box table tr td:first-child{width: 10%;}
.catalogue_box .contents2 .table_box table tr td:nth-child(2){width: 65%; font-size: 0;}
.catalogue_box .contents2 .table_box table tr td:nth-child(3){width: 10%; text-align: center;}
.catalogue_box .contents2 .table_box table tr td:last-child{width: 15%; color: #999; text-align: right;}
.catalogue_box .contents2 .table_box table tr td a{width: 100%; height: 100%; display: inline-block; font-size: 16px; font-weight: 700; color: #1c1c1c; line-height: 58px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word;}

.catalogue_box .contents3 .page_move_btn ul li{height: 140px; display: inline-block; vertical-align: top;}
.catalogue_box .contents3 .page_move_btn ul li:first-child{width: 45%; background-color: #eee;}
.catalogue_box .contents3 .page_move_btn ul li:first-child a{width: 100%; height: 100%; padding-left: 375px; padding-top: 40px; display: inline-block; text-align: left;}
.catalogue_box .contents3 .page_move_btn ul li:first-child a div{display: inline-block; text-align: right;}
.catalogue_box .contents3 .page_move_btn ul li:last-child{width: 55%; background-color: #f7f7f7;}
.catalogue_box .contents3 .page_move_btn ul li:last-child a{width: 100%; height: 100%; padding-right: 375px; padding-top: 40px; display: inline-block; text-align: right;}
.catalogue_box .contents3 .page_move_btn ul li:last-child a div{display: inline-block; text-align: left;}
.catalogue_box .contents3 .page_move_btn ul li a p{margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #333;}
.catalogue_box .contents3 .page_move_btn ul li a h3{font-size: 20px; font-weight: 700; color: #1c1c1c;}
.catalogue_box .contents3 .page_move_btn ul li a h3 img{position: relative; bottom: 2px;}


/* 2023.02.16 catalog 수정 */
.catalogue_box .contents2 .t_area .search_box > form{    display: flex; background-color: #f0f0f0;}
.catalogue_box .contents2 .t_area .search_box input{width:200px; height: 45px;     padding-left: 15px; height:40px;}
.catalogue_box .contents2 .t_area .search_box button{position:initial; top: initial;left: initial; transform: initial;padding: 0px 15px;}


.patent_box{}
.patent_box .contents1{padding: 60px 0 80px;}

.patent_box .contents2{}
.patent_box .contents2 .t_area{width: 100%; margin-bottom: 20px;}
.patent_box .contents2 .t_area:after{content: ''; display: block; clear: both;}
.patent_box .contents2 .t_area ul{padding-top: 7px; display: inline-block; vertical-align: top;}
.patent_box .contents2 .t_area ul li{margin-right: 20px; display: inline-block; vertical-align: middle;}
.patent_box .contents2 .t_area ul li:last-child{margin-right: 0;}
.patent_box .contents2 .t_area ul li p{font-size: 16px; font-weight: 300; color: #1c1c1c;}
.patent_box .contents2 .t_area ul li p span{font-weight: 700;}
.patent_box .contents2 .t_area ul li h5{font-size: 16px; font-weight: 700; color: #1c1c1c;}
.patent_box .contents2 .t_area ul li h5 .t_c{color: #1361ca;}
.patent_box .contents2 .t_area ul li h5 span{color: #ccc;}
.patent_box .contents2 .t_area .search_box{display: inline-block; float: right; position: relative; vertical-align: top;}
.patent_box .contents2 .t_area .search_box input{width: 270px; height: 40px; padding-left: 35px; border: none; display: inline-block; background-color: #f0f0f0; position: relative;}
.patent_box .contents2 .t_area .search_box button{border: none; background-color: transparent; position: absolute; top: 50%; left: 5px; transform: translateY(-50%);}
.patent_box .contents2 .table_box{}
.patent_box .contents2 .table_box table{width: 100%; border-top: 1px solid #333; table-layout: fixed;}
.patent_box .contents2 .table_box table tr{border-bottom: 1px solid #eee;}
.patent_box .contents2 .table_box table tr td{height: 60px; font-size: 16px; font-weight: 400; color: #1c1c1c;}
.patent_box .contents2 .table_box table tr td:first-child{width: 10%;}
.patent_box .contents2 .table_box table tr td:nth-child(2){width: 65%; font-size: 0;}
.patent_box .contents2 .table_box table tr td:nth-child(3){width: 10%; text-align: center;}
.patent_box .contents2 .table_box table tr td:last-child{width: 15%; color: #999; text-align: right;}
.patent_box .contents2 .table_box table tr td a{width: 100%; height: 100%; display: inline-block; font-size: 16px; font-weight: 700; color: #1c1c1c; line-height: 58px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word;}

.patent_box .contents3 .page_move_btn ul li{height: 140px; display: inline-block; vertical-align: top;}
.patent_box .contents3 .page_move_btn ul li:first-child{width: 45%; background-color: #eee;}
.patent_box .contents3 .page_move_btn ul li:first-child a{width: 100%; height: 100%; padding-left: 375px; padding-top: 40px; display: inline-block; text-align: left;}
.patent_box .contents3 .page_move_btn ul li:first-child a div{display: inline-block; text-align: right;}
.patent_box .contents3 .page_move_btn ul li:last-child{width: 55%; background-color: #f7f7f7;}
.patent_box .contents3 .page_move_btn ul li:last-child a{width: 100%; height: 100%; padding-right: 375px; padding-top: 40px; display: inline-block; text-align: right;}
.patent_box .contents3 .page_move_btn ul li:last-child a div{display: inline-block; text-align: left;}
.patent_box .contents3 .page_move_btn ul li a p{margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #333;}
.patent_box .contents3 .page_move_btn ul li a h3{font-size: 20px; font-weight: 700; color: #1c1c1c;}
.patent_box .contents3 .page_move_btn ul li a h3 img{position: relative; bottom: 2px;}


.manual_box{margin-top:60px;}
.manual_box .contents1{padding-bottom:80px;}

.manual_box .contents2{}
.manual_box .contents2 .t_area{width: 100%; margin-bottom: 20px;}
.manual_box .contents2 .t_area:after{content: ''; display: block; clear: both;}
.manual_box .contents2 .t_area ul{padding-top: 7px; display: inline-block; vertical-align: top;}
.manual_box .contents2 .t_area ul li{margin-right: 20px; display: inline-block; vertical-align: middle;}
.manual_box .contents2 .t_area ul li:last-child{margin-right: 0;}
.manual_box .contents2 .t_area ul li p{font-size: 16px; font-weight: 300; color: #1c1c1c;}
.manual_box .contents2 .t_area ul li p span{font-weight: 700;}
.manual_box .contents2 .t_area ul li h5{font-size: 16px; font-weight: 700; color: #1c1c1c;}
.manual_box .contents2 .t_area ul li h5 .t_c{color: #1361ca;}
.manual_box .contents2 .t_area ul li h5 span{color: #ccc;}
.manual_box .contents2 .t_area .search_box{display: inline-block; float: right; position: relative; vertical-align: top;}
.manual_box .contents2 .t_area .search_box input{width: 270px; height: 40px; padding-left: 35px; border: none; display: inline-block; background-color: #f0f0f0; position: relative;}
.manual_box .contents2 .t_area .search_box button{border: none; background-color: transparent; position: absolute; top: 50%; left: 5px; transform: translateY(-50%);}
.manual_box .contents2 .table_box{}
.manual_box .contents2 .table_box table{width: 100%; border-top: 1px solid #333; table-layout: fixed;}
.manual_box .contents2 .table_box table tr{border-bottom: 1px solid #eee;}
.manual_box .contents2 .table_box table tr td{height: 60px; font-size: 16px; font-weight: 400; color: #1c1c1c;}
.manual_box .contents2 .table_box table tr td:first-child{width: 10%;}
.manual_box .contents2 .table_box table tr td:nth-child(2){width: 65%; font-size: 0;}
.manual_box .contents2 .table_box table tr td:nth-child(3){width: 10%; text-align: center;}
.manual_box .contents2 .table_box table tr td:last-child{width: 15%; color: #999; text-align: right;}
.manual_box .contents2 .table_box table tr td a{width: 100%; height: 100%; display: inline-block; font-size: 16px; font-weight: 700; color: #1c1c1c; line-height: 58px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word;}

.manual_box .contents3 .page_move_btn ul li{height: 140px; display: inline-block; vertical-align: top;}
.manual_box .contents3 .page_move_btn ul li:first-child{width: 45%; background-color: #eee;}
.manual_box .contents3 .page_move_btn ul li:first-child a{width: 100%; height: 100%; padding-left: 375px; padding-top: 40px; display: inline-block; text-align: left;}
.manual_box .contents3 .page_move_btn ul li:first-child a div{display: inline-block; text-align: right;}
.manual_box .contents3 .page_move_btn ul li:last-child{width: 55%; background-color: #f7f7f7;}
.manual_box .contents3 .page_move_btn ul li:last-child a{width: 100%; height: 100%; padding-right: 375px; padding-top: 40px; display: inline-block; text-align: right;}
.manual_box .contents3 .page_move_btn ul li:last-child a div{display: inline-block; text-align: left;}
.manual_box .contents3 .page_move_btn ul li a p{margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #333;}
.manual_box .contents3 .page_move_btn ul li a h3{font-size: 20px; font-weight: 700; color: #1c1c1c;}
.manual_box .contents3 .page_move_btn ul li a h3 img{position: relative; bottom: 2px;}


/* 2023.02.17 manual 수정 */
.manual_box .contents2 .t_area .search_box > form{    display: flex; background-color: #f0f0f0;}
.manual_box .contents2 .t_area .search_box input{width:200px; height: 45px;     padding-left: 15px; height:40px;}
.manual_box .contents2 .t_area .search_box button{position:initial; top: initial;left: initial; transform: initial;padding: 0px 15px;}

.QnA_box{}
.QnA_box .contents1 {width: 100%; overflow-x: hidden; word-break: keep-all;}
.QnA_box .contents1 .container{}



.brand_box{}
.brand_box .contents3{padding: 60px 0 80px;}
.brand_box .contents3 .title_box{}
.brand_box .contents3 img{width: 60%; display: block; margin: 0px auto;}


.notice_box{margin-top:60px;}
.notice_box .contents1{padding-bottom: 80px;}

.notice_box .contents2{}
.notice_box .contents2 .t_area{width: 100%; margin-bottom: 20px;}
.notice_box .contents2 .t_area:after{content: ''; display: block; clear: both;}
.notice_box .contents2 .t_area ul{padding-top: 7px; display: inline-block; vertical-align: top;}
.notice_box .contents2 .t_area ul li{margin-right: 20px; display: inline-block; vertical-align: middle;}
.notice_box .contents2 .t_area ul li:last-child{margin-right: 0;}
.notice_box .contents2 .t_area ul li p{font-size: 16px; font-weight: 300; color: #1c1c1c;}
.notice_box .contents2 .t_area ul li p span{font-weight: 700;}
.notice_box .contents2 .t_area ul li h5{font-size: 16px; font-weight: 700; color: #1c1c1c;}
.notice_box .contents2 .t_area ul li h5 .t_c{color: #1361ca;}
.notice_box .contents2 .t_area ul li h5 span{color: #ccc;}
.notice_box .contents2 .t_area .search_box{display: inline-block; float: right; position: relative; vertical-align: top;}
.notice_box .contents2 .t_area .search_box input{width: 270px; height: 40px; padding-left: 35px; border: none; display: inline-block; background-color: #f0f0f0; position: relative;}
.notice_box .contents2 .t_area .search_box button{border: none; background-color: transparent; position: absolute; top: 50%; left: 5px; transform: translateY(-50%);}
.notice_box .contents2 .table_box{}
.notice_box .contents2 .table_box table{width: 100%; border-top: 1px solid #333; table-layout: fixed;}
.notice_box .contents2 .table_box table tr{border-bottom: 1px solid #eee;}
.notice_box .contents2 .table_box table tr td{height: 60px; font-size: 16px; font-weight: 400; color: #1c1c1c;}
.notice_box .contents2 .table_box table tr td:first-child{width: 10%;}
.notice_box .contents2 .table_box table tr td:nth-child(2){width: 65%; font-size: 0;}
.notice_box .contents2 .table_box table tr td:nth-child(3){width: 10%; text-align: center;}
.notice_box .contents2 .table_box table tr td:last-child{width: 15%; color: #999; text-align: right;}
.notice_box .contents2 .table_box table tr td a{width: 100%; height: 100%; display: inline-block; font-size: 16px; font-weight: 700; color: #1c1c1c; line-height: 58px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word;}


/* 2023.02.16 notice 수정 */
.notice_box .contents2 .t_area .search_box > form{    display: flex; background-color: #f0f0f0;}
.notice_box .contents2 .t_area .search_box input{width:200px; height: 45px;     padding-left: 15px; height:40px;}
.notice_box .contents2 .t_area .search_box button{position:initial; top: initial;left: initial; transform: initial;padding: 0px 15px;}



.page_move_btn ul li{height: 140px; display: inline-block; vertical-align: top;}
.page_move_btn ul li:first-child{width: 45%; background-color: #eee;}
.page_move_btn ul li:first-child a{width: 100%; height: 100%; padding-left: 375px; padding-top: 40px; display: inline-block; text-align: left;}
.page_move_btn ul li:first-child a div{display: inline-block; text-align: right;}
.page_move_btn ul li:last-child{width: 55%; background-color: #f7f7f7;}
.page_move_btn ul li:last-child a{width: 100%; height: 100%; padding-right: 375px; padding-top: 40px; display: inline-block; text-align: right;}
.page_move_btn ul li:last-child a div{display: inline-block; text-align: left;}
.page_move_btn ul li a p{margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #333;}
.page_move_btn ul li a h3{font-size: 20px; font-weight: 700; color: #1c1c1c;}
.page_move_btn ul li a h3 img{position: relative; bottom: 2px;}


.view_box{}
.view_box .contents1{padding-top: 60px;}
.view_box .contents1 .title_box{margin-bottom: 30px; text-align: left;}
.view_box .contents1 .title_box h4{margin-bottom: 10px; display: inline-block; text-decoration: underline; position: relative;}
/* .view_box .contents1 .title_box h4:after{content: ''; width: 100%; height: 1px; display: inline-block; background-color: #1c1c1c; position: absolute; bottom: 8px; left: 0;} */
.view_box .contents1 .title_box h5{font-size: 16px; font-weight: 400; color: #1c1c1c;}

.view_box .contents2{}
.view_box .contents2 .content_box{padding-bottom: 60px;}
.view_box .contents2 .content_box img{max-width: 100%; height: auto!important;}
.view_box .contents2 .content_box iframe{width: 100%; height: 500px; margin-bottom: 15px;}
.view_box .contents2 .content_box .download_btn{width: 160px; height: 40px; margin: 60px 0 30px; display: inline-block; background-color: #1563cd; font-size: 16px; font-weight: 400; color: #fff; text-align: center; line-height: 40px;}
.view_box .contents2 .content_box .download_btn img{margin-right: 10px;}
.view_box .contents2 .page_move{margin-bottom: 50px; border-top: 1px solid #333; font-size: 0;}
.view_box.broadcast_view .contents2 .page_move{border-top: 1px solid #ccc; padding-top: 15px;}
.view_box.gallery_view .contents2 .page_move{border-top: 1px solid #ccc; padding-top: 15px;}
.view_box .contents2 .page_move a{width: 100%; display: inline-block; font-size: 0;}
.view_box .contents2 .page_move .page_arrow{width: 100%; margin-bottom: 15px;}
.view_box .contents2 .page_move .page_arrow ul{}
.view_box .contents2 .page_move .page_arrow ul li{width: 50%; display: inline-block; font-size: 16px; font-weight: 400; color: #1c1c1c;}
.view_box .contents2 .page_move .page_arrow ul li:last-child{text-align: right;}
.view_box .contents2 .page_move .page_arrow ul li:last-child img{margin-left: 5px; margin-right: 0;}
.view_box .contents2 .page_move .page_arrow ul li img{margin-right: 5px; display: inline-block; position: relative; bottom: 1px;}
.view_box .contents2 .page_move a ul{border-bottom: 1px solid #eee;}
.view_box .contents2 .page_move a ul li{height: 60px; display: inline-block; vertical-align: top; font-size: 16px; font-weight: 400; color: #1c1c1c; line-height: 59px;}
.view_box .contents2 .page_move a ul li:first-child{width: 15%;}
.view_box .contents2 .page_move a ul li:nth-child(2){width: 60%; font-weight: 700;}
.view_box .contents2 .page_move a ul li:nth-child(3){width: 10%; text-align: center;}
.view_box .contents2 .page_move a ul li:last-child{width: 15%; text-align: right; color: #999;}
.view_box .contents2 .page_move > ul{}
.view_box .contents2 .page_move > ul li{width: calc(50% - 15px); display: inline-block;}
.view_box .contents2 .page_move > ul li:first-child{margin-right: 30px;}
.view_box .contents2 .page_move > ul li .img_box{width: 100%; height: 225px; margin-bottom: 15px; position: relative;}
.view_box .contents2 .page_move > ul li .img_box img:first-child{width: 100%; height: 100%;}
.view_box .contents2 .page_move > ul li .img_box img:last-child{position: absolute; left: 0; bottom: 0;}
.view_box .contents2 .page_move > ul li .text_box{width: 100%;}
.view_box .contents2 .page_move > ul li .text_box h3{height: 48px; margin-bottom: 20px; display: -webkit-box; font-size: 16px; font-weight: 700; color: #000; line-height: 24px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.view_box .contents2 .page_move > ul li .text_box p{font-size: 16px; font-weight: 400; color: #999;}
.view_box .contents2 .list_btn{margin-bottom: 150px; text-align: center;}
.view_box .contents2 .list_btn a{display: inline-block; font-size: 18px; font-weight: 300; color: #1c1c1c;}

.view_box .contents3 .page_move_btn ul li{height: 140px; display: inline-block; vertical-align: top;}
.view_box .contents3 .page_move_btn ul li:first-child{width: 45%; background-color: #eee;}
.view_box .contents3 .page_move_btn ul li:first-child a{width: 100%; height: 100%; padding-left: 375px; padding-top: 40px; display: inline-block; text-align: left;}
.view_box .contents3 .page_move_btn ul li:first-child a div{display: inline-block; text-align: right;}
.view_box .contents3 .page_move_btn ul li:last-child{width: 55%; background-color: #f7f7f7;}
.view_box .contents3 .page_move_btn ul li:last-child a{width: 100%; height: 100%; padding-right: 375px; padding-top: 40px; display: inline-block; text-align: right;}
.view_box .contents3 .page_move_btn ul li:last-child a div{display: inline-block; text-align: left;}
.view_box .contents3 .page_move_btn ul li a p{margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #333;}
.view_box .contents3 .page_move_btn ul li a h3{font-size: 20px; font-weight: 700; color: #1c1c1c;}
.view_box .contents3 .page_move_btn ul li a h3 img{position: relative; bottom: 2px;}


.broadcast_box{margin-top:60px;}
.broadcast_box .contents1{padding-bottom: 80px;}

.broadcast_box .contents2{}
.broadcast_box .contents2 .t_area{width: 100%; margin-bottom: 20px;}
.broadcast_box .contents2 .t_area:after{content: ''; display: block; clear: both;}
.broadcast_box .contents2 .t_area ul{padding-top: 7px; display: inline-block; vertical-align: top;}
.broadcast_box .contents2 .t_area ul li{margin-right: 20px; display: inline-block; vertical-align: middle;}
.broadcast_box .contents2 .t_area ul li:last-child{margin-right: 0;}
.broadcast_box .contents2 .t_area ul li p{font-size: 16px; font-weight: 300; color: #1c1c1c;}
.broadcast_box .contents2 .t_area ul li p span{font-weight: 700;}
.broadcast_box .contents2 .t_area ul li h5{font-size: 16px; font-weight: 700; color: #1c1c1c;}
.broadcast_box .contents2 .t_area ul li h5 .t_c{color: #1361ca;}
.broadcast_box .contents2 .t_area ul li h5 span{color: #ccc;}
.broadcast_box .contents2 .t_area .search_box{display: inline-block; float: right; position: relative; vertical-align: top;}
.broadcast_box .contents2 .t_area .search_box input{width: 270px; height: 40px; padding-left: 35px; border: none; display: inline-block; background-color: #f0f0f0; position: relative;}
.broadcast_box .contents2 .t_area .search_box button{border: none; background-color: transparent; position: absolute; top: 50%; left: 5px; transform: translateY(-50%);}
.broadcast_box .contents2 .list_box{}
.broadcast_box .contents2 .list_box ul li{width: calc((100% - 60px) / 5); margin-right: 15px; margin-bottom: 60px; display: inline-block;}
/* .broadcast_box .contents2 .list_box ul li{width: calc(50% - 15px); margin-bottom: 60px; display: inline-block;} */
.broadcast_box .contents2 .list_box ul li:nth-child(5n){margin-right: 0;}
/* .broadcast_box .contents2 .list_box ul li:nth-child(2n-1){margin-right: 30px;} */
.broadcast_box .contents2 .list_box ul li .img_box{width: 100%; height: auto; margin-bottom: 15px; position: relative; overflow: hidden;}
/* .broadcast_box .contents2 .list_box ul li .img_box{width: 100%; height: 506px; margin-bottom: 15px; position: relative; overflow: hidden;} */
/* .broadcast_box .contents2 .list_box ul li .img_box{width: 100%; height: 225px; margin-bottom: 15px; position: relative; overflow: hidden;} */
.broadcast_box .contents2 .list_box ul li .img_box img:first-child{width: 100%;}
/* .broadcast_box .contents2 .list_box ul li .img_box:hover img:first-child{transform: scale(1.1); transition-duration: .3s;} */
.broadcast_box .contents2 .list_box ul li .img_box img:last-child{position: absolute; left: 0; bottom: 0;}
.broadcast_box .contents2 .list_box ul li .text_box{width: 100%;}
.broadcast_box .contents2 .list_box ul li .text_box h3{height: 48px; margin-bottom: 20px; display: -webkit-box; font-size: 16px; font-weight: 700; color: #000; line-height: 24px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.broadcast_box .contents2 .list_box ul li .text_box p{font-size: 16px; font-weight: 400; color: #999;}


/* 2023.02.16 pr 수정 */
.broadcast_box.ver02 .contents2 .list_box ul li{    width: 25%; margin-right: 0px;}
.broadcast_box.ver02 .contents2 .list_box ul li {padding:0px 7px;}
.broadcast_box.ver02 .contents2 .list_box ul li .img_box{    height: 140px;}
.broadcast_box.ver02 .contents2 .list_box ul li .img_box img:first-child{    position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;}
.broadcast_box.ver02 .contents2 .list_box ul{display:flex;    flex-wrap: wrap;}


/* 2023.02.16 patent 수정 */
.broadcast_box .contents2 .t_area .search_box > form{    display: flex; background-color: #f0f0f0;}
.broadcast_box .contents2 .t_area .search_box input{width:200px; height: 45px;     padding-left: 15px; height:40px;}
.broadcast_box .contents2 .t_area .search_box button{position:initial; top: initial;left: initial; transform: initial;padding: 0px 15px;}


/* 2023.02.16 gallery 수정 */
.broadcast_box.gallery_wrap .contents2 .list_box ul li{width: calc((100% - 60px) / 4);}

/* 2023.02.23 각페이지별 상단 네비게이터 추가 */
.page_top_nav{    background: #f7f7f7;color: #333; padding: 15px 0px; font-size: 15px;}
.page_top_nav > div{margin:0 auto;padding:0px 16px; display:flex;}
.page_top_nav > div > div:last-child span{color:#0066b5;}
.page_top_nav > div > div:last-child i{display:none;}
.page_top_nav > div span{font-weight:500; display:inline-block; cursor:pointer;}

.page_top_nav > div > span:last-child{color:#0066b5;}
.page_top_nav > div i{    display: inline-block; width: 15px; margin: 0px 5px;}


/* 2023.03.07 제품 추가페이지 */
.product_box{padding-top:100px;}
.light_txtbox{    border: 1px solid #ddd;padding: 32px; margin-bottom: 24px;}
.light_txtbox h3{margin-bottom: 16px;font-size: 30px;  background: linear-gradient(to right, #187fc3, #5543a2);-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.light_txtbox p{font-size: 16px;}
.light_box.type01{margin-bottom:16px; overflow:hidden;}
.light_box.type01 .light_slide .item{position:relative;height:600px;}
.light_box.type01 .light_slide .item img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}
.light_box.type01 .slick-prev{width: 40px;height: 40px;left: 10px;top: 50%;background: url(../images/product/arrow.png) no-repeat;background-size: 22px;background-position: center;transform: translateY(-50%) rotate(180deg);opacity: 1; border-radius: 50%; border: 1px solid #333; padding: 10px;}
.light_box.type01 .slick-next{width: 40px;height: 40px;right: 10px;left:inherit;top: 50%;background: url(../images/product/arrow.png) no-repeat;background-size: 22px;background-position: center;transform:translateY(-50%);opacity: 1; border-radius: 50%; border: 1px solid #333; padding: 10px;}
.download_wrap{    display: flex; margin-top:10px;}
.download_wrap li{ cursor:pointer;   display: flex; align-items: center;      border: 1px solid #ccc;  margin-right: 8px; background: #f5f5f5; padding: 10px 15px;}
.download_wrap li i{display: block; width: 20px;    margin-right: 10px;}
.download_wrap li span{    font-size: 14px;}
.page_top_nav.type02{    margin-top: 80px;  position: fixed; left: 50%; transform: translateX(-50%); width: 100%; z-index: 9; }


.light_box .product_slide_box .product_slide .item{height: 635px; background-color: #ffffff; overflow: hidden; position: relative;}
.light_box .product_slide_box .product_slide .item img{max-width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.light_box .product_slide_box .product_slide_nav{width: 60px; height: 210px; position: absolute; top: 50px; left: 30px;}
.light_box .product_slide_box .product_slide_nav.stop .slick-track{transform: translate3d(0px, 0px, 0px)!important;}
.light_box .product_slide_box .product_slide_nav .item{width: 60px; height: 60px; margin-bottom: 10px; border: 1px solid #c5c5c5; background-color: #fff; position: relative; overflow: hidden;}
.light_box .product_slide_box .product_slide_nav .item.slick-current{border: 1px solid #8a8a8a;}
.light_box .product_slide_box .product_slide_nav .item img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.light_box .product_slide_box .product_slide_nav .item.slick-slide{cursor:pointer;}
.product_box .contents1 .product_slide_box .product_slide .item img{max-width:100%; width:100%; height:100%; object-fit:contain; }
.product_box .contents1 .product_slide_box{border:1px solid #ddd;}

.pd_menu_wrap{padding-top:160px;}
.pd_menu{}
.pd_menu .pd_m_top{border-bottom:1px solid #efefef;}
.pd_menu .pd_m_top ul{display: flex; margin-bottom:16px; }
.pd_menu .pd_m_top ul li{cursor:pointer; transition:all 0.2s; display:block; width:140px; height:auto;}
.pd_menu .pd_m_top ul li:hover{border:2px solid #0066b5;}
.pd_menu .pd_m_top ul li.on{border: 2px solid #0066b5;box-shadow: -1px -1px 7px 2px rgb(98 98 98 / 18%); }
.pd_menu .pd_m_top ul li a{  font-size: 17px;  display: block; padding: 12px 24px; color:#333;}
.pd_menu .pd_m_top ul li.on a{font-weight:500;}

.pd_menu .pd_m_btm .btm_menu{justify-content: flex-start; flex-wrap: wrap; padding:16px 0px; display: flex; width:1170px;}
.pd_menu .pd_m_btm .btm_menu > li{padding: 0px 10px;display: flex; justify-content: flex-start; width:20%;}
.pd_menu .pd_m_btm .pd_m_sec{}
.pd_menu .pd_m_btm .pd_m_sec i{    position: relative; display: block; width: 100px; height: 100px;}
.pd_menu .pd_m_btm .pd_m_sec i img{position:absolute;top:0; left:0; width:100%; height:100%;}
.pd_menu .pd_m_btm .pd_m_sec div{margin: 20px 0px;}
.pd_menu .pd_m_btm .pd_m_sec div h3{font-size: 18px; cursor:pointer;text-align:left; font-weight:600; margin-bottom:12px;}
.pd_menu .pd_m_btm .pd_m_sec > ul{}
.pd_menu .pd_m_btm .pd_m_sec > ul li{}
.pd_menu .pd_m_btm .pd_m_sec > ul li a{}
.pd_menu .pd_m_btm .pd_m_sec div > ul{}
.pd_menu .pd_m_btm .pd_m_sec div > ul > li{padding-top:8px;}
.pd_menu .pd_m_btm .pd_m_sec div > ul > li >a{ position:relative; cursor:pointer;  font-size:16px;    color: #333;font-weight: 500; padding-bottom: 3px; display: block;}
/* .pd_menu .pd_m_btm .pd_m_sec div > ul > li > a:hover{color:#337ab7} */
.pd_menu .pd_m_btm .pd_m_sec div > ul > li ul li > a:hover{color:#337ab7}
.pd_menu .pd_m_btm .pd_m_sec div ul ul li a{font-size: 14px; color:#797979; cursor:pointer;}

  /* 아래의 모든 코드는 영역::코드로 사용 */
  .scrollBar::-webkit-scrollbar { cursor:pointer;width: 3px !important;  /* 스크롤바의 너비 */ height:9px;  }
  .scrollBar::-webkit-scrollbar-thumb { cursor:pointer;height: 30%; /* 스크롤바의 길이 */ background: #999; /* 스크롤바의 색상 */  }
  .scrollBar::-webkit-scrollbar-track {cursor:pointer; background: rgb(213 213 213 / 24%);  /*스크롤바 뒷 배경 색상*/}


.m_pd_menu{display:none;margin-top:70px;    border-bottom: 1px solid #ececec; box-shadow: 0px 6px 14px 0px rgb(219 217 217 / 25%);}
.m_pd_menu{}
.m_pd_menu .m_pd_top{display: flex; flex-wrap: wrap; z-index:9; padding:10px; background:#f5f5f5; position:fixed; width:100%;   margin-bottom: 50px;}
.m_pd_menu .m_pd_top span{display: inline-block;font-size: 14px; position:relative;padding-right:30px}
.m_pd_menu .m_pd_top span:first-child{padding-left:0px;}
.m_pd_menu .m_pd_top span:last-child{color:#337ab7;}
.m_pd_menu .m_pd_top span:before{ position:absolute;   content: ""; background: url(../images/product/nav_right.png) no-repeat; background-size: 13px; right: 8%; top: 4px; width: 13px; height: 13px;}
.m_pd_menu .m_pd_top span:last-child:before{display:none;}
.m_pd_menu .m_pd_btm{   padding: 0px 16px; padding-top: 70px; padding-bottom:20px; overflow: hidden;}
.m_pd_menu .m_pd_btm h5{font-size: 18px; margin-bottom: 16px;}
.m_pd_menu .m_pd_btm .m_pd_part{}
.m_pd_menu .m_pd_btm .m_pd_part i{display: block;}
.m_pd_menu .m_pd_btm .m_pd_part i img{}
.m_pd_menu .m_pd_btm .m_pd_part.part1 > ul{}
.m_pd_menu .m_pd_btm .m_pd_part > ul > li{margin-bottom: 10px;}
.m_pd_menu .m_pd_btm .m_pd_part.part1 > ul > li > a{  position: relative; font-size: 15px; color: #555; padding: 4px 9px; background: #f7f7f7; border: 1px solid #efefef; margin: 0px 4px;}

.m_pd_menu .m_pd_btm .m_pd_part > ul > li i{    display: block; max-width:100%;}
.m_pd_menu .m_pd_btm .m_pd_part > ul > li > a i img{}
.m_pd_menu .m_pd_btm .m_pd_part > ul > li > a p{}
.m_pd_menu .m_pd_btm .m_pd_part > ul ul
.m_pd_menu .m_pd_btm .m_pd_part > ul ul li
.m_pd_menu .m_pd_btm .m_pd_part > ul ul li a{}
.m_pd_menu .m_pd_btm .m_pd_part.type02{ overflow-y:scroll;   max-height: 720px;}
.m_pd_menu .m_pd_btm .m_pd_part.type02 > ul{display:flex;flex-wrap: wrap;}
.m_pd_menu .m_pd_btm .m_pd_part.type02 > ul > li{width:33.33%; margin-bottom:30px;}
.m_pd_menu .m_pd_btm .m_pd_part.type02 > ul > li > div{padding:0px 10px;}
.m_pd_menu .m_pd_btm .m_pd_part.type02 > ul > li > a{padding: 0px 10px; display: block;}
.m_pd_menu .m_pd_btm .m_pd_part.type02 > ul > li i{  border: 1px solid #ddd; margin-bottom: 16px;}
.m_pd_menu .m_pd_btm .m_pd_part.type02 > ul > li p{text-align: left; font-size:14px;font-weight: 500; color:#555;}
.m_pd_menu .m_pd_btm .m_pd_part.type02 > ul > li ul{ margin-top: 10px; }
.m_pd_menu .m_pd_btm .m_pd_part.type02 > ul > li ul li{}
.m_pd_menu .m_pd_btm .m_pd_part.type02 > ul > li ul li a{position:relative; font-size: 13px; color:#777; padding: 3px 0px; display: block; text-align: left;}


.pd_table_wrap{}
.pd_table_wrap.type02{justify-content: flex-end;}
.pd_table_wrap .container{margin-left:0px;}
/* .pd_table_wrap .one{ width: 60%; height:100vh;} */
.pd_table_wrap .table_tap{width: 100%; overflow:hidden;overflow-x: auto;}
.pd_table_wrap .table_tap ul{display: flex; padding-bottom:16px;}
.pd_table_wrap .table_tap ul li{padding: 0px 3px;    min-width: 190px; cursor:pointer;}
.pd_table_wrap .table_tap ul li.on{ border-bottom: 0px;}
.pd_table_wrap .table_tap ul li.on a{color: #111;    border: 1px solid #ddd; }
.pd_table_wrap .table_tap ul li a{padding: 10px 20px; display: block; font-size: 15px; text-align:center; color:#333; border:1px solid #efefef;}
.pd_table_wrap .bd_table_sec{margin-bottom:50px;}
.pd_table_wrap .bd_table_sec > div{margin-top: 16px;}
.pd_table_wrap .bd_table_sec table{ width: 100%; border: 1px solid #ddd;}
.pd_table_wrap .bd_table_sec table thead{}
.pd_table_wrap .bd_table_sec table thead tr{border-bottom: 1px solid #ddd;}
.pd_table_wrap .bd_table_sec table thead tr th{    padding: 12px; background: #f5f5f5; border-right: 1px solid #e5e4e4;}
.pd_table_wrap .bd_table_sec table tbody{}
.pd_table_wrap .bd_table_sec table tbody tr{border-bottom: 1px solid #ddd;}
.pd_table_wrap .bd_table_sec table tbody tr td{padding: 12px; border-right:1px solid #ddd;}

.pd_category_1{}
.pd_category_1 > li{}
.pd_category_1 > li >a{ margin-bottom:10px;}
.pd_category_1 .pd_category_2{margin-left: 20px;}
.pd_category_1 .pd_category_2 > li{}
.pd_category_1 .pd_category_2 > li > a{    margin-bottom: 12px !important;}
.pd_category_3{margin-left: 16px;}
.pd_category_3 > li{}
.pd_category_3 > li > a{}
.pd_category_4{margin-left: 22px;}
.pd_category_4 > li{}
.pd_category_4 > li > a{}
.pd_table_wrap .two i{display: block; width: 15px;    margin-right: 10px;}
.pd_category{}
.pd_category > li{margin-bottom: 10px;}
.pd_category_1 > li > a > span{font-size: 18px !important; font-weight: 600;}
.pd_category li a{display: flex;align-items: center;  color:#111; font-weight:400}
.pd_category >li:first-child a{ font-size:16px}


 main{display:flex;}
 .container_wrap{width:calc(100% - 350px);}
 .one{width: 100%; margin-bottom:70px; margin-top:100px;}
 .two{ transition:all 0.5s; width: 350px;overflow: auto;position: sticky;height: 100vh;top: 30%;padding: 0px 30px; left:0;}

.pd_category li > a.on > span{color: #0066b5; }


/* 23.03.14 수정 */
.product_box .contents1 .text_box h4{display:inline-block; padding-left:10px; font-size:18px;}
.product_box .contents1 .text_box ul li:first-child{position:relative;padding-left:16px; padding-bottom:8px;}
.product_box .contents1 .text_box ul li:first-child:before{position:absolute; content:""; left:0; width:5px; height:5px; background:#0066b5; border-radius:50%; top:9px; }
.product_box .contents1 .text_box ul li:last-child{font-size:15px;}
.product_box .contents1 .text_box{height:inherit;}
.pd_table_wrap .bd_table_sec table tbody tr td:last-child{cursor:pointer;}
.pd_table_wrap .bd_table_sec table tbody tr td:last-child a:hover{text-decoration:underline;}
.product1_box .contents3 .info_img_box{width:100%;}
.product1_box .contents3 .info_img_box p{display: flex; flex-direction: column;align-items: center;}

/* 23.04.24 수정 */
.pd_menu .pd_m_top ul li a{display: flex; flex-direction: column;    align-items: center;}
.pd_menu .pd_m_top ul li a i{    display: flex;align-items: center; width: 90px; height:90px;}
.pd_menu .pd_m_top ul li a span{font-size:15px; font-weight:600;text-align: center;}

.pd_category li > a.open > i {
    transform: rotate(180deg);
}

/* 23.05.08 수정 */
.pd_category_3 ul li a span{font-size:15px; font-weight:400; margin-top:5px;}
/* .top-bar-down{opacity: 1; } */
.pd_table_wrap .table_tap::-webkit-scrollbar {height: 7px; border-radius:5px;}

  .pd_table_wrap .table_tap::-webkit-scrollbar-thumb {
    background-color: #0066b5;  border-radius:5px;
  }
  .pd_table_wrap .table_tap::-webkit-scrollbar-track {
    background-color: #f7f7f7; border-radius:5px;
  }
  .pd_table_wrap .table_tap ul li a i{display: block; width: 100px; margin: 0 auto;}
  .pd_table_wrap .table_tap ul li a span{display: block; margin-top: 10px; font-weight:500;}
  .pd_menu .pd_m_btm{overflow:hidden;}

  /* 2023.05.12 메인페이지 한국조명 수정 */
  .main_box .contents3 .img_box > ul{display:flex;}

  /* 영문css에 넣기 */
  .pd_category .stick{width: 8px; position: relative; height: 2px; display: inline-block; background: #000; top: -5px; margin-right: 9px;}
  .pd_category li > a.on > span .stick{background:#0066b5;}
  .pd_category_3 ul{    margin-left: 20px;}
  .pd_menu .pd_m_btm .pd_m_sec div > ul > li > a:hover{color:#0066b5;}


  /* 23.05.15 수정 */
.part1.m_pd_part ul{    display: flex; flex-wrap: wrap;}
..m_pd_menu{  }
.m_pd_menu .arrow_wrap{}
.m_pd_menu .arrow_wrap ul{  padding: 0px 16px; padding-bottom:20px;    display: flex; justify-content: flex-end;}
.m_pd_menu .arrow_wrap ul li{    display: flex;align-items: center;background: #f7f7f7;border: 1px solid #ddd;padding: 3px 7px;}

.m_pd_menu .arrow_wrap ul li i{display: inline-block; width: 14px;}
.m_pd_menu .arrow_wrap ul li span{font-size: 14px; padding: 0px 5px;}

/* 23.05.16 수정 */
.pd_category_2 >li > a{font-size:16px;}
.pd_category_3 >li > a{font-size:14px;}
.pd_menu .pd_m_btm .pd_m_sec div ul ul li a{padding-left:10px;}
.pd_menu .pd_m_btm .pd_m_sec div ul ul li a .stick{position:relative;}
.pd_menu .pd_m_btm .pd_m_sec div ul ul li a .stick:before{    position: absolute;content: ""; width: 7px;height: 1px;background: #797979;left: -10px; top: 9px;}

/* 23.05.18 수정 */
.pd_category li a{transition:all 0.2s;}
.pd_category li:hover > a{color:#0066b5; font-weight:500}

/* 23.05.31 수정 */
.history_wrap.except{height:100%}

/* 23.06.21 수정 */
.m_pd_menu .m_pd_btm .m_pd_part .m_tit{   margin-bottom: 10px;  display: flex; align-items: center;}
.m_pd_menu .m_pd_btm .m_pd_part .m_tit i{position:relative; width: 120px;    height: 45px;}
.m_pd_menu .m_pd_btm .m_pd_part .m_tit i img{position:absolute; width:100%; height:100%; object-fit: cover;}
.m_pd_menu .m_pd_btm .m_pd_part .m_tit i #mob_category_2_image{object-fit: cover;}