@import url(/css/fonts/nanumsquare.css);
@import url(/css/fonts/nexonfont.css);
@import url(https://fonts.googleapis.com/earlyaccess/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, 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 : #333; } /*#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: 'NEXON Gothic','Noto Sans KR','Nanum Square', sans-serif;
	color:#333;
	min-width:320px;
	height: 100%;
	letter-spacing: 0px;
	font-size:100%;
	/*line-height:20px;*/
	-webkit-text-size-adjust: none;
	-ms-overflow-style: scrollbar;
	/*background:#F5F5FA;*/
}

*, *: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;



}







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{



	height:31px;



	border-radius: 3px; /* iOS  */	



	-webkit-appearance: none; 



	-moz-appearance: none;



	appearance: none;



	background:#fff url(/images/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;



}









/*

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

}



/*

*	메인별 타이틀

*/

.bgchang{

	color:#fff;

	background:#36548F !important;

	background-image:url(/_academy/images/pop_bg_negative.png) !important;

	background-repeat:no-repeat;background-position:left top;

}



/*.sc_top_reset_heightClass{clear:both;height:55px;}*/

.title-info { margin:0 auto;padding: 0; overflow: hidden; border-bottom: 1px solid #dddddd;height: 45px; 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: 45px; line-height: 45px; 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:55px !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);width:100%; display:inline-block;text-align:left;  } /* padding-left:5px; padding-right:5px; */

#whiteBoxperLeft { background-color:#fff; box-shadow:0px 0px 5px 3px rgba(190, 190, 190, 0.2);width:100%; display:inline-block;  }



/*

*	서브메인 메뉴 메뉴 클릭시 색상

*/



.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: 640px ) { 

	#box-left{

		display:none !important;						

	}



	/*.centermenuclass{ width:100% !important;} */

	.centerbox-padding{padding:0px !important;}

	.pconly{ display:none !important;}

	.mobileonly{ display:block !important;}

	.top_active {

		z-index:999;

		height:50px !important;

		width:100% !important;

		left:0 !important;

	}

}



#submain_container {

  display: flex;

  /*max-width:1280px;*/

  margin:0 auto;

}



#box-left {

  background: #fff;

  /*flex-basis: 220px;*/

  min-width:200px;

  flex-basis:230px;

}



#box-center {

  /*background: #f9f9f9;;

  border-right:1px solid #f9f9f9;*/

  flex: 1;

  text-align: center;

}



#box-right {

  background: yellow;

  flex-basis: 550px;

  text-align: right;

}



/*중앙 메뉴 pc 사이즈*/

/*.centermenuclass{ width:85%;} */



/* box-center 패딩*/

.centerbox-padding{

	padding:0 15px;

}



.leftMenuintro {

	border-bottom:1px solid #ddd;

}



.menua:hover {

  color: #b00000;

}



.top_active {

  position: fixed !important;

  top: 0px;

  margin:0 auto;

  left:15%;

  /*left:0;

  right:0;

  width:100% !important;*/

  /*background:rgba(0,0,0,0.7) !important;*/

  border:0px !important;

  border-bottom:1px solid #ccc !important;

  /*height:100px !important;*/

  

}









/* 서브 페이지 */
.div_bg_cont{
	padding:0 15px;
	text-align:left;
}