@charset "utf-8";

.examinfo_wrap .tab-menu {
	overflow:hidden;
	margin: 10px 0;
}

.examinfo_wrap.tab-wrap > .tab-menu {
	border-bottom:2px solid #495D97;
}
.examinfo_wrap.tab-wrap > .tab-menu > li {
	float: left;
	width:25%;
	height:40px;
	line-height:40px;
	text-align:center;
}
.examinfo_wrap.tab-wrap > .tab-menu > li a{
	font-family:'noto3';
	font-weight:300;
	font-size:15px;
}
.examinfo_wrap.tab-wrap > .tab-menu.menu2 li {
	width:50% !important;
}
.examinfo_wrap.tab-wrap > .tab-menu.menu3 li {
	width:33% !important;
}
.examinfo_wrap.tab-wrap > .tab-menu.menu3 li:first-child {
	width:34% !important;
}
.examinfo_wrap.tab-wrap > .tab-menu.menu5 li {
	width:20% !important;
}

.examinfo_wrap.tab-wrap > .tab-menu > li > .link-tab{
	display:block;
	border-top: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	border-bottom:none;
	border-left: none;
}
.examinfo_wrap.tab-wrap > .tab-menu > li:first-child .link-tab{
	border-left: 1px solid #e8e8e8;
}

.examinfo_wrap.tab-wrap > .tab-menu > li > .link-tab:hover,
.examinfo_wrap.tab-wrap > .tab-menu > li >.link-tab.selected{
	background:#495D97;
	color:#fff;
	border-top: 1px solid #495D97;
	border-right:1px solid #495D97;
	border-left: 1px solid #495D97 !important;
}

.tab-content {
	position: relative;
	display:none;
}
.tab-content.selected {
	display: block;
}
.examinfo_wrap{
	font-size:13px;
	line-height:20px;
	color:#666;
}
.examinfo-h4 span{
	font-weight:200;
}
.examinfo-h4{
	margin-top:40px;
	margin-bottom:10px;
	font-size:15px;
	color:#000;
	font-family: 'noto6';
	font-weight: 100;
}

.examinfo-h5{
	margin-top:15px;
	margin-bottom:5px;
	font-size:14px;
}
.examinfo-h5 span{
	display:inline-block;
	color: #fff;
	background: #495D97;
	padding:2px 6px;
	margin-right:8px;

}
.examinfo-h4:before{
	content:'·';
	display:inline-block;
}
.examinfo-h4.no_dot:before{
	display: none;
}


.examinfo-text{
	padding-left: 8px;
	word-break: keep-all;
}
.examinfo-text.etc-text{
	margin-top:10px;
	padding-left:0;
}
.examinfo-paragraph{
	margin-top:5px;
	word-break:keep-all;
}

