@import url(/css/fonts/nanumsquare.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, ol, ul, li,
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;  
	font-size: inherit; 
	font-family: inherit; 
	vertical-align: baseline;
}
* { color : inherit; } /*#56575b;*/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

body{
	/*font-family: 'Noto Sans KR', sans-serif;color:#56575b; */
	font-family: 'Nanum Square', sans-serif; font-color:#000;
	font-weight:400;
	min-width:340px;
	height: 100%;
	font-size:100%;
	-webkit-text-size-adjust: none;
	-ms-overflow-style: scrollbar;
}

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust:none; 
	-webkit-tap-highlight-color:transparent;
}


img,fieldset{border:0;outline:none}
label {cursor:pointer}
i, em, address {font-style:normal}
caption{visibility:hidden;width:0px;height:0px;line-height:0px}
iframe,object,video,embed{position:relative;top:0;left:0;max-width:100%}
input,select,textarea{letter-spacing:-1px}
textarea{resize:none;border:none;background:none;padding:0px;}	

/* Á¦¸ñ¿ä¼Ò */
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; margin:0px; padding:0px;} 

/* Å׵θ® ¾ø¾Ö±â */
fieldset, img, abbr,acronym,a {border:0px none;}

/* ¸ñ·Ï */
ol, ul, li {list-style:none; list-style-type:none; margin:0px; padding:0px;}

/* ÅؽºÆ® °ü·Ã ¿ä¼Ò ÃʱâÈ­ */
address, caption, em, cite {font-weight:normal;	font-style:normal;}
ins {text-decoration:none;}
del {text-decoration:line-through;}

/* ÀζóÀÎ ¿ä¼Ò ¼¼·Î Á¤·Ä ºÎºÐ */
img, input, select, textarea, label{vertical-align:middle;}

/* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */
select::-ms-expand{display:none}

a {
	-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	text-decoration: none;
	-webkit-tap-highlight-color:transparent;
}
a:link, a:visited {text-decoration:none;cursor: pointer;user-select:none;}
a:hover, a:focus, a:active{background:none;text-decoration:none;}
*:focus {
    outline: none;
}	
input::-ms-clear{display:none}		

@-ms-viewport {
	width: device-width;
}


input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="url"],
select,
textarea {
-webkit-tap-highlight-color:transparent;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: #ffffff;
	border-radius: 3px;
	border: 1px solid #ddd;
	color: inherit;
	outline: none;
	outline-style:none;
	padding: 0 0.5em;
	text-decoration: none;
	width: 100%;
	height:31px;
	vertical-align:middle;
	
	font-size: inherit; /* ÀÚ½Ä ¿ä¼Ò¿¡ ºÎ¸ð ¿ä¼ÒÀÇ ÆùÆ® Æйи®¸¦ »ó¼Ó */
}

input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
input[type="tel"]:invalid,
input[type="number"]:invalid,
input[type="search"]:invalid,
input[type="url"]:invalid,
select:invalid,
textarea:invalid {
	box-shadow: none;
}


/* ¼¿·ºÆ®¹Ú½º Á¦¾î */
select{
font-family: inherit; /* ÀÚ½Ä ¿ä¼Ò¿¡ ºÎ¸ð ¿ä¼ÒÀÇ ÆùÆ® Æйи®¸¦ »ó¼Ó */
font-size: inherit; /* ÀÚ½Ä ¿ä¼Ò¿¡ ºÎ¸ð ¿ä¼ÒÀÇ ÆùÆ® Æйи®¸¦ »ó¼Ó */
	height:30px;
	border-radius: 3px; /* iOS  */	
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	background:#fff url(/images/solution/icon/select_arrow_black.png) no-repeat;   	
	/*background-position: 0 -20px 10px 10px;*/
	background-position : right 4px center;
	text-indent: 0.01px;
	text-overflow: '';
	/*padding-right: 23px;*/
	border: none;
	border: solid 1px rgba(210, 215, 217, 0.75);		
	zoom:1;
	padding-right:20px;
	width:auto;
}


/*
* ÀÛ¾÷ ÁßÀÎ º¸´õ ¶óÀÎ Ãß°¡, @since : 2020.12.08.
*/
textarea{
    font-family: 'Nanum Square', sans-serif;    
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {
	border: 1px solid #354DA3;
	outline: 0;
}

/*
*	placeholder
*/

::-webkit-input-placeholder {
	color: #9fa3a6 !important;
	font-size:11px;
	opacity: 1.0;
}

:-moz-placeholder {
	color: #9fa3a6 !important;
	font-size:11px;
	opacity: 1.0;
}

::-moz-placeholder {
	color: #9fa3a6 !important;
	font-size:11px;
	opacity: 1.0;
}

:-ms-input-placeholder {
	color: #9fa3a6 !important;
	font-size:11px;
	opacity: 1.0;
}

/* Placeholder Æ÷Ä¿½º½Ã °¨Ãß±â */
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {color:transparent}
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder {color:transparent}
input:focus::-ms-input-placeholder,textarea:focus::-ms-input-placeholder {color:transparent}





/* TOPºÎºÐ*/
/*
.header_fnb{ margin:0; padding:0; list-style:none;  text-decoration:none; color:#fff;}
.header_fnb li{margin:12px 2px 0 2px; padding-left:10px; line-height:0; height:23px; float:left; letter-spacing:-1px;  }
.header_fnb a{ text-decoration:none;}
.header_fnb a:hover{ text-decoration:underline;}
.header_fnb a:active,a:focus,a:visited{ color:#fff; text-decoration:none;}

.search {padding:0 40px;}
.search ul{margin:0; padding:0; list-style:none;}
.search ul li{float:left; margin:7px 5px 0 0; }

#search_input{border:1px solid #8aaf27;}
#search_category{border:1px solid #8aaf27; color:#888888; }

.lnb{margin:0; padding:0; list-style:none;}
.lnb li{float:left;}
*/


/*
*	
*	¸ÞÀÎ ·¹À̾ƿô
*
*/
/*

@media (max-width: 1280px) { 
    body{
        font-size: 14px !important;
    }
}

@media all and (max-width: 768px) { 
    body{
        font-size: 14px !important;
    }
}
*/

.mbonly{ display:none;}
.pconly{}
@media all and (max-width: 580px) { 
    body{
        font-size: 0.85em !important;
    }
    
	
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="search"],
	input[type="url"],
	select{
		height:28px !important;    	
	}	
	
	.mbonly{ display:block;}
	.pconly{ display:none;}
}


