@charset "utf-8";

/* common */
/* sub visual */
.sub_visual_wrap{position:relative;height:400px;margin-top:90px;overflow:hidden;}
.sub_visual_wrap:before{content:"";position:absolute;left:0;top:0;width:100%;height:400px;background-repeat:no-repeat;background-position:center;animation:sub_visual 2s;z-index:-1;}
@keyframes sub_visual{0%{transform:scale(1.1);}100%{transform:scale(1.0);}}
.sub_visual_intro:before{background-image:url("../img/sub/main_intro.jpg");}
.sub_visual_solution:before{background-image:url("../img/sub/main_solution.jpg");}
.sub_visual_product:before{background-image:url("../img/sub/main_product.jpg");}
.sub_visual_technology:before{background-image:url("../img/sub/main_technology.jpg");}
.sub_visual_result:before{background-image:url("../img/sub/main_result.jpg");}
.sub_visual_text{text-align:center;padding-top:170px;}
.sub_visual_text>h2{position:relative;font-size:3.4em;color:#fff;line-height:1;animation:sub_v_title 2s forwards;}
.sub_visual_text>h2:before{content:"";position:absolute;left:50%;top:-30px;width:0;height:1px;background:#fff;transform:translateX(-50%);animation:sub_v_title_line 1s 1s forwards;}
.sub_visual_text>h2:after{content:"";position:absolute;left:50%;bottom:-30px;width:0;height:1px;background:#fff;transform:translateX(-50%);animation:sub_v_title_line 1s 1s forwards;}
@keyframes sub_v_title{0%{opacity:0;}100%{opacity:1;}}
@keyframes sub_v_title_line{0%{width:0;}100%{width:60px;}}

/* sub menu */
.sub_menu_wrap{width:100%;border-bottom:1px solid #ccc;background:#fff;z-index:8996;}
.sub_menu{line-height:50px;}
.sub_menu>div{float:left;width:50px;border-left:1px solid #ccc;border-right:1px solid #ccc;text-indent:-9999em;box-sizing:border-box;}
.sub_menu>div>a{display:block;position:relative;}
.sub_menu>div>a:before{content:"";position:absolute;left:18px;bottom:17px;width:10px;height:9px;border:1px solid #333;border-top:none;}
.sub_menu>div>a:after{content:"";position:absolute;left:18px;bottom:18px;width:11px;height:11px;border-top:1px solid #333;border-left:1px solid #333;transform:rotate(45deg);}

.sub_menu>ul{float:left;position:relative;}
.sub_menu>ul>li>span{display:block;position:relative;width:200px;padding-left:10px;border-right:1px solid #ccc;box-sizing:border-box;transition:0.3s;cursor:pointer;}
.sub_menu>ul>li>span.on{border-right:1px solid #c3b683;color:#fff;background:#c3b683;}
.sub_menu>ul>li>span:before{content:"";position:absolute;right:10px;top:21px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #333;transition:0.3s;}
.sub_menu>ul>li>span:hover{border-right:1px solid #c3b683;color:#fff;background:#c3b683;}
.sub_menu>ul>li>span:hover:before{border-top:8px solid #fff;}
.sub_menu>ul>li>span.on:before{border-top:8px solid #fff;transform:rotateX(180deg);}
.sub_menu>ul>li>ul{display:none;position:absolute;left:0;top:50px;background:#f5f5f5;z-index:5;}
.sub_menu>ul>li>ul>li>a{display:block;width:200px;padding-left:20px;border-bottom:1px solid #ddd;color:#444;box-sizing:border-box;transition:0.3s;}
.sub_menu>ul>li>ul>li>a:hover,.sub_menu>ul>li>ul>li>a:focus{border-bottom:1px solid #c3b683;color:#fff;background:#c3b683;}
.sub_menu_sub{background:#e5e5e5;}
.sub_menu>ul>li>ul>li.sub_menu_sub>a{position:relative;padding-left:40px;border-bottom:1px solid #fff;}
.sub_menu>ul>li>ul>li.sub_menu_sub>a:before{content:"";position:absolute;left:26px;top:26px;width:8px;height:2px;background:#444;transition:0.3s;}
.sub_menu>ul>li>ul>li.sub_menu_sub>a:after{content:"";position:absolute;left:26px;top:20px;width:2px;height:8px;background:#444;transition:0.3s;}
.sub_menu>ul>li>ul>li.sub_menu_sub>a:hover:before,.sub_menu>ul>li>ul>li.sub_menu_sub>a:focus:before,.sub_menu>ul>li>ul>li.sub_menu_sub>a:hover:after,.sub_menu>ul>li>ul>li.sub_menu_sub>a:focus:after{background:#fff;}

.sub_menu_depth2{display:none;position:absolute;left:0;top:50px;width:100%;background:#f5f5f5;z-index:5;}
.sub_menu_depth2>ul{width:100%;cursor:pointer;}
.sub_menu_depth2>ul>li>span{display:block;padding-left:20px;border-bottom:1px solid #ddd;color:#444;transition:0.3s;}
.sub_menu_depth2>ul>li>span:hover,.sub_menu_depth2>ul>li>span:focus{border-bottom:1px solid #164267;color:#fff;background:#164267;}
.sub_menu_depth2>ul>li>ul{display:none;background:#e5e5e5;}
.sub_menu_depth2>ul>li>ul>li>a{display:block;padding-left:20px;border-bottom:1px solid #ccc;color:#444;box-sizing:border-box;transition:0.3s;}
.sub_menu_depth2>ul>li>ul>li>a:hover,.sub_menu_depth2>ul>li>ul>li>a:focus{border-bottom:1px solid #164267;color:#fff;background:#164267;}

/* container */
.sub_container{padding:100px 0;}
.sub_container>h2{position:relative;width:1160px;padding-bottom:100px;margin:0 auto 100px;font-size:3em;color:#777;text-align:center;line-height:1;}
.sub_container>h2:before{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:#164267;animation:sub_title_line 1s forwards;}
@keyframes sub_title_line{0%{width:0;left:50%;}100%{width:100%;left:0;}}

/* sub top menu */
.sub_top_menu_h2.on{margin:0 auto 140px;}
.sub_top_menu{position:relative;left:50%;width:1160px;transform:translateX(-50%);transition:0.3s;}
.sub_top_menu.on{position:fixed;top:90px;width:100%;z-index:9000;}
.sub_top_menu>li{float:left;}
.sub_top_menu>li>button{display:block;width:100%;padding:0;border:none;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:1.2em;text-align:center;line-height:38px;background:#fff;box-sizing:border-box;transition:0.3s;}
.sub_top_menu.on>li>button{border-top:1px solid #fff;}
.sub_top_menu>li>button:hover{border-top:1px solid #164267;border-bottom:1px solid #164267;color:#fff;background:#164267;}
.sub_top_menu>li>button.on{border-top:1px solid #164267;border-bottom:1px solid #164267;color:#fff;background:#164267;}

.sub_target{padding:100px 0 0;}
.sub_top_h3{width:1160px;margin:0 auto 80px;font-size:2.4em;text-align:center;line-height:1;}

.sub_top_menu.sub_top_produce_sp>li{width:calc(100% / 6);}
.sub_top_menu.sub_top_produce_bp>li{width:calc(100% / 3);}



/* individual */
/* intro */
/* intro_greeting */
.intro_greeting_wrap>p{margin-top:50px;font-size:1.2em;color:#666;line-height:1.6em;box-sizing:border-box;}
.intro_greeting_wrap>p>span{display:block;margin-top:20px;text-align:right;}
.intro_greeting_wrap>p>span>strong{font-size:1.2em;font-weight:normal;letter-spacing:10px;}

/* intro_history */
.intor_history_h2.on{margin:0 auto 140px;}
.intro_history_list{position:relative;left:50%;width:1160px;transform:translateX(-50%);transition:0.3s;}
.intro_history_list.on{position:fixed;top:90px;width:100%;z-index:9000;}
.intro_history_list>li{float:left;width:25%;}
.intro_history_list>li>button{display:block;width:100%;padding:0;border:none;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:1.2em;text-align:center;line-height:38px;background:#fff;box-sizing:border-box;transition:0.3s;}
.intro_history_list.on>li>button{border-top:1px solid #fff;}
.intro_history_list>li>button:hover{border-top:1px solid #164267;border-bottom:1px solid #164267;color:#fff;background:#164267;}
.intro_history_list>li>button.on{border-top:1px solid #164267;border-bottom:1px solid #164267;color:#fff;background:#164267}
.intro_history_wrap{position:relative;}
.intro_history_wrap:before{content:"";position:absolute;left:calc(40% - 1px);top:62px;width:2px;height:calc(100% - 146px);background:#ccc;}
.intro_history{position:relative;top:20px;padding:50px 0;opacity:0;transition:0.5s;}
.intro_history>p{float:left;width:40%;padding-right:50px;font-size:2em;font-weight:bold;color:#164267;text-align:right;line-height:1;box-sizing:border-box;}
.intro_history>ul{float:left;position:relative;width:60%;padding-left:50px;font-size:1.2em;line-height:1.6em;box-sizing:border-box;}
.intro_history>ul:before{content:"";position:absolute;left:-1px;top:12px;width:2px;height:calc(100% + 100px);background:#ccc;}
.intro_history>ul:after{content:"";position:absolute;left:-6px;top:8px;width:12px;height:12px;border:2px solid #164267;border-radius:6px;background:#fff;box-sizing:border-box;}
.intro_history:last-child>ul:before{display:none;}

/* intro_direction */
.intro_direction_map_wrap{position:relative;}
.intro_direction_img_wrap{float:left;width:650px;padding:4px 4px 4px 5px;border:1px solid #dad8d1;border-left:none;box-sizing:border-box;}
.intro_direction_img_wrap>p{float:left;width:calc(50% - 1px);background:#ccc;}
.intro_direction_img_wrap>p:nth-of-type(1),.intro_direction_img_wrap>p:nth-of-type(2){margin-bottom:2px;}
.intro_direction_img_wrap>p:nth-of-type(2n-1){margin-right:2px;}
.intro_direction_img_wrap>p>img{width:100%;cursor:pointer;}
.intro_direction_img_view_wrap{display:none;position:absolute;left:0;top:0;width:calc(100% - 650px);height:100%;padding:4px;border:1px solid #dad8d1;z-index:999;background:#fff url("../img/common/logo.svg") no-repeat right 10px bottom 10px;background-size:30%;box-sizing:border-box;}
.intro_direction_img_view_wrap>p>img{width:100%;}
.intro_direction_img_view_wrap>span{display:block;padding-top:5px;color:#666;box-sizing:border-box;}
.intro_direction_wrap{border-bottom:1px solid #e5e5e5;line-height:100px;}
.intro_direction_wrap>p{float:left;position:relative;width:200px;padding:0 30px;font-size:1.2em;font-weight:bold;color:#164267;box-sizing:border-box;}
.intro_direction_wrap>p:before{content:"";position:absolute;left:10px;top:50%;width:10px;height:2px;background:#164267;transform:translateY(-50%);}
.intro_direction_wrap>span{float:left;font-size:1.2em;}
.smartlamp_title_sub.intro_direction_title{margin-bottom:15px;}
.intro_direction_title:nth-of-type(2){margin-top:100px;}

/* intro_news */
.intro_news_wrap>ul>li{float:left;width:30%;min-height:390px;max-height:400px;padding:10px;margin-bottom:100px;border:1px solid #e5e5e5;background:#fff;box-sizing:border-box;}
.intro_news_wrap>ul>li:nth-of-type(3n-1){margin:0 5% 100px;}
.news_list>a{display:block;}
.news_list>a>p{overflow:hidden;}
.news_list>a>p>img{width:100%;transition:0.3s;}
.news_list>a>span{display:block;min-height:52px;padding:10px 5px 5px;font-size:1.1em;line-height:1.1em;box-sizing:border-box;}
.news_list>a:hover>p>img{transform:scale(1.05);}
.news_list>p.news_list_con{padding:0 5px 0;}

.news_list_sub>ul{position:relative;}
.news_list_sub>ul>li{float:left;width:25%;padding:5px;border:1px solid transparent;box-sizing:border-box;background:#fff;transition:0.1s;}
.news_list_sub>ul>li:hover{border:1px solid #e5e5e5;}
.news_list_sub>ul>li>a{display:block;}
.news_list_sub>ul>li>a>p{overflow:hidden;}
.news_list_sub>ul>li>a>p>img{width:100%;}
.news_list_sub>ul>li>a>div{display:none;position:absolute;left:0;top:63px;padding:5px;border:1px solid #e5e5e5;background:#fff;box-sizing:border-box;}
.news_list_sub>ul>li>a>div:before{content:"";position:absolute;left:0;top:-1px;width:calc(25% - 2px);height:1px;background:#fff;}
.news_list_sub>ul>li:nth-of-type(2)>a>div:before{left:25%;width:calc(25% - 1px);}
.news_list_sub>ul>li:nth-of-type(3)>a>div:before{left:calc(50% + 1px);}
.news_list_sub>ul>li:nth-of-type(4)>a>div:before{left:calc(75% + 1px);width:calc(25% - 1px);}
.news_list_sub>ul>li>a>div>p{padding:5px;color:#1477ac;}
.news_list_sub>ul>li>a>div>span{display:block;padding:5px;font-size:0.9em;color:#666;line-height:1.2em;}


/* detail_news */
.detail_news_wrap{position:relative;width:800px;padding:50px;margin:0 auto;border:1px solid #ccc;line-height:1;box-sizing:border-box;}
.detail_news_title{padding-bottom:10px;margin-bottom:30px;border-bottom:1px solid #ccc;}
.detail_news_title>p{margin-bottom:10px;font-size:2em;}
.detail_news_title>div{padding-top:10px;text-align:right;}
.detail_news_title>div>a{color:#999;}
.detail_news_title>div>span{color:#999;}
.detail_news_img_wrap{text-align:center;}
.detail_news_img_wrap>img{max-width:100%;}
.detail_news_con{margin-top:30px;line-height:2em;}
.detail_news_con>p{margin-bottom:40px;}
.detail_news_con>a{display:block;margin-bottom:20px;color:#164267;}
.detail_news_con>div>ul{padding:20px 0;border-top:1px solid #999;border-bottom:1px solid #999;}
.detail_news_con>div>ul>li{float:left;width:calc(25% - 10px);margin:0 5px;box-sizing:border-box;}
.detail_news_con>div>ul>li>a{display:block;padding:4px;border:1px solid #ccc;font-size:0.9em;line-height:1.2em;box-sizing:border-box;}
.detail_news_con>div>ul>li>a>p{overflow:hidden;}
.detail_news_con>div>ul>li>a>p>img{width:100%;transition:0.3s;}
.detail_news_con>div>ul>li>a:hover>p>img{transform:scale(1.05);}
.detail_news_con>div>ul>li>a>span{display:block;min-height:55px;padding:5px 0;color:#666;transition:0.3s;box-sizing:border-box;}
.detail_news_con>div>ul>li>a:hover>span{color:#164267;}
.detail_news_wrap>a{position:absolute;top:50%;width:80px;height:100%;border:none;text-indent:-9999em;background:#fff;transform:translateY(-50%);transition:0.3s;}
.detail_news_pre_btn{left:-120px;}
.detail_news_next_btn{right:-120px;}
.detail_news_wrap>a:before{content:"";position:absolute;width:10px;height:80px;background:#e5e5e5;transform:rotate(45deg);transition:0.3s;}
.detail_news_wrap>a:after{content:"";position:absolute;width:10px;height:80px;background:#e5e5e5;transform:rotate(-45deg);transition:0.3s;}
.detail_news_pre_btn:before{right:30px;top:calc(50% - 25px);}
.detail_news_pre_btn:after{right:30px;top:calc(50% + 25px);}
.detail_news_next_btn:before{left:30px;top:calc(50% + 25px);}
.detail_news_next_btn:after{left:30px;top:calc(50% - 25px);}
.detail_news_pre_btn:hover:before,.detail_news_pre_btn:hover:after{right:40px;}
.detail_news_next_btn:hover:before,.detail_news_next_btn:hover:after{left:40px;}

.detail_news_list_btn_wrap{padding:60px;text-align:center;}
.detail_news_list_btn{position:relative;padding:10px 40px 10px 20px;border:1px solid #e5e5e5;background:#fff;transition:0.3s;}
.detail_news_list_btn:before{content:"";position:absolute;right:17px;top:18px;width:8px;height:2px;background:#333;transform:rotate(45deg);}
.detail_news_list_btn:after{content:"";position:absolute;right:17px;top:23px;width:8px;height:2px;background:#333;transform:rotate(-45deg);}
.detail_news_list_btn:hover{box-shadow:0 0 15px #ccc;}



/* solution */
/* smart_lamp */
.smartlamp_intro_wrap{padding-bottom:100px;}
.smartlamp_intro_title{margin-bottom:100px;font-size:2.4em;text-align:center;line-height:1.4em;}
.smartlamp_intro_list_wrap>p{margin-bottom:30px;font-size:2em;color:#fff;background:#164267;text-align:center;line-height:50px;}
.smartlamp_intro_list{float:left;padding:150px 20px 30px;border:1px solid #ccc;width:300px;background-repeat:no-repeat;background-position:center top 35px;box-sizing:border-box;}
.smartlamp_intro_list:nth-of-type(1){background-image:url("../img/sub/smart_lamp_slogan_icon_iotservice.png");}
.smartlamp_intro_list:nth-of-type(2){position:relative;margin:0 130px;background-image:url("../img/sub/smart_lamp_slogan_icon_savingenergy.png");}
.smartlamp_intro_list:nth-of-type(3){position:relative;background-image:url("../img/sub/smart_lamp_slogan_icon_smartlife.png");}
.smartlamp_intro_list:nth-of-type(2):before,.smartlamp_intro_list:nth-of-type(3):before{content:"";position:absolute;left:-85px;top:calc(50% - 5px);width:40px;height:10px;background:#164267;}
.smartlamp_intro_list:nth-of-type(2):after,.smartlamp_intro_list:nth-of-type(3):after{content:"";position:absolute;left:-70px;top:calc(50% - 20px);width:10px;height:40px;background:#164267;}
.smartlamp_intro_list>span{display:block;margin-bottom:30px;font-size:1.6em;font-weight:bold;text-align:center;line-height:1;}
.smartlamp_intro_list>p{text-align:center;font-size:1.2em;line-height:1.6em;}
/*
.smartlamp_list_box{float:left;position:relative;}
.smartlamp_list_box:nth-of-type(2){float:right;}
.smartlamp_list_box:nth-of-type(1):before{content:"";position:absolute;left:calc(50% - 15px);top:calc(50% - 3px);width:30px;height:6px;background:#164267;transform:translateY(40px);}
.smartlamp_list_box:nth-of-type(1):after{content:"";position:absolute;left:calc(50% - 3px);top:calc(50% - 15px);width:6px;height:30px;background:#164267;transform:translateY(40px);}
.smartlamp_list_box:nth-of-type(2):before{content:"";position:absolute;right:calc(100% + 60px);top:calc(50% + 20px);width:40px;height:40px;background:url("../img/sub/smart_lamp_arrow.png") center;background-size:40px 40px;}
.smartlamp_list_box>p{margin-bottom:30px;font-size:2em;color:#fff;background:#164267;text-align:center;line-height:50px;}
.smartlamp_intro_list{padding:150px 20px 30px;border:1px solid #ccc;width:300px;background-repeat:no-repeat;background-position:center top 35px;box-sizing:border-box;}
.smartlamp_list_box:nth-of-type(1)>.smartlamp_intro_list:nth-of-type(1){float:left;background-image:url("../img/sub/smart_lamp_slogan_icon_savingenergy.png");}
.smartlamp_list_box:nth-of-type(1)>.smartlamp_intro_list:nth-of-type(2){float:left;margin-left:100px;background-image:url("../img/sub/smart_lamp_slogan_icon_iotservice.png");}
.smartlamp_list_box:nth-of-type(2)>.smartlamp_intro_list{background-image:url("../img/sub/smart_lamp_slogan_icon_smartlife.png");}
.smartlamp_intro_list>span{display:block;margin-bottom:30px;font-size:1.6em;font-weight:bold;text-align:center;line-height:1;}
.smartlamp_intro_list>p{text-align:center;font-size:1.2em;line-height:1.6em;}
*/
.solution_smartlamp_wrap{position:relative;}
.smartlamp_title_wrap{padding:0 0 100px;}
.smartlamp_title_wrap:before{content:"";position:absolute;left:-54vw;top:50px;width:56vw;height:420px;background:#164267;transform:skewX(-15deg);z-index:-1;transition:0.5s;visibility:hidden;opacity:0;}
.smartlamp_title_wrap.on:before{left:-4vw;visibility:visible;opacity:1;}
.smartlamp_title_text{float:left;width:52%;padding-right:35px;box-sizing:border-box;}
.smartlamp_title_sub{position:relative;display:block;width:1160px;padding-left:10px;margin:0 auto 50px;font-size:2.4em;color:#777;line-height:1;box-sizing:border-box;}
.smartlamp_title_sub:before{content:"";position:absolute;left:0;top:0;border-left:7px solid #164267;border-top:7px solid #164267;border-right:7px solid transparent;border-bottom:7px solid transparent;}
.smartlamp_title_text>p{font-size:1.4em;color:#fff;line-height:1.8em;}
.smartlamp_title_img_wrap{float:left;width:48%;height:420px;margin-bottom:90px;box-sizing:border-box;transition:1s;opacity:0;}
.smartlamp_title_img_wrap.on{opacity:1;}
.smartlamp_title_img{position:relative;width:280px;height:280px;margin:125px 0 0 200px;}
.smartlamp_title_img>p{position:relative;height:278px;padding-top:116px;border:1px solid #ccc;border-radius:140px;font-size:1.2em;text-align:center;box-sizing:border-box;}
.smartlamp_title_img>span{position:absolute;width:90px;height:90px;padding-top:32px;border:2px solid #164267;border-radius:50px;font-size:12px;color:#fff;text-align:center;line-height:1;background:#0d5a81;box-sizing:border-box;cursor:default;transition:0.3s;}
.smartlamp_title_img>span:nth-of-type(1){left:50%;top:-45px;transform:translateX(-50%);}
.smartlamp_title_img>span:nth-of-type(2){left:-45px;top:50%;transform:translateY(-50%);}
.smartlamp_title_img>span:nth-of-type(3){right:-45px;top:50%;transform:translateY(-50%);}
.smartlamp_title_img>span:nth-of-type(4){left:50%;bottom:-45px;transform:translateX(-50%);}
.smartlamp_title_img>span.on{color:#fff;background:#164267;}
.smartlamp_title_img>span:before{content:"";position:absolute;left:-2px;top:-2px;width:90px;height:90px;border:2px solid #164267;border-radius:45px;box-sizing:border-box;transition:0.3s;visibility:hidden;opacity:0;}
.smartlamp_title_img>span.on:before{animation:smartlamp_list 1s infinite;}
@keyframes smartlamp_list{0%{left:-2px;top:-2px;width:90px;height:90px;border-radius:45px;visibility:visible;opacity:1;}100%{left:-12px;top:-12px;width:110px;height:110px;border-radius:55px;visibility:hidden;opacity:0;}}
.smartlamp_title_wrap>ul{float:left;width:100%;}
.smartlamp_title_wrap>ul>li{float:left;width:23.5%;height:360px;padding:28px 15px;margin-right:2%;box-sizing:border-box;cursor:default;transition:0.3s;}
.smartlamp_title_wrap>ul>li:hover{box-shadow:0 0 15px #ccc;}
.smartlamp_title_wrap>ul>li:last-child{margin-right:0;}
.smartlamp_title_list_icon{display:block;padding:120px 0 0;font-size:1.2em;font-weight:bold;text-align:center;background-repeat:no-repeat;background-position:center top 10px;transition:0.3s;}
.smartlamp_title_wrap>ul>li:nth-of-type(1)>.smartlamp_title_list_icon{background-image:url(../img/sub/smart_lamp_icon_iot.png);}
.smartlamp_title_wrap>ul>li:nth-of-type(2)>.smartlamp_title_list_icon{background-image:url(../img/sub/smart_lamp_icon_dimming.png);}
.smartlamp_title_wrap>ul>li:nth-of-type(3)>.smartlamp_title_list_icon{background-image:url(../img/sub/smart_lamp_icon_sensor.png);}
.smartlamp_title_wrap>ul>li:nth-of-type(4)>.smartlamp_title_list_icon{background-image:url(../img/sub/smart_lamp_icon_data.png);}
.smartlamp_title_wrap>ul>li:nth-of-type(1):hover>.smartlamp_title_list_icon{color:#164267;background-image:url(../img/sub/smart_lamp_icon_iot_on.png);}
.smartlamp_title_wrap>ul>li:nth-of-type(2):hover>.smartlamp_title_list_icon{color:#164267;background-image:url(../img/sub/smart_lamp_icon_dimming_on.png);}
.smartlamp_title_wrap>ul>li:nth-of-type(3):hover>.smartlamp_title_list_icon{color:#164267;background-image:url(../img/sub/smart_lamp_icon_sensor_on.png);}
.smartlamp_title_wrap>ul>li:nth-of-type(4):hover>.smartlamp_title_list_icon{color:#164267;background-image:url(../img/sub/smart_lamp_icon_data_on.png);}
.smartlamp_title_list_sub{display:block;margin:20px 0 5px;font-weight:bold;color:#164267;text-align:center;}
.smartlamp_title_wrap>ul>li>p{position:relative;padding-left:10px;}
.smartlamp_title_wrap>ul>li>p:before{content:"·";position:absolute;left:0;top:0;}

.smartlamp_dimming_wrap{padding-bottom:50px;}
.smartlamp_dimming_title_wrap{padding:50px 0;background:#f5f5f5;}
.smartlamp_dimming_title_wrap>p{font-size:1.4em;line-height:1.8em;}
.smartlamp_dimming_con{padding:50px 0 0;}
.smartlamp_dimming_con>span{display:block;margin:50px 0 20px;font-size:2em;}
.smartlamp_dimming_con>p{font-size:1.2em;}
.smartlamp_dimming_wrap>div>div{padding-top:50px;}
.smartlamp_dimming_wrap>div>div>p>img{width:100%;}
.smartlamp_dimming_wrap>div>div>span{position:relative;display:block;padding-left:20px;margin-bottom:15px;font-size:1.2em;line-height:20px;}
.smartlamp_dimming_wrap>div>div>span:before{content:"";position:absolute;left:0;top:4px;width:14px;height:14px;background:#70cbd3;}

.smartlamp_autocontrol_wrap{padding-bottom:50px;}
.smartlamp_autocontrol_title_wrap{padding:50px 0;background:#f5f5f5;}
.smartlamp_autocontrol_title_wrap>p{font-size:1.4em;line-height:1.8em;}
.smartlamp_autocontrol_con{padding-top:100px;}
.smartlamp_autocontrol_con>p>img{width:100%;}
.smartlamp_autocontrol_con>span{position:relative;display:block;padding-left:20px;margin-bottom:15px;font-size:1.2em;line-height:20px;}
.smartlamp_autocontrol_con>span:before{content:"";position:absolute;left:0;top:4px;width:14px;height:14px;background:#70cbd3;}

.smartlamp_table_wrap{padding-bottom:50px;}
.smartlamp_table_title{display:block;margin:50px 0;font-size:2em;}
.smartlamp_table{width:100%;font-size:1.2em;}
.smartlamp_table>thead>tr>th{color:#fff;line-height:60px;background:#164267;}
.smartlamp_table>thead>tr>th:nth-of-type(2){border-left:1px solid #fff;border-right:1px solid #fff;}
.smartlamp_table>tbody>tr:nth-of-type(2n-1){background:#e5e5e5;}
.smartlamp_table>tbody>tr>td{padding:20px;vertical-align:middle;}
.smartlamp_table>tbody>tr>td:nth-of-type(1){font-weight:bold;text-align:center;}

/* system_diagram */
.solution_systemdiagram_img{margin-bottom:50px;}
.solution_systemdiagram_img>p>img{width:100%;}
.solution_systemdiagram_img>span{display:block;font-size:1.2em;text-align:center;line-height:40px;}

/* solution_function */
.solution_function_wrap{padding-top:50px;}
.solution_function_wrap>div{float:left;width:50%;}
.solution_function_wrap>div>p{margin-bottom:20px;font-size:2em;}
.solution_function_wrap>div>ul{font-size:1.2em;}
.solution_function_wrap>div>ul>li{padding:10px 20px 20px 70px;background-repeat:no-repeat;background-position:left top 13px;}
.solution_function_wrap>div>ul>li>span{font-weight:bold;color:#164267;}
.solution_function_wrap>div:nth-of-type(1)>ul>li:nth-of-type(1){background-image:url("../img/sub/smart_lamp_function_twoway.png");}
.solution_function_wrap>div:nth-of-type(1)>ul>li:nth-of-type(2){background-image:url("../img/sub/smart_lamp_function_dimming.png");}
.solution_function_wrap>div:nth-of-type(1)>ul>li:nth-of-type(3){background-image:url("../img/sub/smart_lamp_function_iot.png");}
.solution_function_wrap>div:nth-of-type(1)>ul>li:nth-of-type(4){background-image:url("../img/sub/smart_lamp_function_remote.png");}

.solution_function_wrap>div:nth-of-type(2)>ul>li:nth-of-type(1){background-image:url("../img/sub/smart_lamp_system_flexible.png");}
.solution_function_wrap>div:nth-of-type(2)>ul>li:nth-of-type(2){background-image:url("../img/sub/smart_lamp_system_accessibility.png");}
.solution_function_wrap>div:nth-of-type(2)>ul>li:nth-of-type(3){background-image:url("../img/sub/smart_lamp_system_customizing.png");}
.solution_function_wrap>div:nth-of-type(2)>ul>li:nth-of-type(4){background-image:url("../img/sub/smart_lamp_system_repair.png");}

/* solution_control*/
.solution_control_wrap{padding-top:100px;background:#fafafa;}
.solution_control_con1{position:relative;padding:50px 0 0;}
.solution_control_con1>div>p{float:left;width:350px;padding:30px 0;}
.solution_control_con1>div>p>img{width:100%;}
.solution_control_con1>div>div{float:right;width:calc(100% - 400px);padding-top:70px;font-size:1.4em;text-align:right;line-height:1.6em;}
.solution_control_con2{padding-top:50px;}
.solution_control_con2>div{float:left;width:50%;padding-top:40px;font-size:1.2em;}
.solution_control_con2>div>ul>li>span{font-weight:bold;color:#164267;}
.solution_control_con2>div>ul>li>p{padding-bottom:30px;}
.solution_control_con2>p{float:right;width:500px;padding:50px 0;text-align:right;}
.solution_control_con2>p>img{width:100%;}

/* solution_smartcity */
.smartlamp_intro_title.solution{margin-top:100px;}
.solution_smartcity_wrap{padding:50px 0;background:#f5f5f5;}
.solution_smartcity_wrap>p{font-size:1.4em;line-height:1.8em;}
.solution_smartcity_wrap>p.solution_smartcity_news{padding-top:20px;margin-top:20px;border-top:1px dashed #ccc;font-size:1.2em;color:#0875da;}
.solution_smartcity_img{padding:50px 0;}
.solution_smartcity_img>p>img{width:100%;}
.solution_smartcity_img>span{display:block;font-size:1.2em;text-align:center;line-height:40px;}
.solution_smartcity_text_wrap{background:#fafafa;}
.solution_smartcity_text_wrap>p{padding:70px 540px 180px 0;font-size:1.4em;line-height:2.2em;background-image:url("../img/sub/smart_lamp_smartcity_infra.png");background-repeat:no-repeat;background-position:right bottom 30px;box-sizing:border-box;animation:smartcity_bg 5s infinite;}
@keyframes smartcity_bg{0%{background-position:right bottom 30px;}40%{background-position:right bottom 40px;}80%{background-position:right bottom 30px;}100%{background-position:right bottom 30px;}}

/* solution_smarthome */
.solution_smarthome_business_wrap{padding:50px 0;}
.solution_smarthome_business_wrap>p>img{width:100%;}

.solution_smarthome_wrap{background-color:#33abbd;background-image:url("../img/sub/smarthome_bg.png");background-repeat:no-repeat;background-position:right bottom;}
.solution_smarthome_wrap_sub>p{padding:0 20px;margin-bottom:100px;font-size:18px;font-weight:bold;color:#004d93;line-height:30px;}
.solution_smarthome_news_wrap{padding:50px 0;color:#fff;}
.solution_smarthome_news_wrap>p{padding-bottom:20px;font-size:2.6em;line-height:1.2em;}
.solution_smarthome_news_wrap>span{display:block;margin-top:10px;}
.solution_smarthome_news_wrap>span>a{float:left;width:230px;padding:10px;margin-right:20px;background:#fff;transition:0.3s;box-sizing:border-box;}
.solution_smarthome_news_wrap>span>a:hover{box-shadow:0 0 15px #666;}
.solution_smarthome_news_wrap>span>a>p{overflow:hidden;}
.solution_smarthome_news_wrap>span>a>p>img{width:100%;}
.solution_smarthome_news_wrap>span>a>span{display:block;padding:10px 0 3px;line-height:1.2em;}
.solution_smarthome_news_wrap>span>p{float:left;padding:10px;background:#fff;box-sizing:border-box;}
.solution_smarthome_news_wrap>span>p>iframe{width:295px;height:166px;outline:none;}
.solution_smarthome_news_wrap>ul{padding-top:30px;}
.solution_smarthome_news_wrap>ul>li>span{display:inline-block;padding:4px 14px;border-radius:20px;font-size:1.2em;font-weight:bold;color:#33abbd;line-height:1.2em;background:#fff;}
.solution_smarthome_news_wrap>ul>li>p{padding:5px 8px 10px;font-size:1.2em;}

.solution_smarthome_service_wrap{padding-top:50px;background:#ffefc9;}
.solution_smarthome_service_wrap>.smarthome_sub_title{width:680px;padding:10px 0 10px 10px;margin:initial;margin-left:calc(50% - 580px);border-top-right-radius:30px;border-bottom-right-radius:30px;color:#fff;background:#33abbd;}
.solution_smarthome_service_wrap>.smarthome_sub_title:before{top:10px;}
.solution_smarthome_service_wrap>.smarthome_sub_title:after{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:#33abbd;}
.solution_smarthome_service_wrap>div{position:relative;padding-top:50px;}
.solution_smarthome_service_normal{position:relative;background:#ffefc9;}
.solution_smarthome_service_normal:after{content:"";position:absolute;left:0;bottom:-100px;width:100%;height:100px;background:#ffefc9;}
.solution_smarthome_service_premium{background:#ffefc9;}
.solution_smarthome_service_premium>div>.smartlamp_title_sub,.solution_smarthome_service_normal>div>.smartlamp_title_sub{display:inline-block;width:initial;margin-bottom:50px;}
.solution_smarthome_service_wrap>div:before{content:"";position:absolute;left:0;top:0;width:100%;height:320px;background-repeat:no-repeat;background-position:center top;}
/*.solution_smarthome_service_wrap>.solution_smarthome_service_normal:before{background-image:url(../img/sub/smarthome_normal_bg.jpg);}
.solution_smarthome_service_wrap>.solution_smarthome_service_premium:before{background-image:url(../img/sub/smarthome_premium_bg.jpg);}*/
.solution_smarthome_service_wrap>div>p{position:relative;padding:120px 0;text-align:center;line-height:1;}
.solution_smarthome_service_wrap>div>div{position:relative;padding-top:50px;cursor:default;}
.solution_smarthome_service_wrap>div>div>ul>li{float:left;width:33.3333%;margin-bottom:50px;}
.solution_smarthome_service_wrap>div>div>ul>li>div{position:relative;height:340px;padding:140px 0 0;text-align:center;background-color:#fff;background-repeat:no-repeat;background-position:center top 20px;box-sizing:border-box;transition:0.3s;}
.solution_smarthome_service_wrap>.solution_smarthome_service_premium>div>ul>li>div:before{content:"";position:absolute;right:0;top:0;border-top:40px solid #33abbd;border-right:40px solid #33abbd;border-left:40px solid transparent;border-bottom:40px solid transparent;}
.solution_smarthome_service_wrap>.solution_smarthome_service_normal>div>ul>li>div:before{content:"";position:absolute;right:0;top:0;border-top:40px solid #ffb54b;border-right:40px solid #ffb54b;border-left:40px solid transparent;border-bottom:40px solid transparent;}
.solution_smarthome_service_wrap>div>div>ul>li:nth-of-type(3n-2)>div{margin-right:60px;}
.solution_smarthome_service_wrap>div>div>ul>li:nth-of-type(3n-1)>div{margin:0 30px;}
.solution_smarthome_service_wrap>div>div>ul>li:nth-of-type(3n)>div{margin-left:60px;}
.solution_smarthome_service_wrap>.solution_smarthome_service_normal>div>ul>li>div{cursor:pointer;}
.solution_smarthome_service_wrap>.solution_smarthome_service_normal>div>ul>li:nth-of-type(1)>div{background-image:url("../img/sub/smarthome_icon_parking_empty.png");}
.solution_smarthome_service_wrap>.solution_smarthome_service_normal>div>ul>li:nth-of-type(2)>div{background-image:url("../img/sub/smarthome_icon_parking_air.png");}
.solution_smarthome_service_wrap>.solution_smarthome_service_normal>div>ul>li:nth-of-type(3)>div{background-image:url("../img/sub/smarthome_icon_parking_fire.png");}
.solution_smarthome_service_wrap>.solution_smarthome_service_premium>div>ul>li>div{cursor:pointer;}
.solution_smarthome_service_wrap>.solution_smarthome_service_premium>div>ul>li:nth-of-type(1)>div{background-image:url("../img/sub/smarthome_icon_pre_noise.png");}
.solution_smarthome_service_wrap>.solution_smarthome_service_premium>div>ul>li:nth-of-type(2)>div{background-image:url("../img/sub/smarthome_icon_pre_air.png");}
.solution_smarthome_service_wrap>.solution_smarthome_service_premium>div>ul>li:nth-of-type(3)>div{background-image:url("../img/sub/smarthome_icon_pre_gas.png");}
.solution_smarthome_service_wrap>.solution_smarthome_service_premium>div>ul>li:nth-of-type(4)>div{background-image:url("../img/sub/smarthome_icon_pre_move.png");}
.solution_smarthome_service_wrap>.solution_smarthome_service_premium>div>ul>li:nth-of-type(5)>div{background-image:url("../img/sub/smarthome_icon_pre_reservation.png");}
.solution_smarthome_service_wrap>.solution_smarthome_service_premium>div>ul>li:nth-of-type(6)>div{background-image:url("../img/sub/smarthome_icon_pre_alarm.png");}
.solution_smarthome_service_wrap>div>div>ul>li>div:hover{box-shadow:0 0 15px #666;}
.solution_smarthome_service_wrap>div>div>ul>li>div>span{display:block;margin-bottom:20px;font-size:1.4em;}

.solution_smarthome_service_wrap>.solution_smarthome_service_normal>div>ul>li>div>span{color:#ee9e2c;}
.solution_smarthome_service_wrap>.solution_smarthome_service_premium>div>ul>li>div>span{color:#38a19b;}
.solution_smarthome_service_wrap>div>div>ul>li>div>p{font-size:1.2em;line-height:1.6em;}

.solution_smarthome_brochure{position:fixed;left:0;bottom:0;width:100%;height:calc(100% - 90px);background:rgba(0,0,0,0.8);visibility:hidden;opacity:0;z-index:9005;transition:0.3s;}
.solution_smarthome_brochure.on{visibility:visible;opacity:1;}
.solution_smarthome_brochure>p{position:relative;height:20px;}
.solution_smarthome_brochure>p>button{position:absolute;right:40px;top:20px;width:40px;height:40px;border:none;text-indent:-9999em;background:none;transition:0.3s;}
.solution_smarthome_brochure>p>button:hover{transform:rotate(270deg);}
.solution_smarthome_brochure>p>button:before{content:"";position:absolute;left:5px;top:18px;width:30px;height:4px;background:#fff;transform:rotate(45deg);}
.solution_smarthome_brochure>p>button:after{content:"";position:absolute;right:5px;top:18px;width:30px;height:4px;background:#fff;transform:rotate(-45deg);}
.brochure_btn_wrap{display:none;position:absolute;left:0;top:calc(50% - 20px);width:100%;padding:0 40px;box-sizing:border-box;}
.brochure_btn_wrap>button{width:40px;height:40px;border:none;text-indent:-9999em;background:none;}
.brochure_btn_wrap>button:nth-of-type(1){float:left;position:relative;}
.brochure_btn_wrap>button:nth-of-type(2){float:right;position:relative;}
.brochure_btn_wrap>button:nth-of-type(1):before{content:"";position:absolute;left:10px;top:24px;width:20px;height:4px;background:#fff;transform:rotate(45deg);}
.brochure_btn_wrap>button:nth-of-type(1):after{content:"";position:absolute;left:10px;top:12px;width:20px;height:4px;background:#fff;transform:rotate(-45deg);}
.brochure_btn_wrap>button:nth-of-type(2):before{content:"";position:absolute;right:10px;top:12px;width:20px;height:4px;background:#fff;transform:rotate(45deg);}
.brochure_btn_wrap>button:nth-of-type(2):after{content:"";position:absolute;right:10px;top:24px;width:20px;height:4px;background:#fff;transform:rotate(-45deg);}
.solution_smarthome_brochure>.brochure_img_wrap>p{float:left;width:50%;padding:0 20px;box-sizing:border-box;}
.solution_smarthome_brochure>.brochure_img_wrap>p:nth-of-type(1){text-align:right;}
.solution_smarthome_brochure>.brochure_img_wrap>p:nth-of-type(2){text-align:left;}
.solution_smarthome_brochure>.brochure_img_wrap>p>img{height:calc(100vh - 170px);}
body.scroll_no{overflow:hidden;}

/* product */
/* product_wrap */
.product_wrap{padding:0 0 50px;border-bottom:1px solid #e5e5e5;}
.product_wrap>ul>li{padding-bottom:30px;margin-bottom:50px;border-bottom:1px solid #e5e5e5;}
.product_img_wrap{float:left;position:relative;width:380px;padding:40px;box-sizing:border-box;}
.product_img_wrap>span{position:absolute;right:0;bottom:0;padding:0 10px;font-size:18px;color:#fff;line-height:30px;background:#f67a22;box-sizing:border-box;}
.product_img_wrap>span:before{content:"";position:absolute;left:-30px;top:0;border-right:15px solid #f67a22;border-bottom:15px solid #f67a22;border-left:15px solid transparent;border-top:15px solid transparent;}
.product_img_wrap>p>img{width:100%;}
.product_text_wrap{float:left;width:calc(100% - 380px);padding-left:20px;box-sizing:border-box;}
.product_text_title{padding-bottom:5px;margin-bottom:10px;border-bottom:2px solid #164267;}
.product_text_title.product_list_tab{margin-bottom:0;}
.product_text_title>p{float:left;font-size:2.6em;font-weight:bold;color:#164267;line-height:40px;}
.product_text_title>p>span{font-size:0.5em;font-weight:normal;color:#333;line-height:1;}
.product_mark_wrap{float:right;}
.product_mark_wrap>span{display:none;float:left;position:relative;width:40px;height:40px;margin-right:5px;border:1px solid #666;border-radius:20px;text-indent:-9999em;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:26px;box-sizing:border-box;}
.product_mark_wrap>span:last-child{margin-right:0;}

.product_mark_wrap>span.mark_venture{background-image:url("../img/sub/mark_venture.png");}
.product_mark_wrap>span.mark_ip68{background-image:url("../img/sub/mark_ip68.png");}
.product_mark_wrap>span.mark_kc{background-image:url("../img/sub/mark_kc.png");}
.product_mark_wrap>span.mark_ks{background-image:url("../img/sub/mark_ks.png");}
.product_mark_wrap>span.mark_patent{background-image:url("../img/sub/mark_patent.png");}
.product_mark_wrap>span.mark_seoul{background-image:url("../img/sub/mark_seoul.png");}
.product_mark_wrap>span.mark_sps{background-image:url("../img/sub/mark_sps.png");}

.product_mark_wrap>span:before{position:absolute;right:0;bottom:45px;padding:5px;border:1px solid #ccc;font-size:12px;line-height:1;text-indent:0;background:#fff;visibility:hidden;opacity:0;transition:0.3s;}

.product_mark_wrap>span.mark_venture:before{content:"중소기업 확인서";width:81px;}
.product_mark_wrap>span.mark_ip68:before{content:"IP68등급 방수";width:72px;}
.product_mark_wrap>span.mark_kc:before{content:"KC 인증";width:41px;}
.product_mark_wrap>span.mark_ks:before{content:"KS 인증";width:41px;}
.product_mark_wrap>span.mark_patent:before{content:"특허 인증";width:48px;}
.product_mark_wrap>span.mark_seoul:before{content:"서울우수디자인";width:78px;}
.product_mark_wrap>span.mark_sps:before{content:"단체표준 인증";width:70px;}
.product_mark_wrap>span:hover:before{display:block;visibility:visible;opacity:1;}




.product_tab_btn{border-bottom:1px solid #164267;}
.product_tab_btn>button{float:left;width:16.6666%;padding:0;border:none;color:#333;line-height:39px;background:#fff;box-sizing:border-box;transition:0.3s;}
.product_tab_btn.renovar_slim>button{width:calc(100% / 4);}
.product_tab_btn.renovar_s>button{width:calc(100% / 5);}
.product_tab_btn.ae>button{width:calc(100% / 7);}
.product_tab_btn.se>button{width:calc(100% / 7);}
.product_tab_btn>button.on{color:#fff;background:#164267;}
.product_tab_btn>button:hover{color:#fff;background:#164267;}

.product_text_content{position:relative;min-height:323px;padding-left:10px;box-sizing:border-box;}
.product_text_content.product_list_tab{min-height:293px;padding-top:10px;}
.product_text_content.product_list_tab>ul{display:none;}
.product_text_content.product_list_tab>ul:nth-of-type(1){display:block;}
.product_text_content>ul>li{line-height:28px;}
.product_text_content>ul>li>span{float:left;width:160px;}
.product_text_content>ul>li>p{float:left;}
.product_text_content>ul>li>p.product_point_color{color:#f67a22;}
.product_text_content>.link_btn_wrap{position:absolute;right:0;bottom:0;width:140px;}
.product_text_content>.link_btn_wrap>a{position:relative;display:block;width:100%;height:40px;padding:0 50px 0 20px;margin-top:10px;color:#fff;line-height:40px;background:#164267;box-sizing:border-box;transition:0.3s;}
.product_text_content>.link_btn_wrap>a:before{content:"";position:absolute;right:18px;top:20px;width:12px;height:2px;background:#fff;box-sizing:border-box;transition:0.3s;}
.product_text_content>.link_btn_wrap>a:after{content:"";position:absolute;right:23px;top:15px;width:2px;height:12px;background:#fff;box-sizing:border-box;transition:0.3s;}
.product_text_content>.link_btn_wrap>a:hover:before{transform:rotate(180deg);}
.product_text_content>.link_btn_wrap>a:hover:after{transform:rotate(180deg);}

.product_no_data{display:none;position:absolute;left:-140px;top:0;width:120px;border:1px solid #999;border-radius:10px;color:#333;text-align:center;line-height:40px;background:#fff;}
.product_no_data:before{content:"";position:absolute;right:-14px;top:13px;border-left:12px solid #999;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:2px solid transparent;}
.product_no_data:after{content:"";position:absolute;right:-12px;top:14px;border-left:10px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:2px solid transparent;}

.product_text_content>.link_btn_wrap>a.btn_narashop{border:1px solid #333;color:#333;line-height:38px;background:#fff;}
.product_text_content>.link_btn_wrap>a.btn_narashop:hover{border:1px solid #ed1a3b;color:#ed1a3b;}
.product_text_content>.link_btn_wrap>a.btn_narashop:before{content:"";right:20px;top:16px;width:9px;height:2px;background:#333;transform:rotate(45deg);}
.product_text_content>.link_btn_wrap>a.btn_narashop:after{content:"";right:20px;top:21px;width:9px;height:2px;background:#333;transform:rotate(-45deg);}
.product_text_content>.link_btn_wrap>a.btn_narashop:hover:before{right:16px;background:#ed1a3b;}
.product_text_content>.link_btn_wrap>a.btn_narashop:hover:after{right:16px;background:#ed1a3b;}

.product_text_content>.link_btn_wrap>button.more_narashop{position:relative;display:block;width:100%;padding:10px 50px 10px 19px;border:1px solid #164267;color:#164267;text-align:left;background:#fff;box-sizing:border-box;transition:0.3s;}
.product_text_content>.link_btn_wrap>button.more_narashop:hover{border:1px solid #ed1a3b;color:#ed1a3b;}
.product_text_content>.link_btn_wrap>button.more_narashop:before{content:"";position:absolute;right:18px;top:20px;width:12px;height:2px;background:#164267;box-sizing:border-box;transition:0.3s;}
.product_text_content>.link_btn_wrap>button.more_narashop:after{content:"";position:absolute;right:23px;top:15px;width:2px;height:12px;background:#164267;box-sizing:border-box;transition:0.3s;}
.product_text_content>.link_btn_wrap>button.more_narashop:hover:before{background:#ed1a3b;transform:rotate(180deg);}
.product_text_content>.link_btn_wrap>button.more_narashop:hover:after{background:#ed1a3b;transform:rotate(180deg);}

.smartlamp_title_sub.product_title{margin:0 auto 20px;}

/* Smart Home Service Product */
.product_sp_img_wrap{float:left;width:50%;padding:10px;box-sizing:border-box;}
.product_sp_img_wrap>img{width:100%;border:1px solid #ccc;}

/* NB-IoT */
.product_nbiot_wrap{padding:50px 0;margin-bottom:50px;background:#f5f5f5;}
.product_nbiot_wrap>p{font-size:1.4em;line-height:1.8em;}
.product_nbiot_wrap>p>i{font-size:1.2em;font-weight:bold;}
.detail_product_wrap>div>a{position:relative;display:block;width:190px;padding:10px 50px 10px 20px;;margin-top:30px;color:#fff;background:#164267;transition:0.3s;box-sizing:border-box;}
.detail_product_wrap>div>a{margin-top:10px;}
.detail_product_wrap>div>a:before{content:"";position:absolute;right:18px;top:20px;width:12px;height:2px;background:#fff;box-sizing:border-box;transition:0.3s;}
.detail_product_wrap>div>a:after{content:"";position:absolute;right:23px;top:15px;width:2px;height:12px;background:#fff;box-sizing:border-box;transition:0.3s;}
.detail_product_wrap>div>a:hover:before{transform:rotate(180deg);}
.detail_product_wrap>div>a:hover:after{transform:rotate(180deg);}

.detail_product_wrap>p{float:left;width:500px;padding:49px;border:1px solid #ccc;box-sizing:border-box;}
.detail_product_wrap>div{float:left;width:calc(100% - 500px);padding:10px 0 0 50px;box-sizing:border-box;}
.detail_product_wrap>div>span:nth-of-type(1){display:block;font-size:2em;color:#164267;line-height:1;}
.detail_product_wrap>div>span:nth-of-type(2){display:block;padding:10px 0 20px;font-size:1.2em;color:#666;line-height:1;}
.detail_product_wrap>div>p{padding-top:10px;font-size:1.2em;line-height:2em;}

.detail_product_mark_wrap{position:relative;}
.detail_product_mark_wrap>span{float:left;position:relative;width:40px;height:40px;margin-right:5px;border:1px solid #666;border-radius:20px;text-indent:-9999em;background-color:#fff;background-repeat:no-repeat;background-position:center;box-sizing:border-box;}
.detail_product_mark_wrap>span.mark_nara{background-image:url("../img/sub/mark_nara.png");}
.detail_product_mark_wrap>span.mark_kc{background-image:url("../img/sub/mark_kc.png");}
.detail_product_mark_wrap>span.mark_green{background-image:url("../img/sub/mark_green.png");}
.detail_product_mark_wrap>span.mark_start{background-image:url("../img/sub/mark_start.png");}
.detail_product_mark_wrap>span.mark_gpass{background-image:url("../img/sub/mark_gpass.png");}
.detail_product_mark_wrap>span.mark_organization{background-image:url("../img/sub/mark_organization.png");}
.detail_product_mark_wrap>span.mark_energy{background-image:url("../img/sub/mark_energy.png");}
.detail_product_mark_wrap>span.mark_ks{background-image:url("../img/sub/mark_ks.png");}
.detail_product_mark_wrap>span:before{position:absolute;left:0;bottom:45px;padding:5px;border:1px solid #ccc;font-size:12px;line-height:1;text-indent:0;background:#fff;visibility:hidden;opacity:0;transition:0.3s;}
.detail_product_mark_wrap>span.mark_nara:before{content:"소기업 확인서";width:92px;}
.detail_product_mark_wrap>span.mark_kc:before{content:"KC 인증";width:41px;}
.detail_product_mark_wrap>span.mark_green:before{content:"녹색기술 인증";width:70px;}
.detail_product_mark_wrap>span.mark_start:before{content:"창업기업 제품";width:70px;}
.detail_product_mark_wrap>span.mark_gpass:before{content:"G-PASS 기업";width:67px;}
.detail_product_mark_wrap>span.mark_organization:before{content:"단체표준 인증";width:70px;}
.detail_product_mark_wrap>span.mark_energy:before{content:"고효율기자재";width:67px;}
.detail_product_mark_wrap>span.mark_ks:before{content:"한국표준규격(KS)";width:90px;}
.detail_product_mark_wrap>span:hover:before{display:block;visibility:visible;opacity:1;}

.detail_product_chart_wrap{padding:50px;margin-top:50px;box-sizing:border-box;background:#fafafa}
.detail_product_chart_wrap>ul{background:#fff;border:1px solid #ccc;}
.detail_product_chart_wrap>ul>li{padding:30px 50px;border-bottom:1px solid #ccc;font-size:1.6em;line-height:1.2em;}
.detail_product_chart_wrap>ul>li:last-child{border-bottom:none;}
.detail_product_chart_wrap>ul>li>span{float:left;width:35%;}
.detail_product_chart_wrap>ul>li>p{float:left;width:65%;}

/* technology */
/* confirm */
.technology_confirm_wrap>ul>li{float:left;width:16%;margin-right:5%;margin-bottom:50px;box-sizing:border-box;}
.technology_confirm_wrap>ul>li:nth-of-type(5n){margin-right:0;}
.technology_confirm_wrap>ul>li>p{margin-bottom:10px;border:1px solid #ccc;box-sizing:border-box;aspect-ratio:184 / 260;}
.technology_confirm_wrap>ul>li>p>img{width:100%;}
.technology_confirm_wrap>ul>li>span{display:block;height:60px;font-size:1.1em;text-align:center;line-height:20px;}

/* result */
/* delivery */
.result_delivery_wrap>div{float:left;width:50%;box-sizing:border-box;}
.result_section_info{padding:20px 0;line-height:1;}
.result_section_info>span{float:left;font-size:6em;color:#164267;}
.result_section_info>div{float:left;padding:30px 30px 0;}
.result_section_info>div>p{padding-bottom:10px;font-size:1.6em;}
.result_section_info>div>p>span{margin-left:10px;}
.result_delivery_wrap>.result_delivery_citylist>ul{border:1px solid #ccc;}
.result_delivery_wrap>.result_delivery_citylist>ul>li{border-bottom:1px solid #ccc;cursor:pointer;}
.result_delivery_wrap>.result_delivery_citylist>ul>li:last-child{border-bottom:none;}
.result_delivery_wrap>.result_delivery_citylist>ul>li>span{float:left;width:25%;padding:30px 20px;border-right:1px solid #ccc;font-size:1.4em;text-align:center;box-sizing:border-box;transition:0.3s;}
.result_delivery_wrap>.result_delivery_citylist>ul>li>span:last-child{border-right:none;}
.result_delivery_wrap>.result_delivery_citylist>ul>li>span.on{color:#fff;background:#164267;}
.result_total_info{padding-bottom:10px;border-bottom:1px dashed #ccc;line-height:1;}
.result_total_info>span{float:left;font-size:6em;color:#164267;}
.result_total_info>div{float:left;padding:62px 30px 0;}
.result_total_info>div>p{float:left;padding-right:20px;font-size:1.6em;}
.result_total_info>div>p>span{padding-left:10px;}

.result_delivery_map>p{position:relative;text-align:right;}
.result_delivery_map>p>img{max-width:100%;}
.result_delivery_map>p>img:first-child~img{position:absolute;right:0;top:0;opacity:0;}
.act_map_text{position:absolute;padding:3px 8px;border:1px solid #999;color:#333;background:#fff;opacity:0;}
.act_map_text:nth-of-type(1){right:337px;top:63px;}
.act_map_text:nth-of-type(2){right:370px;top:65px;}
.act_map_text:nth-of-type(3){right:300px;top:190px;}
.act_map_text:nth-of-type(4){right:200px;top:245px;}
.act_map_text:nth-of-type(5){right:350px;top:322px;}
.act_map_text:nth-of-type(6){right:142px;top:270px;}
.act_map_text:nth-of-type(7){right:142px;top:310px;}
.act_map_text:nth-of-type(8){right:317px;top:40px;}
.act_map_text:nth-of-type(9){right:220px;top:40px;}
.act_map_text:nth-of-type(10){right:270px;top:120px;}
.act_map_text:nth-of-type(11){right:330px;top:145px;}
.act_map_text:nth-of-type(12){right:310px;top:235px;}
.act_map_text:nth-of-type(13){right:335px;top:305px;}
.act_map_text:nth-of-type(14){right:180px;top:130px;}
.act_map_text:nth-of-type(15){right:180px;top:288px;}
.act_map_text:nth-of-type(16){right:344px;top:462px;}
.act_map_text:before{content:"";position:absolute;right:-1px;bottom:-12px;border-top:6px solid #999;border-right:6px solid #999;border-left:6px solid transparent;border-bottom:6px solid transparent;}
.act_map_text:after{content:"";position:absolute;right:0;bottom:-10px;border-top:5px solid #fff;border-right:5px solid #fff;border-left:5px solid transparent;border-bottom:5px solid transparent;}

/* partner */
.result_partner_section_wrap{position:relative;margin-bottom:60px;}
.result_partner_section_wrap:before{content:"";position:absolute;left:0;top:26px;width:calc(50% - 200px);height:1px;background:#ccc;}
.result_partner_section_wrap:after{content:"";position:absolute;right:0;top:26px;width:calc(50% - 200px);height:1px;background:#ccc;}
.result_partner_section_wrap>p{width:400px;padding:15px 10px;margin:0 auto;border:1px solid #ccc;font-size:1.6em;text-align:center;box-sizing:border-box;}
.result_partner_section_wrap>ul{padding-top:40px;}
.result_partner_section_wrap>ul>li{float:left;width:18%;margin-bottom:20px;margin-right:2.5%;border:1px solid #ccc;box-sizing:border-box;}
.result_partner_section_wrap>ul>li:nth-of-type(5n){margin-right:0;}
.result_partner_section_wrap>ul>li>p{line-height:80px;text-indent:-9999em;background-repeat:no-repeat;background-position:center;background-size:80%;}

.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(1)>p{background-image:url("../img/sub/partner_tel_sk.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(2)>p{background-image:url("../img/sub/partner_tel_lg.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(3)>p{background-image:url("../img/sub/partner_tel_kt.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(4)>p{background-image:url("../img/sub/partner_it_eucast.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(5)>p{background-image:url("../img/sub/partner_company_etri.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(6)>p{background-image:url("../img/sub/partner_company_sinair.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(7)>p{background-image:url("../img/sub/partner_company_keti.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(8)>p{background-image:url("../img/sub/partner_company_sensortec.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(9)>p{background-image:url("../img/sub/partner_company_mjairtec.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(10)>p{background-image:url("../img/sub/partner_company_pineone.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(11)>p{background-image:url("../img/sub/partner_company_huantech.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(12)>p{background-image:url("../img/sub/partner_company_bucheon.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(13)>p{background-image:url("../img/sub/partner_company_tta.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(14)>p{background-image:url("../img/sub/partner_company_freestyle.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(15)>p{background-image:url("../img/sub/partner_public_water.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(16)>p{background-image:url("../img/sub/partner_public_lh.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(17)>p{background-image:url("../img/sub/partner_public_gyunggi.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(18)>p{background-image:url("../img/sub/partner_company_incheonair.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(19)>p{background-image:url("../img/sub/partner_public_ekr.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(20)>p{background-image:url("../img/sub/partner_public_ex.png");}
.result_partner_section_wrap:nth-of-type(1)>ul>li:nth-of-type(21)>p{background-image:url("../img/sub/partner_public_port_ulsan.png");}

.result_partner_section_wrap:nth-of-type(2)>ul>li:nth-of-type(1)>p{background-image:url("../img/sub/partner_local_seoul.png");}
.result_partner_section_wrap:nth-of-type(2)>ul>li:nth-of-type(2)>p{background-image:url("../img/sub/partner_local_incheon.png");}
.result_partner_section_wrap:nth-of-type(2)>ul>li:nth-of-type(3)>p{background-image:url("../img/sub/partner_local_daejeon.png");}
.result_partner_section_wrap:nth-of-type(2)>ul>li:nth-of-type(4)>p{background-image:url("../img/sub/partner_local_daegu.png");}
.result_partner_section_wrap:nth-of-type(2)>ul>li:nth-of-type(5)>p{background-image:url("../img/sub/partner_local_gwangju.png");}
.result_partner_section_wrap:nth-of-type(2)>ul>li:nth-of-type(6)>p{background-image:url("../img/sub/partner_local_ulsan.png");}
.result_partner_section_wrap:nth-of-type(2)>ul>li:nth-of-type(7)>p{background-image:url("../img/sub/partner_local_busan.png");}
.result_partner_section_wrap:nth-of-type(2)>ul>li:nth-of-type(8)>p{background-image:url("../img/sub/partner_local_gyunggi.png");}
.result_partner_section_wrap:nth-of-type(2)>ul>li:nth-of-type(9)>p{background-image:url("../img/sub/partner_local_chungbuk.png");}
.result_partner_section_wrap:nth-of-type(2)>ul>li:nth-of-type(10)>p{background-image:url("../img/sub/partner_local_chungnam.png");}
.result_partner_section_wrap:nth-of-type(2)>ul>li:nth-of-type(11)>p{background-image:url("../img/sub/partner_local_jeonbuk.png");}
.result_partner_section_wrap:nth-of-type(2)>ul>li:nth-of-type(12)>p{background-image:url("../img/sub/partner_local_jeonnam.png");}
.result_partner_section_wrap:nth-of-type(2)>ul>li:nth-of-type(13)>p{background-image:url("../img/sub/partner_local_kyungbuk.png");}
.result_partner_section_wrap:nth-of-type(2)>ul>li:nth-of-type(14)>p{background-image:url("../img/sub/partner_local_kyungnam.png");}
.result_partner_section_wrap:nth-of-type(2)>ul>li:nth-of-type(15)>p{background-image:url("../img/sub/partner_local_kangwon.png");}
.result_partner_section_wrap:nth-of-type(2)>ul>li:nth-of-type(16)>p{background-image:url("../img/sub/partner_local_jeju.png");}

.result_partner_section_wrap:nth-of-type(3)>ul>li:nth-of-type(1)>p{background-image:url("../img/sub/partner_univ_yonsei.png");}
.result_partner_section_wrap:nth-of-type(3)>ul>li:nth-of-type(2)>p{background-image:url("../img/sub/partner_univ_sogang.png");}
.result_partner_section_wrap:nth-of-type(3)>ul>li:nth-of-type(3)>p{background-image:url("../img/sub/partner_univ_postech.png");}