@font-face {
	font-family: NanumSquareWeb;
	src: url(/font/NanumSquareR.woff) format('woff');
}

body, html{width:100%;height: 100%;}
 
.menu:after{display:block; content:''; clear:both;}
.menu > li{position:relative; float:left; margin-right:5px;color:white;font-size:12px;}
.menu > li > a{display:block; padding:0 15px; height:25px; line-height:25px; color:#fff;color:white;font-size:12px;text-decoration-line:none;}
.menu > li:hover .depth_pc1 {display:block;color:white;font-size:12px;}
.menu .depth_pc1{display:none; position:absolute; left:0; right:0; text-align:left;}
.menu .depth_pc1 a{display:block; padding:0px; background:#2E75B6; width:100px; color:#fff;text-decoration-line:none;}
.menu .depth_pc1 a:hover{background:#20517E;}
ul {list-style:none;}
.div_subject_t {float: left;width: 24%;margin-bottom: 5px;font-size:13px;border-radius: 0 10px 0 0;height:22px;color:white;border-bottom:1px solid white;background-color:#2E75B6;text-align:center;line-height:22px;} 
.div_subject {float: left;width: 24%;margin-bottom: 5px;font-size:13px;height:22px;color:black;border-bottom:1px solid white;} 
.div_keyword_t {float: left;width: 24%;margin-bottom: 5px;font-size:13px;border-radius: 0 10px 0 0;height:22px;color:white;border-bottom:1px solid white;background-color:#2E75B6;text-align:center;line-height:22px;} 
.div_keyword {float: left;width: 24%;margin-bottom: 5px;font-size:13px;height:22px;color:black;border:0px solid black;} 
.div_subject_t1 {float: left;width: 48%;margin-bottom: 5px;font-size:13px;border-radius: 0 10px 0 0;height:22px;color:white;border-bottom:1px solid white;background-color:#2E75B6;text-align:center;line-height:22px;} 
.div_subject1 {float: left;width: 48%;margin-bottom: 5px;font-size:13px;height:22px;color:black;border-bottom:1px solid white;} 
.div_line {float: left;width: 96%;margin-bottom: 5px;font-size:12px;height:22px;color:black;border-bottom:1px solid white;} 
.div_body {width: 100%;color:black;border:0px solid black;} 
.div_body_board {font-size:11px;} 
.div_body_h {float: left;width:8%;height:17px;border-bottom:1px solid white;background-color:#D7EBFF;text-align:center;line-height:17px;} 
.div_body_c {float: left;width:8%;height:17px;border-bottom:1px solid white;text-align:center;line-height:17px;} 
.div_span {font-size:11px;} 
.div_line_2act {float:left;width: 49%;vertical-align:middle;font-size:11px;}  
.div_line_3act {float:left;width: 32%;vertical-align:middle;font-size:11px;}  
.div_line_ment2 {float:left;width: 50%;vertical-align:middle;font-size:11px;}  
.header {font-size:16px;} 
.menu_home {display:none;}
.menu_pc {display:block;}
.menu_home_u_p {display:none;}
.menu_pc_u_p {display:block;}
.top_left_img {max-width:800px;height:auto;content:url("/image/banner/top_0_1200.png");}

input {font-size:10px;}
textarea {font-size:10px;}
text {font-size:10px;}
td {font-size:11px;}
.div_btn {clear:both;height:25px;width:100px;line-height:25px;background-color:#2E75B6;text-align:center;cursor: pointer;margin:0 auto;border-radius:5px;}

/*--------------------------------------------*/
.div_testNo {float: left;width: 24%;height:24px;margin:2px;margin-bottom:2px;font-size:13px;} 
.div_itemCnt {float: left;width: 24%;height:24px;margin:2px;margin-bottom:2px;font-size:13px;} 
.div_testTm {float: left;width: 24%;height:24px;margin:2px;margin-bottom:2px;font-size:13px;} 
.div_testCnt {float: left;width: 24%;height:24px;margin:2px;margin-bottom:2px;font-size:13px;} 
.div_head {float:left;width:50%;font-weight:bold;color:white;border-bottom:1px solid #2E75B6;background-color:#2E75B6;border-top-left-radius:5px;text-align:center;line-height:24px;} 
.div_testbody {float: left;width: 100%;} 
.div_testNo,.div_head,.div_body {position:relative}
.itemImage {width:50%;height:auto;display:block;margin:0px auto;}
.Div_f1 {font-size:12px;} 
/*--------------------------------------------*/

@media (max-width: 1220px){
div {font-size:12px;}
.div_subject_t {width: 24%;} 
.div_subject {width: 24%;} 
.div_subject_t1 {width: 48%;} 
.div_subject1 {width: 48%;} 
.div_keyword_t {width: 24%;} 
.div_keyword {width: 24%;} 
.div_body {width: 100%;} 
.div_body_board {font-size:11px;} 
.div_body_h {width: 11%;margin-left: 5px;} 
.div_body_c {width: 11%;margin-left: 5px;} 
.div_span {font-size:11px;} 
.div_line_2act {float:left;width: 49%;vertical-align:middle;font-size:11px;}  
.div_line_3act {float:left;width: 32%;vertical-align:middle;font-size:11px;}  
.div_line_ment2 {float:left;width: 50%;vertical-align:middle;font-size:11px;}  
.header {font-size:16px;} 
.menu_home {display:none;}
.menu_pc {display:block;}
.menu_home_u_p {display:none;}
.menu_pc_u_p {display:block;}
.top_left_img {max-width:800px;height:auto;content:url("/image/banner/top_0_1200.png");}
.div_testNo {width: 24%;font-size:13px;} 
.div_itemCnt {width: 24%;font-size:13px;} 
.div_testTm {width: 24%;font-size:13px;} 
.div_testCnt {width: 24%;font-size:13px;} 
.itemImage {width:60%;height:auto;display:block;margin:0px auto;}
}
/* 화면 너비 0 ~ 801px -> 768px에서 수정*/
@media (max-width: 801px){
    div {font-size:13px;}
    .div_subject_t {width: 49%;font-size:14px;} 
    .div_subject {width: 49%;font-size:14px;} 
    .div_keyword_t {width: 48%;font-size:14px;} 
    .div_keyword {width: 48%;font-size:14px;} 
    .div_subject_t1 {width: 48%;font-size:14px;} 
    .div_subject1 {width: 48%;font-size:14px;} 
    .div_body {width: 100%;font-size:13px;} 
    .div_body_board {font-size:12px;} 
    .div_body_h {width: 14%;} 
    .div_body_c {width: 14%;} 
    .div_span {font-size:12px;} 
    .div_line_2act {float:left;width: 49%;vertical-align:middle;font-size:12px;}  
    .div_line_3act {float:left;width: 48%;vertical-align:middle;font-size:12px;}  
    .div_line_ment2 {float:left;width: 50%;vertical-align:middle;font-size:11px;}  
    .header {font-size:18px;} 
    .menu_home {display:block;}
    .menu_pc {display:none;}
    .menu_home_u_p {display:block;}
    .menu_pc_u_p {display:none;}
    .top_left_img {max-width:100%;height:auto;content:url("/image/banner/top_0_800.png");}
	textarea {font-size:11px;}
    .div_testNo {width: 49%;font-size:14px;} 
    .div_itemCnt {width: 49%;font-size:14px;} 
    .div_testTm {width: 49%;font-size:14px;} 
    .div_testCnt {width: 49%;font-size:14px;} 
    .itemImage {width:60%;height:auto;display:block;margin:0px auto;}
    .Div_f1 {font-size:13px;} 
}
/* 화면 너비 0 ~ 480px */
@media (max-width: 480px){
    div {font-size:14px;}
    .div_subject_t {width: 49%;font-size:15px;} 
    .div_subject {width: 49%;font-size:15px;} 
    .div_keyword_t {width: 48%;font-size:15px;} 
    .div_keyword {width: 48%;font-size:15px;} 
    .div_subject_t1 {width: 96%;font-size:15px;} 
    .div_subject1 {width: 96%;font-size:15px;} 
    .div_body {width: 100%;font-size:14px;} 
    .div_body_board {font-size:13px;} 
    .div_body_h {width: 19%;} 
    .div_body_c {width: 19%;} 
    .div_span {font-size:13px;} 
    .div_line_2act {float:left;width: 99%;vertical-align:middle;font-size:13px;text-align:center;}  
    .div_line_3act {float:left;width: 97%;vertical-align:middle;font-size:13px;text-align:center;}  
    .div_line_ment2 {float:left;width: 100%;vertical-align:middle;font-size:11px;}  
    .header {font-size:20px;} 
    .menu_home {display:block;}
    .menu_pc {display:none;}
    .menu_home_u_p {display:block;}
    .menu_pc_u_p {display:none;}
    .top_left_img {max-width:100%;height:auto;content:url("/image/banner/top_0_400.png");}
	textarea {font-size:12px;}
    .div_testNo {width: 99%;font-size:15px;} 
    .div_itemCnt {width: 99%;font-size:15px;} 
    .div_testTm {width: 99%;font-size:15px;} 
    .div_testCnt {width: 99%;font-size:15px;} 
    .itemImage {width:100%;height:auto;display:block;margin:0px auto;}
    .Div_f1 {font-size:14px;} 
}

details {
	border: 0px solid #D7EBFF;
	border-radius: 3px;
	padding: 1px 5px 0 0 ;
	margin-left: 1px;
 }
summary {
	margin-right: 5px;
	/*font-weight: bold;*/
	margin-left: 5px;
	padding: 3px 5px 0 10px; /* top right bottom left*/
	cursor: pointer;
	border-radius: 0 0 10px 0;
	background-color: #D7EBFF;
	color: white;
	border-top:3px solid #D7EBFF;
	border-bottom:3px solid #D7EBFF;
    
}
details[open] {
	padding: 3px 5px 0 0;
}
details[open] summary {
	font-weight: bold;
	border-bottom: 1px solid #D7EBFF;
	margin-bottom: 1px;
	border-radius: 0 10px 0 0;
	background-color: #D7EBFF;
	color: white;
}
summary::marker {
	display: none;
	content: "";
}