@charset "utf-8";

/* 내용관리 */
#ctt { min-height:300px; }
.ctt_admin {display:none;}
#ctt header h1 {display:none;}
#ctt_con { }

#ctt p { }


/* ----------------------------------------
	font-style
---------------------------------------- */


.co999 {color:#999 !important;} 
.co888 {color:#888 !important;} 
.co666 {color:#666 !important;} 
.co555 {color:#555 !important;} 
.co444 {color:#444 !important;} 
.co333 {color:#333 !important;} 
.co222 {color:#222 !important;} 
.coorange {color:#ed6d01 !important;} 
.coskyblue {color:#51b8d3 !important;} 
.cogreen {color:#9cba01 !important;} 
.cowhite {color:#fff !important;} 
.coindigo {color:#222935;}
.colightindigo {color:#8f97a4;}

.fs10 {font-size:10px !important;} 
.fs11 {font-size:11px !important;} 
.fs12 {font-size:12px !important;} 
.fs13 {font-size:13px !important;} 
.fs14 {font-size:14px !important;} 
.fs15 {font-size:15px !important;} 
.fs16 {font-size:16px !important;} 
.fs17 {font-size:17px !important;} 
.fs18 {font-size:18px !important;} 
.fs19 {font-size:19px !important;} 
.fs20 {font-size:20px !important;} 
.fs21 {font-size:21px !important;} 
.fs22 {font-size:22px !important;} 
.fs23 {font-size:23px !important;} 
.fs24 {font-size:23px !important;} 
.fs25 {font-size:25px !important;} 
.fs26 {font-size:26px !important;} 
.fs27 {font-size:27px !important;} 
.fs28 {font-size:28px !important;} 
.fs29 {font-size:29px !important;} 
.fs30 {font-size:30px !important;} 
.fs31 {font-size:31px !important;} 
.fs32 {font-size:32px !important;} 
.fs33 {font-size:33px !important;} 
.fs34 {font-size:34px !important;} 
.fs35 {font-size:35px !important;} 
.fs36 {font-size:36px !important;} 
.fs37 {font-size:37px !important;} 
.fs38 {font-size:38px !important;} 
.fs39 {font-size:39px !important;} 
.fs40 {font-size:40px !important;} 
.fs41 {font-size:41px !important;} 
.fs42 {font-size:42px !important;} 
.fs43 {font-size:43px !important;} 
.fs44 {font-size:44px !important;} 
.fs45 {font-size:45px !important;} 
.fs46 {font-size:46px !important;} 
.fs47 {font-size:47px !important;} 
.fs48 {font-size:48px !important;} 
.fs49 {font-size:49px !important;} 
.fs50 {font-size:50px !important;}



.fwn {font-weight:normal !important;} 
.fwb {font-weight:bold !important;} 
.fweb {font-weight:800 !important;} 
.ttu {text-transform:uppercase;}
.tac {text-align:center;} 
.tal {text-align:left;}
.tar {text-align:right;}
.ffmj {font-family:'nanum myeongjo';}

.tsw {text-shadow:1px 1px 0 rgba(255,255,255,0.5);}
.tsb {text-shadow:1px 1px 0 rgba(0,0,0,0.3);}

.NotoSansR {font-family:'NotoSansR';}
.NotoSansM {font-family:'NotoSansM';}
.NotoSansB {font-family:'NotoSansB';}
.NotoSansL {font-family:'NotoSansL';}
/* ----------------------------------------
	margin-padding-style
---------------------------------------- */
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt140 {margin-top:140px !important;}
.mt150 {margin-top:150px !important;}
.mt160 {margin-top:160px !important;}
.mt170 {margin-top:170px !important;}
.mt180 {margin-top:180px !important;}
.mt190 {margin-top:190px !important;}
.mt200 {margin-top:200px !important;}
.mb0 {margin-bottom:0 !important;} 
.mb10 {margin-bottom:10px !important;} 
.mb20 {margin-bottom:20px !important;} 
.mb30 {margin-bottom:30px !important;} 
.mb40 {margin-bottom:40px !important;} 
.mb50 {margin-bottom:50px !important;} 
.mb60 {margin-bottom:60px !important;} 
.mb70 {margin-bottom:70px !important;} 
.mb80 {margin-bottom:80px !important;} 
.mb90 {margin-bottom:90px !important;} 
.mb100 {margin-bottom:100px !important;}
.ml0 {margin-left:0 !important;} 
.ml10 {margin-left:10px !important;} 
.ml20 {margin-left:20px !important;} 
.ml30 {margin-left:30px !important;} 
.ml40 {margin-left:40px !important;} 
.ml50 {margin-left:50px !important;} 
.ml60 {margin-left:60px !important;} 
.ml70 {margin-left:70px !important;} 
.ml80 {margin-left:80px !important;} 
.ml90 {margin-left:90px !important;} 
.ml100 {margin-left:100px !important;}
.mr0 {margin-right:0 !important;} 
.mr10 {margin-right:10px !important;} 
.mr20 {margin-right:20px !important;} 
.mr30 {margin-right:30px !important;} 
.mr40 {margin-right:40px !important;} 
.mr50 {margin-right:50px !important;} 
.mr60 {margin-right:60px !important;} 
.mr70 {margin-right:70px !important;} 
.mr80 {margin-right:80px !important;} 
.mr90 {margin-right:90px !important;} 
.mr100 {margin-right:100px !important;}

.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;} 
.pl100 {padding-left:100px !important;}
.pr10 {padding-right:10px !important;} 
.pr15 {padding-right:15px !important;} 
.pr20 {padding-right:20px !important;} 
.pr30 {padding-right:30px !important;} 
.pr40 {padding-right:40px !important;} 
.pr50 {padding-right:50px !important;} 
.pr60 {padding-right:60px !important;} 
.pr70 {padding-right:70px !important;} 
.pr80 {padding-right:80px !important;} 
.pr90 {padding-right:90px !important;} 
.pr100 {padding-right:100px !important;}

.fl {float:left;} .fr {float:right;}
.wid10 {width:10%;}
.wid15 {width:15%;}
.wid20 {width:20%;}
.wid25 {width:25%;}
.wid30 {width:30%;}
.wid35 {width:35%;}
.wid40 {width:40%;}
.wid45 {width:45%;}
.wid49 {width:49%;}
.wid50 {width:50%;}
.wid55 {width:55%;}
.wid60 {width:60%;}
.wid65 {width:65%;}
.wid70 {width:70%;}
.wid75 {width:75%;}
.wid80 {width:80%;}
.wid85 {width:85%;}
.wid90 {width:90%;}
.wid95 {width:95%;}
.wid100 {width:100%;}



/* ----------------------------------------
	content
---------------------------------------- */
.box_code {display:inline-block; background:#222935; color:#fff; font-size:30px; font-weight:500; padding:10px 20px;}
.company_flow {text-align:center; padding:30px;}
.company_flow img {margin:0 auto;}
.company_flow h4 {font-size:20px; color:#232c3b; font-weight:bold; margin:8px 0;}
.company_flow p {font-size:13px; color:#666; line-height:18px;}
.company_flow .dotline {border:2px solid #51b8d3; position:absolute; width:120px; z-index:11;}
.company_flow .dotline span {display:block; position:absolute; bottom:-9px; width:18px; height:18px; background:url(../../../images/content/dot.png);}
.company_flow .dotline span.left {left:-3px;}
.company_flow .dotline span.right {right:-3px;}
.company_flow .dotline.f1 {right:-50px; top:50px;}
.company_flow .dotline.f2 {right:-50px; top:150px;}
.company_flow .dotline.f3 {right:-50px; top:80px;}
@media (max-width: 992px) {
	.company_flow .dotline {display:none;}
}

.full_gray_bg {background:#f7f7f7; padding:40px 0 20px 0;}

.history {border-left:1px solid #51b8d3; margin:30px 0 0 30px; padding-top:20px;}
.history .history_box {position:relative; padding-left:30px; margin-bottom:30px;}
.history .history_box .dot {display:block; position:absolute; width:18px; height:18px; background:url(../../../images/content/dot.png); left:-10px;}
.history .history_box .date {font-size:20px; color:#51b8d3;}
.history .history_box .cont {font-size:14px; line-height:20px;}

.num_title {font-size:22px; color:#232c3b;}
.num_title span {display:inline-block; width:40px; line-height:40px; color:#fff; background:#51b8d3; text-align:center; border-radius:100%;}

.wireless_charging_box {border:1px solid #dadada; border-radius:15px; padding:30px; text-align:center; margin-bottom:30px; min-height:390px;}
.wireless_charging_box img {margin-bottom:20px;}
.wireless_charging_box small {display:block; font-size:15px; color:#999999; font-weight:700; }
.wireless_charging_box h3 {font-size:22px; color:#51b8d3; font-family:'NotoSansM'; }
.wireless_charging_box p {font-size:14px; margin-top:30px;}

.box_list {border:1px solid #dadada; background:#fff; padding:20px; border-radius:15px; margin-bottom:30px;}
.box_list .icon {display:block; border:1px solid #dadada; width:150px; height:150px; border-radius:100%; margin:0 auto;}
.box_list .txt_b {font-size:22px; color:#51b8d3; font-family:'NotoSansM'; margin-top:10px;}
.box_list .txt_m {font-size:18px; color:#3a3a3a; font-family:'NotoSansM'; margin-top:10px;}
.box_list .txt_s {font-size:13px; color:#666; margin-top:10px;}
.box_list .icon.light_system1 {background:url(../../../images/content/light_system_icon1.png) center center no-repeat;}
.box_list .icon.light_system2 {background:url(../../../images/content/light_system_icon2.png) center center no-repeat;}
.box_list .icon.light_system3 {background:url(../../../images/content/light_system_icon3.png) center center no-repeat;}
.box_list .icon.light_system4 {background:url(../../../images/content/light_system_icon4.png) center center no-repeat;}
.box_list .icon.light_system5 {background:url(../../../images/content/light_system_icon5.png) center center no-repeat;}
.box_list .icon.motion_capture1 {background:url(../../../images/content/motion_capture_icon1.png) center center no-repeat;}
.box_list .icon.motion_capture2 {background:url(../../../images/content/motion_capture_icon2.png) center center no-repeat;}
.box_list .icon.motion_capture3 {background:url(../../../images/content/motion_capture_icon3.png) center center no-repeat;}
.box_list .icon.motion_capture4 {background:url(../../../images/content/motion_capture_icon4.png) center center no-repeat;}

.light_img_wrap {position:relative; text-align:center;}
.light_img {margin:0 8px; width:50%; position:absolute; bottom:0px;}
.light_img .col-xs-4 {padding:3px; }


.contact_txt span {display:inline-block; margin:0 10px;}
.wireless_charging_txt {width:50%;}

.mg0 {padding:0 !important;}


#accordian {border-top:2px solid #51b8d3; padding:20px; margin-bottom:10px;}

.prototype {position:relative;}
.prototype .col-md-6, .prototype .col-md-9 {position:static; width:100%;}
.prototype h3 {background:url(../../../images/content/dot2.png) left 6px no-repeat; font-size:23px; color:#232c3b; font-family:'NotoSansB'; padding-left:23px; margin-bottom:10px;}
.prototype h4 {font-size:16px; color:#51b8d3; letter-spacing:-0.02em; margin-bottom:10px;}
.prototype .prototype_photo { display:none; }
.prototype .alist { }
.prototype .alist li {background:url(../../../images/content/dot3.png) left 8px no-repeat; padding-left:10px; margin-bottom:5px; font-size:14px; color:#333; line-height:20px;}
.prototype .blist {}
.prototype .blist li {margin-bottom:3px;}
.prototype .blist li span {display:inline-block; vertical-align:top;}
.prototype .blist li span.th {background:#51b8d3; color:#fff; padding:0 8px; line-height:20px; margin-right:10px; font-size:13px;}
.prototype .blist li span.td {font-size:13px; color:#333; line-height:20px;}
.prototype .price {border-top:1px solid #dadada; background:#fafafa; position:absolute; bottom:0; width:100%;}
.prototype .price p {font-size:20px; color:#232c3b; font-family:'NotoSansM'; line-height:50px; margin-left:20px;}

.prototype .btnDetail {position:absolute; bottom:0; display:block; line-height:32px; font-size:16px; color:#51b8d3; cursor:pointer; }
.prototype .btnDetail i {display:inline-block; margin-right:2px;}
.prototype .btnDetail:hover {text-decoration:underline;}

.prototype_view { background:#fafafa; padding:20px; border:1px solid #eaeaea; margin-top:10px;}
.prototype_view:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.prototype_view h3 {border-bottom:1px solid #dadada; background:#fafafa; font-size:25px; color:#232c3b; font-family:'NotoSansB'; padding:13px 10px; text-align:center;}
.prototype_view h4 {font-size:20px; color:#51b8d3; margin:10px 0;}
.prototype_view figure {}
.prototype_view .prototype_cont {position:relative;}
.prototype_view .alist {margin-top:10px;}
.prototype_view .alist li {background:url(../../../images/content/dot3.png) left 8px no-repeat; padding-left:10px; margin-bottom:8px; font-size:14px; color:#333;}
.prototype_view .blist {margin-top:10px;}
.prototype_view .blist li {margin-bottom:3px;}
.prototype_view .blist li span {display:inline-block; vertical-align:middle;}
.prototype_view .blist li span.th {background:#51b8d3; color:#fff; width:31%; line-height:20px; font-size:13px; text-align:center;}
.prototype_view .blist li span.td {font-size:13px; color:#333; line-height:20px; width:67%; margin-left:2%;}

.prototype_view .price {font-size:17px; color:#a4c000; font-family:'NotoSansM'; text-align:right; position:absolute; bottom:0; right:0;}
.prototype_view .btnRequest {float:right; display:block; background:#9cba01 url(../../../images/content/pen.png) 20px center no-repeat; text-align:center; line-height:50px; font-size:18px; color:#fff; border-radius:10px; padding:0 20px 0 50px; margin-top:10px; position:absolute; bottom:30px; right:0;}
.prototype_view .btnRequest:hover {background:#869e07 url(../../../images/content/pen.png) 20px center no-repeat;}

.prototype_view .price2 { font-size:17px; color:#a4c000; font-family:'NotoSansM'; text-align:right;}
.prototype_view .btnRequest2 {float:right; display:block; background:#9cba01 url(../../../images/content/pen.png) 20px center no-repeat; text-align:center; line-height:50px; font-size:18px; color:#fff; border-radius:10px; padding:0 20px 0 50px; margin-top:10px;}
.prototype_view .btnRequest2:hover {background:#869e07 url(../../../images/content/pen.png) 20px center no-repeat;}



.clist { }
.clist li {background:url(../../../images/content/dot3.png) left 8px no-repeat; padding-left:10px; margin-bottom:5px; font-size:13px; color:#555; line-height:20px;}
.in_block { display:inline-block; }
.block { display:block; }

.business01 .box02 .box_list,
.business01 .box03 .box_list { min-height:180px; }
.business01 .box_list.h227 { height:227px; }


.wps_wrap h1.menu_tit { font-size: 70px; font-weight: 600; color: #ef7a00; padding-left: 10px; box-sizing: border-box; }
.wps_wrap h2.menu_stit { font-size: 25px; font-weight: 600; color: #8f97a4; paddingline_wrap1-left: 10px; box-sizing: border-box; margin-bottom: 50px; }
.wps_wrap .poly0 { background:url(../../../images/content/polygon0_list.png) left center no-repeat; padding-left: 20px; box-sizing: border-box; }
.wps_wrap .blank_box { clear: both; display: block; text-indent:-9999px; }
.wps_wrap .box_list { box-sizing:border-box; }
.wps_wrap .line_wrap1 { width: 100%; display: inline-block; }
.wps_wrap .line_wrap2 { width: 100%; display: inline-block; }
.wps_wrap .line_wrap1 .box_list { height: 255px; }
.wps_wrap .line_wrap1 .box_list.en { height:290px; }
.wps_wrap .tit-box { padding-right: 30px; padding-left: 30px; box-sizing:border-box; }

.wps_wrap .line_wrap1 .box_list .col-sm-4 { padding-top:38px; box-sizing:border-box;}
.wps_wrap .box_list h4.txt_b { padding-left:0; box-sizing:border-box; }
.wps_wrap .box_list ul.poly3 li {background:url(../../../images/content/polygon3_list.png) left top 2px no-repeat; background-size: auto 8px; padding-left: 17px; box-sizing: border-box; font-family: 'Lato', 'NotoSansR', sans-serif !important; margin-bottom: 10px; line-height: 1em; }
.wps_wrap .wps_mid { text-align: center; }
.wps_wrap h3.wps_stit { color: #51b8d3; font-size: 26px; margin-top: 70px; }
.wps_wrap p.wps_txt { color: #919396; font-size: 14px; line-height: 20px; margin-top: 45px; }
.wps_wrap ul.tab_box { margin-top: 45px; margin-bottom: 30px; }
.wps_wrap ul.tab_box li { float: left; width: 14%; height: 40px; margin-left: 0.28%; box-sizing: border-box; }
.wps_wrap ul.tab_box li a { display: block; background: #51b8d3; color: #fff; font-size: 16px; font-weight: 600; border-radius: 7px; text-align: center; line-height: 40px; transition: all 0.7s; letter-spacing:-1px; }
.wps_wrap ul.tab_box li a:hover { background: #fff; border: 1px solid #51b8d3; color: #51b8d3; }
.wps_wrap ul.tab_box li:first-child { margin-left: 0; }
.wps_wrap ul.tab_box li.last_tab a { display: block; background: #fff; border: 1px solid #51b8d3; color: #51b8d3; }
.wps_wrap ul.tab_box li.last_tab a:hover { background: #51b8d3; color: #fff; }

.wps_wrap h4.sstit { border-bottom: 1px solid #736f6b; text-align: left; position: relative; padding-left: 10px; box-sizing: border-box; font-size: 18px; height: 40px; line-height: 40px; color: #919396; margin-bottom: 50px; font-weight: bold; }
.wps_wrap h4.sstit span { text-indent: -9999px; display: inline-block; border-bottom: 2px solid #ef7a00; width: 20%; position: absolute; right: 0; bottom: 0; }
.wps_wrap #specifications {  }
.wps_wrap #specifications h4.sstit { margin-bottom: 0; margin-top: 20px; }
.wps_wrap #specifications div { width: 49%; float: left; }
.wps_wrap #specifications div.far { margin-left: 2%; }
.wps_wrap #specifications table { width: 100%; text-align:left; color: #4c4c4c; }
.wps_wrap #specifications table tr { border-bottom: 1px solid #dadada; }
.wps_wrap #specifications table th { height: 30px; padding-left: 10px; box-sizing: border-box; width: 33.33% }
.wps_wrap #specifications table td { width: 33.33%; height: 30px; }
.wps_wrap #specifications h4.third_tb { margin-top: 30px; }
.wps_wrap #specifications p { text-align: left; }
.wps_wrap .img_box2 {  }
.wps_wrap .img_box2 .left { float: left; width: 50%; }
.wps_wrap .img_box2 .far { float: right; }
.wps_wrap .img_box2 .left span.img { display: block; }
.wps_wrap .img_box2 .left p.poly0 { display: inline-block; margin-top: 20px; }
.wps_wrap .img_box1 { margin-top: 40px; }
.wps_wrap .img_box1 span.img { display: block; }
.wps_wrap .img_box1 p.poly0 { display: inline-block; margin-top: 20px; }

.wps_wrap .tab_box.type02 {  }
.wps_wrap .tab_box.type02 li { margin-left: 0; }
.wps_wrap .tab_box.type02 a { border: 1px solid transparent; border-radius:0; background:#fff; color:#3a3a3a; border-bottom: 1px solid #dadada !important; transition: background 0.5s !important; }
.wps_wrap .tab_box.type02 a.active { border: 1px solid transparent; border-bottom: 1px solid #dadada !important; color:#3a3a3a;}
.wps_wrap .tab_box.type02 a:hover { border: 1px solid transparent; border-bottom: 1px solid #dadada !important; color:#3a3a3a; }

.wps_wrap #instruction .box_com { height: auto; }
.wps_wrap #instruction article { border: 1px solid #dadada; padding: 20px 20px; box-sizing: border-box; text-align: center; height: 100%; border-radius: 20px; }
.wps_wrap #instruction article div {  }
.wps_wrap #instruction li { display:inline-block; margin: 0 5px; }
.wps_wrap #instruction article li { color: #4c4c4c; line-height: 20px; font-size: 14px; margin-top: 15px; }
.wps_wrap #drawing h4.sstit { margin-top:0px; }
.wps_wrap #order table { width: 95%; margin:0 auto; }
.wps_wrap #order tr { border-bottom: 3px solid #fff; }
.wps_wrap #order th { background: #51b8d3; border-radius: 10px; height: 42px; text-align: center; color: #fff; font-size: 16px; font-weight: 500; }
.wps_wrap #order .force_tr th { height: 320px; }
.wps_wrap #order td { height: 42px; text-align: left; padding-left: 10px; box-sizing: border-box; }
.wps_wrap #order td input { height: 34px; vertical-align: middle; width: 40%; }
.wps_wrap #order .third_tr td input { width: 70%; }
.wps_wrap #order td textarea { vertical-align: middle; width: 100%; height: 310px; resize: none; }
.wps_wrap #order button { color: #51b8d3; font-size: 16px; border: 1px solid #51b8d3; background: #fff; width: 150px; height: 35px; line-height: 35px; font-weight: 600; margin-top: 20px; transition: all 0.5s }
.wps_wrap #order button:hover { background: #51b8d3; color: #fff; }

.wps_wrap .more-view { text-align: center; padding: 30px 0 50px; box-sizing:border-box; }
.wps_wrap .more-view a { color:#fff; font-size:20px; padding: 15px 50px; box-sizing:border-box; background:#555; font-weight: 600; border-radius:5px; border: 1px solid #555; transition:all 0.5s; }
.wps_wrap .more-view a:hover { color:#555; background:#fff; }


/* 20181011 */
.wps-overview {  }
.wps-overview .box { border: 1px solid #dadada; box-sizing:border-box; background:url(../../../images/content/wps-back.png); position:relative; min-height:285px; }
.wps-overview .box-01 { border-right: 0; }
.wps-overview .box-01:after { content:""; background:url(../../../images/content/t-logo.png); display:inline-block; width:62px; height:61px; position:absolute; margin-right: -31px; top:40%; right:0; z-index:3; }
.wps-overview .box .txt-box { box-sizing:border-box; padding-top: 30px; position:relative; z-index:2; }
.wps-overview .box-01 .txt-box { text-align: left; padding-left: 30px; }
.wps-overview .box-02 .txt-box { text-align: right; padding-right: 30px; }
.wps-overview .box .txt-box .tit { color:#222935; font-size:36px; font-weight: 600; }
.wps-overview .box .txt-box .txt { color:#8f97a4; font-size:20px; font-weight: 500; }
.wps-overview .box .txt-box .detail { color:#8f97a4; font-size:16px; font-weight: 400; text-align: center; display:inline-block; width:110px; height:40px; box-sizing:border-box; border: 1px solid #aeaeae; line-height: 38px; margin-top: 25px; transition:all 0.5s; }
.wps-overview .box .txt-box .detail:hover { color:#fff; background:#8f97a4; border: 1px solid #8f97a4; }
.wps-overview .box .img-box { position:absolute; top:30px; }
.wps-overview .box-01 .img-box { right:30px; }
.wps-overview .box-02 .img-box { left:30px; }

.wps_wrap .img_box2.etc {  }
.wps_wrap .img_box2.etc .left { width:100%; }
.wps_wrap .img_box2.etc .left a { display:block; }





/* 2022.04.04 */
.objective { padding-left: 30px; box-sizing:border-box; }
.objective li { font-size:20px; color:#666; margin-top: 8px; font-weight: 500; position:relative; padding-left: 16px; box-sizing:border-box; }
.objective li:first-child { margin-top: 0; }
.objective li:before { content:""; display:inline-block; width:10px; height:10px; border-radius:50%; background:#fff; border: 2px solid #51b8d3; box-sizing:border-box; position:absolute; left:0; top:11px; }


.business01 .tab_box { display:flex; }
.business01 .tab_box li { flex:1; }
.business01 .tab_box li a { line-height: 1em !important; padding: 10px; box-sizing:border-box; }


.business01 h4.sstit { margin-bottom: 0; margin-top: 0; }
.business01 table { width: 100%; text-align:left; color: #4c4c4c; }
.business01 table tr { border-bottom: 1px solid #dadada; }
.business01 table th,
.business01 table td { padding: 10px 20px; box-sizing:border-box; }
.business01 table th { background:#fafafa; }
.business01 table td {  }
.business01 table tr.last td { text-align: center; }


.map_wrap { margin: 0 auto; width:100%; max-width:900px; }






div.poptrox-overlay div.caption { display:none !important; } 


@media (max-width: 1199px) {
	.prototype {padding-bottom:50px;}

	.iot_wrap h4.num_title { font-size: 18px; }
	.iot_wrap .m_br { margin-bottom: 27px !important; }

	.wps_wrap ul.tab_box li a { font-size: 1.1em; }

	.wps-overview .box .img-box { width:50%; }

}

@media (max-width: 991px) {
	.prototype {padding-bottom:50px;}

	.prototype_view .price {position:static; text-align:center;}
	.prototype_view .btnRequest {float:none;  position:static; width:auto; bottom:none; right:none;}

	.prototype_view .price2 {position:static; text-align:center;}
	.prototype_view .btnRequest2 {float:none; width:auto; }

	.wps_wrap .col-sm-6 { width: 100%; }
	.wps_wrap .col-sm-8 { margin-left: 20px; width: 50%; }

	.wps_wrap ul.tab_box li { width: 33%; margin-left: 0.5%; margin-bottom: 5px; }
	.wps_wrap ul.tab_box li.third_tab { margin-left: 0; }
	.wps_wrap ul.tab_box li.last_tab { margin-left: 0; }

	.wps_wrap #specifications div { width: 100%; float: none; }
	.wps_wrap #specifications div.far { margin-left: 0; }

  	.wps_wrap .img_box2 .left { float: none; width: 100%; margin-bottom: 20px; }

  	.iot_wrap .m_br { margin-bottom: 10px !important; }

  	#wowslider-container-WPS .ws_shadow { display: none; }


	/* 20181015 */
	.wps-overview .box { background:#fff; text-align: center;  padding: 20px; box-sizing:border-box; }
	.wps-overview .box .img-box { position:static; display:inline-block; width:70%; min-height:165px; }

	.wps-overview .box .txt-box { text-align: center; padding-right: 0; padding-left: 0; }
	.wps-overview .box .txt-box .tit { font-size:30px; }
	.wps-overview .box .txt-box .txt { font-size:18px; }
	.wps-overview .box .txt-box .detail { font-size:14px; }



	.wpm-box { padding-top: 50px; border-top: 1px solid #dadada; box-sizing:border-box; margin-top: 20px; }


	.business01 .over_table { width:100%; overflow-x:scroll; }
	.business01 .over_table table { width:1000px; }

	.business01_1 .box01 .col-sm-3 { width:33.33% !important; }
	.business01_1 .box01 .col-sm-9 { width:50% !important; }
	.business01_1 .box01 .col-sm-3 span.pt100 { padding-top: 0 !important; }

	.business01 .tab_box { display:block; text-align: center; }
	.business01 .tab_box li { float: none !important; display:inline-block !important; width:auto !important; height:auto !important; }
	.business01 .tab_box li a { padding: 15px 20px; }


	.business01 .box_list.h227 { height:auto; }

	.root_daum_roughmap { width:100% !important; height:500px; }

}


@media (max-width: 767px) {
	.light_img {margin:0; width:100%; position:static; display:inline-block; padding:0 15px;}
	.m-txt-left {text-align:left;}
	.wireless_charging_txt {width:100%;}
	.box_list .txt_b {text-align:center;}
	.box_list .txt_s {text-align:center;}
	.wt_wrap {position:relative;}
	.wt_img {position:absolute; top:0;}
	.wt_txt {padding-top:65%;}
	.mg0 {padding:0 15px !important;}

	.prototype {padding-bottom:0px;}
	.prototype .btnDetail {position:static; display:block; margin:20px 0 10px 0;}

	.wps_wrap .line_wrap1 .box_list { height: auto; }
	.wps_wrap .col-sm-8 { margin-left: 0; width: 100%; }
	.wps_wrap .box_list h4.txt_b { padding-left:0; }
	.wps_wrap .box_list ul.poly3 li { padding-left: 0; background: none; }

	.wps_wrap ul.tab_box li { width: 49.5%; margin-left: 1%; margin-bottom: 5px; }
	.wps_wrap ul.tab_box li.secont_tab { margin-left: 0; }
	.wps_wrap ul.tab_box li.third_tab { margin-left: 1%; }
	.wps_wrap ul.tab_box li.force_tab { margin-left: 0; } 
	.wps_wrap ul.tab_box li.four_tab { margin-left: 0; } 

	.wps_wrap #instruction { text-align: center; }
    .wps_wrap #instruction article { width: 90%; float: none; padding: 10px; display: inline-block; }
    .wps_wrap #instruction article span.lf_box { left: -1px; top: -1px; }
	.wps_wrap #instruction .box_com article:first-child { margin: 0 0 50px 0; }

	.wps_wrap #order table { width: 100%; }
	.wps_wrap #order td input { width: 100%; }
	.wps_wrap #order .third_tr td input { width: 100%; }
	.wps_wrap #order button {  }


	#wowslider-container-WPS .ws_images { margin-bottom: 19%; }
	#wowslider-container-wpm .ws_images { margin-bottom: 49%; }
/*
	#wowslider-container-WPS .ws_thumbs a { width: 49%; max-width:400px; }
*/	
	#wowslider-container-WPS .ws_thumbs,
	#wowslider-container-wpm .ws_thumbs { height: auto; display: block;  }
	#wowslider-container-WPS .ws_thumbs div,
	#wowslider-container-wpm .ws_thumbs div { width: 100% !important; font-size:0; }
	#wowslider-container-wpm .ws_thumbs div a { width:32.85%;  }


	.wps_wrap h1.menu_tit { font-size: 50px; padding-left: 0; text-align: center; }
	.wps_wrap h2.menu_stit { font-size: 22px; padding-left: 0; text-align: center; }



	/* 181015 */
	.wps-overview .box .img-box { width:100%; text-align: center; }
	.wps-overview .box .img-box img { display:inline-block; }

	.wps-overview .box-01 { border-right: 1px solid #dadada; border-bottom: 0; }
	.wps-overview .box-01:after { display:none; }


	.greeting img { display:none; }


	.objective { padding-left: 0; margin-top: 10px; }

	.business01_1 .box01 .col-sm-3,
	.business01_1 .box01 .col-sm-9 { width:100% !important; }

	.root_daum_roughmap { height:350px; }
	
}