@charset "utf-8";
/* CSS Document */

/* 본고딕 */
@font-face {
    font-family: 'NotoT';
    src: url(/font/NotoSansKR/NotoSansKR-Thin-Hestia.eot);
    src: url(/font/NotoSansKR/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Thin-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoL';
    src: url(/font/NotoSansKR/NotoSansKR-Light-Hestia.eot);
    src: url(/font/NotoSansKR/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Light-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoDL';
    src: url(/font/NotoSansKR/NotoSansKR-DemiLight-Hestia.eot); 
    src: url(/font/NotoSansKR/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
		 url(/font/NotoSansKR/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoR';
    src: url(/font/NotoSansKR/NotoSansKR-Regular-Hestia.eot);
    src: url(/font/NotoSansKR/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Regular-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoM';
    src: url(/font/NotoSansKR/NotoSansKR-Medium-Hestia.eot);
   	src: url(/font/NotoSansKR/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Medium-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoB';
    src: url(/font/NotoSansKR/NotoSansKR-Bold-Hestia.eot);
    src: url(/font/NotoSansKR/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Bold-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoBK';
    src: url(/font/NotoSansKR/NotoSansKR-Black-Hestia.eot);
    src: url(/font/NotoSansKR/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Black-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Black-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Nanum';
    src:url('/font/nanum.eot');
    src:url('/font/nanum.eot?#iefix') format('embedded-opentype'), url('/font/nanum.woff') format('woff'), url('/font/nanum.ttf') format('truetype');
    font-weight:normal;
    font-style:normal; 
}

@font-face {
    font-family:'NanumBold';	
    src:url('/font/nanum_bold.eot');
    src:url('/font/nanum_bold.eot?#iefix') format('embedded-opentype'), url('/font/nanum_bold.woff') format('woff'), url('/font/nanum_bold.ttf') format('truetype');
    font-weight:bold;
    font-style:normal; 
}


body{font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif}
body, input, textarea, select, button, table, h1, h2, h3, h4, h5{font-size:16px; line-height:1.25em /* 20px */}

/* HTML Default */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display:block}
mark{background:#FF0;color:#000}
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, font, 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, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
a {margin:0; padding:0; text-decoration:none;}
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
table {border-collapse:collapse; border-spacing:0; width:100%;}
h1, h2, h3, h4, h5 {font-weight:normal; font-family:'NotoM';}
img, select, input, button {vertical-align:middle;}
input, select { color:inherit; font:inherit; line-height:100%; }
textarea { resize:none; font:inherit; overflow-y:auto; }
html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}
.hid, legend, hr {position:absolute; left:-10000%; top:0; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:-10000px;}
caption {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
body {margin:0; padding:0; font-size:14px; word-break:break-all; -webkit-text-size-adjust:none;}
ul, ol, li, figure {list-style-type:none; margin:0; padding:0;}
cite, blockqoute {display:block; font-style:normal;}
figcaption { display:none;}
body, html {height:100%;}

/*****************************************************************************************************************************************************************************************************************/
/* 공통 스타일 시작 *************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************/
.blind {display:block; overflow:hidden; position:absolute; top:0; left:0; width:0 !important; min-width:0 !important; height:0; border:0; background:0 0; font-size:0; line-height:0}

.no_wrap {white-space:nowrap}
.ell_txt {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.border_none{ border:none !important;}

.clearfix:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.clearfix {*zoom:1;}

#skipArea, #skipArea ul {height:0; width:100%;}
#skipArea a {position:absolute; top:-9999px; left:0; z-index:100; width:100%; height:30px; background-color:#000; color:#fff; line-height:30px; font-family:'NanumBold'; opacity:0.6; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60);}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active{top:0;}

/* px */
.input_50 { width:50px !important}
.input_80 { width:80px !important}
.input_100 { width:100px !important}
.input_150 { width:150px !important}
.input_200 { width:200px !important}
.input_250 { width:250px !important}
.input_300 { width:300px !important}
.input_350 { width:350px !important}
.input_400 { width:400px !important}
.input_450 { width:450px !important}
.input_500 { width:500px !important}

/* % */
.input_w10 { width:10% !important}
.input_w20 { width:20% !important}
.input_w30 { width:30% !important}
.input_w40 { width:40% !important}
.input_w50 { width:50% !important}
.input_w60 { width:60% !important}
.input_w70 { width:70% !important}
.input_w80 { width:80% !important}
.input_w90 { width:90% !important}
.input_w100 { width:100% !important}


/* 글자 좌우 정렬 */
.al {text-align:left !important;}
.ac {text-align:center !important}
.ar {text-align:right !important}

/* float */
.fl {float:left !important;}
.fr {float:right !important;}

/* 패딩 */
.pd0  {padding:0 !important;}

.pd5  {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}

.pdt5  {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt30 {padding-top:30px !important;}
.pdt40 {padding-top:40px !important;}

.pdr5  {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr30 {padding-right:30px !important;}

.pdb5  {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb30 {padding-bottom:30px !important;}

.pdl5  {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl30 {padding-left:30px !important;}

/* 마진 */
.mg0  {margin:0 !important;}

.mg5  {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg30 {margin:30px !important;}

.mgt5  {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}

.mgt5n  {margin-top:-5px !important;}
.mgt10n  {margin-top:-10px !important;}

.mgr5  {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}

.mgb0  {margin-bottom:0 !important;}
.mgb5  {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}

.mgl5  {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}

/*FTA포털*/
    #cstmSgnList
	{
		visibility : hidden;
		position : absolute;
		height : 200px;
		overflow-y : scroll;
		border : 1px solid gray;
		background-color: white;
	}
	#divLayer1
	{
		border : 1px solid #a6a4a2;
		background : white;
		float : left;
		cursor : Default;
	}
	.cnvnTpcdList{
		visibility : hidden;
		position : absolute;
		height : 200px;
		overflow-y : scroll;
		border : 1px solid gray;
		background-color: white;
	}
	.wrap-loading div{
		position : fixed;
		top:50%;
		left:50%;
		margin-left:-21px;
		margin-top:-21px;
		z-index:1;
	}
	.wrap-loading2 div{
		position : fixed;
		top:50%;
		left:50%;
		margin-left:-21px;
		margin-top:-21px;
		z-index:1;
	}
	.display-none{
		display:none;
	}
	
/* 20241021 개인정보처리방침  div 추가 */
.hover_area { position:relative;display:inline-block;}
.tooltip { width:400px; background-color: #FFFFFF; visibility: hidden; position: absolute; padding: 12px; border: 1px solid #5d6b98; border-radius : 10px; z-index: 5; top:40px; font-size:13px; box-shadow: 0 5px 10px rgb(0 0 0 / 9%);}
.hover_area:hover .tooltip { visibility: visible; }
.p_menu { display: flex; padding: 25px 40px; gap: 20px; }
.p_list { list-style:none; padding: 0; }
.p_menu ul{ float : left; width: 50%; }
.p_menu li{ height : 42px; margin-bottom: 6px; }