@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@charset "utf-8";
*{font-family: 'Nanum Gothic',"나눔고딕", 'Montserrat Alternates', sans-serif;}
/* Reset CSS  */
html { height: 100%;overflow-y:scroll;  }
body { font-size: 13px; font-family: 'Nanum Gothic',"나눔고딕", 'Montserrat Alternates', sans-serif; color:#333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;  list-style:none;  }
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:#555;}
hr, legend {height: 0; left: -5000px; line-height: 0; overflow-x: hidden; overflow-y: hidden; position: absolute; visibility: hidden;width: 0;}
caption {font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; border:0; outline:0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; border: 0px solid #E5E5E5; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;}
td strong {font-weight: 100;	font-size: 5px;vertical-align: bottom;}
a:hover{text-decoration:none;}
ul:after{content:""; display:block; clear:both;}

/*bbs*/
#container_title{display:none;}
#bo_list_total{display:none;}
#bo_v_table{display:none;}
#bo_vc_w{border-bottom:0;}
#bo_vc{background:none;}

/************* css ******************/

.content_wrap{margin:0 auto; max-width:1200px; box-sizing:border-box; padding: 0 25px;}

/* header*/
#header{text-align:center;}
#header .lang{margin:20px 0 30px;}
#header .lang li{display:inline-block;}
#header .lang li a{color:#6f6f6f; padding:0 12px; display:block; border-right:1px solid #b4b4b4; line-height:10px;}
#header .lang li:last-child a{border-right:0;}
#nav_wrap{border-top:1px solid #e1e1e1; margin-top:45px; position:relative;}
#nav_btn{display:none;}
#nav > li{float:left; width:20%; position:relative;}
#nav > li:hover > a{color:#2d84e0;}
#nav > li > a{font-size:16px; display:block; padding:15px 0; background:url(../image/nav_line.png) no-repeat center right;}
#nav > li:last-child > a{background:none;}
#nav .sub_menu{position:absolute; left:0; top:100%; z-index:99; width:100%;display:none;}
#nav .sub_menu li{text-align:center;}
#nav .sub_menu li a{display:block; padding:7px 0; font-size:14px;}
#nav .sub_menu li a:hover{background:#2d84e0; color:#fff;}
#nav_bg{background:rgba(255,255,255,0.96); height:194px; width:100%; position:absolute; z-index:9; display:none;}

/* container*/
#m_slider{overflow:hidden;}
#m_slider .content{position:relative; width:500%;}
#m_slider .content li{float:left; width:20%; }
#m_slider .content li:nth-child(1){background:url(../image/m_slider01_bg.png) no-repeat center center;}
#m_slider .content li:nth-child(2){background:url(../image/m_slider02_bg.png) no-repeat center center;}
#m_slider .content li:nth-child(3){background:url(../image/m_slider03_bg.png) no-repeat center center;}
#m_slider .content li:nth-child(4){background:url(../image/m_slider03_bg.png) no-repeat center center;}
#m_slider .content li:nth-child(5){background:url(../image/m_slider01_bg.png) no-repeat center center;}
#m_slider .content li p{max-width:1200px; margin:0 auto; position:relative;}
#m_slider .content li p a{position:absolute; bottom:22%; left:1.5%; color:#fff; border:1px solid #fff; padding:5px 3%; display:block;}
#m_slider .content li p a:hover{background:rgba(255,255,255,0.8); color:#333;  transition:.5s;}

#m_business{margin:90px auto; padding:0;}
#m_business .title{text-align:center; margin-bottom:50px;}
#m_business .title h2{font-size:40px; letter-spacing:-2px; font-weight:500; margin-bottom:10px;}
#m_business .title h2 .blue{color:#2b53a5;}
#m_business .title p{color:#747473; font-size:15px;}
#m_business .banner li{float:left; width:33.33%; padding:0 25px; box-sizing:border-box;}
#m_business .banner li h2{font-size:25px; letter-spacing:-2px; margin:15px 0 10px;}
#m_business .banner li p{color:#747473; font-size:14px; line-height:20px; min-height:60px;}
#m_business .banner li .view{border:1px solid #969696; padding:6px 15px; display:inline-block; margin-top:10px; }

#m_company{background:#f5f5f5 url(../image/m_map.png) no-repeat bottom right 10%; padding:100px 0 90px;}
#m_company .title p{font-size:18px;}
#m_company .title h2{font-size:40px; letter-spacing:-2px; font-weight:500; margin-bottom:25px;}
#m_company .title h2 .blue{color:#2b53a5;}
#m_company .text{color:#747473; font-size:14px; line-height:20px; max-width:615px;}
#m_company .view{background:#484848; font-size:14px; color:#fff; padding:10px 68px; display:inline-block; margin-top:45px;}

#m_cs{margin:80px auto 65px;}
#m_cs:after{content:"";display:block; clear:both;}
#m_cs .cs{float:left; width:45%; padding-top:15px;}
#m_cs .cs .img{float:left; width:30%;}
#m_cs .cs .text{float:left; width:70%; padding:0 15px; box-sizing:border-box;}
#m_cs .cs .text h3{font-size:30px; font-weight:500;}
#m_cs .cs .text h2{font-size:40px; color:#2b53a5; letter-spacing:-3px; margin-bottom:14px;}
#m_cs .cs .text p{font-size:13px; color:#737373; line-height:18px;}
#m_cs .map{float:left; width:55%;}

/*sub공통*/
#s_top{height:240px;}
#s_top div{font-size: 20px; line-height: 26px; letter-spacing: -2px; padding-top: 130px; color: #525252;}
#s_top div span{color:#0086d8; font-size:22px;}
#s_top.bg01{background:url(../image/s_top_bg01.png) no-repeat center center;}
#s_top.bg02{background:url(../image/s_top_bg02.png) no-repeat center center;}
#s_top.bg03{background:url(../image/s_top_bg03.png) no-repeat center center;}
#s_top.bg04{background:url(../image/s_top_bg04.png) no-repeat center center;}
#s_top.bg05{background:url(../image/s_top_bg05.png) no-repeat center center;}
#s_top.bg06{background:url(../image/s_top_bg06.png) no-repeat center center;}
#snb{border-bottom:1px solid #d7d7d7;}
#snb > ul{padding:0}
#snb > ul > li:first-child{border-left:1px solid #d7d7d7;}
#snb > ul > li{float:left; padding:12px 20px; border-right:1px solid #d7d7d7; font-size:15px; position:relative;}
#snb > ul > li span{margin-left:50px; color:#888; cursor:pointer;}
#snb > ul > li .sub_menu{display:none; position:absolute; top:100%; left:-1px; border:1px solid #d7d7d7; width:101%; background:rgba(255,255,255,0.95); padding:10px 0; z-index:99;}
#snb > ul > li .sub_menu li a{font-size:14px; padding:8px 20px; display:block;}
#snb > ul > li .sub_menu li a:hover{color:#0480dc;}

#sub{padding:80px 25px 100px;}
#sub .p_title{font-size:33px; letter-spacing:-4px; font-weight:500; margin-bottom:20px;}
#sub .p_title .red{color:#b00;}
#content{min-height:300px; font-size:15px;}
p{line-height:24px;}
.s_table{border-top:2px solid #175e93; width:100%;}
.s_table tr th{ background:#fafafa; text-align:left;}
.s_table tr th , .s_table tr td{padding:10px 20px; border-bottom:1px solid #e1e1e1; font-size:14px;}
.wrap:after{content:"";display:block; clear:both;}

/*회사개요*/
.sub01 .text{margin-bottom:60px; }
.sub01 .text b{color:#175e93; font-weight:500;}
.sub01 .icon{margin-bottom:70px; margin-top:40px;}
.sub01 .icon li{float:left; width:33.33%; text-align:center; box-sizing:border-box; padding: 0 10px; margin-bottom:50px;}
.sub01 .icon li svg{font-size:60px; color:#666;}
.sub01 .icon li h2{font-size:18px; letter-spacing:-1px; margin:15px 0; padding:8px 0; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd;}
.sub01 section{margin-bottom:70px;}
.sub01 section .title{font-size:30px; letter-spacing:-2px; text-align:center; margin-bottom:20px;}
.sub01 section .title span{font-size:18px; display:block; font-weight:500; color:#666; letter-spacing:0;}
.sub01 .vision p{text-align:center; padding:20px 0; border:1px solid #eee; font-size:20px; }
.sub01 .vision p span{color:#0086d8;}
.sub01 .motiv ul{max-width:800px; margin:0 auto;}
.sub01 .motiv ul li{float:left; width:25%; text-align:center; margin-bottom:20px;}
.sub01 .motiv ul li div{ width:150px; height:150px; line-height:150px; text-align:center; border-radius:200px; border:10px solid #eee; margin: 0 auto 10px;}
.sub01 .motiv ul li svg{font-size:50px; color:#0a4197;}
.sub01 .motiv ul li p{font-size:16px;}
.sub01 .policy ul{max-width:800px; margin:0 auto;}
.sub01 .policy ul li{margin-bottom:10px; text-align:center; border:1px solid #eee; padding:10px 0; font-size:18px;}
.sub01 .policy ul li span{color:#0086d8;}

/*ceo인사말*/
.sub01_02 .big{color:#787878; font-size:30px; letter-spacing:-2px; font-weight:500; margin-bottom:25px;}
.sub01_02 .big span{color:#175e93;}
.sub01_02 .img{padding:20px 0;}
.sub01_02 .ceo{margin-top:30px;}
.sub01_02 .ceo .blue{color:#0e76c3; font-weight:600;}
.sub01_02 .ceo b{font-size:18px;}

/*기업비전*/
.sub01_03 section{margin-bottom:70px;}
.sub01 section .title{font-size:30px; letter-spacing:-2px; text-align:center; margin-bottom:20px;}
.sub01 section .title span{font-size:18px; display:block; font-weight:500; color:#666; letter-spacing:0;}
.sub01 .vision p{text-align:center; padding:20px 0; border:1px solid #eee; font-size:20px; }
.sub01 .vision p span{color:#0086d8;}
.sub01 .motiv ul{max-width:800px; margin:0 auto;}
.sub01 .motiv ul li{float:left; width:25%; text-align:center; margin-bottom:20px;}
.sub01 .motiv ul li div{ width:150px; height:150px; line-height:150px; text-align:center; border-radius:200px; border:10px solid #eee; margin: 0 auto 10px;}
.sub01 .motiv ul li svg{font-size:50px; color:#0a4197;}
.sub01 .motiv ul li p{font-size:16px;}
.sub01 .policy ul{max-width:800px; margin:0 auto;}
.sub01 .policy ul li{margin-bottom:10px; text-align:center; border:1px solid #eee; padding:10px 0; font-size:18px;}
.sub01 .policy ul li span{color:#0086d8;}

/*사업부소개*/
.sub01_04 .team li{float:left; width:33.33%; padding:0 25px; box-sizing:border-box;}
.sub01_04 .team li h2{font-size:25px; letter-spacing:-2px; margin:15px 0 10px;}
.sub01_04 .team li p{color:#747473; font-size:14px; line-height:20px;}
.sub01_04 .icon{margin-top:30px;}
.sub01_04 .icon li{float:left; width:33.33%; text-align:center; box-sizing:border-box; padding: 0 10px; margin-bottom:50px;}
.sub01_04 .icon li svg{font-size:60px; color:#0a4197;}
.sub01_04 .icon li h2{font-size:18px; letter-spacing:-1px; margin:15px 0; padding:8px 0; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd;}

/*연혁*/
.sub01_05 .text{text-align:center; margin-bottom:30px;}
.sub01_05 .text h2{font-size:32px; letter-spacing:-3px; font-weight:500; color:#1d86d4;}
.sub01_05 .text p{ font-size:16px; color:#888;}
.sub01_05 .text p svg{font-size:40px; color:#3f71bf;}
.sub01_05 .history{padding:40px 0; background:url(../image/history_line.png) repeat-y center center;}
.sub01_05 .history li{float:left; width:50%; box-sizing:border-box; position:relative; margin-bottom:30px;}
.sub01_05 .history li:nth-child(odd){margin-left:50%; padding-left:20px;}
.sub01_05 .history li:nth-child(even){margin-right:50%; padding-right:20px; text-align:right;}
.sub01_05 .history li span{display:block; position:absolute; top:12px; width:20px; height:20px; background:#fff; border:5px solid #ddd; border-radius:50px;}
.sub01_05 .history li:nth-child(1) span{border-color:#0a4197;}
.sub01_05 .history li:nth-child(2) span{border-color:#6e94d0;}
.sub01_05 .history li:nth-child(odd) span{left:-10px;}
.sub01_05 .history li:nth-child(even) span{right:-10px;}
.sub01_05 .history li .year{font-size:37px;  font-weight:500; letter-spacing:-4px; margin-bottom:5px;}
.sub01_05 .history li p{padding:20px 20px 20px 42px; border:1px dashed #ddd; font-size:14px;}
.sub01_05 .history li p b{margin-left:-20px;}


/*오시는길*/
.sub01_07 .tab{border-left:1px solid #ddd; margin-bottom:10px;}
.sub01_07 .tab li{float:left; padding:12px 7%; border:1px solid #ddd; border-left:0; text-align:center; cursor:pointer;}
.sub01_07 .tab li.on , .sub01_07 .tab li:hover{background:#005594; color:#fff;}
.sub01_07 .map{display:none;}
.sub01_07 .map01{display:block;}
.sub01_07 .info{margin-top:25px;}
.sub01_07 .info a{border-bottom:1px solid #333;}
.sub01_07 .info li{float:left; width:33.33%; padding:0 5px; box-sizing:border-box; text-align:center;}
.sub01_07 .info li svg{font-size:40px; color:#5a5a5a;}
.sub01_07 .info li h2{margin:20px 0 10px;border-top:1px solid #eee; border-bottom:1px solid #eee; font-size:17px; padding:7px 0; letter-spacing:-1px;}

/*자동화사업부 - 제품정보*/
.sub02{position:relative;}
.sub02 .box{position:absolute;  padding:30px; background:rgba(249,249,249,0.8); min-width:400px;}
.sub02 .box .title{margin-bottom:10px; font-size:20px; font-weight:500; letter-spacing:-1px;}
.sub02 .box .title svg{color:#005594; font-size:18px;}

/*자동화사업부 - 생산*/
.sub02_02 .tab{border-left:1px solid #ddd; ;margin-bottom:30px;}
.sub02_02 .tab li{float:left; text-align:center; padding:12px 0; width: 33.33%; border:1px solid #ddd; border-left:0; cursor:pointer; letter-spacing:-1px;}
.sub02_02 .tab li.on , .sub02_02 .tab li:hover{background:#005594; color:#fff;}
.sub02_02 .box{display:none;}
.sub02_02 .box .title{margin-bottom:10px; font-size:22px; font-weight:500; letter-spacing:-1px;}
.sub02_02 .box .title svg{color:#005594; font-size:18px;}
.sub02_02 .box p{border:1px dashed #eee; padding:15px;}
.sub02_02 .box01{display:block; text-align:center;}
.sub02_02 .box01 .big{letter-spacing:-3px; font-size:35px; margin:50px 0 40px; font-weight:500;}
.sub02_02 .box01 .big b{color:#005594;font-weight:500;}
.sub02_02 .box01 .big span{display:inline-block ; width:10%; height:1px; background:#ddd; margin:0 20px; vertical-align:middle;}

.sub02_02 .box03 section{margin-bottom:40px;}

.sub02_02 .img{margin-top:30px;}
.sub02_02 .img li{float:left; width:50%; box-sizing:border-box; margin-bottom:30px;}
.sub02_02 .img li:nth-child(odd){padding-right:10px;}
.sub02_02 .img li:nth-child(even){padding-left:10px;}
.sub02_02 .img li img{width:100%; background:#eee; display:block;}
.sub02_02 .img li h3{margin-top:5px; text-align:center;}

/*자동화사업부 - 설비현황*/
.sub02_03 .table01{margin-bottom:60px;}
.sub02_03 .s_table tr th , .sub02_03 .s_table tr td{text-align:center; border-left:1px solid #ddd; }
.sub02_03 .s_table tr th:first-child , .sub02_03 .s_table tr td:first-child{border-left:0;}

/*IT사업부 - 제품소개 리스트*/
.sub03_02 .category{border-top:1px solid #ddd; border-left:1px solid #ddd;}
.sub03_02 .category li{float:left; width:33.33%; position:relative;border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.sub03_02 .category li > a{display:block;}
.sub03_02 .category li:hover{background:#f5f5f5;}
.sub03_02 .category li div{position:absolute; color:#222; top:0; left:0; padding:50px 30px ; font-size:16px; line-height:22px;}
.sub03_02 .category li div b{font-size:40px; display:block; margin-bottom:10px; line-height:40px;  color:#222;}
.sub03_02 .category li:first-child div .view{margin-left:5px; margin-top:3px;}
.sub03_02 .category li div .view{color:#888; font-size:12px; padding:2px 25px; border:1px solid #ddd; display:inline-block; margin-top:10px;}
.sub03_02 .category li div .view:hover{color:#fff; background:#333;}

/*IT사업부 - 제품소개 페이지*/
.it_page{position:relative;}
.it_page .list_btn{position:absolute; top:-60px; right:0; padding:7px 15px; background:#333; color:#fff; font-size:14px; border-radius: 20px;}

.sub03_02_01a .tab li{width:50% !important;}

.it_monitor .tab{margin-bottom:30px; border-top:1px solid #eee;}
.it_monitor .tab li{text-align:center; padding:13px 0;cursor:pointer; float:left; width:14.28%; border-bottom:1px solid #eee;}
.it_monitor .tab li.on{background:#1860ad; color:#fff;  border-color:#1860ad;}
.it_monitor .box{display:none;}
.it_monitor .box section:after{content:"";display:block; clear:both;}
.it_monitor .box section{margin-bottom:50px;}
.it_monitor .box .pro_img{width:50%; float:left;}
.it_monitor .box .pro_img .big li{display:none; }
.it_monitor .box .pro_img .big li.img01{display:block;}
.it_monitor .box .pro_img .thumb{margin-top:5px;}
.it_monitor .box .pro_img .thumb li{float:left; width:20%; cursor:pointer; }
.it_monitor .box .pro_text{float:left; width:50%; box-sizing:border-box; padding-left:30px;}
.it_monitor .box .pro_text h2{font-size:35px; letter-spacing:-2px; font-weight:500; margin-bottom:10px;}
.it_monitor .box .pro_text h2 span{color:#1860ad;}
.it_monitor .box .pro_text .icon{margin-top:30px; border-top:1px solid #eee; border-left:1px solid #eee;}
.it_monitor .box .pro_text .icon li{float:left; width:33.33%;text-align:center; padding:28px 0; border-bottom:1px solid #eee; border-right:1px solid #eee;}
.it_monitor .box .pro_text .icon li:hover{background:#f5f5f5;}
.it_monitor .box .pro_text .icon li svg{font-size:40px; margin-bottom:10px; color:#666;}
.it_monitor .box .pro_text .icon li p{font-size:14px;}
.it_monitor .box h3.title{margin-bottom:10px; font-size:22px; font-weight:500; letter-spacing:-1px; clear:both;}
.it_monitor .box h3.title svg{font-size:17px; color:#1860ad;}
.it_monitor .box .s_table tr td{text-align:center; border-left:1px dashed #e1e1e1;}
.it_monitor .box .acc_list{margin-top:20px;}
.it_monitor .box .acc_list li{text-align:center; float:left; width:25%;}
.it_monitor .box .acc_list li img{border:1px solid #eee;}
.it_monitor .box .acc_list li p{margin-top:10px;}
.it_monitor .box01{display:block;}
.it_monitor .box05 section:after{content:"";display:block; clear:both;}
.it_monitor .box05 section{border-bottom: 1px dashed #ddd; padding-bottom:50px;}
.it_monitor .box05 section:last-child{border-bottom:none; padding-bottom:0;}
.it_monitor .box05 .section01{text-align:center;}
.it_monitor .box05 .section01 .title{text-align:left;}
.it_monitor .box05 .section01 p{font-size:22px; letter-spacing:-1px; margin-top:20px;}
.it_monitor .box05 .section01 p b{color:#1860ad; font-weight:500;}
.it_monitor .box05 section .left{float:left; width:50%; box-sizing:border-box; padding-right:20px;}
.it_monitor .box05 section .left .text{padding-left:25px;}
.it_monitor .box05 section .right{float:left; width:50%; text-align:center;}
.it_monitor .box05 section .right p{text-align:left; padding-left:25px;}
.it_monitor .box06 section{margin-bottom:70px;}
.it_monitor .box06 h3.title{margin-top:30px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.it_monitor .box06 .pro_img .thumb li{width:25%;}

.it_board .box{margin-bottom:70px;}
.it_board .box:after{content:"";display:block;clear:both;}
.it_board .box .pro_img{width:50%; float:left;}
.it_board .box .pro_text{float:left; width:50%; box-sizing:border-box; padding-left:30px;}
.it_board .box .pro_text h2{font-size:35px; letter-spacing:-2px; font-weight:500; margin-bottom:10px;}
.it_board .box .pro_text h2 span{color:#1860ad;}

.it_dexter section:after{content:"";display:block; clear:both;}
.it_dexter section{margin-bottom:100px;}
.it_dexter section h3.title{margin-bottom:20px; font-size:22px; font-weight:500; letter-spacing:-1px; clear:both; border-bottom: 1px solid #eee; padding-bottom:10px; text-align:left;}
.it_dexter section h3.title svg{font-size:17px; color:#1860ad;}
.it_dexter .box01{text-align:center;}
.it_dexter .box01 p{font-size:25px; letter-spacing:-2px; line-height:120%; margin-top:20px;}
.it_dexter .box01 p span{color:#0086d8;}
.it_dexter .box02{text-align:center;}
.it_dexter .box03{text-align:center;}
.it_dexter .box04 .img{text-align:right; float:left; width:50%;}
.it_dexter .box04 .text{padding-left:15px; padding-top:30px; float:left; width:50%; box-sizing:border-box;}
.it_dexter .box04 .text b{font-size:35px; font-weight:500; color:#1860ad; display:block; margin-bottom:20px; letter-spacing:-1px;}
.it_dexter .box04 .text span{margin-left:-15px;}
.it_dexter .box05 .img li{float:left; width:50%; text-align:center;}
.it_dexter .box05 .img li p{margin-top:5px; font-size:16px; font-weight:600;}


/*IT사업부 - 온라인몰*/
.sub03_03 .mall{border-top:1px solid #eee; border-left:1px solid #eee;}
.sub03_03 .mall li{float:left; width:25%; text-align:center; border:1px solid #eee; border-top:0; border-left:0; padding: 50px 0;}
.sub03_03 .mall li h2{margin-top:10px;}
.sub03_03 .mall li .view{font-size:13px; border:1px solid #ddd; padding: 5px 15px; display:inline-block; margin-top:15px;}
.sub03_03 .mall li .view:hover{background:#333; color:#fff;}

/*조명사업부-생산*/
.sub04_03 section{margin-bottom:50px;}
.sub04_03 .big_title{font-size:20px; margin-bottom:20px; font-weight:500; letter-spacing:-1px; border-bottom:1px solid #eee; padding-bottom:10px;}
.sub04_03 .list li{float:left; width:50%; box-sizing:border-box; margin-bottom:20px;}
.sub04_03 .list li:nth-child(odd){padding-right:15px;}
.sub04_03 .list li:nth-child(even){padding-left:15px;}
.sub04_03 .list li h2{margin-bottom:10px; font-weight:500; letter-spacing:-1px; font-size:16px;}
.sub04_03 .list li h2 svg{color:#005594;}

/* footer*/
#site_map{background:#f5f5f5; padding:40px 0;}
#f_nav{padding:0 15px;}
#f_nav > li{float:left; width: 20%; box-sizing:border-box; padding:0 10px;}
#f_nav > li > a{font-size:18px; display:block; padding:8px 10px; border-bottom:1px solid #d7d7d7; margin-bottom:5px;}
#f_nav .sub_menu li a{padding:6px 10px; display:block;}
#bottom{background:#252525; padding: 30px 0; color:#fff;}
#bottom .link{margin-bottom:20px;}
#bottom .link li{float:left;}
#bottom .link li a{color:#fff; display:block; padding: 0 15px; border-left:1px solid #fff; line-height:10px;}
#bottom .link li:first-child a{padding-left:0; border-left:0;}
#bottom address{line-height:20px;}


@media (min-width:769px) and (max-width:1200px){/*테블릿*/

		/*header*/
		#nav > li > a{font-size:15px; padding:12px 0;}

		/*sub*/
		#snb > ul > li{font-size:14px; padding:10px 20px;}
		#sub{padding:60px 25px 80px;}

		/*자동화사업부-생산*/
		.sub02_02 .box01 .step li{width:33.33%;}

		/*IT사업부 - 제품소개 리스트*/
		.sub03_02 .category li div{padding:20px;}
		.sub03_02 .category li div b{font-size:30px;}
}

@media (max-width:768px){/*모바일*/
		.content_wrap{padding: 0 10px;}

		/*header*/
		#header .lang{margin:10px 0;}
		#h_logo img{max-width:65%;}
		#nav_wrap{margin-top:20px; border-top:0; position:relative;}
		#nav_btn{display:block; padding:10px 0; font-size:17px; font-weight:600; cursor:pointer; color:#fff; background:#20519e;}
		#nav{z-index:99; position:absolute; top:100%; left:-100%; background:rgba(255,255,255,0.96); width:100%; padding:0;}
		#nav > li{float:none; width:100%; border-bottom:1px solid #eee;}
		#nav > li > a{background:none; padding:12px 0;}
		#nav > li:hover > a{background:#2d84e0; color:#fff;}
		#nav  .sub_menu{position:relative;}
		#nav  .sub_menu{color:#2d84e0; background:none;}
		#nav  .sub_menu li a:before{content:"- ";}

		/*main*/
		#m_business{margin:30px auto;}
		#m_business .title{margin-bottom:20px;}
		#m_business .title h2{font-size:30px; margin-bottom:5px;}
		#m_business .title p{padding: 0 10px;}
		#m_business .banner li{width:100%; padding: 0 10px 30px; text-align:center;}
		#m_business .banner li h2{margin:10px 0 5px;}
		#m_business .banner li p{min-height:0;}

		#m_company{padding:50px 0;}
		#m_company .title h2{font-size:30px; margin-bottom:15px;}
		#m_company .view{margin-top:20px;}

		#m_cs{margin:30px auto;}
		#m_cs .cs{width:100%; padding:0;}
		#m_cs .cs .img{width:100%; text-align:center; margin-bottom:15px;}
		#m_cs .cs .img img{max-width:40%;}
		#m_cs .cs .text{width:100%; text-align:center;}
		#m_cs .map{width:100%; margin-top:20px;}

		/*sub*/
		#s_top{background-size:cover !important; height:auto;}
		#s_top div{font-size:14px; line-height:20px;padding:20px 10px;}
		#s_top div span{font-size:15px;}
		#snb{display:none;}
		/*#snb > ul > li{font-size:13px; padding:7px 10px;}
		#snb > ul > li span{margin-left:0;}
		#snb > ul > li .sub_menu{padding:5px 0;}
		#snb > ul > li .sub_menu li a{font-size:13px; padding:7px 10px;}*/
		#sub{padding:20px 10px 50px;}
		#sub .p_title{font-size:30px; margin-bottom:15px;}
		#content{font-size:14px;}
		p{line-height:20px;}
		.s_table tr th, .s_table tr td{padding:5px 0; font-size:13px;}

		/*회사개요*/
		.sub01 .text{margin-bottom:20px;}
		.sub01 .icon li{width:100%; margin-bottom:30px; padding:0 5px;}
		.sub01 .icon li svg{font-size:40px;}

		.sub01 .motiv ul li{width:50%;}

		/*인사말*/
		.sub01_02 .big{font-size:18px; margin-bottom:10px;}
		.sub01_02 .img img{max-width:70%;}

		/*사업부소개*/
		.sub01_04 .team li{width:100%; padding: 0 10px 30px; text-align:center;}
		.sub01_04 .team li h2{margin:10px 0 5px;}
		.sub01_04 .team li p{min-height:0;}
		.sub01_04 .icon li{width:100%; margin-bottom:30px; padding:0 5px;}
		.sub01_04 .icon li svg{font-size:40px;}

		/*연혁*/
		.sub01_05 .text{margin-bottom:10px;}
		.sub01_05 .text h2{font-size:22px;}
		.sub01_05 .text p svg{font-size:25px;}
		.sub01_05 .history{padding:20px 0;}
		.sub01_05 .history li{width:100%; background:#fff; margin-bottom:30px; border:1px solid #ddd; text-align:center !important;}
		.sub01_05 .history li:nth-child(odd){margin-left:0; padding:0;}
		.sub01_05 .history li:nth-child(even){margin-right:0; padding:0;}
		.sub01_05 .history li span{text-align:center; top:-10px; left:50% !important; margin-left:-10px;}
		.sub01_05 .history li .year{text-align:center; font-size:30px; letter-spacing:-2px; margin-top:10px; margin-bottom:0;}
		.sub01_05 .history li p{padding:5px 10px 10px; border:0;}
		.sub01_05 .history li p b{margin-left:0;}

		/*오시는길*/
		.sub01_07 .info li{width:100%; margin-bottom:30px;}

		/*자동화사업부-제품정보*/
		.sub02 .box{position:static; padding:0; background:none;}


		/*자동화사업부-생산*/
		.sub02_02 .tab li{width:33.33%; font-size:13px;}
		.sub02_02 .box p{padding:10px;}
		.sub02_02 .img li{width:100%;}
		.sub02_02 .img li:nth-child(odd){padding-right:0;}
		.sub02_02 .img li:nth-child(even){padding-left:0;}
		.sub02_02 .box01 .big{font-size:22px; letter-spacing:-1px;}
		.sub02_02 .box01 .big span{display:none;}

		/*IT사업부 - 제품소개 리스트*/
		.sub03_02 .category li{width:100%; text-align:right;}
		.sub03_02 .category li img{max-width:70%;}
		.sub03_02 .category li div{padding:15px; text-align:left; min-width:200px;}
		.sub03_02 .category li div b{font-size:30px;}

		/*IT사업부 - 제품소개 페이지*/
		.it_monitor .tab li{width:33.33%; padding:10px 0;}
		.it_monitor .box .pro_img{width:100%; margin-bottom:20px;}
		.it_monitor .box .pro_text{width:100%; padding-left:0;}
		.it_monitor .box .pro_text h2{font-size:25px; letter-spacing:-1px; margin-bottom:5px;}
		.it_monitor .box .pro_text .icon{margin-top:15px;}
		.it_monitor .box .pro_text .icon li{width:25%; padding: 18px 0;}
		.it_monitor .box .pro_text .icon li svg{font-size:30px;}
		.it_monitor .box .acc_list li{width:50%; margin-bottom:20px;}
		.it_monitor .box05 section .left{width:100%; padding-right:0;}
		.it_monitor .box05 section .right{width:100%; text-align:center; margin-top:30px;}

		.it_board .box .pro_img{width:100%; margin-bottom:20px;}
		.it_board .box .pro_text{width:100%; padding-left:0;}
		.it_board .box .pro_text h2{font-size:25px; letter-spacing:-1px; margin-bottom:5px;}

		.it_dexter section{margin-bottom:50px;}
		.it_dexter .box04 .img{text-align:center;width:100%;}
		.it_dexter .box04 .text{padding:0 0 20px 15px;width:100%;}



		/*IT사업부 - 온라인몰*/
		.sub03_03 .mall li{width:50%; padding:30px 0;}
		.sub03_03 .mall li img{max-width:50%;}

		/*조명사업부-생산*/
		.sub04_03 .list li{width:100%; margin-bottom:20px;}
		.sub04_03 .list li:nth-child(odd){padding-right:0;}
		.sub04_03 .list li:nth-child(even){padding-left:0;}


		/* footer*/
		#site_map{display:none;}
		#bottom .link li a{padding: 0 5px;}
}

/* 1121 추가 */
.mb_50{margin-bottom: 50px;}

.it_monitor .box .pro_img img{
	max-height: 530px;
  width: 100%;
  object-fit: cover;
}
.it_monitor .box .pro_img .thumb.box07 li{ width: 16.6%; }
.it_monitor .box .pro_text .icon.box07 li{padding: 0;cursor: pointer;}
.popup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;align-items: center;justify-content: center;z-index: 1000;display: flex;}
.popup.active {opacity: 1;visibility: visible;}
.swiper-slide img {width: auto;height: 70vh;object-fit: contain;}
.swiper-slide {display: flex !important;justify-content: center;}
.swiper-wrapper {max-width: 1000px;}
.swiper-button-next, .swiper-button-prev {z-index: 1100 !important;width: 60px !important;height: 60px !important;border-radius: 50%;background: #0a0a0a;color: #fff !important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {transform: scale(.6);font-weight: 900;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {transform: scale(.6);font-weight: 900;margin-left: 6px;}
.close-button {
  position: absolute;
  bottom: 20px; /* 하단에 고정 */
  right: 20px; /* 좌측 고정 */
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
  z-index: 1100;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: background 0.3s;
}
.sub03_02_01a .tab li {
    width: 50% !important;
}
@media (max-width:768px){
	.swiper-slide img {width: auto;height: 40vh;object-fit: contain;}
	.swiper-button-next, .swiper-button-prev {width: 30px !important;height: 30px !important;}
	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {transform: scale(.2)}
	.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {transform: scale(.2);}
	.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
margin-left: 3px;}
}