@charset "utf-8";
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } 
*{margin:0; padding:0; }
html>/**/body {overflow-y:scroll;}

body{margin: 0; padding: 0; font-family: 'Noto Sans KR','맑은 고딕','Malgun Gothic',AppleGothic, sans-serif, Verdana, Arial, Helvetica, sans-serif;  !important; font-size:13px; color:#555;font-weight: 300;}
html, body {height:100%;}
div, p, ul, li, img, a, table, td, tr, h1, h2, h3, h4, h5, h6, form, input, span, iframe{margin: 0px; padding: 0px; /*font-weight:normal;*/ line-height:1.5em;}

body form{margin: 0; padding: 0; }
legend, label{ padding:0; margin:0;}
fieldset{border:none; padding:0; margin:0;}
table, th{margin: 0px;	padding: 0px;}
td{}
hr{visibility:hidden; margin: 0px; height:0px; display:none;}
input, img, select, li{ vertical-align: middle;}

table caption{visibility:hidden; height:1px; overflow:hidden;}
table caption{display:none;}


img{ border: none;vertical-align:middle; max-width:100%;}
ul, li{list-style:none; padding:0px; margin:0;}
dl, dt, dd{margin:0px; padding:0px;}

a{}
a:link, a:active,
a:visited{color: #555; text-decoration: none;}
a:hover{color: #000; text-decoration: none;}


/* input type */
.input_btn{border: 0 none; }
input[type="text"]{color: #000; border:1px solid #ccc; background: #fff; vertical-align:middle; padding:3px; margin-bottom:1px}
input[type="password"]{color: #000; border:1px solid #ccc; background: #fff; vertical-align:middle; padding:3px; margin-bottom:1px}
textarea{color: #000; border:1px solid #ccc; background: #fff; vertical-align:middle; padding:3px}
input[type="image"]{border: 0 none; vertical-align:middle; background:none;}
input[type="hidden"]{padding:0;margin:0;}
input[type="radio"]{border:none; background:none;}
select{font-family: 'Noto Sans KR','맑은 고딕','Malgun Gothic',AppleGothic, sans-serif, Verdana, Arial, Helvetica, sans-serif; font-size:1em; color: #000; border:1px solid #ddd; background: #fff;	vertical-align:middle; height:22px}

form input.focus{border: #FF6600 solid 1px;}
legend, .hide{position:absolute ;width:0 ; height:0 ; font-size:0 ;line-height:0 ;overflow : hidden ; visibility : hidden ;}

.blind{visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0}

*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.blank{text-decoration:underline; color:#395ab9;}
strong{}
.txt-ct{text-align:center;}
.txt-rt{text-align:right;}
.txt-lt{text-align:left;}
.font11{font-size:12px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font19{font-size:19px;}
.font20{font-size:20px;}






.mgt-5{margin-top:5px;}
.mgt-10{margin-top:10px;}
.mgt-15{margin-top:15px;}
.mgt-20{margin-top:20px;}
.mgt-25{margin-top:25px;}
.mgt-30{margin-top:30px;}
.mgt-35{margin-top:35px;}
.mgt-40{margin-top:40px;}
.mgt-50{margin-top:50px;}

.mgl-5{margin-left:5px;}
.mgl-10{margin-left:10px;}
.mgl-15{margin-left:15px;}
.mgl-20{margin-left:20px;}
.mgl-25{margin-left:25px;}
.mgl-30{margin-left:30px;}
.mgl-35{margin-left:35px;}
.mgl-40{margin-left:40px;}


.mgr-5{margin-right:5px;}
.mgr-10{margin-right:10px;}
.mgr-15{margin-right:15px;}
.mgr-20{margin-right:20px;}
.mgr-25{margin-right:25px;}
.mgr-30{margin-right:30px;}
.mgr-35{margin-right:35px;}
.mgr-40{margin-right:40px;}


.mgb-5{margin-bottom:5px;}
.mgb-10{margin-bottom:10px;}
.mgb-15{margin-bottom:15px;}
.mgb-20{margin-bottom:20px;}
.mgb-25{margin-bottom:25px;}
.mgb-30{margin-bottom:30px;}
.mgb-35{margin-bottom:35px;}
.mgb-40{margin-bottom:40px;}

.pdt-5{padding-top:5px;}
.pdt-10{padding-top:10px;}
.pdt-15{padding-top:15px;}
.pdt-20{padding-top:20px;}
.pdt-25{padding-top:25px;}
.pdt-30{padding-top:30px;}
.pdt-35{padding-top:35px;}
.pdt-40{padding-top:40px;}

.pdl-5{padding-left:5px;}
.pdl-10{padding-left:10px;}
.pdl-15{padding-left:15px;}
.pdl-20{padding-left:20px;}
.pdl-25{padding-left:25px;}
.pdl-30{padding-left:30px;}
.pdl-35{padding-left:35px;}
.pdl-40{padding-left:40px;}


.pdr-5{padding-right:5px;}
.pdr-10{padding-right:10px;}
.pdr-15{padding-right:15px;}
.pdr-20{padding-right:20px;}
.pdr-25{padding-right:25px;}
.pdr-30{padding-right:30px;}
.pdr-35{padding-right:35px;}
.pdr-40{padding-right:40px;}


.pdb-5{padding-bottom:5px;}
.pdb-10{padding-bottom:10px;}
.pdb-15{padding-bottom:15px;}
.pdb-20{padding-bottom:20px;}
.pdb-25{padding-bottom:25px;}
.pdb-30{padding-bottom:30px;}
.pdb-35{padding-bottom:35px;}
.pdb-40{padding-bottom:40px;}



@media screen and (max-width:640px) {
.pdt-40{padding-top:30px;}
.mgt-50{margin-top:30px;}
}
.blog-post img { margin-bottom:25px; }
h2 { border-left:7px solid #00c; padding-left:12px; }

.h_title1{clear:both; overflow:hidden; font-size:21px; color:#333; margin-bottom:15px;  font-weight:500; }
.h_title1 span{display:inline-block; border-bottom:1px solid #333; letter-spacing:-0.08em;}
/*.h_title1 span{width:6px; height:6px; border-radius:3px; background:#3b4659; display:block; margin-bottom:5px; margin-left:6px; }
.h_title1 span{width:18px; height:4px; background:#82878e; display:block; margin-bottom:10px;}*/
.border_box1{border-top:2px solid #82878e; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px;}
.gray_line{margin-top:20px;text-align:right; padding:5px 15px 5px 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #ddd; background:#fafafa; }
.gray_line1{margin-top:20px;text-align:center; padding:5px 15px 5px 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #ddd; background:#fafafa; }
.gray_line2{margin-top:20px;text-align:center; padding:5px 15px 5px 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #ddd; background:#fafafa; color:#333; font-size:15px;}


.color_r{color:#dc0f17;}
.color_b{color:#2462a2;}
.color_gb{color:#1a9c99;}



.product_tab { width:100%; height: 100%; display: table; table-layout: fixed;margin:0 0 40px;}
.product_tab li { text-align: center;width: auto;display: table-cell;vertical-align: top;padding-right: 2px;}
.product_tab li a {font-size:15px; float:left;width: 100%; background: #abacb1;padding:11px 0; font-weight:400;box-sizing:padding-box;color: #fff;}
.product_tab li a:hover { background:#2866d0 url('/www/img/sub/tab_icon.png') no-repeat right 20px;}
.product_tab li.on a { color:#fff; background:#2866d0 url('/www/img/sub/tab_icon.png') no-repeat right 20px;width: 100%;font-weight:400;}
.product_tab li.last { padding-right:none;}

.product_tab2 { width:100%; height: 100%; display: table; table-layout: fixed;margin:0 0 40px;}
.product_tab2 li { text-align: center;width: auto;display: table-cell;vertical-align: top;padding-right: 2px;}
.product_tab2 li a {font-size:15px; float:left;width: 100%; background: #abacb1;padding:11px 0; font-weight:400;box-sizing:padding-box;color: #fff;}
.product_tab2 li a:hover { background:#2866d0 url('/www/img/sub/tab_icon.png') no-repeat right 20px;}
.product_tab2 li.on a { color:#fff; background:#2866d0 url('/www/img/sub/tab_icon.png') no-repeat right 20px; width: 100%;font-weight:400;}
.product_tab2 li.last { padding-right:none;}




.system_int1{display: table; padding-bottom:30px; border-bottom:1px dotted #ccc;}
.system_int1 p{display: table-cell; width:40%; text-align:center;}
.system_int1 p img{margin-top:15px;}
.system_int1 dl{display: table-cell;width:60%;}
.system_int1 dt{font-size:35px; line-height:35px; color:#2c51a2; font-weight:500;}
.system_int1 dd{padding-top:10px;}



.system_int2{margin-top:50px; overflow:hidden; width:100%; background:url("/images/sub/sub0101_bg.jpg") right top no-repeat;}
.system_int2 .si2_dl1{float:left; width:30%;}
.system_int2 .si2_dl1 dt{font-size:18px; color:#222; font-weight:500; padding-bottom:20px; }
.system_int2 .si2_dl1 dt strong{color:#f5a816;}
.system_int2 .si2_dl1 dd{}
.system_int2 .si2_dl2{float:left; width:30%; margin-left:5%; }
.system_int2 .si2_dl2 dt{font-size:18px; color:#222; font-weight:500; padding-bottom:20px; }
.system_int2 .si2_dl2 dt strong{color:#8560a8;}
.system_int2 .si2_dl2 dd{}



.dl_serise{padding-top:20px; overflow:hidden;}
.dl_serise dl{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ededed;}
.dl_serise dt{font-size:14px;font-weight:500; color:#333;}
.dl_serise dd{background:url(/img/dot.png) 0 10px no-repeat; margin-left:38px; padding-left:10px;}
.dl_serise dt .ds_sp1{display:inline-block; background:#f5a816; color:#fff; font-weight:600; border-radius:15px; width:30px; height:30px; font-size:12px; padding:2px 0; text-align:center; margin-right:5px; }
.dl_serise dt .ds_sp2{display:inline-block; background:#82878e; color:#fff; font-weight:600; border-radius:15px; width:30px; height:30px; font-size:12px; padding:2px 0; text-align:center; margin-right:5px; }


.y_g_box{overflow:hidden; }
.y_g_box li{background:#b6b7c0; width:33.333333%; border:5px solid #fff; color:#fff; font-weight:500; font-size:14px; margin-bottom:5px; float:left; padding:20px; text-align:center;}
.y_g_box li:nth-child(2n+1){background:#ffcb01; }


.patent{margin-bottom:20px;float:left; width:50%; overflow:hidden;}
.patent h4{text-align:center; margin-bottom:15px;}
.patent h4 img{width:150px;border:#dbdbdb 1px solid;}
.patent ul{width:90%; margin:0 auto; border-top:#999 1px solid;}
.patent li{border-bottom:#dbdbdb 1px solid;line-height:23px;}
.patent li strong{padding:6px 0;display:table-cell;width:90px;text-align:center;background:#f9f9f9;}
.patent li span{font-size:14px; display:table-cell;padding:6px 0 0 10px; line-height:23px;}


.dl_s1 dt{font-size:15px; font-weight:600; color:#333; margin-bottom:3px;}
.dl_s1 dd{margin-left:10px; background:url(/img/dot.png) 0 10px no-repeat; padding-left:10px;}
.dl_s1 dd a{color:#2866d0;}

.ul_s1{}
.ul_s1 li{background:url(/img/dot.png) 0 10px no-repeat; padding-left:10px;}


.product_step{margin-top:20px;}
.product_step li{text-align:center; padding:5px 0 5px 0;}
.product_step li img{border:1px solid #eee; padding:10px;}



.ptns_bn div{float:left; overflow:hidden; width:100%;}
.ptns_bn h3{font-size:17px; color:#333; font-weight:600; padding:25px 0;}
.ptns_bn h3 span{ color:#4479d5;}
.ptns_bn ul{border-bottom:#dbdbdb 1px solid;padding:0 0 40px;margin:0 0 20px;overflow:hidden;}
.ptns_bn ul.last{padding:0;margin:0;border:0 none;}
.ptns_bn li{float:left; margin:0 5px 20px 0;}
.ptns_bn li p{padding:6px 0 0 3px;line-height:1.2em;  letter-spacing:0.05em;}
.ptns_bn li strong{display:block;padding:0 0 3px; letter-spacing:-0.02em; color:#333;}
.ptns_bn li em{font-style:normal;font-weight:500;color:#F60;}
.ptns_bn li img{border:#dbdbdb 1px solid;}


.app_dn{overflow:hidden;margin-top:12px;}
.app_dn li{float:left;}
.app_dn li:first-child{margin-right:12px;}

.download_btn{overflow:hidden;}
.download_btn li{float:left; width:50%; overflow:hidden;}



.video_frm{overflow:hidden;}
.video_frm li{width:33.33333333%; padding:10px 10px 10px 0; float:left; text-align:center;}
.video_frm li p{text-align:center; font-weight:400;}


.request_btn{overflow:hidden;}
.request_btn li{padding:4px; float:left; width:33.3%; text-align:center;}
.request_btn li:first-child{text-align:right;}
.request_btn li:last-child{text-align:left;}


table caption{width:0; height:0; font-size:0; line-height:0;}
table td.tdl{text-align:left !important;}
table td.tdr{text-align:right !important;}
table td.tdc{text-align:center !important;}
table tbody.tcen td{text-align:center;}
table td input{vertical-align:middle !important;}
table td select{vertical-align:middle !important;}
table td img{vertical-align:middle !important;}
table{border-collapse:collapse;}
table.table_border{font-size:14px; width:100%; border-top:2px solid #555;border-left:1px solid #dbdbdb;}
table.table_border th{color:#444; text-align:center; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding:7px; border-bottom:1px solid #dbdbdb; background:#f4f4f4;}
table.table_border td{border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:6px; }
table.table_border td a{color:#0072bc; text-decoration:underline; }


.strong_ul{border:1px solid #000; padding:2%;}
.strong_ul li{position:relative; font-size:15px; font-weight:bold; padding-left:10px;}
.strong_ul li:before{content:''; display:block; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:#7a7a7a;}
.strong_ul li a{font-size:15px; font-weight:bold;}
.strong_ul li:first-child{color:#093ad9}
.strong_ul li:nth-child(2){color:#dd0000}



.charge_div{}
.charge_div dl{border-top:1px solid #c4cbd5; }
.charge_div dt{padding:2% 3%;border-bottom:1px solid #c4cbd5; font-size:17px; font-weight:bold; background:#e1fdfe; color:#002b6f;}
.charge_div dd{padding:1% 3%; border-bottom:1px solid #c4cbd5;}

.img100{width:100%; border:1px solid #ddd;}


.border1_p{border:1px solid #ddd; padding:20px;}
.bold_ol1{}
.bold_ol1 li{ padding-bottom:10px;}
.bold_ol1 li.strong1{font-size:15px; color:#222;}
.bold_ol1 li.strong1 table.table_border th, .bold_ol1 li.strong1 table.table_border td{font-size:14px; color:#555;}






@media screen and (max-width:960px) {
.system_int1 dt{font-size:30px; line-height:30px;}
.app_dn{margin-top:5px;}
.app_dn li{float:none; text-align:center; margin-bottom:2px; background:#171d22;}
.app_dn li:first-child{margin-right:0;}

.video_frm li{width:50%;} 
}



@media screen and (max-width:720px) {
img{max-width:100%;}

.system_int1{display:block;}
.system_int1 p{display:block; width:100%;}
.system_int1 p img{margin-top:0;}
.system_int1 dl{margin-top:20px; display: block;width:100%;}
.system_int1 dt{font-size:27px; text-align:center; line-height:30px;}


.system_int2{margin-top:30px; background:none;}
.system_int2 .si2_dl1{width:48%; margin-right:2%;}
.system_int2 .si2_dl2{width:48%; margin-left:2%; }

.y_g_box li{width:50%;}


.patent{float:none; display:table; width:100%; padding-bottom:15px; border-bottom:1px dotted #ccc;}
.patent h4{text-align:left; display:table-cell; width:110px; margin-bottom:15px; padding-right:10px;}
.patent h4 img{width:110px !impotant;}
.patent ul{display:table-cell; width:75%;vertical-align:top;}




}


@media screen and (max-width:640px) {
.h_title1{font-size:20px;}
.border_box1{padding:15px;}
.system_int1 img{width:160px;}
.system_int1 dd{line-height:1.4em;}
img{max-width:100%;}
.system_int2 .si2_dl1{float:none; margin-left:0; width:100%;}
.system_int2 .si2_dl2{padding-top:25px;float:none; margin-left:0; width:100%;}
.system_int2 dd{line-height:1.4em;}


.dl_serise dt{margin-bottom:10px;}
.dl_serise dd{margin-left:10px;}
.dl_s1 dd{margin-left:0;}


.y_g_box li{margin-right:0; width:100%; padding:15px; word-break:keep-all; }
.gray_line{padding-left:10px; text-align:left !important;}
.gray_line1{padding-left:10px; text-align:left !important;}
.gray_line2{padding-left:10px; text-align:left !important;}

.download_btn{width:75%; margin:0 auto;}
.download_btn li:last-child{padding-right:15px;}


.patent h4 img{width:100%;}
.patent ul{display:table-cell; width:68%;vertical-align:top;}


}





@media screen and (max-width:480px) {
.product_tab { width:100%; height: 100%; display: table; table-layout: fixed;margin:0 0 40px;}
.product_tab li { text-align: center;width: 100%;display: none;vertical-align: top;}
.product_tab li a { float:left;width: 100%; background: #abacb1;padding:11px 0; font-weight:400;box-sizing:padding-box;color: #fff;}
.product_tab li a:hover { background:#abacb1}
.product_tab li.on { display:block;}
.product_tab li.on a { color:#fff; background:#2866d0 url('/www/img/sub/tab_icon.png') no-repeat right 20px; width: 100%;font-weight:400;}
.product_tab li .last { padding-right:none;}

.product_tab2 { width:100%; height: 100%; display: table; table-layout: fixed;margin:0 0 40px;}
.product_tab2 li { text-align: center;width: 100%;display: none;vertical-align: top;}
.product_tab2.opened li {display:block;}
.product_tab2 li a { float:left;width: 100%; background: #abacb1;padding:11px 0; font-weight:400;box-sizing:padding-box;color: #fff;border-bottom:1px solid #fff;}
.product_tab2 li a:hover { background:#abacb1}
.product_tab2 li.on { display:block;}
.product_tab2 li.on a { color:#fff; background:#2866d0 url('/www/img/sub/tab_icon.png') no-repeat right 20px; width: 100%;font-weight:400;}
.product_tab2 li .last { padding-right:none;}

.download_btn{width:80%; margin:0 auto;}

.video_frm li{width:100%; float:none;} 
}



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