@charset "utf-8";
/* WEBsiting 2015-02-04 */
.cke_sc{display:none;}
.smallFont{font-size:11px;color:#999; padding-top:3px;}

/* TXT Color set*/
.blue{color:#2289ce;}
.navy{color:#005284;}
.brown{color:#996633;}
.black{color:#000000;}
.red{color:#990000;}

.h2{margin:20px 0;font-family:'나눔고딕','Nanum Gothic'; color:#013c6c; font-size:17px; text-align:left;font-weight:600; padding:10px 10px 4px 0px; background:URL(../img/ico_h2.gif) no-repeat;}
.h2 small{display:inline-block; font-size:11px;color:#999; font-weight:normal;font-family:'Eras Demi ITC','Eras Demi'}
.h2bold{display:block; width:100%; border:0px; border-bottom:2px dashed #cccccc; height:48px; margin-bottom:30px;clear:both;}

.h3{margin:20px 0;font-family:'나눔고딕','Nanum Gothic'; color:#333; font-size:15px; text-align:left;font-weight:600; padding:2px 10px 2px 0px;}
.h3 small{display:inline-block; font-size:11px;color:#999; font-weight:normal;font-family:'Eras Demi ITC','Eras Demi'}

.h4{margin:20px 0;font-family:'나눔고딕','Nanum Gothic'; color:#333; font-size:14px; text-align:left;font-weight:600; padding:2px 10px 2px 10px; background:URL(../img/ico_h4.gif) no-repeat left 5px;}
.h4 small{display:inline-block; font-size:11px;color:#999; font-weight:normal;}

.hrbold{display:block; width:100%; border:0px; border-bottom:2px dashed #cccccc; height:30px; margin-bottom:30px;clear:both;}
.hrnormal{display:block; width:100%; border:0px; border-bottom:1px dashed #cccccc; height:30px; margin-bottom:30px;clear:both;}

.pageTopment{text-align:center; border:1px solid #e5e5e5; padding:25px 0; background:URL(../img/pageTopment.png) no-repeat center center;background-size:100% auto; overflow:hidden;}
.pageTopment b{display:block; font-size:28px;color:#2289ce;font-family: 'Nanum Barun Gothic','나눔고딕','Nanum Gothic'; font-weight:400; padding:5px 0;}
.pageTopment strong{display:block; font-size:28px;color:#666;font-family: 'Nanum Barun Gothic','나눔고딕','Nanum Gothic'; font-weight:400; padding:5px 0;}

.pageCont{font-size:14px; color:#666; padding-bottom:20px; line-height:1.4em;}
.pageContH3{font-size:13px; color:#666; padding-bottom:20px; line-height:1.4em;}
.pageContH4{font-size:13px; color:#666; padding-bottom:20px; line-height:1.4em; padding-left:10px;}

.ulNormal{list-style:none; padding:0px; margin:0px;}
.ulNormal li{padding:0 0 4px 10px; background:URL(../img/ico_lihipen.gif) no-repeat left 5px;; font-size:11px;}

.tblNormal{width:100%; padding-bottom:20px;}
.tblNormal table{width:99%; border-top:2px solid #ccc;}
.tblNormal table th{border:1px solid #ccc; text-align:left; padding:8px; color:#000; font-size:13px; background:#f1f5f8;}
.tblNormal table td{border:1px solid #ccc; text-align:left; padding:8px; color:#666; font-size:13px;}
.tblNormal table tbody tr:hover td{background:#f9f9f9;}



.tblPrd01{width:100%; padding-bottom:20px; overflow:auto; position:relative;z-index:1;}
.tblPrd01 table{width:99%; border-top:2px solid #3a4b83;}
.tblPrd01 table th{border:1px solid #ccc; text-align:center; padding:5px; color:#000;  background:#f7f7f7; color:#394a82; font-family:'나눔고딕','Nanum Gothic'; font-size:14px;}
.tblPrd01 table td{border:1px solid #ccc; text-align:center; padding:5px; color:#666;  font-family:'나눔고딕','Nanum Gothic'; font-size:14px;}
.tblPrd01 table td.tbdColline{text-align:center; font-weight:bold;font-size:13px; background:#f0f0f0;}
.tblPrd01 table thead th{color:#fff; font-size:14px; background:#3a4b83; text-align:center;}
.tblPrd01 table thead th span{display:block;margin:0 auto; font-size:14px;}
.tblPrd01 table thead td{font-weight:bold;color:#394a82; font-size:13px; background:#f1f5f8; text-align:center;padding:5px 0;}
.tblPrd01 table tbody th{min-width:100px;max-width:200px; font-size:13px;}
.tblPrd01 table tbody td{min-width:80px; text-align:center; font-size:13px;}
.tblPrd01 table tbody tr:hover td{background:#f9f9f9;}

.tblPrd01big table th{padding:15px;}
.tblPrd01big table td{padding:12px;}

.tblPrd01tdTxt table tbody th{text-align:center;}
.tblPrd01tdTxt table tbody td{font-size:12px; padding:10px;}


.cioBan4{width:100%; overflow:hidden;}
.cioBan4 dl,
.cioBan4 dl dt,
.cioBan4 dl dd{margin:0px; padding:0px; text-align:center;}
.cioBan4 dl{width:25%; float:left;}
.cioBan4 dl dt{font-size:16px;color:#333; font-weight:bold; padding-bottom:8px;}
.cioBan4 dl dd{font-size:12px;color:#66666; text-align:center; width:84%; margin:0 auto;}
.cioBan4 dl dd p{padding-top:10px; text-align:center; font-size:11px; color:#999;}
.cioBan4 dl dd i{display:block; width:100%; text-align:center; padding:10px 0 20px 0;}
.cioBan4 dl dd i img{width:90%; max-width:149px !important;}
.cioBan4 .h3box{width:86%;margin:0 auto;}

.cioBan3{width:100%; overflow:hidden;}
.cioBan3 dl,
.cioBan3 dl dt,
.cioBan3 dl dd{margin:0px; padding:0px; text-align:center;}
.cioBan3 dl{width:33%; float:left;}
.cioBan3 dl dt{font-size:16px;color:#333; font-weight:bold; padding-bottom:8px;}
.cioBan3 dl dd{font-size:12px;color:#66666; text-align:center; width:84%; margin:0 auto;line-height:1.2em;letter-spacing:-0.05em;}
.cioBan3 dl dd p{padding-top:10px; text-align:center; font-size:11px; color:#999;}
.cioBan3 dl dd i{display:block; width:100%; text-align:center; padding:10px 0 20px 0;}
.cioBan3 dl dd i img{width:90%; max-width:149px !important;}

.recban dl dt{font-size:18px;color:#197eb0;}
.recban dl dd{font-size:14px;color:#66666;}


.proBan5{width:100%; overflow:hidden;}
.proBan5 dl,
.proBan5 dl dt,
.proBan5 dl dd{margin:0px; padding:0px; text-align:center;}
.proBan5 dl{width:18%; float:left;}
.proBan5 dl dt{font-size:14px;color:#333; font-weight:bold; padding-bottom:8px;}
.proBan5 dl dd{font-size:12px;color:#66666; text-align:center; width:84%; margin:0 auto;}
.proBan5 u{display:inline-block; float:left;text-decoration:none;font-size:20px;color:#999;padding-top:50px;}

.ceoTopment {border:0px;background:none;}
.ceoTopment b{color:#999;font-family:Georgia;font-style:italic; font-size:30px;}
.ceoTopment b b{color:#000; display:inline;}
.ceoTopment strong{font-size:20px; color:#c72f35;font-family:'나눔고딕','Nanum Gothic';}

.ceoContWrap{width:100%; overflow:hidden;}
.ceoContWrap .ceoContLeft{float:left; margin:0 20px 100px 0;}
.ceoContWrap .pageCont{float:left;}

.s0505telmail{width:100%; text-align:center; background:#eeeeee; overflow:hidden;}
.s0505telmail p{display:inline-block; padding:25px 15px 25px 50px;font-size:14px; color:#000;}
.s0505telmail p.icoTel{background:URL(../img/sub05_05_ico01.gif) no-repeat left center;}
.s0505telmail p.icoEmail{background:URL(../img/sub05_05_ico02.gif) no-repeat left center;}

.csStep{width:100%; padding-bottom:10px; overflow:hidden;}
.csStep dl,
.csStep dl dt,
.csStep dl dd{margin:0px; padding:0px; overflow:hidden;}
.csStep dl{width:30%; float:left; margin:0 1.5%; border:1px solid #ddd;}
.csStep dl dt{float:left; font-family:Georgia;font-size:36px; color:#996633;font-style:italic; padding:10px; min-height:60px;}
.csStep dl dd{font-size:13px;color:#2289ce; padding:10px;}
.csStep dl dd b{display:block; font-size:14px; padding-bottom:8px; color:#000;}

.dan2{width:46%;float:left; margin:0 2% 20px 2%;}
.dan2 img{float:left; margin:-50px 0 0 -90px;width:80px !important;}
.dan2 h3{padding-left:90px;}
.dan2 .pageCont{ font-size:12px;padding-left:90px;}
.dan2 .pageCont img{width:90px;}

.dan2cs{width:46%;float:left; margin:0 2% 20px 2%;}
.dan2cs img{float:right; margin:0 10px 10px 0;}
.dan2cs .pageCont{ font-size:12px;}


.NoneIco .dan2 h3,
.NoneIco .pageCont{padding-left:0px;}
.NoneIco .dan2 h3{margin-bottom:10px;}

.dan3{width:29%;float:left; margin:0 2% 20px 2%;}
.dan3 img{float:right; margin:0 10px 10px 0;}
.dan3 .pageCont{ font-size:12px;min-height:40px; padding:0 15px;}

.cioLeftBig{overflow:hidden;}
.cioLeftBig img{float:left; margin-right:10px;}

.ico_center{text-align:center;}
.ico_center img{float:none; margin:0 auto;}

@media all and (max-width: 800px) 
{
	.pageTopment {padding:25px 0 25px 0;background-size:100% auto; background-repeat:repeat;}
	.pageTopment b{font-size:16px;}
	.pageTopment strong{font-size:16px;}
	.ceoTopment strong{font-size:14px;}

	.pageCont{font-size:12px;}
	.pageContH3{font-size:12px;}
	.pageContH4{font-size:12px;}

	.cioBan4 dl{width:50%;}
	.cioBan4 dl dt{font-size:13px;}
	.cioBan4 dl dd{min-height:40px;font-size:11px;}
	.cioBan3 {text-align:center;}
	.cioBan3 dl{width:48%; display:inline-block; float:none;}
	.cioBan3 dl dd p{min-height:50px;}
	.proBan5 dl{width:44%;}
	.proBan5 u{font-size:10px;}

	.ceoContWrap .ceoContLeft {width:25% !important; margin:0 10px 10px 0;}

	.csStep dl{width:auto; float:none;margin:0px; margin-bottom:1%;}
	.csStep dl dt{font-size:20px; height:30px;min-height:auto !important;}
	.csStep dl dd{font-size:12px;color:#005184; padding:7px;}
	.csStep dl dd b{font-size:12px; padding-bottom:8px;}

	.dan2{width:100%;float:none; margin:0;}
	.dan2 img{}

	.dan2cs{width:100%;float:none; margin:0;}
	.dan2cs img{width:15%;}

	.dan3{width:100%;float:none; margin:0;}
}

.ullitxtb{float:left;}
.csInfo .pageCont li.ulLiTit{font-weight:bold; color:#005284; font-size:18px !important; background:none;text-align:center;}
.csInfo .pageCont li.ulLiTit p{text-align:center;padding:3px 0 !important;font-size:16px; color:#000;}
.csInfo .pageCont li.ulLiTit small{font-weight:normal; font-size:12px !important; display:block; color:#996533;}

.csInfo {overflow:hidden;position:relative;}

.csInfo .pageCont img{width:90px !important;display:block;position:absolute; right:0px; top:20px;}
.csInfo .pageCont .ullitxtb li{font-size:14px; padding-bottom:3px;margin-top:3px; }

.csInfoTop ul.ullitxtb{width:29%; margin:0 1%; border:1px solid #efefef;padding:1%;}
.csInfoTop ul:hover.ullitxtb{border:1px solid #333;}
.csInfoTop ul.ullitxtb li{background:none; text-align:center;}


.csInfo ul.ullitxtb li{}
.csInfo ul.ullitxtb li a{font-size:11px;font-family:verdana;font-weight:bold; text-decoration:none !important;}
.csInfo ul.ullitxtb li a:link,
.csInfo ul.ullitxtb li a:visited{color:#333 !important; text-decoration:none;}
.csInfo ul.ullitxtb li a:hover,
.csInfo ul.ullitxtb li a:active,
.csInfo ul.ullitxtb li a:focus{color:#990000 !important; text-decoration:none;}
.csInfo .h2{margin-bottom:5px;}

.csInfo ul li.ulImg {text-align:center;background:none;}
.csInfo ul li.ulImg img{margin:0 auto; position:static;}

.csInfoTop {position:relative;}
.csInfoTop .pageCont img{display:block;position:absolute; right:15px; top:15px;}

@media all and (max-width: 800px) 
{
	
.csInfoTop ul.ullitxtb{width:97%; margin:1% 0;}
}

.history{width:100%; overflow:hidden; font-size:14px; background:#fff;padding-bottom:50px;}
.history dl{width:50%; margin:0px; padding:26px 0 0px 0; }
.history dl dt{font-weight:bold; font-size:22px; color:#1068c3; margin:0px; padding:15px; display:inline-block;  border-top:3px solid #cdced0; position:relative;}
.history dl dt img{display:block; position:absolute;top:-17px;}
.history dl dd{margin:0px; line-height:1.8em; color:#666;font-size:12px;}
.history dl dd b{color:#000;}
.hs_right{float:right; text-align:left;border-left:1px solid #cdced0;}
.hs_left{float:left; text-align:right;border-right:1px solid #cdced0;margin-left:-1px !important;}
.hs_right dd{padding-left:20px !important;}
.hs_left dd{padding-right:20px !important;}
.hs_right dt img{left:-17px;}
.hs_left dt img{right:-17px;}

@media all and (max-width: 990px) 
{
	.history dl{width:100%; text-align:left;}
	.history dl dt{font-size:16px;}
	.history dl dd{font-size:12px;text-align:left; padding-left:0px !important; padding-right:0px !important;}
	.hs_right,
	.hs_left{float:none; text-align:left;border-left:0px;border-right:0px;}
}

#history01 #bo_v_atc{margin-top:50px;height:auto;}

.prdTabWrap{width:100%; text-align:center;margin-top:-50px;}
.prdTabIn{width:100%;max-width:980px; margin:0 auto;}
.prdTabWrap.scrollDown{position:fixed; left:0px; top:0px;margin-top:0px; text-align:center;z-index:100;}

.prdTab{margin:0px; padding:0px; list-style:none; overflow:hidden;width:100%;height:50px;border-left:1px solid #cfcfcf;}
.prdTab li{margin:0px; padding:0px; width:25%;height:50px;float:left; overflow:hidden;position:relative; }
.prdTab li a{display:block; height:48px; margin-left:-2px; line-height:48px; text-align:center; font-size:16px;color:#666;
				font-weight:bold; border:1px solid #cfcfcf; border-bottom:1px solid #0e0e0e;text-decoration:none !important;}
.prdTab li a:link,
.prdTab li a:visited{color:#666; background:#f3f3f3;}
.prdTab li a:hover,
.prdTab li a:focus,
.prdTab li a:active{color:#000; background:#ededed; text-decoration:none;}
.prdTab li.current a{color:#2289ce;background:#fff;border-top:3px solid #0e0e0e !important;}

#hstr_tapWrap{height:20px;padding-top:70px;}

.history #prdV02,
.history #prdV03,
.history #prdV04{display:block;width:100%; height:70px;clear:both;}

@media all and (min-width: 980px) 
{
	.prdTabWrap.scrollDown ul{max-width:745px;margin-left:235px;}
}
@media all and (max-width: 980px) 
{
	.prdTabWrap.scrollDown{top:60px;}
	.prdTab li a{font-size:12px !important;}
}


.left45{width:45%;padding:2%;float:left;}
.h3box{border:3px solid #c9d8ef;padding:5px; text-align:center;}
.h3box small{display:block;font-family:'Nanum Gothic','나눔고딕','Nanum Gothic',dotum;}
.left45 .ico_left {font-size:12px;padding-left:95px;}
.left45 .ico_left img{float:left;margin:0 0 0 -90px;}
.h3box2line .h3box{padding:25px 5px;margin:0px;}

@media all and (max-width: 800px) 
{
	.left45{width:100%;padding:0px;float:none;}
	.h3box2line .h3box{margin-bottom:10px;padding:10px 0;}
}

.wipsClb .dan2{padding-bottom:40px;}
.wipsClb .dan2 img{margin-top:-30px;}

.ico_software{overflow:hidden;}
.ico_software div{width:50%;float:left; text-align:center; padding:10px 0;}
.ico_software div i{display:block;}
.ico_software div b{display:block;}
.ico_software strong{display:block; text-align:center;padding-bottom:10px;font-size:16px;color:#0058af;}
.ico_software p{text-align:center;padding-bottom:20px;font-size:12px;}
.ico_software_txt{display:block; text-align:center;padding:3px 0 10px 0;font-weight:bold;color:#0058af;font-size:16px;}
.ico_software_txt small{font-weight:normal;color:#666;font-size:12px;}