@charset "utf-8";
/*----------------------------------------------------------------------------
 * 레이아웃 스타일 정의
 * ---------------------------------------------------------------------------
 * Author	: (주)플랜아이 http://plani.co.kr
 * ---------------------------------------------------------------------------
 * History
 * ---------------------------------------------------------------------------
 * 2014-09-10 (박명희) : 최초작성
 * 2016-10-10 (조민지)	: 입시사이트 추가
 * 2016-11-10 (조선영)	: 본원용 클래스 정리(불필요 삭제)
 * -------------------------------------------------------------------------*/

body * {box-sizing: border-box;}

html {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-text-size-adjust: none; 
	-moz-text-size-adjust: none; 
	-ms-text-size-adjust: none; 
	}
body {
	margin: 0;
	padding: 0;
	font-family: "NanumSquare", "맑은 고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;
	font-size: 16px;
	color: #555;
	line-height: 26px;
	vertical-align: baseline;
	overflow: hidden;
	}	

/* render html5 elements as block */
header, footer, article, section, aside, nav {
	display: block;
	}
a {
	color: #4c4c4c;
	text-decoration: none;
	}
address {
	font-style: normal;
	}	
img {
	border: none;
	}
select, input, textarea {
	vertical-align: middle;
	font-family: 'NanumGothic', sans-serif;
	color: #555;
	font-size: 0.933em;
	border: solid 1px #dcdbdb;
	}
input[type="radio"], 
input[type="checkbox"],
input[type="image"] {
	width: auto;	
	border: none;
	}
input[type="submit"],
input[type="button"] {
	border: none;
	cursor: pointer; 
	_cursor: hand;	
	-webkit-appearance: none;
	}

input[type="text"].no_border { border: 0; }

ul, ol, li, dl, dt, dd, p,
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	list-style: none;
	}
h1, h2, h3, h4, h5, h6  {
	font-weight: normal;
	}	
h1 {
	letter-spacing: -0.05em;
	}
h2 {
	letter-spacing: -0.03em;
	line-height: 1.4;
	}	
* button {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	cursor: pointer; 
	_cursor: hand;	
	font-family: "NanumSquare","맑은 고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;
	text-decoration: none;
	overflow: visible;
	white-space: nowrap;
	}
em {
	font-style: normal;
	}		
form  {
	margin: 0;
	padding: 0;
	}		
fieldset  {
	margin: 0;
	padding: 0;
	min-width: inherit;
	border: none;
	}	
iframe {
	margin: 0;
	padding: 0;
	border: currentcolor; 
	border-image-source: none;	
	}

/* 테이블 STYLE */	
table  {
	width: 100%;
	border-collapse: collapse;
	border: none;
	}
table th  {
	white-space: nowrap;
	text-align: center;
	font-weight: normal;
	}
table td  {
	white-space: normal;
	word-break: break-all;
	}
hr, 
legend, 
caption {
	margin: 0; 
	padding: 0; 
	width: 100%; 
	height: 0; 
	line-height: 0; 
	font-size: 0; 
	color: transparent;
	border: none; 
	overflow: hidden;
	}

/* skip navgation STYLE */
#accessibility {position: relative; width: 100%; margin: 0 auto; font-size: 1.3em; z-index: 999;}
#accessibility dt {width: 100%; height: 0; font-size: 0; line-height: 0;}
#accessibility a {display: block; position: absolute; top: -10000px; left: 0; width: 100%; height: 0; text-align: center; font-size: 1em; z-index: 999;}
#accessibility a:hover, 
#accessibility a:focus, 
#accessibility a:active{position: absolute; top: 0; height: 35px; line-height: 35px; color: #fff; background-color: #333; z-index: 999;}
	
/* Float STYLE*/
.clear  {	
	clear: both;
	}
.float_wrap {
	clear: both;
	overflow: hidden;
	}
.float_left  {
	float: left;
	}
.float_right  {
	float: right;	
	}
		
/* display STYLE*/
.display_none {
	display: none;
	}
.display_block	{
	display: block;
	}	
.display_inline {
	display: inline-block;
	}	

/* 폰트정렬 STYLE*/
.txt_center  {
	text-align: center !important;
	}
.txt_left  {
	text-align: left !important;
	}
.txt_right  {
	text-align: right !important;
	}
.txt_justify  {
	text-align: justify;
	}
	
/* 폰트사이즈	 */
.txt_s  {
	font-size : 11px;
}

.txt_m  {
	font-size : 12px;
}

.txt_l  {
	font-size : 15px;
}

/* img 정렬 STYLE */
.vertical_top	{
	vertical-align: top;
	}	
.vertical_mid {
	vertical-align: middle; 
	}
.vertical_bom {
	vertical-align: bottom; 
	}

/* 폰트 아이콘 */	
.fa {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    vertical-align: middle;	
	font: normal normal normal 1.143em/1 FontAwesome;
	font-size: inherit;
	}	


/* ============================================
=================  입학사이트 확장 추가 - 2016.10.11 ㅈㅁㅈ 
==============================================*/
	
[class^="ti-"] span,
[class^="icon-"] span{font-size:0;position:absolute;clip:rect(0,0,0,0);width:0;height:0;line-height:0;}
a:hover  [class^="ti-"],
a:hover  [class^="icon-"]{color:#fff;}


/* ============================================
=================  본원 가이드 확장 추가 - 2016.11.07 조선영 
==============================================*/

/* 여백조정용 */
.mT5 {margin-top: 5px !important;}
.mT10 {margin-top: 10px !important;}
.mT15 {margin-top: 15px !important;}
.mT20 {margin-top: 20px !important;}
.mT25 {margin-top: 25px !important;}
.mT30 {margin-top: 30px !important;}
.mT40 {margin-top: 40px !important;}
.mT50 {margin-top: 50px !important;}
.mT60 {margin-top: 60px !important;}
.mT100 {margin-top: 100px !important;}

.btnLeft {margin-top: 40px; text-align: left;}
.btnRight {margin-top: 40px; text-align: right;}
.btnCenter {margin-top: 40px; text-align: center;}

.btnLeft.mT10,
.btnRight.mT10,
.btnCenter.mT10 {margin-top: 10px;}

.depth-in01 {margin-left: 25px;}
.depth-in02 {margin-left: 15px;}
  
/* 사이즈 - 2017.01.25 조선영 *//* strong.size20, .size18, .size15 클래스 사용금지 이미 font-size 지정용 css에 사용되었음 */
.size10 {width: 10%;}
.size20 {width: 20%;}
.size30 {width: 30%;}
.size40 {width: 40%;}
.size47 {width: 47%;}
.size50 {width: 50%;}
.size60 {width: 60%;}
.size70 {width: 70%;}
.size80 {width: 80%;}
.sizeMax {width: 100%;}