@charset "utf-8";

/***************************************
NotoSans Webfont 
****************************************/

@font-face {
	font-family:'notokr';
	src: url('../../font/notosanskr-black.woff2') format('woff2'),
		 url('../../font/notosanskr-black.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'notokr-b';
	src: url('../../font/notosanskr-bold.woff2') format('woff2'),
		 url('../../font/notosanskr-bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'notokr-d';
	src: url('../../font/notosanskr-demilight.woff2') format('woff2'),
		 url('../../font/notosanskr-demilight.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'notokr-l';
	src: url('../../font/notosanskr-light.woff2') format('woff2'),
		 url('../../font/notosanskr-light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'notokr-m';
	src: url('../../font/notosanskr-medium.woff2') format('woff2'),
		 url('../../font/notosanskr-medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'notokr-r';
	src: url('../../font/notosanskr-regular.woff2') format('woff2'),
		 url('../../font/notosanskr-regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'notokr-t';
	src: url('../../font/notosanskr-thin.woff2') format('woff2'),
		 url('../../font/notosanskr-thin.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


/***************************************
기본리셋
***************************************/
*{margin:0; padding:0;}
html,
body {
	font-family: "notokr-r", "Nanum Gothic", "맑은 고딕", "돋움";
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}
div, span, p, iframe,
dl, dt, dd, ul, ol, li,
table, caption, thead, tbody, tfoot, tr, th, td, 
a, img, address, hr ,pre, em,
h1, h2, h3, h4, h5, h6,
input, textarea ,select{
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	vertical-align: baseline;
	font-size: 16px;
	line-height: 1;
	color: #555;
	letter-spacing: -.01em;
	font-family: 'notokr-r', 'Malgun Gothic', '맑은 고딕', Dotum, 돋움, Sans-serif;
}
script {
	display: none!important;
}
h1,
h2,
h3,
h4,
h5,
button,
select,
input {
	border: 0;
	font-family: "notokr-r", "Nanum Gothic", "맑은 고딕", "돋움";
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}
a {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	background-color:transparent;
}
dl, dt, dd, ul, ol, li{list-style:none;}

caption, legend, .hidden{position:relative;width:1px;height:1px;margin-top:-1px;overflow:hidden}
table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed}
table, caption, tbody, tfoot, thead, tr , th, td{margin:0;padding:0;border:0}
button{cursor:pointer}
strong{font-weight:normal;font-family:'notokr-m'}

/* extends */
i.bullet {
	background-image: url("/img/bulletX20.png");
	background-repeat: no-repeat;
	display: inline-block!important;
	height: 20px!important;
	vertical-align: middle;
	width: 20px!important;
}
i.bullet.dot {
	background-position: -20px 0;
	margin-right: -5px;
}
i.bullet.list {
	background-position: -80px 0;
	margin-right: -5px;
	opacity: .5;
	filter: alpha(opacity=50);
}
i.bullet.text-list {
	background-position: -80px 0;
	margin-left: -15px;
	opacity: .5;
	filter: alpha(opacity=50);
	width: 15px;
}
i.bullet.home {
	background-position: -42px -21px;
	margin-right: -3px;
}
i.bullet.path {
	background-position: -62px -21px;
	margin-right: -3px;
}
i.bullet.arrow-left {
	background-position: -80px -41px;
	margin-left: -7px;
	width: 17px!important;
}
i.bullet.arrow-right {
	background-position: -63px -40px;
}
i.bullet.attach-file {
	background-position: -80px -20px;
}
i.bullet.arrow-up {
	background-position: -20px -40px;
}
i.bullet.arrow-down {
	background-position: -40px -40px;
}
i.bullet.dot-blue {
	background-position: 0 -60px;
	margin-right: -5px;
}
i.bullet.dot-white {
	background-position: -20px -60px;
	margin-right: -5px;
}
i.bullet.below {
	background-image:none;
	margin-right: -2px;
}

.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden; 
	width: 320px;
}

a img {border:none;}
.label_mother{position:relative} /* 19.07.29 */
.labelhidden{position:absolute; left:0; top:0; font-size:1px; letter-spacing:-1px; color:transparent} /* 19.07.29 */
.read_opacity{overflow:hidden; font-size:1px; letter-spacing:-1px; color:transparent}

.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-binding:url(/xe/ellipsis.xml#ellipsis);width:100%}


/***************************************
입력폼 2019.04.19
***************************************/
select{border:1px solid #bbb;padding:0 32px 0 12px;height:36px;background:#fff url(../../img/sel_arrow.png) no-repeat right center;-webkit-user-select:initial;user-select:initial;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:'notokr-r';font-size:16px;color:#555;border-radius:2px;width:100%} /* 05.13 size */
select::-ms-expand{display:none}

input[type=text], input[type=password]{padding:0 12px;/*min-width:300px;*/height:36px;line-height:40px;background-color:#fff;border:1px solid #bbb;box-sizing:border-box;width:100%;border-radius:2px;font-size:16px;color:#555;font-family:'notokr-r'} /* 05.13 size */
input[type=checkbox], input[type=radio]{width:18px;height:18px;margin-right:7px;position:relative} /* 2019.05.07 */
input[type=text]:disabled, input[type=password]:disabled{background-color:#f4f4f4;color:#888} /* 2019.05.03 */
select:disabled {background-color:#f4f4f4;color:#888} /* 2019.05.03 */

input[type=radio]:before,
input[type=checkbox]:before{content:'';display:inline-block;width:18px;height:18px;background:url(../../img/common_ico_set.png) no-repeat 0 -80px}
input[type=radio]:checked:before{background-position:0 -120px}
input[type=radio]:disabled:before{background-position:0 -100px}
input[type=radio]:checked:disabled:before,
input[type=checkbox]:checked:disabled:before{color:#888}

input[type=checkbox]:before{background-position:-20px -80px;}
input[type=checkbox]:checked:before{background-position:-20px -120px}
input[type=checkbox]:disabled:before{background-position:-20px -100px}

label{cursor:pointer;vertical-align:middle} /* 2019.05.03 */
input[type=radio]:checked+label, input[type=checkbox]:checked+label{color:#ff6201} /* 2019.05.03 */
input::placeholder, textarea::placeholder{color:#888} /* 2019.05.03 */

textarea{background-color:#fff;border:1px solid #bbb;box-sizing:border-box;width:100%;border-radius:2px;font-size:16px;color:#555;font-family:'notokr-r';padding:12px;height:140px} /* 2019.05.07 */