@charset "utf-8";

/** new2021 **/
/** Noto Sans KR (korean) **/
@font-face {
	font-family: 'Noto Sans KR Regular';
    font-style: normal;
    font-weight: 500;
	src: url('../font/notokr-regular.eot');
	src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-regular.woff') format('woff'),
		 url('../font/notokr-regular.ttf') format('truetype');
}
 @font-face {
	font-family: 'Noto Sans KR Medium';
	font-style: normal;
	font-weight: 700;
	src: url('../font/notokr-medium.eot');
	src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-medium.woff') format('woff'),
		 url('../font/notokr-medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR Bold';
	font-style: normal;
	font-weight: 800;
	src: url('../font/notokr-bold.eot');
	src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-bold.woff') format('woff'),
		 url('../font/notokr-bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR Black';
    font-style: normal;
    font-weight: 900;
	src: url('../font/notokr-black.eot');
	src: url('../font/notokr-black.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-black.woff') format('woff'),
		 url('../font/notokr-black.ttf') format('truetype');
}

/** Nanum Gothic **/
@font-face {
	font-family: 'Nanum Gothic Regular';
	font-style: normal;
	font-weight: 400;
	src: url('../font/NanumGothic-Regular.eot');
	src: url('../font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumGothic-Regular.woff') format('woff'),
		url('../font/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Nanum Gothic Bold';
	font-style: normal;
	font-weight: 700;
	src: url('../font/NanumGothic-Bold.eot');
	src: url('../font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumGothic-Bold.woff') format('woff'),
		url('../font/NanumGothic-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Nanum Gothic ExtraBold';
	font-style: normal;
	font-weight: 800;
	src: url('../font/NanumGothic-ExtraBold.eot');
	src: url('../font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumGothic-ExtraBold.woff') format('woff'),
		url('../font/NanumGothic-ExtraBold.ttf') format('truetype');
}
/** new2021 end **/

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, 
form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
hr{display:none;}
ul, ol, li{list-style:none;}
img, fieldset{border:none;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
address, em, optgroup{font-style:normal;}
object{vertical-align:top;}
img, input, button, select{vertical-align:middle;}
/* */
table{border-collapse:collapse;}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    background-color: #FFFFFF !important/*{a-page-background-color};*/;
    border-color: #bbb /*{a-page-border}*/;
    color: #333 /*{a-page-color}*/;
    text-shadow: 0 /*{a-page-shadow-x}*/ 1px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/ #f3f3f3 /*{a-page-shadow-color}*/;
}

 
/* font */
body{color:#282828; font:12px Dotum,'돋움', sans-serif; background-color:#FFFFFF !important;}
input, select, textarea{color:#898989; font:12px Dotum,'돋움', sans-serif;}
.left_warp h2{font:12px 나눔고딕, 'NanumGothic', 'NanumGothicWeb','맑은 고딕', 'Malgun Gothic','돋움','굴림',Dotum,Gulim,Verdana, Sans-serif }
ul.snb{font:12px 나눔고딕, 'NanumGothic', 'NanumGothicWeb','맑은 고딕', 'Malgun Gothic','돋움','굴림',Dotum,Gulim,Verdana, Sans-serif }
.service_btn a{font:12px 나눔고딕, 'NanumGothic', 'NanumGothicWeb','맑은 고딕', 'Malgun Gothic','돋움','굴림',Dotum,Gulim,Verdana, Sans-serif }
.title_route h3{font:12px 나눔고딕, 'NanumGothic', 'NanumGothicWeb','맑은 고딕', 'Malgun Gothic','돋움','굴림',Dotum,Gulim,Verdana, Sans-serif }

/* linkStyle */
a{color:#282828 !important; text-decoration:none;}
a:hover, a:active, a:focus{text-decoration:none;}
a.underline{text-decoration:underline}

/* skip */
.skip, legend, caption, #accessibility{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

/* skipNavi */
#skipNavi{position:relative;}
#skipNavi a{display:block; position:absolute; width:1px; height:1px; color:#666; font-size:0; overflow:hidden;}
#skipNavi a:active, #skipNavi a:focus{width:auto; height:auto; font-size:1em; font-weight:bold;}


/* layout */
.wrap{overflow:hidden; width:1097px; margin:0 auto; }/* 1097*/
.header{margin-bottom:10px;}
.menu{width:1097px; height:48px; background:url(../../images/exam/bg/bar.jpg) no-repeat;}

/* header */
.gnb{position:relative; width:1094px; height:35px; }/* 1097 35*/
.gnb_in{position:absolute;top:7px; right:0; overflow:hidden;}
.gnb ul{float:left; }
.gnb ul li{float:left;}
.gnb ul.first{margin-top:1px;}
.gnb ul.first li.g02{padding-left:15px; margin-left:17px; background:url(../../images/exam/bg/bar01.gif) no-repeat 0 7px;}
.gnb ul.last{margin-left:27px;}.
.gnb ul.last li.g01{color:#5f5f5f}
.gnb ul.last li.g01 span{font-weight:bold; color:#4a91be; margin-left:5px}
.gnb ul.last li.g02{padding-left:8px;}

.menu{position:relative;}
.menu h1{position:absolute;top:9px; left:27px}
.menu ul{overflow:hidden; padding:0 0 0 273px}
.menu ul li{float:left; }

 
/* ************************************************ footer ************************************************  */
.footer{position:relative; padding:21px 0 0 9px;  border-top:3px solid #54606c}
.footer .footer_info{overflow:hidden; padding-bottom:20px; }
.footer .footer_info li{float:left; margin-right:16px; padding-left:16px;  background:url(../../images/exam/bg/bar02.gif) no-repeat ;}
.footer .footer_info li.first{padding-left:0}
.footer .address{margin-bottom:20px; padding-left:2px; font-size:11px; line-height:16px;  color:#939393}
.footer .move_btn{position:absolute;top:18px; right:0px; overflow:hidden; }
.footer .move_btn .move_b select{width:177px; height:27px; margin-right:7px; line-height:27px; font-size:11px; color:#282828}


/* ************************************************ popup ************************************************ */
.btn_W_com:after{content:""; clear:both; display:block;}
.btn_W_com{margin-bottom:5px;}
.btn_W_left{float:left;}
.btn_W_right{float:right}
.popup_warp{box-shadow:2px 2px 10px rgba(0,0,0,0.3);   be-havior:url(js/PIE.htc);}
.popup_warp h1{position:relative; height:49px; border:1px solid #6c6c6c; border-bottom:none; font-size:16px; color:#282828; background:url(../../images/exam/bg/popup_bg03.gif) repeat-x}
.popup_warp h1 span.txt01{display:inline-block; margin-top:15px; padding-left:19px; background:url(../../images/exam/bg/popup_bg01.gif) no-repeat 0 5px}
.popup_warp h1 span.txt02{color:#5094bf;}
.popup_warp h1 span.close{position:absolute;top:15px; right:18px;}
.popup_In{ 
	border:1px solid #D4D4D4; 
	border-radius: 2px;
}
.popup_In_table{padding:12px 6px 8px 6px;}
.pop_apply_btn{padding:12px 0 10px 0; text-align:center; border-top:1px solid #3a80ab}
.txt_doco01{font-size:12px; font-weight:bold; color:#282828;}
.txt_doco02{padding-top:9px; font-size:13px; text-align:center; color:#888888;}
.popup_warp .pop_txt{margin-bottom:7px; font-weight:bold; color:#282828}

/* ************************************************ 페이지리스트 ************************************************ */
p.pagelist{text-align:center;}
p.pagelist a{display:line-block; line-height:18px; padding-left:3px; padding-right:3px; color:#9c9c9c; font-size:12px;}
p.pagelist .btn_pr01{padding:0 0px 0 0 !important;  }
p.pagelist .btn_pr02{padding:0 10px 0 0 !important;  }
p.pagelist .btn_nex01{padding:0 0px 0 0px !important;  }
p.pagelist .btn_nex02{padding:0 0px 0 0 !important;  }
p.pagelist .go_btn{padding:0 0px 0 0 !important; }
p.pagelist .page_input{height:17px; border:1px solid #d6d6d6; color:#9c9c9c}
p.pagelist strong{color:#4d95c1;}

/* ************************************************ 테이블 ************************************************ */
table{
	width:100%;
}
table th,
table td{border:none; border-bottom:1px solid #e6e7e8}

/* 테이블 안쪽 디자인 */
.close_btn{position:absolute;top:-3px; right:7px;  }
.close_btn img{ }
.surely01{color:#5ABA39;font-weight: bold !important;}

/* 테이블_박스 그림자처리 */
.back_bg_t{display:block; width:855px; height:9px; background:url(../../images/exam/bg/table_w_bg_t.gif) no-repeat} /* 855 */
.table_w_in{position:relative; width:813px;  padding:0px 21px 8px 21px; background:url(../../images/exam/bg/table_w_bg.gif) repeat-y}/* 855 */
.back_bg_b{display:block; width:855px; height:4px;margin-bottom:6px;  background:url(../../images/exam/bg/table_w_bg_b.gif) no-repeat}

/* 가로 테이블 */
.table_bg{border-top:2px solid #D4D4D4; border-bottom:1px solid #D4D4D4}
.table_w th, 
.table_w td{height:38px;}
.table_w th{padding-right:14px; font-size:13px; text-align:right; color:#282828; background:#f4f6f6}
.table_w th.cor01{border-left:1px solid #fff; color:#727272; background:#f8f9fa}
.table_w td{
	padding-left: 5px;
    padding-right: 5px;
    font-size:12px; text-align:left; color:#282828}

/* 세로 테이블 */
.table_h th, 
.table_h td{height:33px; border-right:1px solid #eaeaea; }
.table_h th{font-size:13px; text-align:center; color:#282828;  background:#f7f8f9}
.table_h td{padding-left:3px; font-size:12px; text-align:left; color:#282828}
.td_class{
	font-size:13px !important;
	font-weight: 700;
}
/* 테이블 border 컬러값*/
.bor_T_color01{border-top:1px solid #b0b0b0 !important}
.bor_R_color01{border-right:1px solid #b0b0b0 !important}
.bor_R_color02{border-right:1px solid #dfdfdf !important}
.bor_B_color01{border-bottom:1px solid #b0b0b0 !important}
.bor_L_color01{border-left:1px solid #b0b0b0 !important}


 /* 텍스트 디자인 관련 css */
.txt_deco a{text-decoration:underline}
.b_B_none{border-bottom:none !important;}
.b_R_none{border-right:none !important;}
.back_none{background:none !important}
.txt_C{padding-left:0 !important; text-align:center !important;}
.txt_R{padding-left:0 !important; padding-right:10px !important; text-align:right !important;}
.txt_L{padding-left: 10px !important; text-align: left !important;}

/* 텍스트 칼라값 */
.txt_color01{color:#75b41e !important;}

/* 백그라운드 칼라값 */
table .back01{background:#eceef0 ;}


/* 폰트 크기값 */
.font11{font-size:11px !important;}
.font12{font-size:12px !important;}

.note{padding-top: 4px;float: left;}


/* 간격값 */
.m_T05{margin-top:05px !important; }
.m_T14{margin-top:14px !important; }
.m_T20{margin-top:20px !important; }
.m_T26{margin-top:26px !important; }
.m_T37{margin-top:37px !important; }
.m_T40{margin-top:40px !important; }
.m_T50{margin-top:50px !important; }

.m_B02{margin-bottom:2px !important; }
.m_B05{margin-bottom:5px !important; }
.m_B08{margin-bottom:8px !important; }
.m_B10{margin-bottom:10px !important; }
.m_B11{margin-bottom:11px !important; }
.m_B12{margin-bottom:12px !important; }
.m_B15{margin-bottom:15px !important; }
.m_B16{margin-bottom:16px !important; }
.m_B18{margin-bottom:18px !important; }
.m_B20{margin-bottom:20px !important; }
.m_B27{margin-bottom:27px !important; }
.m_B40{margin-bottom:40px !important; }

.m_L10{margin-left:10px !important; }
.m_L40{margin-left:40px !important; }
.m_R40{margin-right:40px !important; }

/* 인풋 세로 간격값 */
.h30{height:30px; line-height:30px;}
.h22m1{height:22px; line-height:22px; margin:1px;}
.h24{height:24px; line-height:24px;}
.h25{height:25px; line-height:25px;}
.h26{height:26px; line-height:26px;}
.h26m1{height:26px; line-height:26px;margin:1px;}
.h28{height:28px; line-height:28px;}


input.h30{
	/*한글 우선 */
	ime-mode:active;
	 
	border-radius: 2px;
	border : 1px solid #cdcdcd;
	height:26px; 
	line-height:26px; 
	font-size:13px;
	color: #252525;
	padding-left: 3px;
}

input.h30:focus {
	background-color: #FFFFFF;
	border : 2px solid #3388cc;
	
	-webkit-box-shadow: 0 0 12px #3388cc /*{a-active-background-color}*/;
    -moz-box-shadow: 0 0 12px #3388cc /*{a-active-background-color}*/;
    box-shadow: 0px 0px 12px #3388cc /*{a-active-background-color}*/;
}

select.h30{
	border-radius: 2px;
	border : 1px solid #cdcdcd;
	
	height:28px; 
	padding:2px 0; 
	line-height:26px; 
	font-size:12px; 
}
select.h30:focus {
	border : 2px solid #3388cc;
}

select.h24{height:24px; padding:2px 0; font-size:12px; }













/* common_input */
.exam input{height:19px; line-height:19px; text-indent:5px; border:1px solid #d6d6d6; color:#282828;}
.exam input[type=password]{height:19px; line-height:19px; border:1px solid #d6d6d6}
.exam input[type=radio]{width:13px; height:13px;}
.exam input[type=checkbox]{width:13px; height:13px; border:none; }
.exam textarea{border:1px solid #dadada}
.exam select{color:#282828; border:1px solid #d6d6d6}


/** new2021 **/

#new2021_wrap {width:100%;}

#new2021_header {width:100%;}
.header_top {width:100%;height:40px;border-bottom:1px solid #ddd;}
.header_top_inner {position:relative;width:1300px;margin:0 auto;}
.header_top_list {position:absolute;top:0;right:0;}
.header_top_list li {display:inline-block;padding-left:25px;background:url(../../images/new2021/new2021_bar_gray.gif) no-repeat 10px 15px;height:40px;line-height:40px;font-size:13px;color:#666;font-family: 'Nanum Gothic Bold';}
.header_top_list li:first-child {background:none;padding-left:0;}
.header_top_list li a {display:inline-block;color:#666 !important;}
.header_navigation {width:100%;height:60px;border-bottom:3px solid #0f9779;}
.header_navigation_inner {position:relative;width:1300px;margin:0 auto;}
h1.logo {display:inline-block;margin-top:15px;}
h1.logo a {display:inline-block;}
.header_navigation_menu {position:absolute;top:0;right:0; height:60px;line-height:60px;}
.header_navigation_menu li {display:inline-block;color:#111;margin-left:90px;font-size:20px;font-family: 'Noto Sans KR Bold';}
.header_navigation_menu li:first-child {margin-left:0px;}
.header_navigation_menu li a {display:inline-block;color:#111;}

#new2021_footer {width:100%;}
.copy_link {width:100%;background:#f4f4f4;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;height:50px;}
.copy_link_inner {position:relative;width:1300px;margin:0 auto; height:50px;padding-top:13px;box-sizing:border-box;}

.copy_link_list {display:inline-block;}
.copy_link_list li {display: inline-block;padding-left:25px;background:url(../../images/new2021/new2021_bar.gif) no-repeat 10px 5px; font-size:15px;color: #222; font-family: 'Nanum Gothic Bold';letter-spacing: -0.5px;}
.copy_link_list li:first-child {padding-left:0;background:none;}
.copy_link_list li a {display:inline-block;color:#222;}

.copy_link_favorite {position:absolute;min-width:240px;right:0;top:0;height:48px;box-sizing:border-box;}
.copy_link_favorite_inner {position:relative;width:100%;height:48px;}
.favorite_tit {position:relative;display:inline-block;width:100%;height:48px;line-height:48px; padding:0 15px;font-family: 'Nanum Gothic Bold';color:#111;font-size:15px;cursor:pointer;border-left:1px solid #a6a6a6;border-right:1px solid #a6a6a6;z-index:999;}
.favorite_tit_arrow {position: absolute;top: 0;right:15px; height:48px;line-height:48px;}
.favorite_tit_on .favorite_tit_arrow img {transform: rotate(180deg);}
.favorite_con {display:none;position:absolute;width:100%;left:0;bottom:48px; padding:0 15px;background:#fff;border:1px solid #ccc; height:225px;overflow-y:auto;z-index:9999;}
.favorite_con_on {display:block;}
.favorite_con_list {display:block; padding-top:3px;}
.favorite_con_list li {display:block; color:#333;border-bottom:1px solid #ccc;}
.favorite_con_list li a {display:block;width:100%;height:35px;line-height:35px;color:#000;font-family: 'Nanum Gothic Bold';background:url(../../images/new2021/new2021_favorite_arrow_blank.png) no-repeat right 11px;}
.favorite_con_list li a:hover {color:#0066a1;}

.copy {width:1300px;margin:0 auto;padding:15px 0;}
.copyright {display:block; font-size:14px;color:#666;line-height:24px;word-break:keep-all;font-family: 'Nanum Gothic Regular';}

.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /* for IE 5.5-7 */

/** new2021 end **/