/*
*	¸ÞÀκ° ŸÀÌƲ
*/
.Menufixed{background-color:#f2f2f2;border-bottom:1px solid #ccc;position:fixed;top:0; left:0;width:100%;display:inline-block;}
.sc_top_reset_heightClass{clear:both;height:45px;}

.title-info { margin:0 auto;padding: 0; overflow: hidden; border-bottom: 1px solid #dddddd;height: 55px; width: 100%; }
.title-info ol { float: left;}
.title-info ol li.first { padding-left: 0px; background: none;text-align:left;}
.title-info ol li { padding-left: 32px; margin-left: 8px; background: url("/images/solution/icon/sub_arr.png") no-repeat left center;}

.title-info li.first img {  }
.title-info li, .title-info ol li .fa-home, .title-info li a { height: 55px; line-height: 55px; font-size: 1em; }
.title-info li { display: inline-block; zoom: 1; vertical-align: middle; }
.title-info ol li a { color: #000; text-decoration: none; font-size: 1em !important; }
.title-info ol li.on a { color: #eee; text-decoration: none; }

.shareArea { height: auto; overflow: hidden; width: 120px; float: right; display: inline-block; text-align: right; }



@media (max-width: 580px) { 
	/*.title-info { height:37px;position:fixed;margin-bottom:37px;}*/
	.title-info { height:50px !important;}
	#barsamMenu{ vertical-align:middle !important;font-size:2em !important;}
	.title-info ol li a { color: #fff; text-decoration: none;font-size: 1.3em !important; }
	.title-info li, .title-info ol li .fa-home, .title-info li a { height: 50px; line-height: 50px; font-size: 12px; }
	.shareArea{display:none;}
	.sc_top_reset_heightClass{clear:both;height:50px !important;}
	.pagemenutitle{ 
		border-bottom:1px solid #aaa !important;
		background:#eee !important;
	}
}

/*
*	¼¾ÅÍ
*/
#whiteBoxper { background-color:#fff; box-shadow:0px 0px 5px 3px rgba(190, 190, 190, 0.2);max-width:1280px; width:100%; display:inline-block; padding-left:5px; padding-right:5px; }
#whiteBoxperLeft { background-color:#fff; box-shadow:0px 0px 5px 3px rgba(190, 190, 190, 0.2);max-width:1280px; width:100%; display:inline-block; padding-left:5px; padding-right:5px; }


/*
*	¼­ºê¸ÞÀÎ ¸Þ´º ¸Þ´º Ŭ¸¯½Ã »ö»ó
*/
.menubutton {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  width:100%;
}

.menubutton:hover {
  background:#FFF8F8;
}
.menubutton:hover div:after {
  opacity: 1;
  right: 8px;
  position: absolute;
  content: '\00bb';
  color:#58A0DC;
  font-size:12px;
}

/*
*	¼­ºê¸Þ´º ·¹À̾ƿô
*/
@media( max-width: 1024px ) { 
	#box-left{
		display:none !important;						
	}
	
	#box-center {
	  width:100% !important;	
	}
}

#submain_container {
  width:100%;
  display:table;
  margin:0 auto;
  vertical-align:top; /* È­¸é »ó´Ü¿¡¼­ ½ÃÀÛ, Ãß°¡@200914 Á¤±¤Èñ*/
}
#box-left {
  background: #fff;
  display:table-cell;
  width:230px;
  vertical-align:top; /* È­¸é »ó´Ü¿¡¼­ ½ÃÀÛ, Ãß°¡@200914 Á¤±¤Èñ*/
}
#box-center {
  width:auto;
  display:table-cell;
  text-align: center;
  vertical-align:top; /* È­¸é »ó´Ü¿¡¼­ ½ÃÀÛ, Ãß°¡@200914 Á¤±¤Èñ*/
}

/*
@media( max-width: 640px ) { 
	#box-left {
		display:none !important;						
	}
}

#submain_container {
  display: flex;
  margin:0 auto;
}

#box-left {
  background: #fff;
  flex-basis: 230px;
}

#box-center {
  flex: 1;
  text-align: center;
}

#box-right {
  background: yellow;
  flex-basis: 150px;
  text-align: right;
}*/


.leftMenuintro {
	border-bottom:1px solid #ddd;
}

.buttonBtn {
	margin-left:5px;
    border: 1px solid #ccc;
    background: #0021a1;
    font-size: 1em;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    padding: 4px 5px 4px 5px;
    vertical-align: middle;
}