@charset "utf-8";
/* CSS Document */
/***************************************************
					content 공통
***************************************************/ 
.container h2			{font-size:34px;font-weight:normal;*line-height:36px;}
.container h2 i			{margin-left:10px;font-size:14px;color:#666;}
.container .title		{font-size:24px;font-weight:bold;}
.container .text		{margin-top:30px;font-size:16px;color:#666;}
.container .text.ntop	{margin-top:0;}
.illust					{width:100%;margin:70px auto;}
.illust.nbtom			{margin-bottom:0;}

.mgtf			{margin-top:50px;}
.center			{text-align:center;}
hr				{width:100%;height:2px;margin:70px 0;border:none;background:url(/images/product/product_bg.png) top no-repeat;background-size:100%;}

@media only screen and (max-width:768px){
.container h2			{font-size:30px;}
.container h2 i			{font-size:14px;}
.container .title		{font-size:22px;}
.container .text		{font-size:15px;margin-top:25px;}
.illust					{width:100%;margin:50px auto;}

.mgtf			{margin-top:40px;}
hr				{margin:50px 0;}
}

@media only screen and (max-width:639px){
.container h2			{font-size:24px;}
.container h2 i			{margin-left:5px;font-size:13px;letter-spacing:-1px;}
.container .title		{font-size:20px;}
.container .text		{margin-top:20px;font-size:14px;}
.illust					{width:100%;margin:30px auto;}

.mgtf			{margin-top:30px;}
hr				{margin:30px 0;}
}

@media only screen and (max-width:480px) {
.container h2			{font-size:20px;}
.container h2 i			{display:block;margin-left:0;font-size:12px;color:#999;}
.container .title		{font-size:18px;}
.container .text		{margin-top:15px;font-size:13px;}
.illust					{width:100%;margin:20px auto;}

.mgtf			{margin-top:20px;}
hr				{margin:20px 0;background-size:140%;}
}

/***************************************************
					company
***************************************************/ 
.sign					{margin-top:50px;text-align:right;}
.sign strong			{font-size:30px;}

.history				{margin-top:30px;}
.history ol				{width:100%;background:url(/images/company/history_bg.png) repeat-y;background-size:100%;}
.history>ol>li			{width:100%;display:inline-block;margin-top:20px;background:url(/images/company/history_tbg03.png) left top no-repeat;}
.history .year			{display:block;width:45%;max-width:320px;float:left;padding:45px 0 40px;font-size:30px;font-weight:bold;color:#fff;text-align:center;}
.history .mlist			{width:50%;padding:20px 0;border:1px solid #ddd;background:#fff;float:right;}
.history .mlist dl		{width:90%;display:inline-block;padding:0 5%;}
.history .mlist dt		{width:20%;float:left;font-weight:bold;letter-spacing:-1px;}
.history .mlist dd		{width:80%;float:right;color:#666;font-size:0.95em;}

.location				{margin-top:50px;}
#Map					{width:100%; height:560px; border:1px solid #666;}
.gm-style-cc,
.gm-style-mtc			{display:none;}
.company_inform			{width:100%;margin-top:50px;}
.company_inform li		{list-style:disc;margin-left:20px;padding-left:10px;}
.transport				{width:100%;margin-top:50px;display:inline-block;}
.transport li			{width:30%;float:left;margin-left:5%;padding-top:100px;}
.old_ie .transport li	{margin-left:4%;}
.transport li:first-child {margin-left:0;}
.transport .bus			{background:url(/images/company/location_ico01.png) top left no-repeat;}
.transport .sub			{background:url(/images/company/location_ico02.png) top left no-repeat;}
.transport .car			{background:url(/images/company/location_ico03.png) top left no-repeat;}
.transport li span		{display:block;}
.transport .tit			{font-size:1.2em;font-weight:bold;}
.transport .exp			{color:#666;margin:10px 0; font-size:0.92em;line-height:160%;}
.transport i			{padding:5px 8px;font-size:0.7em;color:#fff}
.transport .way1		{background:url(/images/company/loca_transbg01.png) center no-repeat;}
.transport .way2		{background:url(/images/company/loca_transbg02.png) center no-repeat;}
.transport .line2		{background:url(/images/company/loca_transbg03.png) center no-repeat;}
.transport .line7		{background:url(/images/company/loca_transbg04.png) center no-repeat;}
	
@media only screen and (max-width:769px){
.sign				{margin-top:40px;}
.sign strong		{font-size:26px;}

.history			{margin-top:20px;}
.history>ol>li		{background:#39d;margin-top:15px;}
.history .year		{width:18%;padding:15px 0;font-size:20px;color:#fff;}
.history .mlist		{width:80%;padding:15px 0;}

.location			{margin-top:40px;}
#Map				{height:400px;}
#Map h3				{margin-bottom:-5px;}
.company_inform		{margin-top:40px;}
	
.transport			{margin-top:40px;}
.transport li		{width:87%;float:none;margin-left:0;margin-top:30px;padding-top:0;padding-left:13%;}
.transport li:first-child {margin-top:0;}
.transport .bus,
.transport .sub,
.transport .car		{background-size:10%;} 
}

@media only screen and (max-width:639px) {
.sign				{margin-top:30px;}
.sign strong		{font-size:24px;}

.history			{margin-top:10px;}
.history>ol>li		{background:none;margin-top:10px;}
.history .year		{color:#333;width:10%;float:none;padding:5px 20px 4px;background:#555;font-size:14px;color:#fff;}
.history .mlist		{width:100%;float:none;padding:10px 0;}

.location			{margin-top:30px;}
#Map				{height:300px; }
.company_inform		{margin-top:30px;}
.company_inform li	{padding-left:5px;}
}

@media only screen and (max-width:480px) {
.sign				{margin-top:20px;}
.sign strong		{font-size:22px;}

.location			{margin-top:20px;}
#Map				{height:250px; }
.gm-svpc			{display:none;}
.company_inform		{margin-top:20px;}
}


/***************************************************
					product
***************************************************/ 
.summary				{display:inline-block;width:100%;}
.summary li				{width:48%;float:left;margin-left:4%;padding:10px 0;}
.old_ie .summary li		{margin-left:2%;}
.summary li:nth-child(odd) {margin-left:0;}
.summary .icon			{width:20%;float:left;}
.summary .icon img		{width:100px;max-width:70px;}
.summary .txt			{display:block;width:70%;float:left;padding:5px 5%;font-size:1.14em;font-weight:bold;color:#666;}
.easykeytec .color		{color:#f64;}
.vpad .color			{color:#4a8;}
.sweepercloud .color	{color:#38f;}
.vpdbg					{background:#4a8;color:#fff;}
.verify					{display:inline-block;width:90%;max-width:700px;margin:0 5%;}
.verify li				{width:25%;float:left;margin-top:7%;font-size:11px;text-align:center;letter-spacing:-1px;line-height:120%;}
.verify li img			{display:block;width:90%;max-width:90px;margin:0 auto;margin-bottom:10px;}
.ektbox					{width:85%;padding-left:15%;}
.ektbox.act				{background:url(/images/product/ekt_03_ico01.png) top left no-repeat;}
.ektbox.noact			{margin-top:50px;background:url(/images/product/ekt_03_ico02.png) top left no-repeat;}
.ektbox h4				{margin-bottom:10px;font-size:1.5em;}
.ektbox h5				{font-size:1.2em;}
.ektbox ul				{margin-bottom:20px;}
.ektbox li				{padding-left:10px;background:url(/images/common/ico_dot.png) 0 13px no-repeat;font-size:16px;color:#666;}
.vpad .conBox			{display:inline-block;width:100%;}
.vpad .conBox .half		{width:48%;float:left;margin-left:4%;}
.vpad .conBox .half:first-child {margin-left:0;}
.vpad .conBox .img		{margin-bottom:20px;text-align:center;}
.vpad .conBox .img img	{width:90%;max-width:450px;}
.vpad .conBox .txt		{padding-left:10px;background:url(/images/common/ico_dot.png) 0 13px no-repeat;font-size:16px;color:#666;} 
.vpadFunc				{position:absolute;width:1px;height:1px;overflow:hidden;visibility:hidden;}
.specific				{display:inline-block;width:100%;}
.specific>li			{display:inline-block;width:50%;float:left;margin-bottom:50px;}
.specific .img			{display:inline-block;width:22%;float:left;}
.specific .img img		{width:100%;max-width:105px;}
.specific li ul			{width:78%;float:left;}
.specific li li			{width:90%;margin-left:4%;margin-top:-4px;padding-left:10px;background:url(/images/common/ico_dot.png) 0 10px no-repeat;font-size:15px;color:#666;}

@media only screen and (max-width:930px){
.specific>li			{width:100%;float:none;margin-bottom:0;}
.specific .img			{width:15%;text-align:right;}
.specific li ul			{width:85%}
.specific li li			{font-size:14px;}
}

@media only screen and (max-width:769px){
.ektbox li			{font-size:15px;}
.ektbox.act,
.ektbox.noact		{background-size:12%;}
.verify li img		{max-width:60px;margin-bottom:5px;}
.vpad .img			{margin-bottom:10px;}
.vpad .txt			{font-size:14px;} 
}

@media only screen and (max-width:639px) {
.summary .icon img	{width:90%;}
.summary .txt		{padding:0 5%;font-size:1em;}
.verify li			{font-size:10px;}
.ektbox li			{font-size:14px;}
.vpad				{display:inline-block;width:96%;margin:2% 0;}
.vpad .half			{width:100%;float:none;margin-left:0;}
.vpad .half.right	{margin-top:20px;}
.vpad .img img		{width:50%;}
.vpad .txt			{font-size:13px;} 
.vpadFunc			{position:relative;width:100%;height:auto;overflow:auto;visibility:visible;color:#333;}
.vpadFunc>ol>li		{margin-left:20px;margin-top:10px;list-style:decimal;font-weight:bold;}
.vpadFunc li li		{margin-left:0;padding-left:10px;background:url(/images/common/ico_dot.png) left no-repeat;list-style:none;font-weight:normal;color:#666;}
.specific>li		{width:100%;float:none;margin-bottom:10px;}
.specific li ul		{width:85%}
.specific li li		{font-size:13px;}
}

@media only screen and (max-width:480px) {
.summary li			{display:inline-block;width:100%;float:none;margin-left:0%;padding:0;padding-left:10px;background:url(/images/common/ico_dot.png) left no-repeat;}
.summary .icon		{display:none;}
.summary .txt		{width:100%;padding:0;font-size:0.9em;line-height:140%;}
.verify li			{width:50%;font-size:9px;}
.ektbox h4			{margin-bottom:5px;font-size:1.3em;}
.ektbox h5			{font-size:1.1em;}
.ektbox				{width:100%;padding-left:0;}
.ektbox.act			{background:none;}
.ektbox.noact		{margin-top:30px;background:none;}
.ektbox li			{font-size:13px;}
.vpad .txt			{font-size:12px;}
.specific li li		{font-size:12px;}
}

/***************************************************
					service
***************************************************/ 
.spcloud				{margin-top:50px;}
.tabmenu				{display:inline-block;width:100%;}
.tabmenu li				{width:25%;float:left;padding:20px 0;background:#f6f6f6;font-size:16.8px;text-align:center;}
.tabmenu li:hover		{background:#eee;cursor:pointer;}
.tabmenu li.active		{background:#38f;color:#fff;font-weight:bold;}
.tab_container			{display:inline-block;width:100%;}
.tab_content			{clear:both;padding:50px 0;border-top:2px solid #38f;}

.spcloud .tab_panel h4	{margin-top:20px;}
.spcloud .tab_panel p	{margin-top:10px;color:#666;}
.spcloud .spk01			{width:50%;padding-right:50%;background:url(/images/service/spk_03_bg.jpg) right top no-repeat; background-size:45%;}
.spcloud .spk02			{width:55%;padding-left:40%;background:url(/images/service/spk_04_bg.jpg) left top no-repeat; background-size:35%;} 
.spcloud .spk03			{width:100%;}
.sp03_01				{margin-top:30px;}
.sp03_01 li				{display:inline-block;width:100%;}
.sp03_01 li .img		{width:15%;float:left;}
.sp03_01 li .img img	{width:80%;max-width:99px;}
.sp03_01 li strong		{display:block;margin-bottom:10px;font-weight:bold;color:#333;}
.sp03_02				{display:inline-block;width:100%;}
.sp03_02 li				{width:25%;float:left;text-align:center;}
.sp03_02 .img img		{width:98%;max-width:230px;}
.sp03_02 .txt			{width:80%;margin:0 auto;}
.sp03_02 .txt strong	{display:block;margin-bottom:10px;color:#333;}
.sp03_02 .txt span		{display:block;}
.sp03_02 .txt			{float:left;}

.tbl_basic.spk			{font-size:0.9em;}
.tbl_basic.spk caption	{width:20%;margin-top:30px;margin-bottom:20px;padding:5px 10px 8px;border-radius:20px;-webkit-border-radius:20px;background:#38f;color:#fff;}
.tbl_basic.spk thead td	{border-left:1px solid #ddd;border-bottom:1px solid #ddd;background:#eee;text-align:center;}
.tbl_basic.spk thead td:first-child {border-left:none;}
.tbl_basic.spk th		{text-align:center;}
.tbl_basic.spk tbody td	{padding:2% 3%;border-left:1px solid #eee;color:#666;}

.web .tabmenu li		{width:33%;}
.web .tabmenu li:first-child {width:34%;}
.web .illust			{margin:0 auto;margin-top:70px;}
.web02 .num				{width:100%;margin-top:3%;display:inline-block;}
.web02 .num li			{margin-top:5%;color:#666;}
.web02 .num .img		{width:20%;float:left;}
.web02 .num .img img	{width:80%;max-width:80px;}
.web02 .num strong		{display:block;margin-bottom:20px;font-size:1.35em;color:#333;}
.web_list				{margin-top:3%;padding:20px 0;background:url(/images/service/web_04_bg.png) left no-repeat;}
.web_list .li			{width:80%;margin-left:20%;margin-bottom:20px; padding:20px 0;}
.web_list .li p			{font-weight:bold;}
.web_list .li ul		{margin-top:20px;}
.web_list .li li		{color:#666;}
.web_list .li li em		{margin-right:5px;color:#4bb;font-weight:bold;}

.res_list				{width:100%;margin-top:5%;}
.res_list li img		{width:100%;vertical-align:top;}

@media only screen and (max-width:769px){
.spcloud			{margin-top:40px;}
.tabmenu li			{padding:15px 0;font-size:15px;}
.tab_content		{padding:40px 0;}

.sp03_02 li			{display:inline-block;width:100%;float:none;text-align:left;}
.sp03_02 .img		{width:15%; float:left;}
.sp03_02 .img img	{width:90%;max-width:80px;}

.web .illust		{margin-top:50px;}
.web_list .li		{width:75%;margin-left:25%;}
.web_list .li ul	{margin-top:10px;}
}

@media only screen and (max-width:639px) {
.spcloud			{margin-top:30px;}	
.tabmenu li			{padding:10px 0;font-size:14px;}
.tab_content		{padding:30px 0;}

.spcloud .spk01		{width:100%;padding-right:0;background:none;}
.spcloud .spk02		{width:100%;padding-left:0;background:none;}

.web .illust		{margin-top:30px;}
.web_list			{background:none;}
.web_list .li		{width:100%;margin-left:0;padding:0;}
.web_list .li .mobile {display:block;}
.web_list .li h4	{width:45%;margin-bottom:1%;padding:3px 0;border-radius:20px;-webkit-border-radius:20px;background:#4bb;font-size:1em;text-align:center;color:#fff;}
}

@media only screen and (max-width:480px) {
.spcloud			{margin-top:20px;}
.tabmenu li			{padding:5px 0;font-size:13px;}
.tab_content		{padding:20px 0;}
.sp03_02 .img		{width:30%;}
.sp03_02 .txt		{width:70%;}

.web .illust		{margin-top:15px;}
}


/***************************************************
					customer
***************************************************/ 
.cilist			{display:inline-block;width:100%;margin-top:50px;text-align:center;font-size:0;}
.cilist li		{display:inline-block;width:16%;*float:left;margin-left:-1px;margin-bottom:1%;border:1px solid #ddd;line-height:0;}
.cilist li img	{width:96%;margin:0 2%;}

@media only screen and (max-width:769px){
.cilist li		{width:19%;}
}

@media only screen and (max-width:639px) {
.cilist li		{width:24%;}
}

@media only screen and (max-width:480px) {
.cilist li		{width:33%;}
}


/***************************************************
					support
***************************************************/
.callcenter				{width:100%;margin-top:50px;padding:5% 0;background:url(/images/support/cscenter_01.png) right no-repeat;background-size:100%;}
.callcenter h3			{font-size:30px;}
.callcenter .num		{;margin-top:5%;font-family:arial;font-size:64px;font-weight:bold;}
.callcenter .email		{margin-top:2.5%;font-size:30px;font-weight:bold;}
.callcenter .exp		{margin-top:2.5%;font-size:18px;color:#666;}

.inq_tbl				{margin-top:5%;}
.inq_tbl thead th		{border-top:2px solid #39f;background:#f5f9ff;text-align:center;}
.inq_tbl tbody th		{text-align:center;}
.inq_tbl tbody td		{padding:1% 0;}
.inq_tbl .tf			{width:97%;padding:1.2% 1%;border:1px solid #ddd;}
.inq_tbl .selBox		{width:50%;padding:1% 0;border:1px solid #ddd;background:#fff;}
.inq_tbl .ta			{width:97%;min-height:200px;padding:1%;border:1px solid #ddd;}
.inq_tbl .taBox			{width:97%;height:150px;padding:1%;border:1px solid #ddd;overflow-y:auto;font-size:0.9em;}
.inq_tbl .taBox p		{margin-bottom:2%;color:#666;}
.inq_tbl .chk			{margin-top:2%;}
.inq_tbl .chk label		{margin-left:5px;}

.download .title		{font-weight:normal;}
.download .text			{margin-top:0.5%;}
.download h3			{margin-top:4%;}
.download .conBox		{width:100%;display:inline-block;}
.download .conBox .half {display:inline-block;width:48%;float:left;margin-left:3%;margin-top:2%;border:1px solid #ddd;}
.download .conBox .half:first-child {margin-left:0;}
.download .conBox .tit	{padding:2% 5%;border-bottom:1px solid #ddd;background:#f6f6f6;font-weight:bold;}
.download .conBox ul	{width:60%;margin:5%;padding-left:30%;}
.download .conBox .ekt	{background:url(/images/support/download_01.png) 7% no-repeat;background-size:16%;}
.download .conBox .vpd	{background:url(/images/support/download_02.png) 7% no-repeat;background-size:16%;}
.download .conBox .spc	{background:url(/images/support/download_03.png) 7% no-repeat;background-size:16%;}
.download .conBox .buttonWrap {margin-top:0;padding:5% 0;padding-top:0;}
.download .conBox .button {margin:0 1%;padding:2% 5%;border:none;background:#18f;font-size:0.95em;color:#fff;}
.download .conBox .button img {margin-right:5px;vertical-align:middle;}

@media only screen and (max-width:900px){
.download .conBox .button {padding:2% 3%;}
}

@media only screen and (max-width:769px){
.callcenter			{margin-top:40px;}
.callcenter h3		{font-size:24px;}
.callcenter .num	{font-size:52px;}
.callcenter .email	{font-size:24px;}
.callcenter .exp	{font-size:16px;}

.download .conBox .half {width:100%;margin-left:0;}
.download .conBox .half.right {margin-top:3%;}
.download .conBox .ekt, .download .conBox .vpd, .download .conBox .spc {background-size:12%;}
.download .conBox ul {width:40%;float:left;padding-left:20%;}/*width:70%;*/
.download .conBox .buttonWrap {width:30%; float:right;padding:5% 0;}
.download .conBox .button {width:80%; margin-top:5%;}
}

@media only screen and (max-width:639px) {
.callcenter			{margin-top:30px;}
.callcenter h3		{font-size:20px;}
.callcenter .num	{font-size:40px;}
.callcenter .email	{font-size:18px;}
.callcenter .exp	{font-size:14px;}
}

@media only screen and (max-width:480px) {
.callcenter			{margin-top:20px;background:none;}
.callcenter h3		{font-size:18px;}
.callcenter .num	{font-size:30px;}
.callcenter .email	{font-size:16px;}
.callcenter .exp	{font-size:12px;}

.download .conBox .ekt, .download .conBox .vpd, .download .conBox .spc {background-size:15%;}
.download .conBox ul {width:60%;padding-left:30%;}
.download .conBox .buttonWrap {width:100%; float:none;padding:5% 0;}
.download .conBox .button {width:auto; margin-top:0;}
}

/***************************************************
					news
***************************************************/ 
.tbl_basic.news				{margin-top:5%;}
.tbl_basic.news table		{border-top:2px solid #38e;}
.tbl_basic.news thead		{background:#f5f9ff;}
.tbl_basic.news .num		{width:10%;float:left;text-align:center;}
.tbl_basic.news .tit		{width:70%;float:left;}
.tbl_basic.news .cate		{margin-right:5%:}
.tbl_basic.news .date		{width:20%;float:left;text-align:center;font-size:0.9em;}
.old_ie .tbl_basic.news .date {width:18%;}
.tbl_basic.view				{margin-top:5%;}
.tbl_basic.view table		{border-top:2px solid #38e;}
.tbl_basic.view thead		{background:#f5f9ff;}
.tbl_basic.view td			{padding:2%;}
.tbl_basic.view .tit		{width:80%;float:left;}
.tbl_basic.view .date		{width:15%;float:right;font-size:0.9em;text-align:right;}
.tbl_basic.view .arr		{margin-left:10%;}
.tbl_basic.imgList			{margin-top:5%;}
.tbl_basic.imgList table	{border-top:2px solid #38e;}
.tbl_basic.imgList table td {padding:3% 0;}
.tbl_basic.imgList .img		{width:30%;float:left;}
.tbl_basic.imgList .img img {width:95%;height:160px;}
.tbl_basic.imgList .txt		{width:68%;float:right;}
.tbl_basic.imgList .tit		{font-size:1.2em;margin-bottom:2%;font-weight:bold;}
.tbl_basic.imgList .date	{margin-bottom:2%;font-size:0.9em;color:#666;text-align:left;}
.tbl_basic.imgList .con a	{color:#666;}

.pagenation					{width:100%;text-align:center;margin-top:4%;}
.pagenation a img			{vertical-align:middle;}
.pagenation a:hover			{color:#38e;}
	.paging a				{padding:1%;color:#333;}
	.paging a.active		{color:#38e;font-weight:bold;}

@media only screen and (max-width:639px) {
.tbl_basic.news .cate	{margin-right:2%:}
.tbl_basic.imgList .img {width:40%;}
.tbl_basic.imgList .img img {height:100px;}
.tbl_basic.imgList .txt {width:60%;}
.tbl_basic.imgList .con a {display:none;}
.pagenation a img		{width:30px;}
}

@media only screen and (max-width:480px) {
.tbl_basic.news .num	{display:none;}
.tbl_basic.news .tit	{width:96%;float:none;margin:0 2%;}
.tbl_basic.news .date	{width:96%;float:none;margin:0 2%;text-align:left;color:#999;}
.tbl_basic.news thead	{display:none;}
.tbl_basic.view .tit	{width:100%;float:none;}
.tbl_basic.view .date	{width:100%;float:none;text-align:left;}
.tbl_basic.imgList .tit {font-size:1.1em;}
.tbl_basic.imgList .img {width:50%;}
.tbl_basic.imgList .img img {height:100px;}
.tbl_basic.imgList .txt {width:50%;}
.pagenation a img		{width:20px;}
}


/***************************************************
					util
***************************************************/ 
.sitemap				{width:100%;margin-top:5%;text-align:center;}
.sitemap>li				{width:100%;display:inline-block;background:#f6f6f6;}
.sitemap>li:first-child {margin-left:0;}
.sitemap>li span		{display:block;width:15%;float:left;padding:20px 0;background:#38e;color:#fff;font-weight:bold;}
.sitemap ul				{width:85%;float:right;}
.sitemap li li			{float:left;margin-left:2%;padding:20px;}
.sitemap li li a		{color:#333;}
.sitemap li li a:hover	{color:#38e;}

.personal			{margin-top:5%;}
.per_list			{margin-top:5%;}
.per_list li		{list-style:inside decimal;}
.per_list li a		{color:#333;}
.per_list li a:hover{color:#38e;}
.per_con h3			{margin-top:5%;}
.per_con ol			{margin-left:20px;list-style:outside decimal;}
.per_con li			{margin-top:2%;}
.per_con ul li		{margin-top:1%;margin-left:20px;list-style:disc;}
.per_con p			{margin-top:1%;}