@charset "utf-8";
/** Common **/
/* html, body {
      position: absolute;
      height: 100%;
      width:100%;
   } */
@import url("/resources/common/css/NanumSquare.css");

@import url("/resources/common/css/notosanskr.css");


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;

	font-size:1rem;
	letter-spacing:-0.5px;
	font-family:'Noto Sans KR', 'NanumSquare', 'Nanum Gothic','돋움', 'Apple Gothic','Open Sans', 'sans-serif';
	line-height: 130%;
}
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{}
.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; cursor:pointer;}
.dropdown-toggle:focus,
a:active,a:hover,button:active,button:hover {outline:0 none; color: inherit; cursor:pointer;}
a:focus, a:focus:active, button:focus, button:focus:active {background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; cursor:pointer;}



/* 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;}

.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;}

.mgl2 {margin-left:2px !important;}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}
.mgl35 {margin-left:35px !important;}
.mgl38 {margin-left:38px !important;}
.mgl40 {margin-left:40px !important;}
.mgl50 {margin-left:50px !important;}
.mgl60 {margin-left:60px !important;}
.mgl70 {margin-left:70px !important;}

.mgr3 {margin-right:3px !important;}
.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr11 {margin-right:11px !important;}
.mgr12 {margin-right:12px !important;}
.mgr13 {margin-right:13px !important;}
.mgr20 {margin-right:20px !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;}

.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;}
.pdl50 {padding-left:50px !important;}
.pdl70 {padding-left:70px !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;}
.fc-purple {color:#4149f7;}

.box-Orange {background:#ff9700; color:#fff;}

.fw-bole {font-weight:bold;}
.fw-500 {font-weight:500;}
.fw-700 {font-weight:700;}
.fw-800 {font-weight:800;}

.fs-12 {font-size:12px;}
.fs-17 {font-size:17px;}
.fs-24 {font-size:24px;}
.fs-25 {font-size:25px;}
.fs-26 {font-size:26px;}
.fs-28 {font-size:28px;}
.fs-34 {font-size:34px;}
.fs-36 {font-size:36px;}
.fs-38 {font-size:38px;}
.lh-24 {line-height:24px;}
.lh-25 {line-height:25px;}

a.fc-blue {color:#1986f6; margin-right:5px; border-bottom:1px solid #1986f6;}
a.fc-blue:hover {color:#05d0ac; border-bottom:1px solid #05d0ac;}
a.fc-red {color:#d61a18; margin-right:5px; border-bottom:1px solid #d61a18;}
a.fc-red:hover {color:#05d0ac; border-bottom:1px solid #05d0ac;}
a.fc-orange {color:#ff8207; margin-right:5px; border-bottom:1px solid #ff8207;}
a.fc-orange:hover {color:#05d0ac; border-bottom:1px solid #05d0ac;}
a.fc-black {color:#000; margin-right:5px; border-bottom:1px solid #000;}
a.fc-black:hover {color:#05d0ac; border-bottom:1px solid #05d0ac;}


.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 {position:relative;}
.Button-text {font-family:'Noto Sans KR', 'NanumSquare', '돋움', 'sans-serif';position:absolute; margin-top:5px; left:0px;}
.Button-text1 {margin-top:5px; left:0px;}
.Button-Area-Center {text-align:center; margin:20px auto;}
.Button-Area-Left {text-align:left; margin:10px 0;}
.Button-Area-Right {text-align:right; margin:10px 0;}
.Button-Area-Right1 {text-align:right; margin:0px 0;}
.sort_btn_dd{padding-top:15px; text-align:right;display:block;    min-width: 1630px;}
.cont-body-popup .sort_btn_dd{padding-top:15px; text-align:right;display:block;    min-width: 1180px;}
.cont-body-popup .sort_btn_dd a{    margin-top: -10px;margin-bottom: 10px;}

/* input Box */
input {
	background-color: #fff;  
	border: none;
	border-radius:0px;
	flex-grow: 1;
	min-width: 0;
	 font-family:'Noto Sans KR', 'NanumSquare', '돋움', '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: #47aef4;
}
.input {
	 font-family:'Noto Sans KR', 'NanumSquare', '돋움', 'sans-serif';
	padding:0px 10px;
	font-size:15px;
	line-height:34px;
	height:34px;
	width:100%;display:inline-block;
	letter-spacing:0;
	border:1px solid #d4d4d4;
	border-radius:0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* input[type="text"]:disabled { */
/*   background: #ecedf2; */
/* } */


input:-moz-read-only { /* For Firefox */
  background-color: #ecedf2;
}
input:read-only {
  background-color: #ecedf2;
}

/* 선택뱍스 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;}


.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 {
	font-family:'Noto Sans KR', 'NanumSquare', '돋움', 'sans-serif'; 
	font-size:15px;
	height:34px;
	position: relative;
	display: block;
	line-height: 34px;
	padding:0px;
	/* height: 3em;
	width: 100%;
	line-height: 3;
	background: #2c3e50; */
	overflow: hidden;
	border-radius: 0px;
	border:1px solid #dfe3e6;
	background-color:#fff;
}
.select1 {
	height:23px;
	position: relative;
	display: block;
	line-height: 20px;
	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:'Noto Sans KR', 'NanumSquare', '돋움', 'sans-serif';
}
select::-ms-expand {
	display: none;
}
select:focus, select:hover::after {outline: 0; border-radius:0px; border-color: #1898ef;}
/* Arrow */
.select::after {
	content: '▼';
	position: absolute;

	top: 0;
	right: 0;
	bottom: 0;
    padding: 8px 7px;
    color: #13204e;
	background: #f5f5f5;
	pointer-events: none;
}
.select1::after {
	content: '';
	position: absolute;
	/* font-family:FontAwesome; */
	font-size:12px;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 2px 7px;
	color:#027dc3;
	pointer-events: none;
}
/* Transition */
.select:hover::after, .select1:hover::after {
	color: #f02f2f;
	line-height:20px;
}
.select::after, .select1::after {
	line-height:20px;
	transition: .25s all ease;
}


/* 파일 업로드 */
.uploader {background: #fff; overflow: hidden; position: relative; }
.uploader input {-moz-appearance: none; -webkit-appearance: none; bottom: 0; border: 0px; color: #555; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); left: 0; opacity: 0; overflow: hidden; right: 0; text-align: right; top: 0; position: absolute; 
				width: 100%; line-height:26px; z-index: 1; border:1px solid #dfe3e6;
}
.uploader input:focus + button, .image input:hover + button {background-color: #6e67d2;}
.uploader label {float: left; left: 14px; margin: 0; position: relative; top: 7px; font-weight:bold;}
.btn--choose-file {background-color: #7e79cb;/*  border:1px solid #000; */ border: none;  box-shadow: 0; color: #fff; float: right; font-size: 12px; height: 28px; line-height: 28px; min-width: 0; padding: 0 25px; position: relative; z-index: 0;  font-weight:bold;}
.btn--choose-file:focus, .btn--choose-file:hover, .btn--choose-file:active {background: #6e67d2;}




/* IE 버젼별 CSS */
	/* IE9,10 */
@media screen and (min-width:0\0){
	/* Enter your style code */	
}
	/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* Enter your style code */	
}