@charset "utf-8";

/* visual */
.subvisual_wrp {width:100%; position: relative;}
.subvisual_wrp .slider_btn {position:absolute;}
.subvisual_wrp .slider_btn li button {display: block; width: 10px; height: 10px; border-radius: 50px; cursor: pointer; background: rgba(255,255,255,0.5); box-shadow: 0 1px 5px rgba(0,0,0,0.2);}
.subvisual_wrp .slider_btn li button.active {width:36px; background:#fff;}
.subvisual_wrp .visual_img p {display:none; animation: fadeInOut 20s infinite;}
.subvisual_wrp .visual_img p.active {display:block;}

.top_quick_wrap {height:50px; width:100%; background:#1a436d; position: relative}
.top_quick_pcwrp {display:flex;}
#menu_tit_lst, #submenu_tit_lst {display:none;}

.top_quick_wrap .homebtn {background:#396590; height:50px; text-align:center; padding-top:10px; box-sizing: border-box; flex-grow: 0; flex-shrink:0; flex-basis:50px; width:auto}
.top_quick_wrap .menu_lst {position: relative;}
.top_quick_wrap .menu_lst #menu_lstbtn {height:50px; background:url(../media/top_arr.png) no-repeat right 10px center #0a2c4f; line-height:50px; padding:0 15px; box-sizing: border-box; width:160px; color:#fff; font-size:20px; font-weight:500; cursor: pointer;}
.top_quick_wrap .submenu_lst_mobile {flex-grow: 0; flex-shrink:0; flex-basis: 40%; width:auto; box-sizing: border-box; position: relative;}
.top_quick_wrap .submenu_lst_mobile #submenu_lstbtn {line-height:50px; color:#ffba35; font-size:18px; font-weight:500; padding-left:15px; cursor: pointer;}
#menu_tit_lst {width:100%; position:absolute; left:0; top:50px; background:#132b4e; border-radius:0 0 10px 10px; z-index:10; box-sizing: border-box; padding:10px;}
#menu_tit_lst li {padding:5px 0; border-bottom:1px solid #94a1bd;}
#menu_tit_lst li a {display:block; color:#94a1bd; padding:10px 0;}
#menu_tit_lst li a:hover{color:#ffba35;}
#menu_tit_lst li:last-child {border-bottom:0;}
#submenu_tit_lst {width:100%; position:absolute; left:0; top:50px; background:#24426c; border-radius:0 0 10px 10px; z-index:10; box-sizing: border-box; padding:10px;}
#submenu_tit_lst li {padding:5px 0; border-bottom:1px solid #94a1bd;}
#submenu_tit_lst li a {display:block; color:#94a1bd; padding:10px 0;}
#submenu_tit_lst li a:hover{color:#ffba35;}
#submenu_tit_lst li:last-child {border-bottom:0;}

.subcontents_wrap {min-height:400px;}

.sub_side .subside_pc {position:fixed; width:100px; height:433px; right:0; top:365px; border-radius:20px 0 0 20px; border:1px solid #d7d7d7; border-right:0; overflow: hidden; z-index: 1;}
.sub_side .subside_pc .top {background:#c0c0c0; height:38px; line-height:38px; text-align:center;}
.sub_side .subside_pc li a {height:91px; box-sizing: border-box; display:block; font-size:16px; color:#6a6a6a; text-align:center; font-weight:500; padding-top:63px; border-bottom:1px solid #d7d7d7; letter-spacing: 0.5px;}
.sub_side .subside_pc li:last-child a {border-bottom:0;}
.sub_side .subside_pc .lst01 a {background:url(../media/side_icon01.png) no-repeat center 15px #fff;}
.sub_side .subside_pc .lst02 a {background:url(../media/side_icon02.png) no-repeat center 12px #fff;}
.sub_side .subside_pc .lst03 a {background:url(../media/side_icon03.png) no-repeat center 10px #fff;}
.sub_side .subside_pc .lst04 a {background:url(../media/side_icon04.png) no-repeat center 10px #fff;}
.sub_side .subside_pc li a:hover {color:#505ae6; transition: 0.4s;}
.sub_side .subside_pc .lst01 a:hover {background:url(../media/side_icon01a.png) no-repeat center 15px #fff;}
.sub_side .subside_pc .lst02 a:hover {background:url(../media/side_icon02a.png) no-repeat center 12px #fff;}
.sub_side .subside_pc .lst03 a:hover {background:url(../media/side_icon03a.png) no-repeat center 10px #fff;}
.sub_side .subside_pc .lst04 a:hover {background:url(../media/side_icon04a.png) no-repeat center 10px #fff;}

.sub_side .txt {font-size:16px; font-weight:400; color:#c7cfde; height:31px; line-height:29px; text-align:center; background:#47597d;}
.subside_mb {display:none;}

.table table {width:100%; line-height:150%;}
.table table thead th {font-size:20px; font-weight:500; color:#fff; border:1px solid #bfbfbf; border-right:1px solid #fff; padding:15px 5px; text-align: center; vertical-align: middle; box-sizing: border-box}
.table table tbody th {background:#f3f3f3; font-size:18px; font-weight:400; color:#2b2b2b; border:1px solid #bfbfbf; padding:13px 5px; box-sizing: border-box; vertical-align: middle;}
.table table tbody td {border:1px solid #bfbfbf; text-align: center; vertical-align: middle; padding:13px 5px; box-sizing: border-box; font-size:18px; font-weight:300; color:#414141}
.table .tb01 thead {background:#ffa545;}
.table table thead th:last-child {border-right:1px solid #bfbfbf;}

/* 서브페이지 공통 */
.subcontents_wrap .h4 {font-size:25px; font-weight:600; color:#171717; background:url(../media/h4blt.png) no-repeat left center; padding:10px 0 10px 45px;}
.subcontents_wrap .h5 {font-size:20px; font-weight:600; color:#383838; background:url(../media/h5blt.png) no-repeat left center; padding:10px 0 10px 45px;}
.subcontents_wrap .h6 {font-size:18px; font-weight:500; color:#383838; background:url(../media/ball_dot.png) no-repeat left center; padding:10px 0 10px 35px;}

/* 솔루션 */
.subpage_title {background:url(../media/slash.gif) repeat; border-radius:10px; padding:4px; box-sizing: border-box; margin-bottom:65px;}
.subpage_title .tit_txtbox {background:#fff; border-radius:10px; padding:10px; box-sizing: border-box; text-align: center;}
.subpage_title .tit_txtbox .imagebox {width:1369px; height:328px; background:rgb(143, 143, 143); border-radius:10px; box-sizing: border-box; margin-bottom:18px; overflow: hidden;}
.subpage_title .tit_txtbox .logotit span {font-size:24px; font-weight:600; color:#ff8e29; display:inline-block; padding-top:10px; vertical-align:sub;}
.subpage_title .tit_txtbox .logotit img {vertical-align: middle;}
.subpage_title .tit_txtbox .txtbar {color:#fff; margin:15px 0; padding:7px 15px; display:inline-block; color:#fff; font-size:18px; font-weight:400; background:#ff8828;}
.subpage_title .tit_txtbox .txt {font-size:20px; font-weight:400; color:#202020; margin-bottom:10px;}
.solution_intro_video {margin:20px 0 85px;}
.solution_intro_video iframe {width:100%; height:776px; border-radius:10px;}

.funct > div {position: relative; border-radius:40px; background:#f5f5f5; padding:30px 690px 45px 35px; box-sizing: border-box; height:327px; letter-spacing:-0.5px; margin-top:20px;}
.funct > div.box02 {padding:45px 30px 45px 730px; margin:40px 0 50px;}
.funct > div > p {font-size:20px; font-weight:400; line-height:250%;}
.funct > div > p span {font-weight:500;}
.funct .colr01 {color:#1578ff}
.funct .colr02 {color:#ff6c13}
.funct > div::before {content: ''; display:block; position: absolute; width:948px; height:327px; top:0;}
.funct > div.box01::before {background:url(../media/funct_img01.png) no-repeat; right:-250px;}
.funct > div.box02::before {background:url(../media/funct_img02.png) no-repeat; left:-250px;}

.metawrp {padding:15px; border:1px solid #d5d5d5; border-radius:10px; margin:20px 0 85px;}
.metawrp .img {text-align:center;}
.metawrp ul {margin-top:15px; background:#f0f0f0; padding:20px 10px 20px 25px; border-radius:10px;}
.metawrp li {background:url(../media/dot.png) no-repeat 0 center; padding-left:25px; font-size:20px; font-weight:400; color:#3c3c3c; line-height:190%;}

.productbox {margin:20px 0 95px;}
.productbox ul {display: flex; justify-content: space-between;}
.productbox .img {border-radius:10px; overflow:hidden; width:436px; height:313px;}
.productbox .img img {max-width: 100%; height:auto;}
.productbox .img:hover img {transform: scale(1.1); transition: 0.5s;}
.productbox .txt {text-align:center; font-size:20px; font-weight:400; color:#292929; margin-top:25px;}
.productbox li::before {content:''; display:block; position:absolute; right:-23px; top:0; background:url(../media/y_dot.gif) repeat-y; width:1px; height:370px;}
.productbox li {position: relative;}
.productbox li:last-child::before {display:none;}
.productbox a:hover .txt {color:rgb(255, 111, 0); transition: 0.5s; font-weight:500;}

.contents_box .con_txt {display:none;}
.contents_box .on .con_txt {display:block;}
.solution_contbox .on .con_txt {display:flex; align-items: center;}
.contents_box {padding:65px 0 40px; position: relative; margin-top:20px;}

.contents_box .con_txt {border:3px solid #eaeaea; background:url(../media/contentsbox_bg.gif) no-repeat right bottom #fff; padding:10px; height:320px; box-sizing: border-box;}

.contents_box .con_box h4 a {display:block; width:221px; height:52px; line-height:52px; text-align:center; font-size:18px; font-weight:400; color:#202020; background:#f2f2f2; border:1px solid #e0e0e0; box-sizing: border-box; position:absolute; top:0;}
.contents_box .con_box.on h4 a, .contents_box .con_box h4 a:hover {background:#ff9c3b; color:#fff; font-weight:600; transition:0.4s;}
.contents_box .con01 h4 a {left:0;}
.contents_box .con02 h4 a {left:235px;}
.contents_box .con03 h4 a {left:472px;}
.contents_box .con04 h4 a {right:472px;}
.contents_box .con05 h4 a {right:235px;}
.contents_box .con06 h4 a {right:0;}
.contents_box .con_txt .txt {font-size:20px; font-weight:400; color:#444444; padding:50px; line-height:220%;}

.energy_inro {margin-bottom:85px;}
.energy_inro p.txt {font-size:20px; font-weight:400; color:#1f1f1f; background:url(../media/ball_dot.png) no-repeat 20px center #f0f0f0; padding:25px 10px 25px 60px; border-radius:10px; margin:20px 0;}
.energy_inro li a {display:block; width:449px; height:329px; position: relative; overflow:hidden; border-radius:10px;}
.energy_inro li a img { height:auto;}
.energy_inro li a span {display:block; position:absolute; bottom:0; width:100%; text-align:center; font-size:20px; font-weight:500; color:#fff; background:#00000076; padding:15px 0;}
.energy_inro li a:hover {transform: translateY(-10px);box-shadow: 0 0 15px rgb(0 0 0 / 32%); transition:0.5s;}
.energy_inro li a:hover span {color:rgb(255, 236, 70); transition: 0.5s; font-weight:500;}
.energy_inro ul {display:flex; justify-content: space-between}

.energy_func {margin:20px 0 80px;}
.energy_func .h5 {margin-left:10px;}
.farmdiv {padding:10px; border-radius:10px; border:1px solid #d5d5d5; position: relative; margin:20px 0 40px;}
.farmdiv .img {padding:20px 20px 30px;}
.farmdiv ul {position:absolute; right:75px; top:35px}
.farmdiv ul li span { font-weight:500; color:#fff; display:inline-block; width:30px; height:30px; background:#ff6c14; margin-right:10px; text-align:center; border-radius:50%;}
.farmdiv ul li {font-size:20px; line-height:30px; font-weight:400; color:#2d2d2d; margin-bottom:20px;}
.farmdiv ul li:last-child {margin-bottom:0;}
.farmdiv .farmtextbox {border-radius:10px; background:#f0f0f0; padding:10px; box-sizing: border-box;}
.farmdiv .farmtextbox .tit {font-size:20px; font-weight:600; color:#fff; text-align:center; padding:12px 0; border-radius:10px; background:#6b85a0;}
.farmdiv .farmtextbox .txt {padding:10px; font-size:18px; font-weight:400; color:#414141; line-height:180%;}

.microgrid .img {text-align:center; margin:40px 0;}

.microgrid > div li {float:left; width:33.3%; text-align: center; margin-bottom:45px; position: relative;}
.microgrid > div li p {font-size:20px; font-weight:400; color:#292929; padding:20px 0;}

.microgrid > div li::before {content:''; display:block; position:absolute; right:0; top:0; background:url(../media/y_dot.gif) repeat-y; width:1px; height:372px;}
.microgrid > div li:nth-child(3)::before, .microgrid > div li:nth-child(6)::before{display:none;}
.energy_product p.tit {border-radius:5px; background:linear-gradient( to right, #4a9cff, #7c1cff); text-align:center; color:#fff; font-size:20px; font-weight:600; padding:10px 0; margin:25px 0 20px;}
.energy_product ul {margin-bottom:40px;}
.energy_product ul li {float:left; width:33.3%; text-align: center; margin-bottom:45px; position: relative;}
.energy_product ul li::before {content:''; display:block; position:absolute; right:0; top:0; background:url(../media/y_dot.gif) repeat-y; width:1px; height:372px;}
.energy_product ul.four li {width:25%;}
.energy_product li p {font-size:20px; font-weight:400; line-height:140%;}
.energy_con .energy_contxt {display:none; border:3px solid #eaeaea; background:#fff; padding:10px; box-sizing: border-box;}
.energy_con .on .energy_contxt {display:block;}

.contents_box.energy_con  .con_box h4 a {width:265px;}
.contents_box.energy_con  .con01 h4 a {left:0;}
.contents_box.energy_con  .con02 h4 a {left:284px;}
.contents_box.energy_con  .con03 h4 a {left:50%; transform: translate(-50%);}
.contents_box.energy_con  .con04 h4 a {right:284px;}
.contents_box.energy_con  .con05 h4 a {right:0;}

.energy_con .energy_con0101 .txt {background:#f0f0f0; font-size:18px; font-weight:400; line-height:180%; color:#414141; padding:15px 20px; border-radius:10px; margin:10px 0 55px;} 
.energy_con .energy_con0101 .img {text-align:center; margin:30px;}
.energy_con .energy_con0102 div {margin:50px 0;}
.energy_con .energy_con0102 div ul {display:flex; justify-content: space-between; padding:0 60px;}
.energy_con .energy_con0102 li {width:294px; height:206px; position: relative; border-radius:5px;box-sizing: border-box; text-align:center; padding:15px;}
.energy_con .energy_con0102 li.sol_01 {border:2px solid #c47cfd;}
.energy_con .energy_con0102 li.sol_02 {border:2px solid #9f7afd;}
.energy_con .energy_con0102 li.sol_03 {border:2px solid #8496fd;}
.energy_con .energy_con0102 li.sol_04 {border:2px solid #436cc9;}
.energy_con .energy_con0102 li .num {position:absolute; left:12px; top:-20px;}
.energy_con .energy_con0102 li .txt {font-size:20px; font-weight:500; letter-spacing:-0.5px; line-height:120%; margin-top:14px;}
.energy_con .energy_con0102 li.sol_01 .txt {color:#c47cfd}
.energy_con .energy_con0102 li.sol_02 .txt {color:#9f7afd}
.energy_con .energy_con0102 li.sol_03 .txt {color:#8496fd}
.energy_con .energy_con0102 li.sol_04 .txt {color:#436cc9}
.energy_con .energy_con0102 li::before {content:''; display:block; position:absolute; width:14px; height:14px; left:50%; transform: translate(-50%); bottom:-8px;}
.energy_con .energy_con0102 li.sol_01::before {background:url(../media/energy_cont_icon01a.png) no-repeat;}
.energy_con .energy_con0102 li.sol_02::before {background:url(../media/energy_cont_icon02a.png) no-repeat;}
.energy_con .energy_con0102 li.sol_03::before {background:url(../media/energy_cont_icon03a.png) no-repeat;}
.energy_con .energy_con0102 li.sol_04::before {background:url(../media/energy_cont_icon04a.png) no-repeat;}

.energy_con .energy_con0102 .imgbg {text-align:center; margin-bottom:50px;}
.energy_con .con02 .energy_contxt .txtbox {border-radius:10px; padding:10px; background:#f0f0f0; margin:10px 0; box-sizing: border-box;}
.energy_con .con02 .energy_contxt .txtbox .tit {border-radius:10px; padding:10px 0; color:#fff; font-size:20px; font-weight:500; text-align:center;}
.energy_con .con02 .energy_contxt .txtbox .t01 {background:#6b85a0;}
.energy_con .con02 .energy_contxt .txtbox .t02 {background:#3c5471;}
.energy_con .con02 .energy_contxt .txtbox .txt {font-size:18px; color:#414141; padding:10px 10px 20px; line-height:180%;}
.energy_con .con02 .img {text-align:center;}

.energy_con .con03 .txtbox {background:#f0f0f0; font-size:18px; font-weight:400; line-height:180%; color:#414141; padding:15px 20px; border-radius:10px; margin:10px 0 55px;} 
.energy_con .con03 .infra {margin:15px 0 75px;}
.energy_con .con03 .infra ul {display:flex; justify-content:space-between;}
.energy_con .con03 .infra li {text-align:center; border-right:1px solid #dedede; width:14.2%; box-sizing: border-box;}
.energy_con .con03 .infra li:last-child {border-right:0;}
.energy_con .con03 .infra li p {font-size:18px; font-weight:400; color:#333; margin-top:15px;}
.energy_con .con03 p.img {text-align: center; margin:20px 0 45px;}
.energy_con .con03 .table {margin:20px 0 40px;}

.energy_con .con04 p.img {text-align:center; margin:20px 0 40px;}
.energy_con .con04 .txtbox {border-radius:10px; background:#f0f0f0; box-sizing: border-box; padding:15px 20px; font-size:18px; margin-bottom:55px;}
.energy_con .con04 .txtbox dt {color:#ff7430; font-weight:500; margin:5px 0;}
.energy_con .con04 .txtbox dd {color:#414141; font-weight:400; margin-bottom:40px; line-height:180%;}
.energy_con .con04 .micro02 {margin-top:30px;}
.energy_con .con04 .sellbox {background:url(../media/slash.gif) repeat; padding:3px; position: relative; margin-top:80px;}
.energy_con .con04 .sellbox div {background:#fff; padding:35px 15px;}
.energy_con .con04 .sellbox .tit {font-size:20px; font-weight:600; color:#fff; width:178px; height:47px; line-height:47px; text-align:center; border-radius:50px; position:absolute; top:-21px; left:50%; transform:translate(-50%); background:#ff942b;}
.energy_con .con04 .sellbox .txt {font-size:18px; font-weight:400; color:#787878; text-align:center; padding:10px; border-radius:10px; background:#f1f1f1; line-height:160%;}

.energy_con .con05 p.txtbox {background:#f0f0f0; font-size:18px; font-weight:400; line-height:180%; color:#414141; padding:15px 20px; border-radius:10px; margin:10px 0 55px;} 

.energy_con .con05 dl {border-radius:10px; background:#f0f0f0; box-sizing: border-box; padding:15px 20px; font-size:18px; margin-bottom:55px;}
.energy_con .con05 dl dt {color:#ff7430; font-weight:500; margin:5px 0;}
.energy_con .con05 dl dd {color:#414141; font-weight:400; line-height:180%;}
.energy_con .con05 .sellbox {background:url(../media/slash.gif) repeat; padding:3px; position: relative; margin-top:50px;}
.energy_con .con05 .sellbox > div {background:#fff; padding:35px 15px;}
.energy_con .con05 .sellbox .tit {font-size:20px; font-weight:600; color:#fff; width:230px; height:47px; line-height:47px; text-align:center; border-radius:50px; position:absolute; top:-21px; left:50%; transform:translate(-50%); background:#ff942b;}
.energy_con .con05 p.img {text-align:center; margin:50px 0 70px;}
.energy_con .con05 .sell_imgwrp ul {display: flex; justify-content: space-between}

.energy_con .con05 .sell_imgwrp .iot_img {border-radius:10px; border:3px solid #ededed; height:186px; padding:15px 0; margin-bottom:20px; box-sizing: border-box;}
.energy_con .con05 .sell_imgwrp .iotli {width:560px;}
.energy_con .con05 .sell_imgwrp li {width:334px; text-align: center;}
.energy_con .con05 .sell_imgwrp .iotli .iot_img {padding:22px 0;}
.energy_con .con05 .sell_imgwrp .txt {font-size:18px; font-weight:400; color:#414141;}
.energy_con .con05 .fep_imgwrp p.img {margin:50px 0;}
.josun_infor {margin-bottom:95px;}
.josun_infor .txtbox {background:#f0f0f0; font-size:20px; font-weight:400; line-height:180%; color:#414141; padding:15px 20px; border-radius:10px; margin:10px 0 55px;} 
.josun_infor .img {text-align:center;}
.josun_fun {margin-bottom:95px;}
.josun_fun .flex {display:flex; justify-content: space-between; background:url(../media/josun_img02.gif) no-repeat bottom center; height:590px; margin:10px 0 60px;}

.josun_fun .flex div .img img {display:none;}
.josun_fun .title {font-size:23px; font-weight:600; padding:10px 10px 20px; background:url(../media/slash.gif) repeat-x bottom; margin-bottom:20px; box-sizing: border-box;}

.josun_fun .public {width:624px;}
.josun_fun .hshi {width:737px;}
.josun_fun .title img {vertical-align: middle; margin-right:5px;}
.josun_fun .public .title {color:#329cff}
.josun_fun .hshi .title {color:#163fb2}
.josun_fun .expect .title {color:#ff8519}
.josun_fun .expect ul {display:flex; justify-content: space-around; padding-top:10px;}
.josun_fun .expect li .txt {text-align:center; font-size:18px; font-weight:500; margin-top:15px;}
.josun_fun .expect .exp01 .txt {color:#f5af34}
.josun_fun .expect .exp02 .txt {color:#ff9c0f}
.josun_fun .expect .exp03 .txt {color:#ff7928}
.josun_fun .expect .exp04 .txt {color:#8eb530}
.josun_fun .expect .exp05 .txt {color:#62a445}

.josun_fun .expect li {position:relative;}
.josun_fun .expect li::before {content:''; display:block; background:url(../media/josun_arr.gif) no-repeat; width:23px; height:31px; position:absolute; top:50%; transform: translate(-50%); right:-60px;}
.josun_fun .expect li:last-child:before {display:none;}
.josun_product {margin-top:20px;}
.josun_product .protxtbox {background:url(../media/josun_product_bg.gif) no-repeat left; height:363px; align-items: center; justify-content: flex-end; display: flex;}
.josun_product .protxtbox p {width:752px; height:308px; box-sizing: border-box; padding:10px 25px; font-size:18px; font-weight:400; color:#515151; border-radius:10px; background:#fff; box-shadow:2px 2px 5px #00000026; line-height:270%;}

.pro_imgflex {margin:50px 0;}
.pro_imgflex ul li {float:left; width:33.3%; text-align: center; position: relative;}
.pro_imgflex ul li::before {content:''; display:block; position:absolute; right:0; top:0; background:url(../media/y_dot.gif) repeat-y; width:1px; height:300px;}
.pro_imgflex li p {font-size:20px; font-weight:400; line-height:140%; margin-top:15px;}
.pro_imgflex ul li:last-child:before {display:none;} 

.josun_product .img {text-align:center; margin-bottom:50px;}

.ict_intro .txtbox {background:#f0f0f0; font-size:20px; font-weight:400; line-height:180%; color:#414141; padding:15px 20px; border-radius:10px; margin:10px 0 55px;}
.ict_intro .img {text-align:center; margin-bottom:95px;}

.ict_probox01 {background:url(../media/ict_proimg01.gif) no-repeat center left 200px #f9f9f9;}
.ict_probox02 {background:url(../media/ict_proimg02.gif) no-repeat center left 200px #f9f9f9;}
.ict_prolst > div {border-radius:10px; border-bottom:3px solid #ececec; height:384px; margin:10px 0 35px; display:flex; align-items: center}
.ict_prolst > div li {font-size:18px; font-weight:500; color:#303030; background:url(../media/ict_pro_blt.gif) no-repeat left center; padding:5px 0 5px 25px; margin-bottom:35px;}
.ict_prolst > div li:last-child {margin-bottom:0;}
.ict_prolst > div ul {padding-left:545px;}
.ict_prolst h5 {margin-top:20px;}
.ict_contents {border:3px solid #eaeaea; padding:15px;}
.ict_contents .txtbox {background:#f0f0f0; font-size:20px; font-weight:400; line-height:180%; color:#414141; padding:15px 20px; border-radius:10px; margin:10px 0}
.ict_contents div {display: flex; align-items: center; justify-content: space-evenly}

.smart_wrp .txtbox {background:#f0f0f0; font-size:20px; font-weight:400; line-height:180%; color:#414141; padding:15px 20px; border-radius:10px; margin:10px 0 55px;}
.smart_wrp .img {text-align:center;}

.subproduct .main_title_wrap {padding:211px 45px 0 45px; margin-bottom:55px;}
.subproduct .pro_tit01 {background:url(../media/product_tit_bg01.gif) no-repeat top center;}
.subproduct .pro_tit02 {background:url(../media/product_tit_bg02.gif) no-repeat top center;}

.subproduct .main_title_wrap div {height:153px; background:#184e6d; display:flex; align-items: center; justify-content: flex-end;}
.subproduct .main_title_wrap div p {font-size:20px; color:#fff; font-weight:300; line-height:195%;}
.subproduct .main_title_wrap div p span {font-weight:500; font-size:22px;}

.subproduct .dronfarm_intro {border-radius:10px; border:3px solid #ddd; padding:10px; box-sizing: border-box; margin:20px 0 90px;}
.subproduct .dronfarm_intro ul {display:flex; justify-content: space-evenly; background:url(../media/slash.gif) repeat-x bottom; padding:25px 220px 35px 220px; margin-bottom:15px;}
.subproduct .dronfarm_intro ul li {font-size:25px; font-weight:600;}
.subproduct .dronfarm_intro ul li.dron_txt01 {color:#445aff}
.subproduct .dronfarm_intro ul li.dron_txt02 {color:#873eff}
.subproduct .dronfarm_intro ul li.dron_txt03 {color:#b638ff}
.subproduct .dronfarm_intro .videowrp iframe {height:671px; width:100%;}
.subproduct .dronfarm_intro .videowrp {border-radius:10px; overflow: hidden;}
.subproduct .dron_intro {margin:20px 0 30px;}
.subproduct .dron_intro ul {display:flex; justify-content:space-between}
.subproduct .dron_intro a {display:block; font-size:18px; font-weight:500; text-align:center; padding:10px; box-sizing: border-box; border-radius:10px;}
.subproduct .dron_intro span {display:block; color:#f1780e; margin:30px 0 10px;}
.subproduct .dron_intro a p {padding-bottom:20px;}
.subproduct .dron_intro li {position: relative;}
.subproduct .dron_intro li::before {content:''; display:block; background:url(../media/y_dot.gif) repeat-y; width:1px; height:340px; position:absolute; top:10px; right:-15px;}
.subproduct .dron_intro li:last-child:before {display:none;}

.subproduct .dron_intro a:hover {transform: translateY(-10px);box-shadow: 0 0 15px rgba(0, 0, 0, 0.172); transition:0.5s; }
.subproduct .dron_intro a:hover img {border-radius:10px; transition:0.5s}

.subproduct .dron_intro a:hover span {color:#f15d0e; transition:0.5s;}
.subproduct .dron_intro a:hover p {color:rgb(0, 119, 255); transition:0.5s;}
.product_table_wrp {padding-bottom:50px; background:url(../media/slash.gif) repeat-x bottom; margin-bottom:40px;}
.product_table_wrp .small_tit {font-size:18px; font-weight:500; padding:10px 10px 10px 35px; color:#171717; background:url(../media/yellow_ball.gif) no-repeat 15px center; margin:15px 0;}
.product_table_wrp table tbody td {text-align:left; padding-left:15px;}
.product_table_wrp .downwrp {padding-top:265px; text-align:center; margin-top:30px;}
.product_table_wrp .downwrp button {border-radius:10px; font-size:18px; color:#fff; width:300px; height:55px; line-height:55px; text-align:center; margin:0 10px; font-weight:400;}
.product_table_wrp .downwrp button.templet_btn {background:rgb(255, 130, 5);}
.product_table_wrp .downwrp button.buy_btn {background:rgb(242, 86, 14);}

#dron_product01 .downwrp {background:url(../media/agri_img05.gif) no-repeat top center;} 
#dron_product02 .downwrp {background:url(../media/agri_img06.gif) no-repeat top center;} 
#dron_product03 .downwrp {background:url(../media/agri_img11.gif) no-repeat top center;} 
#dron_product04 .downwrp {background:url(../media/agri_img12.gif) no-repeat top center;} 

.product_table_wrp .sx_lstbox ul li {width:50%; float:left; display:flex; align-items: center; margin-bottom:20px;}
.product_table_wrp .sx_lstbox ul li p {font-size:20px; font-weight:600; color:#ff7f16}
.product_table_wrp .sx_lstbox ul li span {font-size:18px; font-weight:400; color:#2d2d2d; line-height:150%;}
.product_table_wrp .sx_lstbox .txtbox {padding:0 20px;}
.product_table_wrp .sx_lstbox .txtbox span {margin-top:10px; display:block;}

.subproduct .dronfarm_intro02 ul {background:none; margin-bottom: 0;}

.subproduct .indu_intro li::before {height:290px;}
.subproduct .indu_intro .txtbox {border-radius:10px; border:1px solid #ccc; background:#f4f4f4; color:#1f1f1f; font-size:18px; padding:10px 15px; box-sizing: border-box; line-height:180%; margin-top:20px;}

#indu_product01 .downwrp {background:url(../media/indu_img05.gif) no-repeat top center;} 
#indu_product02 .downwrp {background:url(../media/indu_img06.gif) no-repeat top center;} 
#indu_product03 .downwrp {background:url(../media/indu_img07.gif) no-repeat top center;} 
#indu_product04 .downwrp {background:url(../media/indu_img08.gif) no-repeat top center;} 

.product_table_wrp .videowrp iframe {width:100%; height:650px; margin-bottom:5px;}

.company_intro {background:url(../media/about_title_img.gif) no-repeat top center; padding-top:290px; margin-bottom:65px;}

.company_intro .tit {margin:0 60px; background:#323a53; display:flex; justify-content: space-between; align-items: center; font-size:23px; font-weight:400; color:#fff; padding-left:50px; margin-bottom:50px;}
.company_intro .tit .txt {font-size:35px; display:block;}
.company_intro .tit p.bold {font-weight:600;}
.company_intro .tit .txtwrp {line-height:190%}

.company_intro .text {line-height:180%; font-size:20px; font-weight:400; margin-bottom:40px;}
.company_intro .text .hello {display:block; font-size:28px; font-weight:700; color:#2a2929; margin-bottom:30px;}
.company_intro .text .col01 {color:#2c8fff}
.company_intro .text .col02 {color:#bb0077}
.company_intro .text .col03 {color:#2e7300}

.company_intro .icontxt {border-top:1px solid #c6c6c6;}
.company_intro .icontxt li {height:130px; display:flex; border-bottom:1px solid #c6c6c6; padding-left:140px; align-items: center}
.company_intro .icontxt li .btxt {font-size:25px; font-weight:600; color:#333; width:520px;}
.company_intro .icontxt li .txt {font-size:20px; font-weight:400; color:#434343;}
.company_intro .icontxt li.txt01 {background:url(../media/about_img01.gif) no-repeat 30px center;}
.company_intro .icontxt li.txt02 {background:url(../media/about_img02.gif) no-repeat 30px center;}

.company_ci p.txt {font-size:20px; font-weight:400; color:#2a2929; line-height:190%; padding:20px 15px;} 
.company_ci ul {margin:45px 0 80px;}
.company_ci li {margin-bottom:25px; height:55px; display: flex; align-items: center}
.company_ci li img {margin-right:70px;}
.company_ci li .color {width:100px; margin-right:50px; font-size:23px; font-weight:600;}
.company_ci li .bold {width:115px; margin-right:50px; font-size:23px; font-weight:600;}
.company_ci li .txt {font-size:20px; font-weight:400; color:#474747;}
.company_ci li .col01 {color:#e16d3d}
.company_ci li .col02 {color:#4087c7}
.company_ci li .col03 {color:#edba3b}
.organiz p {text-align:center; margin-top:50px;}

.history_title {height:133px; box-sizing: border-box; background-image: linear-gradient(to right, #0a63b2, #338ee9); position: relative;}
.history_title::before {content:''; display:block; background:url(../media/history_titimg.gif) no-repeat; position:absolute; right:0; bottom:0; width:165px; height:113px;}
.history_title .txt {background:url(../media/history_titimg.gif) no-repeat right bottom; font-size:40px; font-weight:600; color:#fff; text-align:center; padding:30px 0;}
.history_title .titimg {width:338px; margin:0 auto;}
.history_title .titimg img {margin-top:-35px;}

.history_wrap {padding-top:120px; position: relative;}
.history_wrap .con_txt {display:none;}
.history_wrap .on .con_txt {display:block;}
.history_wrap .con_box h4 a {display:block; width:253px; height:64px; box-sizing: border-box; font-size:18px; font-weight:600; color:#515151; text-align:center; padding-top:13px; border-radius:10px 10px 25px 25px; background:#dcdcdc; position:absolute; top:20px;}
.history_wrap .con_box.con01 h4 a {left:21%;}
.history_wrap .con_box.con02 h4 a {left:50%; transform: translate(-50%);}
.history_wrap .con_box.con03 h4 a {right:21%;}
.history_wrap .con_box h4 a::before {content:''; display:block; background: url(../media/history_tab01.png) no-repeat; width:33px; height:35px; position:absolute; left:50%; transform: translate(-50%); bottom:-15px} 
.history_wrap .con_box.on h4 a, .history_wrap .con_box h4 a:hover {background:#20a4e2; color:#fff; transition: 0.5s;}
.history_wrap .con_box.on h4 a::before, .history_wrap .con_box h4 a:hover::before {background: url(../media/history_tab02.png) no-repeat; transition: 0.5s;}

.history_wrap .his_txtwrp .date_title {font-size:18px; font-weight:600; color:#727272; width:158px; height:40px; line-height:40px; text-align:center; border-radius:50px; border:2px solid #c1c1c1}
.history_wrap .his_txtwrp::before {width:calc(100% - 165px); content:''; display:block; height:1px; background:#b6b6b6; position:absolute; top:22px; left:162px;}
.history_wrap .his_txtwrp {position: relative; margin-bottom:55px;}
.history_wrap .his_txtwrp::after {content:''; display:block; background:url(../media/history_txtbg.gif) no-repeat; right:0; top:13px; position:absolute; width:72px; height:14px;}
.history_wrap .his_txtwrp.hiswrp01 .date_title {border:2px solid #20a4e2; color:#20a4e2;}
.history_wrap .his_txtwrp ul {padding-left:25px;}
.history_wrap .his_txtwrp li {margin-top:25px; background:url(../media/history_dot.gif) no-repeat left center; padding-left:25px;}
.history_wrap .his_txtwrp li .date {font-size:16px; font-weight:500; color:#242424; margin-right:50px;}
.history_wrap .his_txtwrp li .txt {font-size:16px; font-weight:400; color:#474747;}
.history_wrap .his_txtwrp.hiswrp01 li {background:url(../media/history_dot_a.gif) no-repeat left center}
.map {margin-bottom:55px;}
.map_txt {margin-top:20px; border-top:2px solid #000;}
.map_txt li {padding:25px; border-bottom:1px solid #b7b7b7;}
.map_txt li .tit {font-size:18px; font-weight:600; color:#171717; width:480px; display:inline-block;}
.map_txt li .txt {font-size:16px; font-weight:500;}

.posscapa_title {height:125px; position: relative;box-sizing: border-box; padding-top:75px; background:#e9e9e9; border-radius:10px; margin-top:45px;}
.posscapa_title::before {content:''; display:block; background:url(../media/poss_titbg.png) no-repeat; width:122px; height:122px; position:absolute; left:50%; transform: translate(-50%); top:-70px;}
.posscapa_title .search_box {text-align:center;}
.posscapa_title .search_box .tit {font-size:18px; font-weight:400; color:#fff; width:70px; height:33px; line-height:33px; text-align:center; background:#98a0a9; display:inline-block; vertical-align:middle;}
.posscapa_title .search_box input {height:33px; line-height:33px; box-sizing: border-box; width:385px; padding:0 12px; margin:0; border:1px solid #b7b7b7;}
.posscapa_title .search_box button {color:#fff; width:65px; height:33px; line-height:33px; font-size:16px; font-weight:400; background:#5f6e82; margin-left:3px;}


.posscapa_wrap {padding-top:145px; position: relative;}
.posscapa_wrap .con_txt {display:none; border-top:1px solid #bebebe;}
.posscapa_wrap .on .con_txt {display:block;}
.posscapa_wrap .con_box h4 a {display:block; width:102px; height:102px; box-sizing: border-box; font-size:18px; font-weight:500; color:#c19966; text-align:center; padding-top:30px; border-radius:50%; background:url(../media/poss_img.png) no-repeat bottom center #ffdfb6; position:absolute; top:20px;}
.posscapa_wrap .con_box.on h4 a, .posscapa_wrap .con_box h4 a:hover {color:#fff; background:url(../media/poss_img_a.png) no-repeat bottom center #ffa229; transition:0.5s;} 

.posscapa_wrap .con_box.con01 h4 a {left:32%;}
.posscapa_wrap .con_box.con02 h4 a {left:41.7%;}
.posscapa_wrap .con_box.con03 h4 a {right:41.7%;}
.posscapa_wrap .con_box.con04 h4 a {right:32%;}
.posscapa_wrap .con_txt .posslst li {float:left; width:25%; margin-top:15px;}
.posscapa_wrap .con_txt .posslst li a {display:block; width:335px; height:400px; border:1px solid #d5d5d5; margin:0 AUTO;}
.posscapa_wrap .con_txt .posslst li a img {width:100%; height:100%;}
.posscapa_wrap .con_txt .total_txt {font-size:16px; font-weight:300; padding:10px 0 0 10px;}

/* 규민 보유역량 추가 (2024-07-05) */
.posscapa_wrap .con_txt .posslst li .image-container {position: relative; width: 100%; height: 100%;}
.posscapa_wrap .con_txt .posslst li .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease;}
.posscapa_wrap .con_txt .posslst li:hover .overlay {opacity: 1;}
.posscapa_wrap .con_txt .posslst li .title {color: white;font-size: 16px;text-align: center;padding: 10px;}

.insight_wrap {position: relative; padding-top:130px;}
.hong {position: relative; padding-top:0;}
.insight_wrap .con_txt {display:none; border-top:1px solid #bebebe; padding-bottom:20px;}
.hong .con_txt {display:block; border-top:1px solid #bebebe;}

.insight_wrap .on .con_txt {display:block;}
.insight_wrap .con_box h4 a {display:block; width:102px; height:102px; box-sizing: border-box; font-size:18px; font-weight:500; color:#c19966; text-align:center; padding-top:30px; border-radius:50%; background:url(../media/poss_img.png) no-repeat bottom center #ffdfb6; position:absolute; top:10px;}
.insight_wrap .con_box.on h4 a, .insight_wrap .con_box h4 a:hover {color:#fff; background:url(../media/poss_img_a.png) no-repeat bottom center #ffa229; transition:0.5s;} 
.insight_wrap .con_box.con01 h4 a {left:35%;}
.insight_wrap .con_box.con02 h4 a {left:50%; transform: translate(-50%);}
.insight_wrap .con_box.con03 h4 a {right:35%;}


.insight_wrap .con_txt .posslst li {float:left; width:25%; margin-top:15px;}
.insight_wrap .con_txt .posslst li a {display:block; width:325px; height:260px; margin:0 auto;}
.insight_wrap .con_txt .total_txt {font-size:16px; font-weight:300; padding:10px 0 0 10px;}
.insight_wrap .con_txt .posslst li a .img {width:auto; height:217px; background:rgb(201, 201, 201); margin-bottom:10px;}
.insight_wrap .con_txt .posslst li a .img img {width:100%; height:217px;}
.insight_wrap .con_txt .posslst li a .subtit {display:inline-block; width:80px; padding:8px 0; font-size:15px; font-weight:400; color:#fff; border-radius:15px; text-align:center; vertical-align: middle; margin-right:5px;}
.insight_wrap .con_txt .posslst li a .txt {display:inline-block; vertical-align:middle; white-space:nowrap; text-overflow: ellipsis; width:calc(100% - 90px); overflow:hidden; font-size:15px; font-weight:400;}
.insight_wrap .con_txt .posslst li a .blog {background:#f3af2c;}
.insight_wrap .con_txt .posslst li a .board {background:#238ccc;}

.onecolor01 {background:#ff7637; display:inline-block; width:85px; padding:8px 0; font-size:15px; font-weight:400; color:#fff; border-radius:10px; text-align:center; vertical-align: middle; margin-right:10px;}
.onecolor02 {background:#238ccc; display:inline-block; width:80px; padding:8px 0; font-size:15px; font-weight:400; color:#fff; border-radius:10px; text-align:center; vertical-align: middle; margin-right:10px;}
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    padding: 10px;
}

.pagination a {
    margin: 0 5px;
    font-size: 20px;
    padding: 8px 12px;
    border-radius: 5px;
    background-color: #f0f0f0; 
    color: #333; 
    transition: background-color 0.3s, color 0.3s; 
    text-decoration: none; 
}

.pagination a:hover {
    background-color: rgb(12, 117, 255); 
    color: white; 
}

.pagination a.active {
    font-weight: 500;
    color: rgb(12, 117, 255);
    background-color: rgb(12, 117, 255); 
    color: white; 
}
/* 규민 홍보자료 추가 (2024-07-05) */
.insight_wrap .con_txt .posslst li .video-wrapper {position: relative; width: 100%;}
.insight_wrap .con_txt .posslst li .youtube-icon {position: absolute; width: 30px; margin: 15px 20px; z-index: 1;}
.insight_wrap .con_txt .posslst li .image-container {position: relative; width: 100%; height: 90%;}
.insight_wrap .con_txt .posslst li .image-container img {width: 100%; height: 100%; display: block;}
.insight_wrap .con_txt .posslst li .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease;}
.insight_wrap .con_txt .posslst li:hover .overlay {opacity: 1;}
.insight_wrap .con_txt .posslst li .title {color: white; font-size: 16px; text-align: center; padding: 10px;}

.board_wrap {padding:20px 0; position: relative;}
.board_wrap .title {font-size:22px; font-weight:500; padding:15px 10px; border-bottom:2px solid #000;}
.board_wrap .text {min-height: 200px; padding:10px; font-size:16px; font-weight:300; border-bottom:1px solid #171717; margin-bottom:20px;}
.board_wrap .date {position:absolute; right:10px; top:50px; font-size:15px;}
.board_wrap .btn-download {padding:13px; font-size:15px; font-weight:500; color:#fff; background: #0a63b2; border-radius:10px;}
.board_wrap .backbtn {padding:10px; font-size:15px; font-weight:500; color:#fff; background: #414141; border-radius:10px}
.board_wrap .btnwrp {text-align: right; display: flex; gap: 10px; justify-content: flex-end;}

/* MOBILE LAYOUT */
@media only screen and (max-width:767px) {
    .submenu_lst_pc {display:none;}
    .subvisual_wrp .visual_img p {height:354px;}
    .subvisual_wrp .visual_img .v01 {background:url(../media/sub_visual_m01.jpg) no-repeat center; }
    .subvisual_wrp .visual_img .v02 {background:url(../media/sub_visual_m02.jpg) no-repeat center;}
    .subvisual_wrp .visual_wrp .slider_btn {top:320px; width:100%; text-align:center;}
    .subvisual_wrp .visual_wrp .slider_btn ul {text-align: center;}
    .subvisual_wrp .visual_wrp .slider_btn li {display:inline-block; margin:0 2px;}
    .subvisual_wrp .slider_btn {top:280px; width:100%; text-align:center;}
    .subvisual_wrp .slider_btn ul {text-align: center;}
    .subvisual_wrp .slider_btn li {display:inline-block; margin:0 2px;}
    .top_quick_wrap .menu_lst #menu_lstbtn {font-size:18px;}
    .top_quick_wrap .submenu_lst_mobile #submenu_lstbtn {font-size:16px;}
    .subside_pc {display:none;}
    .subside_mb {display:block; position:fixed; right:5px; bottom:120px; z-index: 1;}
    .subside_mb .top button {background:#00000050; text-align:center; width:43px; height:43px; line-height:50px; border-radius:50px;}
    .subside_mb .top button:hover {background:#000000a5; transition:ease-in 0.5s;}

    .subcont_title {font-size:22px; font-weight:600; color:#3a3a3a; text-align: center; padding:25px 0;}
    .subcont_title span {background:url(../media/sub_title_bg01.png) no-repeat left center, url(../media/sub_title_bg02.png) no-repeat right center; padding:0 50px}
    .subsolution, .subproduct {padding:0 10px;}
    .subpage_title .tit_txtbox .imagebox {width:auto; height:230px; margin-bottom:15px;}
    .subpage_title .tit_txtbox .logotit img {width:auto; height:33px;}
    .subpage_title .tit_txtbox .logotit span {font-size:20px;}
    .subpage_title .tit_txtbox .txtbar {margin:12px 0; padding:5px 15px; font-size:15px;}
    .subpage_title .tit_txtbox .txt {font-size:16px; line-height:140%; margin-bottom:0;}
    .solution_intro_video iframe, .product_table_wrp .videowrp iframe {height:225px;}
    .funct > div::before {display:none;}
    .funct > div, .funct > div.box02 {padding:10px; border-radius:10px; height:auto;}
    .funct > div > p {line-height:150%; font-size:15px;}
    .funct > div > p br {display:none;}
    .funct > div.box02 {margin:10px 0 50px;}
    .metawrp .img img {height:auto; width:100%;}
    .metawrp li {font-size:15px;}
    .metawrp ul {padding:10px 20px;}
    .productbox ul {display:block}
    .productbox li::before {display:none;}
    .productbox .img {width:auto;}
    .productbox .txt {margin:25px 0; font-size:16px;}
    .productbox {margin:20px 0;}
    .solution_contbox .on .con_txt {display:block;}
    .contents_box .con_txt {height:auto; background:#fff;}
    .contents_box .con_txt .img img {width:100%;}
    .contents_box .con_txt .txt {font-size:15px; padding:10px; line-height:150%;}
    .contents_box .con_txt .txt br {display:none;}
    .contents_box {padding:204px 0 40px;}
    .contents_box .con_box h4 a {width:100%!important; height:35px; line-height:35px; font-size:16px; left:inherit !important; right:inherit !important; transform: inherit !important;}
    .contents_box.energy_con {padding:170px 0 40px;}
    .contents_box .con01 h4 a {top:0}
    .contents_box .con02 h4 a {top:34px}
    .contents_box .con03 h4 a {top:68px}
    .contents_box .con04 h4 a {top:102px}
    .contents_box .con05 h4 a {top:136px}
    .contents_box .con06 h4 a {top:170px}
    .energy_inro p.txt {font-size:16px; padding:10px 10px 10px 50px; line-height:150%; background: url(../media/ball_dot.png) no-repeat 15px 15px #f0f0f0;}
    .subpage_title {margin-bottom:25px;}
    .energy_inro ul {display:block;}
    .energy_inro li a {width:auto; height: 250px;}
    .energy_inro li {margin-bottom:20px;}
    .energy_inro {margin-bottom:45px;}
    .energy_inro li a span {font-size:16px;}
    .energy_func p img {width:100%;}
    .farmdiv ul {position:inherit; right:inherit; top:inherit;}
    .farmdiv ul li span {width:25px; height:25px; margin-right:5px;}
    .farmdiv ul li {font-size:16px; line-height:25px; margin-bottom:10px;}
    .farmdiv .farmtextbox {margin-top:20px;}
    .farmdiv .farmtextbox .tit {font-size:16px; padding:10px 5px;}
    .farmdiv .farmtextbox .txt {line-height:160%; font-size:15px;}
    .microgrid > div li::before {display:none;}
    .microgrid > div li {float: inherit; width:auto; margin-bottom:10px;}
    .microgrid > div li img {width:100%;}
    .microgrid > div li p {font-size:16px; padding:15px 0;}
    .microgrid .img {margin:20px 0;}
    .energy_func {margin:20px 0;}
    .energy_product p.tit {font-size:16px;}
    .energy_product ul li {float: inherit; width:auto; margin-bottom:10px;}
    .energy_product ul li::before {display:none;}
    .energy_product li p {font-size:16px;}
    .energy_product ul.four li {width:auto;}
    .energy_con .energy_con0101 .txt {font-size:16px; padding:10px 15px;}
    .energy_con .energy_con0101 .img {margin:10px 0;}
    .energy_con .energy_con0101 .img img {width:100%;}
    .energy_con .energy_con0102 div ul {padding:0; display:block;}
    .energy_con .energy_con0102 li {width:auto; margin-bottom:20px;}
    .energy_con .energy_con0102 div {margin:30px 0;}
    .energy_con .energy_con0102 .imgbg img {width:100%;}
    .energy_con .con02 .energy_contxt .txtbox .tit {font-size:16px; padding:10px; line-height:150%;}
    .energy_con .con02 .energy_contxt .txtbox .txt,
    .energy_con .con03 .txtbox,
    .energy_con .con05 p.txtbox,
    .ict_intro .txtbox,
    .josun_infor .txtbox,
    .ict_contents .txtbox,
    .smart_wrp .txtbox {font-size:15px; line-height: 150%; margin:10px 0 30px;}
    .energy_con .con02 .img img {width:100%;}
    .energy_con .con03 .infra ul {display: block;}
    .energy_con .con03 .infra ul:after {content: ""; display: block; clear: both}
    .energy_con .con03 .infra li {width:50%; float:left; border-right:0;}
    .energy_con .con03 p.img {margin:20px 0;}
    .energy_con .con03 p.img img {width:100%;}
    .energy_con .con04 p.img {margin:20px 0;}
    .energy_con .con04 p.img img {width:100%;}
    .energy_con .con04 .txtbox {font-size:16px;}
    .energy_con .con04 .txtbox dd {line-height:160%; margin-bottom:20px;}
    .energy_con .con04 .sellbox .tit {font-size:16px; width:150px; height:40px; line-height:40px; top:-18px}
    .energy_con .con04 .sellbox .txt {font-size:16px;}
    .energy_con .con05 p.img img {width:100%;}
    .energy_con .con05 p.img {margin:20px 0 40px;}
    .energy_con .con05 .sellbox .tit {font-size:17px;}
    .energy_con .con05 .sell_imgwrp ul {display:block;}
    .energy_con .con05 .sell_imgwrp .iotli .iot_img {padding:10px; height:auto; margin-bottom:15px;}
    .energy_con .con05 .sell_imgwrp .iotli .iot_img img {width:100%;}
    .energy_con .con05 .sell_imgwrp li, .energy_con .con05 .sell_imgwrp .iotli {width:auto; margin-bottom:20px;}
    .energy_con .con05 .sellbox > div {padding:35px 15px 10px;}
    .energy_con .con05 .fep_imgwrp p.img {margin:0;}
    .josun_infor .img img {width:100%;}
    .josun_fun .flex {background:none; display:block; height:auto;}
    .josun_fun .flex div .img img {display:block; width:100%;}
    .josun_fun .public, .josun_fun .hshi {width:auto;}
    .josun_fun .expect ul {display:block;}
    .josun_fun .expect li::before {display:none;}
    .josun_fun .expect li {text-align:center; margin-bottom:20px;}
    .josun_fun {margin-bottom:40px;}
    .josun_product .protxtbox {display:block; height:auto; background: url(../media/josun_product_bg.gif) no-repeat top center; padding-top:363px;}
    .josun_product .protxtbox p {width:auto; height:auto; padding:10px; line-height:150%; font-size:16px;}
    .josun_product .protxtbox p br {display:none;}
    .pro_imgflex ul li::before {display:none;}
    .pro_imgflex ul li {float:inherit; width:auto; margin-bottom:20px;}
    .pro_imgflex li p {font-size:16px; margin-top:5px;}
    .pro_imgflex {margin:20px 0;}
    .josun_product .img img,
    .ict_intro .img img,
    .smart_wrp .img img {width:100%;}
    .ict_intro .img {margin-bottom:40px;}
    .ict_prolst > div ul {padding:0 15px;}
    .ict_prolst > div {display:block; margin:10px 0 0; height:auto;}
    .ict_prolst > div li {font-size:16px; line-height:150%; margin-bottom:5px;}
    .ict_probox01 {background: url(../media/ict_proimg01.gif) no-repeat top 10px center #f9f9f9; padding:370px 0 20px;}
    .ict_probox02 {background: url(../media/ict_proimg02.gif) no-repeat top 10px center #f9f9f9; padding:370px 0 20px;}
    .ict_prolst {margin-bottom:30px;}
    .ict_contents div {display:block;}
    .ict_contents div p {text-align:center;}
    .ict_contents div p img {width:100%;}
    .ict_contents .txtbox {margin-bottom:10px;}
    .subproduct .main_title_wrap {padding:240px 10px 0 10px; margin-bottom:30px;}
    .subproduct .main_title_wrap div {height:auto; display:block;}
    .subproduct .main_title_wrap div img {display:none;}
    .subproduct .main_title_wrap div p {font-size:16px; line-height:150%; padding:10px;}
    .subproduct .main_title_wrap div p br {display:none;}
    .subproduct .main_title_wrap div p span {font-size:17px;}
    .subproduct .dronfarm_intro ul {display:block; padding:10px;}
    .subproduct .dronfarm_intro ul li {font-size:18px; text-align:center; margin-bottom:10px;}
    .subproduct .dronfarm_intro .videowrp iframe {height:315px;}
    .subproduct .dronfarm_intro {margin:20px 0 55px;}
    .subproduct .dron_intro ul {display:block;}
    .subproduct .dron_intro li::before {display:none;}
    .subproduct .dron_intro span {margin:15px 0 10px;}
    .subproduct .dron_intro a p {padding-bottom:0;}
    .product_table_wrp .small_tit {font-size:16px;}
    .table table thead th {font-size:18px; padding:10px 5px;}
    .table table tbody td, .table table tbody th {font-size:14px; padding:10px 5px;}
    .product_table_wrp .downwrp {margin-top:15px;}
    .product_table_wrp .downwrp button {width:150px; margin-bottom:5px;}
    .product_table_wrp .sx_lstbox ul li {float:inherit; width:auto; display: block; text-align:center;}
    .product_table_wrp .sx_lstbox ul li p {margin-top:10px; font-size:17px;}
    .product_table_wrp .sx_lstbox .txtbox span {font-size:15px;}
    .product_table_wrp .sx_lstbox .txtbox span br {display:none;}
    .subproduct .indu_intro .txtbox {font-size:15px; line-height:160%;}
    .insight_wrap .con_box.con01 h4 a {left:10px;}
    .insight_wrap .con_box.con02 h4 a {left:50%; transform: translate(-50%);}
    .insight_wrap .con_box.con03 h4 a {right:10px;}
    .insight_wrap .con_txt .posslst li {width: 50%; box-sizing:border-box; padding:0 10px;}
    .insight_wrap .con_txt .posslst li a {width:auto;}
    .subcontents_wrap {padding-bottom:50px;}
    .company_intro .tit {margin:0; font-size:18px; display: block; padding:10px;}
    .company_intro .tit .txtwrp {line-height:160%;}
    .company_intro .tit .txt {font-size:18px;}
    .company_intro .tit p img {display:none;}
    .company_intro {padding-top:295px; margin-bottom:40px;}
    .company_intro .text {font-size:16px; margin-top:20px;}
    .company_intro .text .hello {font-size:20px; margin-bottom:10px;}
    .company_intro .icontxt li {display:block; height:auto; padding:15px 10px 15px 70px;}
    .company_intro .icontxt li .btxt {font-size:18px; display:block; margin-bottom:15px;}
    .company_intro .icontxt li .txt {font-size:15px;}
    .company_intro .icontxt li.txt01 {background: url(../media/about_img01.gif) no-repeat 10px center; background-size: 40px 40px;}
    .company_intro .icontxt li.txt02 {background: url(../media/about_img02.gif) no-repeat 10px center; background-size: 40px 40px}
    .company_ci p.txt {font-size:16px; padding:10px; line-height:160%;}
    .company_ci p.img img {width:100%;}
    .company_ci li {display:block; height:auto;}
    .company_ci li .color {display:inline-block; line-height:55px; margin-right:0; width:calc(100% - 192px); padding-left:10px; box-sizing: border-box;}
    .company_ci li .bold {display:inline-block; width:auto; margin-right:10px; text-align: center; font-size:20px; vertical-align: middle;}
    .company_ci li img {margin-right: 0; margin-bottom:10px;}
    .company_ci li .txt {font-size:15px;}
    .organiz p img {width:100%;}
    .history_wrap .con_box.con01 h4 a {left:10px;}
    .history_wrap .con_box.con02 h4 a {left:50%; transform: translate(-50%);}
    .history_wrap .con_box.con03 h4 a {right:10px;}
    .history_wrap .con_box h4 a {width:120px;}
    .history_title::before {display:none; background:none;}
    .history_title .titimg img {height:50px; margin-top:-25px;}
    .history_title .titimg {width:257px;}
    .history_title .txt {font-size:25px; padding:20px 0;}
    .history_title {height:100px; margin-top:15px;}
    .history_wrap .his_txtwrp li .date {display:block; margin-bottom:5px;}
    .history_wrap .his_txtwrp li .txt {font-size:14px; line-height:150%;}

    .posscapa_wrap .con_box.con01 h4 a {left:10px;}
    .posscapa_wrap .con_box.con02 h4 a {left:27%;}
    .posscapa_wrap .con_box.con03 h4 a {right:27%;}
    .posscapa_wrap .con_box.con04 h4 a {right:10px;}
    .posscapa_title .search_box input {width:calc(100% - 175px);}
    .posscapa_wrap .con_txt .posslst li {width:auto; float:inherit;}
    .posscapa_wrap .con_txt .posslst li a {width:auto;}

}


/* PC LAYOUT */
@media only screen and (min-width:768px) {
    .subvisual_wrp .visual_img p {height:354px;}
    .subvisual_wrp .visual_img .v01 {background:url(../media/sub_visual01.jpg) no-repeat center; }
    .subvisual_wrp .visual_img .v02 {background:url(../media/sub_visual02.jpg) no-repeat center;}
    .subvisual_wrp .visual_text {display:block; position: absolute; left:50%; transform: translate(-50%); top:205px; z-index:10;}
    .subvisual_wrp .visual_text::after {content:''; display:block; position:absolute; top:87px; left:0; width:0; height:113px; background:#2d2d2d39; animation: vline 7s infinite; z-index:-1;}
    .subvisual_wrp .slider_btn {top:285px; left:50%; transform: translate(-50%);}
    .subvisual_wrp .slider_btn ul {display:flex;}
    .subvisual_wrp .slider_btn li {margin:0 5px;}
    .subvisual_wrp .slider_btn li button.active {width:60px;}

    .top_quick_pcwrp {width:1400px; margin:0 auto;}
    .submenu_lst_mobile {display:none;}
    .submenu_lst_pc {width:100%;}
    .submenu_lst_pc li {float:left; padding:0 20px; position: relative;}
    .submenu_lst_pc li::before {content:''; display:block; width:1px; height:19px; background:#5b7590; position:absolute; right:0; top:016px;}
    .submenu_lst_pc li:last-child:before {display:none;}
    .submenu_lst_pc li a {display:block; font-size:18px; font-weight:400; line-height:50px; color:#96abc1; letter-spacing:-0.5px;}
    .submenu_lst_pc li.on a {color:#ffba35; font-weight:500;}
    .subcontents_wrap {width:1400px; margin:0 auto; box-sizing: border-box; padding-bottom:40px;}
    .subcont_title {font-size:28px; font-weight:600; color:#3a3a3a; text-align: center; padding:50px 0 35px;}
    .subcont_title span {background:url(../media/sub_title_bg01.png) no-repeat left center, url(../media/sub_title_bg02.png) no-repeat right center; padding:0 50px}

}

@media only screen and (max-width:500px) {
    .insight_wrap .con_txt .posslst li {width:auto; float:inherit;}

    .posscapa_wrap .con_box.con01 h4 a {left:0;}
    .posscapa_wrap .con_box.con02 h4 a {left:inherit; right:0;}
    .posscapa_wrap .con_box.con03 h4 a {right:inherit; left:0; top:130px}
    .posscapa_wrap .con_box.con04 h4 a {right:0; top:130px}
    .posscapa_wrap {padding-top:255px;}

}

@media only screen and (max-width:400px) {
}