@charset "utf-8"; 
@import url('//fonts.cdnfonts.com/css/gotham');
@import url('//fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Nanum+Gothic+Coding:wght@400;700&family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('//cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url("//cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css');
@import url('//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');
@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

/*-----------------------------------------------------------------*/
/* reset
/*-----------------------------------------------------------------*/
html, body {width:100%; height:100%;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section {display:block;}
html, body, div, span, strong, a, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, samp, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*img, 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
	{margin:0; padding:0;}
body, input, textarea, select, button, table {font-family:var(--font-text); font-size:12px; color:var(--color-tone-800);}
h1,h2,h3,h4,h5,h6 { font-family:var(--font-title); }
input, select, textarea, button, ul, ol, li, dl, dt, dd {vertical-align:middle;}
input[type='text'], input[type='file'], input[type='password'] {border:1px solid #ccc; background:#fff; height:36px; line-height:36px; text-indent:5px; padding:0;}
textarea {padding:5px; border:1px solid #ccc; background:#fff;}
select {border:1px solid #ccc; border-radius:0; height:22px; line-height:22px; padding:0 20px 0 3px; padding-right:0\0/IE8+9; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-sizing:border-box; box-sizing:border-box; background:#fff url('../img/qintop/select_arrow.png') no-repeat; background-size: 8px 5px; background-position: 95% center;}
select::-ms-expand { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Good browsers :) */ opacity:0;}
/* 크롬핵 */ @media screen and (-webkit-min-device-pixel-ratio:0) {}
input[type='checkbox'], input[type='radio'] {width:15px; height:15px; vertical-align:middle !important; margin-left:0; margin-right:0;}
label {display:inline-block; cursor:pointer; vertical-align:middle; margin-right:10px;}
legend, hr {visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; padding:0; font-size:0; line-height:0}
button {cursor:pointer;}	
table {border-spacing:0; border-collapse:collapse;}}
th, td {word-wrap:break-word; word-break:break-all; /*vertical-align:middle;*/ line-height:1.4;}
caption {visibility:hidden; width:0px; height:0px; overflow:hidden; font-size:0; line-height:0;}
col {display:table-column;}
iframe {border:0; margin:0; overflow:hidden;}
img, fieldset {border:0; vertical-align:middle;}
/*img {max-width: 100%; width: 100%;}*/
ul, ol {list-style:none;}
em, address {font-style:normal}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a:link, a:active, a:focus {color:#666; text-decoration:none;}
a:hover {color:#5396fe; text-decoration:none; }
.hidden {display:block; font-size:0; width:1px; height:1px; line-height:0; overflow:hidden; position:absolute; left:-9999px; text-indent:-9999px;}
.hand, .pointer {cursor:pointer !important;}
.underline {text-decoration:underline;}
.relative {position:relative !important;}
.absolute {position:absolute !important;}
.small {font-size:11px;}
.desc {font-size:11px; color:#848484;}
.hide {display:none;}
.unvisibility {visibility:hidden;}
.normal {font-weight:normal !important;}
strong, b, .bold {font-weight:600;}
.input-box-default-text {color:#515151 !important; letter-spacing:-1px;}
/* FONT SMOOTHING */

    body {
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
/*.fb-like, .fb-like>span, .fb-like>span>iframe {min-width:90px !important; min-height:20px !important;}*/
.font_sel {-webkit-transform:skew(-0.001deg);transform:skew(-0.001deg);}



/*-----------------------------------------------------------------*/
/* 공통요소
/*-----------------------------------------------------------------*/
/* placholder */
::-webkit-input-placeholder {color:#aaa;} 
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa;}
:-moz-placeholder {color:#aaa;}
::-webkit-input-title {color:#aaa;}
::-moz-title {color:#aaa;}
:-ms-input-title {color:#aaa;}
:-moz-title {color:#aaa;}

/* 하이퍼링크 */
a:link, a:visited, a:active	 {color:#222;}
a:hover {color:#000; text-decoration:none;}


:root {
	--color-point:	#3CDBC0;
	--color-point-a: rgba(60,219,192,0.5);
	--color-point-b: rgba(60,219,192,0.1);

	--color-tone-100 : #f8f8f8; 
	--color-tone-200 : #e9e9e9;
	--color-tone-300 : #dedede;
	--color-tone-400 : #cecece; 
	--color-tone-500 : #adadad; 
	--color-tone-600 : #6c6c6c;
	--color-tone-700 : #494949;
	--color-tone-800 : #343434;
	--color-tone-900 : #212121;

	--color-trans-wh : rgba(255,255,255,0.9);
	--color-trans-bk : rgba(0,0,0,0.5);

	--font-title: 'Montserrat', 'Spoqa Han Sans Neo', 'Noto Sans KR', sans-serif;
    --font-text: 'Roboto', 'Pretendard', 'Noto Sans KR', 'AppleGothic', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif;
	--font-icon : 'Font Awesome 6 free', 'xeicon', 'Pretendard', sans-serif;

	--transition-slow : all .3s ease-in-out;
	--transition-fast : all .1s ease-in-out;

	--gutter-pc:	50px;
	--gutter-mo:	20px;
	--mg-sec-pc:	140px;
	--mg-sec-md:	70px;
	--mg-sec-mo:	30px;
}


/*-----------------------------------------------------------------*/
/* layout
/*-----------------------------------------------------------------*/

.ESTI-print .top {display:flex;flex-wrap:wrap;align-items:center;justify-content: space-between;gap:20px;margin-bottom:20px;}
.ESTI-print .top  img.logo {max-height:50px;width:auto;}
.ESTI-print .top .docu_num {}
.ESTI-print .top .title {width:100%;font-size:34px;font-weight:700;text-align:center;}
.ESTI-print .top {}




/*-----------------------------------------------------------------*/
/* helper
/*-----------------------------------------------------------------*/





/*-----------------------------------------------------------------*/
/* heading
/*-----------------------------------------------------------------*/






/*-----------------------------------------------------------------*/
/* header
/*-----------------------------------------------------------------*/

/* 문서번호 */


/* 정보 */ 


/* 내용시작 */


/* 본문내용 */


/* 테이블 div */

.cont:first-child{ border-top:none; }
.cont{border-top:2px solid #eff0f0; padding:0 0;}
.cont:after{display:block; content:""; clear:both; }
.cont div{ float:left; text-align:center; line-height:22px;  }
.detail{width:66.5%; text-align:left !important; padding:10px 10px; border-right:1px solid #ddd;}
.price{width:32%; padding:10px 10px;}

/* 합계 */


/* footer */