.examinfo-ntext{
	position:relative;
	width:500px;
	margin:50px auto 0;
	text-align:center;
	padding: 20px ;
	border-radius:5px;
	background:#E2E7EF;
	color:#495D97;
}
.examinfo-ntext .strong{
	font-size:16px;
	line-height:20px;
	font-weight:600;
}
.examinfo-ntext:before{
	content:'';
	display:block;
	position:absolute;
	width: 0px;
	height: 0px;
	top:-30px;left:50%;
	margin-left:-20px;
	border-bottom: none;
	border-top: 18px solid #495D97;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.examinfo-gray-wrap,
.examinfo-gray-wrap2{
	background:#f7f7f7;
	margin-top:15px;
}
.examinfo-gray-wrap{
	padding:10px 25px 25px;
}
.examinfo-gray-wrap2{
	padding:15px 25px;
}
.examinfo-table{
	border-spacing: 0;
	border-collapse: collapse;
	width:100%;
	border: 1px solid #c8c8c8;
	color: #666;
	letter-spacing:-0.5px;
}
.examinfo-table th,
.examinfo-table td{
	padding: 6px 5px;
}
.examinfo-table thead tr th{
	color:#8390A6;
	background:#E2E7EF;
	border-right:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	line-height:1.8em;
	font-size: 13px;
}
.examinfo-table tbody tr th,
.examinfo-table .table-bg-gray{
	background:#F4F4F4
}
.examinfo-table tbody tr td,
.examinfo-table tbody tr th{
	font-weight:normal;
	border-left:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	text-align:center;
	font-size: 13px;
}

.examinfo-table tr.last td,
.examinfo-table tr.last th,
.examinfo-table .border-bottom{
	border-bottom:1px solid #c8c8c8 !important;
}

.examinfo-table .border-left{
	border-left:1px solid #c8c8c8 !important;
}
.examinfo-table.table-td-top tbody tr td{
	vertical-align:top;
}
.examinfo-table.table-td-left tbody tr td{
	text-align:left;
	padding-left:15px;
}
.examinfo-table .strong{
	display:block;
	font-weight:600;
	margin-bottom:10px;
}

/*dl 스타일*/
.examinfo-dlist{
	overflow:hidden;
	padding-left: 6px;
}
.examinfo-dlist.etc{
	padding-left:0
}
.examinfo-dlist dt{
	float:left;
	color:#487AB2;
	font-weight:bold;
	padding-right:10px;
}
.examinfo-dlist dd{}
.examinfo-dlist span{
	color:#487AB2
}

/*dd 바 스타일*/
.dlist_bar dd{
    position:relative;
    padding-left:10px;
}

.dlist_bar dd:after{
    position: absolute;
    left: 0;
    top: 9px;
    width: 5px;
    height:1px;
    background:#000000;
    display:block;
    content:"";
}

/*원형 리스트 ul 스타일*/
/*
*	rlist 상단 아이콘, 하단 텍스트
*	rtlist 원형배경, 내부 텍스트
*  rtbtlist 원형배경, 내부텍스트, 하단 텍스트
*	rnlist 원형 라운드, 내부텍스트, 순서표시화살표
*/
.examinfo-rlist{
	overflow:hidden;
}

.examinfo-rlist.rlist3{
	margin-left:50px
}
.examinfo-rlist.rlist4{
	margin-left:40px
}
.examinfo-rlist.rlist5,
.examinfo-rtlist.rlist5{
	margin-left:40px
}

.examinfo-rlist li{
	float:left;
	text-align:center;
	position:relative;
	letter-spacing:-1px;
	margin-top:20px;
	margin-bottom:0;
}

.examinfo-rlist.rlist3 li{
	width:140px;
	margin-left:80px;
	padding-top:150px;
}

.examinfo-rlist.rlist4 li{
	width:150px;
	margin-left:35px;
	padding-top:160px;
}

.examinfo-rlist.rlist5 li{
	width:120px;
	margin-left:30px;
	padding-top:130px;
}

.examinfo-rlist.rlist5 li:before{
	width:120px;
	height:120px;
	line-height:120px;
	border-radius:60px;
}


.examinfo-rtlist{
	margin-left:30px;
	margin-top:20px;
}
.examinfo-rtlist li{
	display:table-cell;
	position:relative;
	text-align:center;
	vertical-align:middle;
	width:120px;
	height:120px;
	padding-right:40px;
}
.examinfo-rtlist li:before{
	content:'';
	display:block;
	position:absolute;
	top:0;left:0;
	width:inherit;
	height:inherit;
	border-radius:60px;
	background:#f3f3f3;
	z-index:-1;
}

/*rtbtlist*/
.examinfo-rtbtlist{
	overflow:hidden;
	margin-top:10px;
}
.examinfo-rtbtlist li{
	float:left;
	position:relative;
	text-align:center;
	vertical-align:middle;
	width:143px;
	height:170px;
	margin:20px 0;
}

.examinfo-rtbtlist li .tit{
	display:table-cell;
	width:143px;
	height:125px;
	vertical-align:middle;

}
.examinfo-rtbtlist li .subject{
	display:block;
	font-size:12px;
	letter-spacing:-1px;
	width:143px;
	position:absolute;
	top:130px
}
.examinfo-rtbtlist li:before{
	content:'';
	display:block;
	position:absolute;
	top:0;left:10px;
	width:120px;
	height:120px;
	border-radius:60px;
	background:#f3f3f3;
	z-index:-1;
}

/*rnlist*/
.examinfo-rnlist{
	overflow:hidden;
}
.examinfo-rnlist .strong{
	font-weight:bold;
}
.examinfo-rnlist li{
	position:relative;
	display:table-cell;
	width:140px;
	height:100px;
	vertical-align:middle;
	text-align:center
}

.examinfo-rnlist li:before,
.examinfo-rnlist li:after{
	content:'';
	display:block;
	z-index:-1;
	position:absolute;
}

.examinfo-rnlist li:first-child:after{
	display:none;
}

.examinfo-rnlist li:before{
	border:2px solid #E2E7EF;
}
.examinfo-rnlist li:after{
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left:15px solid #E2E7EF;
}
.examinfo-rnlist.rnlist4{
	margin-left:150px;
}
.examinfo-rnlist.rnlist4 li:before,
.examinfo-rnlist.rnlist6 li:before{
	top:0;right:20px;
	width:96px;
	height:96px;
	border-radius:48px;
}
.examinfo-rnlist.rnlist4 li:after,
.examinfo-rnlist.rnlist6 li:after{
	top:42px; left:-9px;
}

.examinfo-rnlist.rnlist7 li:before{
	top:4px;right:15px;
	width:90px;
	height:90px;
	border-radius:45px;
}
.examinfo-rnlist.rnlist7 li:after{
	top:42px; left:-6px;
}
.examinfo-rnlist.rnlist6 li{}


/* 네모박스 화살표 ul 스타일*/
.examinfo-nlist {
	overflow:hidden;
}
.examinfo-nlist li {
	float:left;
	text-align:center;
}

.examinfo-nlist li .narrow-box{
	display:table-cell;
	position:relative;
	width:inherit;
	height:90px;
	vertical-align:middle;
	background:#E2E7EF;
	color:#8390A6;
	font-weight:bold;
	border-radius:15px;
}
.examinfo-nlist li .narrow-box:after,
.examinfo-nlist li .narrow-box:before{
	content:'';
	display:block;
	position:absolute;
	z-index:-1;
	left:50%;
}

.examinfo-nlist li .narrow-box:before{
	width:30px;
	height:25px;
	bottom:-20px;
	margin-left:-15px;
	background:inherit;

}
.examinfo-nlist li .narrow-box:after{
	width:0;
	height:0;
	bottom:-35px;
	margin-left:-30px;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 20px solid #E2E7EF;
}

.examinfo-nlist li .narrow-text{
	margin-top: 50px;
	letter-spacing:-1px;
}

.examinfo-nlist li .narrow-text .tit{
	display:block;
	font-weight:bold;
	font-size:16px;
	margin-bottom:5px;
}
.examinfo-nlist.nlist3{
	margin-left:40px;
	margin-top:20px;
}
.examinfo-nlist.nlist3 li{
	width:200px;
	margin-left:40px;
}

/* 목록 ul 스타일
*  unlist		> 목록스타일
*	ulist		> - 목록스타일
*  dotlist	> · 목록스타일
*/
.examinfo-unlist li,
.examinfo-ulist li,
.examinfo-dotlist li{
	padding-left: 7px;
	position:relative;
	text-align:left;
	margin-top:3px;
}

.examinfo-ulist li:before,
.examinfo-dotlist li:before{
	content:'-';
	display:block;
	position:absolute;
	left:0;top:0;
}
.examinfo-ulist li:before{
	content:'-';
}
.examinfo-dotlist li:before{
	content:'·';
}
.examinfo-dotlist li.none:before{
	display: none;
}



/* 목록 ol 스타일*/
.examinfo-olist{
	/*list-style-type:decimal;*/
	margin-left:15px;
	counter-reset: item
}
.examinfo-olist > li{
	position:relative;
	text-align:left;
	margin-top:3px;
/*	height:100%;*/
	padding-left:20px;
}
.examinfo-olist > li:before {
	display:block;
	position:absolute;
	left:0;top:0;
	width:20px;
	content: counter(item) ". ";
	counter-increment: item;
}

/* 목록 (1) 스타일*/
.examinfo-numlist{
    margin-left:15px;
	counter-reset: item
}

.examinfo-numlist > li {
    position:relative;
    text-align:left;
    margin-top:3px;
    height:100%;
    padding-left:20px;
    margin-bottom:10px;
}

.examinfo-numlist > li:before{
    position:absolute;
    display:block;
    left:0;
    top:0;
    width:10px;
    content:"("counter(item)")";
    counter-increment:item;
}

/* 그래프 스타일 (세로)*/

.examinfo-vgraph{
	padding:20px 0;
	letter-spacing:-1px;
}

.examinfo-vgraph ul{
	border-bottom:1px solid #ccc;
}
.examinfo-vgraph ul:after{
	content:"";
	display:block;
	clear:both;
}
.examinfo-vgraph li{
	float:left;
	display:inline;
	position:relative;
	width:60px;
	height:100%;
	margin:0 15px;
	text-align:center;
	white-space:nowrap
}
.examinfo-vgraph .g_term{
	display:inline-block;
	position:relative;
	width:100%;
	height:20px;
	margin:0 -100% -20px 0;
	padding:300px 0 0 0;
	color:#767676;
	line-height:20px;
	vertical-align:bottom
}
.examinfo-vgraph .g_bar{
	display:inline-block;
	position:relative;
	width:100%;
	margin:-1px 0 0 0;
	border:1px solid #ccc;
	border-bottom:0;
	background:#e9e9e9;
	vertical-align:bottom
}

.examinfo-vgraph .g_bar span{
	position:absolute;
	top:-20px;left:0;
	width:inherit;
	color:#767676
}
.examinfo-vgraph .g_bar.on {
	background:#495D97;
}
.examinfo-vgraph .g_bar.on span{
	position:absolute;
	top:-30px;
	width:100%;
	font-size:22px;
	font-weight:bold;
	color:#495D97
}

.examinfo-hgraph ul{
	margin:0 50px 0 50px;
	padding:1px 0 0 0;
	border-left:1px solid #e9e9e9
}

.examinfo-hgraph li{
	position:relative;
	margin:8px 0;
	vertical-align:top;
	white-space:nowrap
}
.examinfo-hgraph .g_term{
	position:absolute;
	top:0;left:-50px;
	width:40px;
	line-height:30px;
	text-align:right
}
.examinfo-hgraph .g_bar{
	display:inline-block;
	position:relative;
	height:30px;
	border-left:0;
	background:#e9e9e9
}
.examinfo-hgraph .g_bar span{
	position:absolute;
	font-weight:bold;
	top:0;right:-5px;
	line-height:30px;
	width:40px;
	font-size:15px;
}



/*아이콘 이미지*/
.examinfo1-bul1,.examinfo1-bul2,.examinfo1-bul3{
	background:url('../images/examinfo/icon01_1.png') no-repeat;
}
.examinfo1-bul1{background-position:0 0}
.examinfo1-bul2{background-position:-141px 0}
.examinfo1-bul3{background-position:-282px 0}

.examinfo2-bul1,.examinfo2-bul2,.examinfo2-bul3,.examinfo2-bul4{
	background:url('../images/examinfo/icon02_1.png') no-repeat;
}
.examinfo2-bul1{background-position: 0 0}
.examinfo2-bul2{background-position:-151px 0}
.examinfo2-bul3{background-position:-302px 0}
.examinfo2-bul4{background-position:-453px 0}

.examinfo3-bul1,.examinfo3-bul2,.examinfo3-bul3,.examinfo3-bul4,.examinfo3-bul5,.examinfo3-bul6{
	background:url('../images/examinfo/icon03_1.png') no-repeat;
}
.examinfo3-bul1{background-position:0 0}
.examinfo3-bul2{background-position:-140px 0}
.examinfo3-bul3{background-position:-280px 0}
.examinfo3-bul4{background-position:-420px 0}
.examinfo3-bul5{background-position:-560px 0}
.examinfo3-bul6{background-position:-700px 0}

.examinfo4-bul1,.examinfo4-bul2,.examinfo4-bul3{
	background:url('../images/examinfo/icon04_1.png') no-repeat;
}
.examinfo4-bul1{background-position:0 0}
.examinfo4-bul2{background-position:-140px 0}
.examinfo4-bul3{background-position:-280px 0}

.examinfo5-bul1,.examinfo5-bul2,.examinfo5-bul3,.examinfo5-bul4,.examinfo5-bul5{
	background:url('../images/examinfo/icon05_1.png') no-repeat;
}
.examinfo5-bul1{background-position:0 0}
.examinfo5-bul2{background-position:-120px 0}
.examinfo5-bul3{background-position:-240px 0}
.examinfo5-bul4{background-position:-360px 0}
.examinfo5-bul5{background-position:-480px 0}

.examinfo5-bul6,.examinfo5-bul7,.examinfo5-bul8{
	background:url('../images/examinfo/icon05_2.png') no-repeat;
}
.examinfo5-bul6{background-position:0 0}
.examinfo5-bul7{background-position:-140px 0}
.examinfo5-bul8{background-position:-280px 0}

.examinfo6-bul1,.examinfo6-bul2,.examinfo6-bul3,.examinfo6-bul4{
	background:url('../images/examinfo/icon06_1.png') no-repeat;
}
.examinfo6-bul1{background-position:0 0}
.examinfo6-bul2{background-position:-151px 0}
.examinfo6-bul3{background-position:-302px 0}
.examinfo6-bul4{background-position:-453px 0}

.examinfo7-bul1,.examinfo7-bul2,.examinfo7-bul3,.examinfo7-bul4,
.examinfo8-bul1,.examinfo8-bul2,.examinfo8-bul3,.examinfo8-bul4{
	background:url('../images/examinfo/icon07_1.png') no-repeat;
}
.examinfo7-bul1,
.examinfo8-bul1{background-position:0 0}
.examinfo7-bul2,
.examinfo8-bul2{background-position:-151px 0}
.examinfo7-bul3,
.examinfo8-bul3{background-position:-302px 0}
.examinfo7-bul4,
.examinfo8-bul4{background-position:-453px 0}

.examinfo9-bul1,.examinfo9-bul2,.examinfo9-bul3,.examinfo9-bul4,
.examinfo9-bul5,.examinfo9-bul6,.examinfo9-bul7{
	background:url('../images/examinfo/icon09_1.png') no-repeat;
}
.examinfo9-bul1{background-position:0 0}
.examinfo9-bul2{background-position:-151px 0}
.examinfo9-bul3{background-position:-302px 0}
.examinfo9-bul4{background-position:-453px 0}
.examinfo9-bul5{background-position:-604px 0}
.examinfo9-bul6{background-position:-755px 0}
.examinfo9-bul7{background-position:-906px 0}

.examinfo10-bul1,.examinfo10-bul2,.examinfo10-bul3,.examinfo10-bul4,.examinfo10-bul5{
	background:url('../images/examinfo/icon10_1.png') no-repeat;
}
.examinfo10-bul1{background-position:0 0}
.examinfo10-bul2{background-position:-120px 0}
.examinfo10-bul3{background-position:-240px 0}
.examinfo10-bul4{background-position:-360px 0}
.examinfo10-bul5{background-position:-480px 0}

.examinfo13-bul1,.examinfo13-bul2,.examinfo13-bul3{
	background:url('../images/examinfo/icon13_1.png') no-repeat;
}
.examinfo13-bul1{background-position:0 0}
.examinfo13-bul2{background-position:-140px 0}
.examinfo13-bul3{background-position:-280px 0}


/*삽입 이미지*/
.examinfo7-img1{width:100%; height:296px;background:url('../images/examinfo/img07_1.png') center no-repeat;}
.examinfo8-img1{width:100%; height:296px;background:url('../images/examinfo/img08_1.png') center no-repeat;}
.examinfo9-img1{width:100%; height:296px;background:url('../images/examinfo/img09_1.png') center no-repeat;}