@charset "utf-8";
/* @import url(https://weloveiconfonts.com/api/?family=fontawesome); */

/** Common **/

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,
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{margin:0;padding:0;border:0;}


/* HTML5 display-role reset for older browsers */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; font-size: 13px; box-sizing: border-box; background: #fff;}/*  height:100%; */
body{
	/* overflow-y:scroll; */
	overflow: auto;
	font-weight:normal;
	word-wrap:break-word;
	word-break:keep-all;
	font-size:1rem;
	letter-spacing:-0.5px;
	font-family:'돋움', 'Noto Sans KR', 'NanumSquare', 'Nanum Gothic','Apple Gothic','Open Sans', 'sans-serif';
	line-height: 130%;
	/* height:100%; */
}
body,button,input,select,textarea,body h1,body h2,body h3,body h4,body h5,body h6,
body .h1,body .h2,body .h3,body .h4,body .h5,body .h6{}

html, body {
	position: absolute;
	height: 100%;
	width:100%;
   }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {/* font-size: 0.75em; */}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
hr{display:none;height:0;-moz-box-sizing:content-box;box-sizing:content-box}
address{font-style:normal;}
ul,ol{list-style:none;list-style-image:none; margin: 0; padding: 0;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
button{border:0;cursor:pointer;background:none;} /*width: 100%;*/
button:focus, button::focus:active {background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none;}
img{max-width:100%;border:0;}

b, strong {font-weight: bold;}

caption, legend{overflow: hidden; width:0;height:0;font-size:0;line-height:0}
textarea{resize:none;}
textarea.vert{resize:vertical;}
a {color: inherit; text-decoration:none;}
.dropdown-toggle:focus,
a:active,a:hover,button:active,button:hover {outline:0 none; color: inherit;}
a:focus, a:focus:active, button:focus, button:focus:active {background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none;}



/* user class */
h1,h2,h3,h4,h5,h6,strong,th,.bold{font-weight:700;}
.semibold {font-weight:400;}
.clear{clear:both;}
.clearfix {*zoom:1;}
.clearfix:after {content:" "; display:block; clear:both;}
.hide {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
.pointer {cursor:pointer;}
.textarea {padding:17px 20px; font-size:17px; line-height:23px; letter-spacing:0; border:1px solid #ddd; overflow:auto; border-radius:5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.select {height:45px; padding:10px 10px 10px 20px; font-size:17px; line-height:23px; letter-spacing:0; border:1px solid #ddd; border-radius:5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
table caption {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
select::-ms-expand { display:none; }

.backg-top-bg { 	
	/*background: url('/resources/common/images/common/background-top-bg.gif') top repeat-x;*/
	height:100%;
	width:100%;
	min-width:1400px;
}

.form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.lett-sp-m17{letter-spacing: -1.7px;}

.mgb2 {margin-bottom:2px !important;} 
.mgb3 {margin-bottom:3px !important;}
.mgb4 {margin-bottom:4px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb6 {margin-bottom:6px !important;}
.mgb7 {margin-bottom:7px !important;}
.mgb8 {margin-bottom:8px !important;}
.mgb9 {margin-bottom:9px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb23 {margin-bottom:23px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb45 {margin-bottom:45px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb55 {margin-bottom:55px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb80 {margin-bottom:80px !important;}
.mgb90 {margin-bottom:90px !important;}
.mgb100 {margin-bottom:100px !important;}
.mgbM1 {margin-bottom:-1px !important;}
.mgbM2 {margin-bottom:-2px !important;}
.mgbM3 {margin-bottom:-3px !important;}
.mgbM4 {margin-bottom:-4px !important;}
.mgbM5 {margin-bottom:-5px !important;}
.mgbM17 {margin-bottom:-17px !important;}


.mgtm1 {margin-top:-1px !important;}
.mgtm2 {margin-top:-2px !important;}
.mgtm3 {margin-top:-3px !important;}
.mgtm4 {margin-top:-4px !important;}
.mgtm5 {margin-top:-5px !important;}
.mgt2 {margin-top:2px !important;}
.mgt3 {margin-top:3px !important;}
.mgt4 {margin-top:4px !important;}
.mgt5 {margin-top:5px !important;}
.mgt6 {margin-top:6px !important;}
.mgt7 {margin-top:7px !important;}
.mgt8 {margin-top:8px !important;}
.mgt9 {margin-top:9px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt23 {margin-top:23px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt45 {margin-top:45px !important;}
.mgt50 {margin-top:50px !important;}
.mgt55 {margin-top:55px !important;}
.mgt60 {margin-top:60px !important;}
.mgt70 {margin-top:70px !important;}
.mgt80 {margin-top:80px !important;}
.mgt90 {margin-top:90px !important;}
.mgt100 {margin-bottom:100px !important;}

.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}
.mgl40 {margin-left:40px !important;}
.mgl50 {margin-left:50px !important;}
.mgl60 {margin-left:60px !important;}
.mgl70 {margin-left:70px !important;}
.mgl20p {margin-left:20% !important;}


.mgR10 {margin-right:10px !important;}
.mgR11 {margin-right:11px !important;}
.mgR20 {margin-right:20px !important;}
.mgR30 {margin-right:30px !important;}


.pd0 {padding:0px !important;}

.pdt5 {padding-top:5px !important;}
.pdt7 {padding-top:7px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}

.pdb20 {padding-bottom:20px !important;}
.pdb30 {padding-bottom:30px !important;}

.pdl5 {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl14 {padding-left:14px !important;}
.pdl15 {padding-left:15px !important;}
.pdl17 {padding-left:17px !important;}
.pdl18 {padding-left:18px !important;}
.pdl20 {padding-left:20px !important;}
.pdl30 {padding-left:30px !important;}
.pdl40 {padding-left:40px !important;}
.pdl80 {padding-left:80px !important;}

.pdr2 {padding-right:2px !important;}
.pdr3 {padding-right:3px !important;}
.pdr4 {padding-right:4px !important;}
.pdr5 {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr11 {padding-right:11px !important;}
.pdr20 {padding-right:20px !important;}
.pdr22 {padding-right:22px !important;}
.pdr30 {padding-right:30px !important;}
.pdr50 {padding-right:50px !important;}
.pdr80 {padding-right:80px !important;}
.pdr100 {padding-right:100px !important;}

.fl {float:left;}
.fr {float:right;}

.overf-hidd {overflow:hidden;}

.space-center {text-align:center !important;}
.space-right {text-align:right !important;}
.space-left {text-align:left !important;}

.fc-white {color:#fff;}
.fc-sky {color:#0d9adc;}
.fc-blue {color:#1e6fe8;}
.fc-blue1 {color: #0076c7}
.fc-Orange {color:#ff7709;}
.fc-red {color:#e11212;}
.fc-green {color:#099330;}
.fc-black {color:#000;}
.fc-red {color:#d51a18;}

.fw-bole {font-weight:bold;}

.fs-12 {font-size:12px;}
.fs-15 {font-size:15px;}
.fs-17 {font-size:17px;}
.fs-20 {font-size:20px;}
.fs-28 {font-size:28px;}

.lettsp0 {letter-spacing:0px;}

.line-h-140p {line-height:150%;}
.line-h-37 {line-height:37px;}
.line-h-43 {line-height:43px;}
.line-h-67 {line-height:67px;}

.width-5p {width:5%;}
.width-7p {width:7%;}
.width-10p {width:10%;}
.width-15p {width:15%;}
.width-20p {width:20%;}
.width-21p {width:21%;}
.width-22p {width:22%;}
.width-23p {width:23%;}
.width-24p {width:24%;}
.width-25p {width:25%;}
.width-30p {width:30%;}
.width-35p {width:35%;}
.width-40p {width:40%;}
.width-45p {width:45%;}
.width-47p {width:47%;}
.width-50p {width:50%;}
.width-55p {width:55%;}
.width-57p {width:57%;}
.width-80p {width:80%;}
.width-90p {width:90%;}

hr.w100p1 {display: block; width:100%; height:10px; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border-style: inset; border: 0px;}
hr.w100p2 {display: block; width:100%; height:20px; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border-style: inset; border: 0px;}
.pos-relative{position:relative;}
.pos-absolute{position:absolute;}

.button-area-left {text-align:left;}
.button-area-left1 {text-align:left; position: relative; height:36px;}
.button-area-left1 .text-area {position: absolute; bottom:0; left:0px; font-size:15px; font-weight:bold;}
.button-area-left1 .btn-area {position: absolute; top:0px; right:0px;}
.button-area-center {margin:10px auto; text-align:center;}
.button-area-right {text-align:right; position: relative;}
.button-area-position {position: absolute; top:-40px; right:0;}

/* input Box */
input {
	background-color: #fff;  
	border: none;
	border-radius:0px;
	flex-grow: 1;
	min-width: 0;
	font-family:'돋움', 'sans-serif';
	-webkit-transition: 0.35s ease-in-out;
	-moz-transition: 0.35s ease-in-out;
	-o-transition: 0.35s ease-in-out;
	transition: 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
input:focus {
	outline: 0;
	border-radius:0px;
	border-color: #ff7d37;
}
input[readonly='readonly']{background: #eee;}



.input {
	padding:0px 10px;
	font-size:12px;
	line-height:27px;
	height:27px;
	letter-spacing:0;
	border:1px solid #d4d4d4;
	border-radius:0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/*textarea*/
textarea {
	padding:10px 10px;
	font-size:12px;
	height:60px;
	letter-spacing:0;
	border:1px solid #d4d4d4;
	border-radius:0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
textarea:focus {
	outline: 0;
	border-radius:0px;
	border-color: #ff7d37;
}


/* 선택뱍스 Style */
.S2 input+label{font-weight:bold; font-size:12px; cursor: pointer; padding-left: 28px; position: relative;}
.S2 input:checked+label{color:#1192ea; font-weight:bold; font-size:12px; ont-weight: bolder;}
.S2 input{display: none;}
.S2 label:before{content: ""; top: -3px; left: 0; width: 15px; height: 15px; position: absolute; background: #1192ea; border-radius: 0px; border: 1px solid #c1c1c1; transition: all 0.3s ease; box-shadow: inset 0 0 0 18px #f2f2f2;}/* border-radius: 100% */
.S2 input:checked + label:before{border: 1px solid #1192ea; box-shadow: inset 0 0 0 4px #fff; border-radius: 0px;}

.S3 input+label{font-weight:bold; font-size:13px; cursor: pointer; padding-left: 28px; position: relative;}
.S3 input:checked+label{color:#ffffff; font-weight:bold; font-size:13px; ont-weight: bolder;}
.S3 input{display: none;}
.S3 label:before{content: ""; top: -3px; left: 0; width: 18px; height: 18px; position: absolute; background: #ffffff; border-radius: 100%; border: 1px solid #ffffff; transition: all 0.3s ease; box-shadow: inset 0 0 0 18px #ffffff;}
.S3 input:checked + label:before{border: 1px solid #ffffff; box-shadow: inset 0 0 0 4px #fff;}


.control {display: block; position: relative; padding-left: 30px; margin-bottom: 15px; cursor: pointer; font-size: 13px;}
.control input {position: absolute; z-index: -1; opacity: 0;}
.control__indicator {position: absolute; top: -1px; left: 0; height: 15px; width: 15px; background: #fff; border:1px solid #d1d1d1;}
.control--radio .control__indicator {border-radius: 50%;}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {background: #ccc;}
.control input:checked ~ .control__indicator {background: #eb5c10; border:1px solid eb5c10;}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {background: #eb5c10; border:1px solid eb5c10;}
.control input:disabled ~ .control__indicator {background: #fff; opacity: 0.6; pointer-events: none;}
.control__indicator:after {content: ''; position: absolute; display: none;}
.control input:checked ~ .control__indicator:after {display: block;}
.control--checkbox .control__indicator:after {left: 5px; top: 1px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.control--checkbox input:disabled ~ .control__indicator:after {border-color: #7b7b7b;}
.control--radio .control__indicator:after {left: 7px; top: 7px; height: 6px; width: 6px; border-radius: 50%; background: #fff;}
.control--radio input:disabled ~ .control__indicator:after {background: #7b7b7b;}


/*** custom checkboxes
.control {display: block; position: relative; cursor: pointer; margin-bottom:25px;}
.control input {position: absolute; z-index: -1; opacity: 0;}
.control__indicator {position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #e6e6e6;}
.control--radio .control__indicator {border-radius: 50%;}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {background: #ccc;}
.control input:checked ~ .control__indicator {background: #2aa1c0;}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {background: #0e647d;}
.control input:disabled ~ .control__indicator {background: #e6e6e6; opacity: 0.6; pointer-events: none;}
.control__indicator:after {content: ''; position: absolute; display: none;}
.control input:checked ~ .control__indicator:after {display: block;}
.control--checkbox .control__indicator:after {left: 8px; top: 4px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.control--checkbox input:disabled ~ .control__indicator:after {border-color: #7b7b7b;}
.control--radio .control__indicator:after {left: 7px; top: 7px; height: 6px; width: 6px; border-radius: 50%; background: #fff;}
.control--radio input:disabled ~ .control__indicator:after {background: #7b7b7b;}

 ***/
 
.textarea {border:1px solid #e4e4e4; line-height: 160%; padding:5px 10px;}


/* select Style Css */
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;
	border: 0 !important;
	/* background: #2c3e50; */
	background-image: none;
	/* background-color: transparent; */
	background-color:#fff;
}

.select {
	height:27px;
	position: relative;
	display: block;
	line-height: 22px;
	padding:0px;
	/* height: 3em;
	width: 100%;
	line-height: 3;
	background: #2c3e50; */
	overflow: hidden;
	border-radius: 0px;
	border:1px solid #dfe3e6;
	background-color:#fff;
}
select {
	width: 100%;
	line-height:22px;
	margin: 0;
	padding:0px 0 0 7px;
	color: #000;
	cursor: pointer;
	font-family:'돋움', 'sans-serif';
}
select[readonly='readonly']{background: #eee;}
select::-ms-expand {
	display: none;
}
select:focus, select:hover::after {outline: 0; border-radius:0px; border-color: #1898ef;}
/* Arrow */
.select::after, .select1::after {
	content: '▼';
	position: absolute;
	font-family:FontAwesome;
	font-size:10px;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 2px 7px 0;
	background: #f9f9f9;
	color:#3e3d3d;
	pointer-events: none;
}
/* Transition */
.select:hover::after, .select1:hover::after {
	color: #ea5404;
	line-height:20px;
}
.select::after, .select1::after {
	line-height:20px;
	transition: .25s all ease;
}



/* IE 버젼별 CSS */
	/* IE9,10 */
@media screen and (min-width:0\0){
	/* Enter your style code */
	.select::after, .select1::after {
		content: '▼';
		position: absolute;
		font-family:FontAwesome;
		font-size:12px;
		top: 0;
		right: 0;
		bottom: 0;
		padding: 3px 7px 0;
		background: #efefef;
		pointer-events: none;
	}
}
	/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* Enter your style code */	
	.select::after, .select1::after {
		content: '▼';
		position: absolute;
		font-family:FontAwesome;
		font-size:12px;
		top: 0;
		right: 0;
		bottom: 0;
		padding: 3px 7px 0;
		background: #efefef;
		pointer-events: none;
	}
}