@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

@font-face{
		font-family:"NanumGothic", "나눔고딕";
		src:url("./NanumGothic.ttf"), url("./NanumGothic.eot"), url("./NanumGothic.woff");
	}

*{margin:0;padding:0;-webkit-text-size-adjust:none;}

@font-face {/*G마켓산스M*/
font-family:'gs';
 src:url('../fonts/GmarketSansTTFMedium.eot');
 src:url('../fonts/GmarketSansTTFMedium.eot?#iefix') format('embedded-opentype'),
 url('../fonts/GmarketSansTTFMedium.woff') format('woff'),
 url('../fonts/GmarketSansTTFMedium.ttf') format('truetype');
 src:local(※), url('../fonts/GmarketSansTTFMedium.woff') format('woff');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


/* 공통 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
	margin:0;
	padding:0;
	border:0;
	font-size:1em;
	font-weight:normal;
	font-family:나눔고딕, NanumGothic, 'NanumGothicWeb', 나눔바른고딕, NanumBarunGothic, 'NanumBarunGothic', 'Malgun Gothic', '돋움', dotum;
	font-style:normal;
	word-break:keep-all;
 }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:block;
}

html{overflow-y:scroll;}
body{height:100%;line-height:18px;color:#333;background-color:#fff;}
iframe body{background:none;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
b,strong{font-weight:bold;}
a:link, a:visited, a:active , a:hover{border:0;padding:0;margin:0;}
a:link, a:visited, a:active{text-decoration:none;color:#333;}
a:hover{color:#333;text-decoration:none;}
img{border:0px;margin:0;padding:0;}
div img{vertical-align:middle;}
li img{vertical-align:middle;}
p input{vertical-align:middle;}
select {width:100%;padding:0 3px;height:27px;border:1px solid #afafaf;background:url('../images/common/select.png') no-repeat 100% -150px,-webkit-gradient(linear,0 0,0 100%,from(white),to(#f3f3f3));font-size:14px;color:#444;line-height:1.62em;vertical-align:middle;-webkit-appearance:none;border-radius:3px;background-size:25px 730px,100% 100%}
/*@media screen and (-webkit-min-device-pixel-ratio:1.5){.wr1 .sl{background:url('https://ssl.pstatic.net/static/m/calendar/im/sp_ico1_120830_rtn.png') no-repeat 100% -150px,-webkit-gradient(linear,0 0,0 100%,from(white),to(#f3f3f3));background-size:25px 730px,100% 100%}}
*/
input, option, textarea{padding-left:10px;border:solid 1px #c2c2c2;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:14px;color:#666;}
legend{display:none;}

.clearfix:after {content:'';clear:both;display:block;}	


/*체크박스 디자인*/
input[type=checkbox].css_checkbox {display:none;}
input[type=checkbox].css_checkbox + label.checkbox_label {padding-left:25px;height:20px;display:inline-block;line-height:20px;background-repeat:no-repeat;background-position:0 0;vertical-align:middle;cursor:pointer;}
input[type=checkbox].css_checkbox:checked + label.checkbox_label {background-position:0 -20px;}
label.checkbox_label {background-image:url('../images/common/css_checkbox.png');-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

/*input[type=text]*/
input.it{width:100%;min-width:14px;height:27px;margin:0 10px 0 0;padding:0 0 0 3px;color:#444;border:1px solid #afafaf;border-radius:3px;-webkit-appearance:none;box-sizing:border-box;box-shadow:0 1px 0 #f2f2f2 inset;-webkit-box-shadow:0 1px 0 #f2f2f2 inset;-moz-box-shadow:0 1px 0 #f2f2f2 inset}
input.small{font-size:1em}
.it{width:100%;height:1.4em;}
.it_num{width:48.2%;height:27px;padding:0 0 0 3px;color:#444;border:1px solid #afafaf;border-radius:3px;-webkit-appearance:none;box-sizing:border-box;box-shadow:0 1px 0 #f2f2f2 inset;-webkit-box-shadow:0 1px 0 #f2f2f2 inset;-moz-box-shadow:0 1px 0 #f2f2f2 inset}
input.small{font-size:1em}

 /*top*/
/*.quick > a{display:block;position:absolute;}*/
.quick {top:400px;width:60px;height:55px;}
.quick2 {top:460px;width:60px;height:55px;}
.quick {position:absolute;display:block;background:url('../images/common/up.png') no-repeat;background-size:65px 110px;-webkit-background-size:65px 110px;background-position:0px 0px;cursor:pointer;}
.quick2{position:absolute;display:block;background:url('../images/common/up.png') no-repeat;background-size:65px 110px;-webkit-background-size:65px 110px;background-position:0px -55px;cursor:pointer;}


/*header부분*/
.warp{background:#f4f4f4;}
#content{background:#f4f4f4;} /*상품검색 결과*/

/* 상단 로고 라인 */
.main_header{height:45px;background:url('../images/common/header_background.png');position:relative;line-height:45px;}
.main_header > a, #main_header > label{display:block;height:32px;position:absolute;}
.main_header > a.left{width:30px;left:10px;top:6px;}
.main_header > h1.logo a{width:125px;height:40px;top:10px;margin:0 auto;font-size:0;}
.main_header > label.right{width:30px;right:7px;top:6px;}

/* header 이미지 */
.main_header > h1.logo a{display:block;background:url('../images/common/header_img.png') no-repeat;background-size:170px 150px;-webkit-background-size:170px 150px;background-position:0 5px;cursor:pointer;}
.main_header > a.left {background:url('../images/common/header_img.png') no-repeat;background-size:170px 150px;-webkit-background-size:170px 150px;background-position:0px -42px;text-indent:-9999px;cursor:pointer;}
.main_header > label.right{position:absolute;background:url('../images/common/header_img.png') no-repeat;background-size:170px 150px;-webkit-background-size:170px 150px;background-position:0px -80px;text-indent:-9999px;cursor:pointer;}

/* 토글 목록 */
#toggle{display:none;}
#toggle + .wrap > .toggle_gnb_wrap{display:none;position:absolute;z-index:10;;}
#toggle:checked + .wrap > .toggle_gnb_wrap{display:block;}
/* 토글 레이아웃 색상 */
.toggle_gnb_wrap{width:100%;overflow:hidden;margin:0 auto;}
.toggle_gnb{width:100%;}
/* 토글 목록 */
.toggle_gnb > ul{overflow:hidden;}
.toggle_gnb > ul > li a{display:block;float:left;padding:40px 0 7px 0;text-align:center;font-weight:bold;cursor:pointer;border-bottom:solid 1px #dedede;}

.gnb_write a{width:25%;background:url('../images/common/toggle_icon.png') no-repeat #fff;background-size:25px 205px;-webkit-background-size:25px 205px;cursor:pointer;background-position:50% 10px;}
.gnb_news a{width:25%;background:url('../images/common/toggle_icon.png') no-repeat #f4f4f4;background-size:25px 205px;-webkit-background-size:25px 205px;cursor:pointer;background-position:50% -50px;}
.gnb_cs a{width:25%;background:url('../images/common/toggle_icon.png') no-repeat #fff;background-size:25px 205px;-webkit-background-size:25px 205px;cursor:pointer;background-position:50% -110px;}
.gnb_pwd a{width:25%;background:url('../images/common/toggle_icon.png') no-repeat #f4f4f4;background-size:25px 205px;-webkit-background-size:25px 205px;cursor:pointer;background-position:50% -172px;}


/* 네비게이션 */
.lnb{display:table;width:100%;border-bottom:1px solid #4c4fa2;background:url('../images/common/lnb_background.png') repeat-x;}
.lnb > div{display:table-cell;position:relative;width:16%;}
.lnb > div > a{display:block;height:35px;font-weight:600;font-size:15px;color:#FFF;line-height:35px;text-align:center;}
.lnb > div > a:hover{background:#383a7d;}


/*메뉴타이틀*/
.snb{padding:6px 10px;border-bottom:solid 1px #dedede;background-color:#b2b5e1;overflow:hidden;}
.snb p{line-height:1em;}
.snb p.txt{float:left;color:#fff;font-size:14px;font-weight:bold;}
.snb p.txt span{margin-left:7px;font-size:11px;}
.snb p.userText{float:right;color:#383a7d;font-size:13px;font-weight:bold;}

/*footer부분*/
.main_footer{padding:10px;background-color:#e4e4e4;/*border-top:1px solid #d6d6d6;*/ }
.main_footer p, .main_footer span{text-align:center;font-size:11px;line-height:1.25;}
.main_footer p{color:#a4a3a3;}
.main_footer span{color:#000;}


/*소개페이지*/
	/* info */
	
	/*메인배너*/
	.main_banner {margin-bottom:10px;overflow:hidden;}
	.main_banner h3 {margin:10px 0;padding:10px 0;text-align:center;text-shadow:0 1px 2px #bdbfc0;border-radius:7px;background:#eaeaea;}
	.main_banner h3 .header,
	.main_banner h3 .header span {margin:0 0 5px;font-size:20px;font-weight:600;line-height:20px;}
	.main_banner h3 .txt1 {margin:0 0 3px;font-size:16px;font-weight:600;}
	.main_banner h3 .txt1 em {color:#3c3e9e;font-size:18px;font-weight:600;}
	.main_banner h3 .txt2,
	.main_banner h3 .txt2 span {margin:0 0 3px;font-size:15px;text-align:center;}
	.main_banner h3 .txt3 {font-size:13px;font-weight:600;}

	.main_banner .main_img img {width:100%;height:100%;}
	.main_banner .main_txt {margin-top:10px;padding:5px 0;font-size:13px;text-align:center;border-radius:7px;background:#eaeaea;}
	.main_banner .main_tel {margin-top:10px;text-align:center;line-height:18px;}
	.main_banner .main_tel em {font-size:18px;}

	/*문의전화*/
	.tel{padding:7px 0;text-align:center;vertical-align:middle}
	.tel .number{color:#f46824;line-height:19px;font-size:19px;font-weight:600;}
	
	.telWarp{margin:5px 0 10px ;height:50px;}
	.telWarp .tel_Btn{display:block;margin:0 auto;
		padding:5px 0;width:48%;height:35px;
		color:#FFF;text-align:center;font-size:16px;font-weight:600;
		border:1px solid #383a7d;border-radius:2px;
		background-color:#585cbd;
		background:
		-webkit-gradient(linear,0 0,0 100%,from(#585cbd),to(#4c4fa2));
		-webkit-box-shadow:0 1px 2px #bdbfc0;}
	.telWarp .tel_Btn .small{font-size:12px;}	
	
	/*메인제품*/
	.main_product{margin-bottom:10px;}
	.main_product h3{padding:5px;background-color:#383a7d;border-top-left-radius:5px;border-top-right-radius:5px;font-size:13px;font-weight:500;text-align:center;color:#FFF;}

	.main_product .item {border:4px solid #383a7d;background:#FFF;}
	.main_product .item td {border-bottom:2px solid #999;}
	.main_product .item td.bottom{border-bottom:0 none;}
	.main_product .item td.even{background:url('../images/intro/product_r_line2.png') left repeat-y;}
	.main_product .item td p.title{padding:5px 0 0;font-size:14px;font-weight:bold;line-height:1.25em;text-indent:10px;}
	.main_product .item td div.images{float:left;width:35%;height:60px;}		
	.main_product .item td div.text{float:right;width:65%;padding-top:5px;font-size:11px;line-height:1.35em;}
	.main_product .item td div.text span.emph{font-size:12px;color:#0980be;font-weight:bold;letter-spacing:-1.25px;}

	.main_product .solution td {width:50%;height:95px;border-bottom:2px solid #999;}
	.main_product .solution td.bottom{border-bottom:0 none;}
	.main_product .solution td.even{background:url('../images/intro/product_r_line2.png') left repeat-y;}
	.main_product .solution td p.title{padding:5px 0;font-size:14px;font-weight:bold;text-indent:10px;}
	.main_product .solution td div.images{float:left;width:35%;height:60px;}		
	.main_product .solution td div.text{float:right;width:65%;padding-top:5px;font-size:11px;line-height:1.35em;}
	.main_product .solution td div.text span.emph{font-size:12px;color:#0980be;font-weight:bold;letter-spacing:-1.25px;}

	.product td {text-align:justify;letter-spacing:-1px;}
	.product .images img {width:100%;}
	.product .info {padding:5px 10px;}

	/*상품상세*/
	.ImageBanner{padding-top:10px;overflow:hidden;}
	
	.millennium_banner{background:url('../images/millennium/millennium_images.png') no-repeat center top;-webkit-background-size:contain;}/*천년경영*/
	.pda_banner{background:url('../images/pda/pda_images.png') no-repeat center top;-webkit-background-size:contain;}/*PDA*/
	.smart_banner{background:url('../images/smart/smart_images.png') no-repeat center top;-webkit-background-size:contain;}/*천년S*/
	.tax_banner{background:url('../images/tax/tax_images.png') no-repeat center top;-webkit-background-size:contain;}/*이지텍스*/
	.spos_banner{background:url('../images/spos/spos_images.png') no-repeat center top;-webkit-background-size:contain;}/*sPOS*/
	.payment_banner{background:url('../images/payment/payment_images.png') no-repeat center top;-webkit-background-size:contain;}/*카드결제*/
	.order_banner{background:url('../images/order/order_images.png') no-repeat center top;-webkit-background-size:contain;}/*발주*/
	.pocket_banner{background:url('../images/pocket/pocket_images.png') no-repeat center top;-webkit-background-size:contain;}/*포켓경영*/
	.e_m_banner{background:url('../images/e_m/e_m_images.png') no-repeat center top;-webkit-background-size:contain;}/*e천년경영*/
	
	.ImageBanner h3{padding-top:10px;text-align:center;line-height:1.25em;font-size:19px;font-weight:600;text-shadow:0 1px 2px #bdbfc0;}
	.ImageBanner h3 p, .ImageBanner h3 span{font-size:19px;font-weight:600;}
	.ImageBanner div{margin:0 auto;padding-top:10px;height:180px;}
	.ImageBanner div p, .ImageBanner div p span{font-size:15px;text-align:center;}
	.ImageBanner div .title {margin-bottom:5px;font-size:16px;font-weight:600;}
	.ImageBanner .tel {display:inline-block;width:100%;}

	.main_product .comment{padding-top:20px;font-size:12px;text-align:center;font-weight:600;}
	.main_product .subTitle {padding:15px 0 10px;font-size:13px !important;text-align:center;font-weight:600;}
	.main_product .last {padding-bottom:10px;}

	.main_product .numberSection td{width:50%;text-align:center;}
	.main_product .numberSection td p{font-size:11px;line-height:1.25;font-weight:bold;}
	
	/* 천년S */
	.main_product .numberSectionS{height:320px;}
	.main_product .numberSectionS ul li{float:left;margin-top:10px;width:33.3%;height:120px;text-align:center;}
	.main_product .numberSectionS ul li p{font-size:11px;line-height:1.25;font-weight:bold;}
	.main_product .numberSectionS ul li.Line2{margin-left:16.65%;}

	
	/* 제품기능 */
	.main_product .functionSection td {padding:10px 0 5px;width:33.3%;text-align:center;vertical-align:top;}
	.main_product .functionSection td p{margin-bottom:5px;font-size:12px;font-weight:bold;line-height:1.25em;}
	.main_product .functionSection td span{display:inline-block;width:100%;text-align:left;font-size:10px;text-indent:15px;line-height:1.25em;letter-spacing:-1.5px;}

	/* 협력사 */
	.main_product .helpedSection {height:370px;background:url('../images/millennium/helped_background.png') #FFF center bottom no-repeat;}
	.main_product .helpedSection .comment {margin-bottom:7px;}
	.main_product .helpedSection td{margin-top:3px;width:20%;text-align:center;} /*width:25%;*/
	
	/* 도입안내 */
	.main_product .purchaseSection {width:100%;}
	.main_product .purchaseSection td {font-size:12px;letter-spacing:-1px;}
	.main_product .purchaseSection td em {text-align:left;font-weight:bold;}
	.main_product .purchaseSection .label {padding-left:20px;background:url('../images/common/select.png') no-repeat 13px -194px;}
	.main_product .purchaseSection .noLabel {text-indent:20px;}
	.main_product .purchaseSection .gray{text-decoration:line-through;}

	/* PDA 업무흐름도*/
	.flowSection{height:280px;}
	.flowSection th{padding:4px 0 4px 2%;line-height:19px;font-size:12px;text-align:left;letter-spacing:-1px;background:#FFF;}
	.flowSection th em{font-size:13px;font-weight:bold;}
	.flowSection th em img{padding-top:1px;vertical-align:top;}
	.flowSection th span{color:#4c4fa2;font-size:11px;font-weight:bold;}
	.flowSection td img{height:110px;vertical-align:bottom;}

	/* sPOS, order */
	.main_product .smartFlowSection .flowText{margin:5px 0 20px;padding-left:30px;}
	.main_product .smartFlowSection .flowText h4{font-size:13px;margin-bottom:5px;}
	.main_product .smartFlowSection .flowText p{padding-left:5px;font-size:11px;line-height:1.5;}

	/*회사소개*/

	/*버튼*/
	.BtnWarp{margin-top:20px;height:34px;}
	.BtnWarp .main_Btn{width:200px;margin:0 auto;}
	.BtnWarp .main_Btn span{display:inline-block;
		border:1px solid #e35930;border-radius:2px;
		background-color:#FF7105;
		background:
		-webkit-gradient(linear,0 0,0 100%,from(#ee8a60),to(#e35930));
		-webkit-box-shadow:0 1px 2px #bdbfc0;}
		
	.BtnWarp .main_Btn .first{margin-right:7px;}
	.BtnWarp .main_Btn span a{display:block;float:left;width:90px;height:32px;line-height:32px;border-radius:1px;background-color:transparent;font-size:15px;font-weight:500;text-shadow:0 0 1px #333;text-align:center;color:#FFF;overflow:hidden;}
	
	/*하단 :PC바로가기*/
	.BtnWarp .long_Btn{display:inline-block;margin:0 auto;
		width:99%;
		border:1px solid #e35930;border-radius:2px;
		background-color:#FF7105;
		background:
		-webkit-gradient(linear,0 0,0 100%,from(#ee8a60),to(#e35930));
		-webkit-box-shadow:0 1px 2px #bdbfc0;}
	.BtnWarp .long_Btn a{display:block;float:left;width:99%;height:32px;line-height:32px;border-radius:1px;background-color:transparent;font-size:15px;font-weight:500;text-shadow:0 0 1px #333;text-align:center;color:#FFF;overflow:hidden;}

	.quickArea{margin:20px 0;height:50px;}
	.quickArea .quick_Btn span{display:block;
		padding:5px 0;width:48%;height:35px;
		color:#FFF;text-align:center;font-size:16px;font-weight:600;
		border:1px solid #e35930;border-radius:2px;
		background-color:#FF7105;
		background:
		-webkit-gradient(linear,0 0,0 100%,from(#ee8a60),to(#e35930));
		-webkit-box-shadow:0 1px 2px #bdbfc0;}
	.quickArea .quick_Btn .left{float:left;line-height:35px;}
	.quickArea .quick_Btn .right{float:right;}
	.quickArea .quick_Btn .small{font-size:12px;}

	/*공통*/
	.screen_out{visibility:hidden;overflow:hidden;position:absolute;left:-9999px;width:0;height:0;font-size:0;line-height:0;}

	.blue{color:#595cb9;font-weight:bold;}
	.red{color:#f46824;font-weight:bold;}
	.gray{color:#888;font-weight:bold;}
	.bold{font-weight:bold;}


	/*솔루션 추가*/
	.solution1 img{margin:1%;}
	.solution1 {margin-bottom:10px;}
	.title{color:#000;}
	.titlebg{color:#fff;background:#8d8d90;}

	.main_product .sou_a td span{font-size:12px;color:#0980be;font-weight:bold;letter-spacing:-1.25px;}


	/*상담 우측배너*/
	.cs_icon a{position:fixed;bottom:20px;right:15px;max-width:100%;text-align:right;}

/* 모바일 미디어쿼리 */
/* @media screen and (min-width:300px) and (max-width:767px){
	*{font-size:62.5%;}
} */

	/* 게시판 페이징 */
	.paging{ text-align:center; margin:20px 0 50px; }
	.paging > a{ display:inline-block; margin:0 1px; width:26px; height:26px; line-height:26px; vertical-align:top; font-family:Verdana; font-size:13px; overflow:hidden; }
	.paging > a.on{ color:#f3f3f3; background:#231f20; }
	.paging > a.page span{ display:block; width:24px; height:24px; line-height:24px; text-indent:-9999px; border:1px solid #ccc; background:url('/manage/images/common/page_arrow.png') no-repeat; }
	.paging > a.page:hover{ background:#f3f3f3; }
	.paging > a.page .next{ background-position:center -24px; }
	.paging > a.page .next10{ background-position:center 6px; }
	.paging > a.page .pro10{ background-position:center -85px; }
	.paging > a.page .pro{ background-position:center -55px; }