@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face{
font-family:"Nanum Barun Gothic";
font-style:normal;
font-weight:normal;
src:url('../font/NanumBarunGothic.eot');
src:local('※'),
	url('../font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
	url('../font/NanumBarunGothic.woff') format('woff');
}

@font-face{
font-family:"Nanum Barun Gothic Bold";
font-style:normal;
font-weight:normal;
src:url('../font/NanumBarunGothic.eot');
src:local('※'),
	url('../font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
	url('../font/NanumBarunGothicBold.woff') format('woff');
}
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: 100%;
	font: inherit;
	vertical-align: middle; /*세로정렬 시 middle 보다 효과 좋음 baseline*/
}
ol, ul {
	list-style: none;
}
body{
	font-family: 'Nanum Barun Gothic', 'Nanum Gothic', '돋움', sans-serif; font-size:12px; line-height:18px; color:#464646;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}


 /*서브 상단 탭*/
.sub_tab_wrap{position:relative;top:350px;}
.sub_tab{width:100%; border-bottom: 1px solid #b1b9c4; height:60px;}
.sub_tab .tab_btn{width:33.3%;display:inline-block;text-align:center;border-right:1px solid #b1b9c4; font-size:15px; height:60px; line-height:60px;box-sizing:border-box;}
.sub_tab .tab_btn.active{background-color:#035be4; color:#fff;}
.sub_tab a:last-child .tab_btn{border-right:0;}
.sub_tab a{text-decoration:none; color:#333;}

/*서브 제목*/
.sub_contents .sub_cont_title{
	width:100%; text-align:center; padding-top:33px; padding-bottom:30px;}
.sub_contents .notice .big_txt{
	background:url(../images/sub/notice_title_m.png); 
	width:166px; height:45px; margin:0 auto;}
.sub_contents .sub_cont_title .small_txt{
	display:block; padding-top:45px; 
	color:636363;font-size:15px;}
.sub_contents{padding:0 6px; overflow:hidden;}

/*검색창*/
.search_ui {
    position: relative;
	overflow: hidden; margin-bottom:10px;
	width:100%;
}
.notice_list .total_list {
	font-size:15px;
    display: inline-block;
    position: absolute;
    bottom: 0;

}
span.input_zone {
	position:relative;
    display: inline-block;
    float:right;
	height:30px;
}
.search_ui input {
    padding: 4px;
    width: 100px;
    height: 30px;
    border: 1px solid #b7b7b7;
    color: #636363;
	position:absolute; top:0; right:30px;
}
.search_ui .btn_type1 {
    padding: 0;
    border: 1px solid #035be4;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 0px;
    background: url(../images/sub/search_bt_ico_m.png);
    text-indent: -9999px;
    margin-left: -6px;
	position:absolute; top:0; right:0;
}

/*공지사항 게시판*/
.notice_list .table_notice table {
	width:100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.notice_list .table_notice table th {
    text-align: center;
	font-size:15px;
    height: 49px;
    line-height: 49px;
    background-color: #eef3fa;
    border-top: 3px solid #035be4;
    border-bottom: 1px solid #fff;
    color: #201f1f;
}
.notice_list .table_notice table tr td.noti {
    background: url(../images/sub/notice_icon_m.png) no-repeat 50% 50%;
    text-indent: -9999px;
}
.notice_list .table_notice table tr {
    height: 50px;
    line-height: 20px;
    background-color: #fff;
    border-bottom: 1px solid #d0d5dc;
    font-size: 15px;
    text-align: center;
    color: #a4a4a4;
}
.notice_list .table_notice table tr td{padding:15px 0;}
.notice_list .table_notice table tr td.left {
	padding-left:10px;
    text-align: left;
}
.notice_list .table_notice table tr td a{text-decoration:none; color:#333;}
.notice_list .table_notice table tr td a:hover{text-decoration:underline; color:#035be4;}


/*페이지버튼*/

.notice_list .page_num_bt .page_bt {
    margin-bottom: 30px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.notice_list .page_num_bt .backward {
    background-image: url(../../images/sub/page_bt_backward.png);
    background-repeat: no-repeat;
	background-size:90%;
    background-position: 50% 50%;
}
.notice_list .page_num_bt .forward {
    background-image: url(../../images/sub/page_bt_forward.png);
    background-repeat: no-repeat;
	background-size:90%;
    background-position: 50% 50%;
}
.notice_list .page_num_bt ul li {
    margin: 0 5px;
    color: #201f1f;
    float: left;
    text-align: center;
}
.notice_list .page_num_bt ul li a {
	text-decoration:none; color:#333;
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #9da8b7;
    background: #fff;
    line-height: 30px;
}
.notice_list .page_num_bt ul li a.active {
    background: #035be4;
    font-weight: bold;
    color: #fff;
    border: 1px solid #035be4;
}

/*공지 읽기 페이지*/
.notice_read .table_notice table {
	
	width:100%;
    border-collapse: collapse;
    border-top: 3px solid #035be4;
}
.notice_read .table_notice table tr {
	width:100%;
    height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #d0d5dc;
    font-size: 16px;
    text-align: left;
    color: #201f1f;
}
.notice_read .table_notice table tr:nth-child(1) {line-height: 23px; padding:5px;}
.notice_read .table_notice table tr:nth-child(1) td:last-child {width:70%;}
.notice_read .table_notice table tr:nth-child(2) {line-height: 50px;}
.notice_read .table_notice table tr:nth-child(2) td:last-child {width:70%;}
.notice_read .table_notice table tr td:last-child a {
	text-decoration:none;
    color: #959595;
	margin:5px;
}
.notice_read .table_notice table tr td.first {
	width:30%;
    background-color: #eef3fa;
    text-align: center;
	vertical-align:middle;
}
.notice_read .table_notice table tr td.cnt {
	width:100%;
	font-size:15px;
    line-height: 28px;
    padding: 30px 0;
	padding-right:10px;
}


.notice_read .table_notice table tr .prev_next li {
	overflow:hidden;
	height:45px; 
    font-size: 15px;
}
.notice_read .table_notice table tr .prev_next ul li a{margin-left:0;}
.prev_next .list_prev {
	padding-bottom:0;
}
.prev_next li span.prev_txt {
    color: #035be4; display:inline-block; padding-right:10px;font-size:16px;
	height:45px;line-height:45px;
}
.prev_next .list_prev{border-bottom: 1px solid #ddd;}
.prev_next .list_prev .ico {
	float:left;
    display: inline-block;
    width:50px;
    background: url(../images/sub/prev_bt_m.png);
    height: 45px;
}
.prev_next .list_next .ico {
	float:left;
    display: inline-block;
    width: 50px;
    background: url(../images/sub/next_bt_m.png);
    height: 45px;
}



.sub_contents .bt_right {
    margin-top:20px;
	margin-bottom:40px;
    float: right;
    line-height: 35px;
    text-align: center;
    width: 100px;
    height: 35px;
    background-color: #035be4;
    border: solid 1px #0046b2;
}
.sub_contents .bt_right a {
    color: #fff;
    width: 100px;
    height: 35px;
    display: inline-block;
	font-size:16px;
	text-decoration:none;
}

/* 자주묻는 질문 */
.sub_contents .faq .big_txt{
	background:url(../images/sub/faq_title_m.png); 
	width:166px; height:45px; margin:0 auto;}

.faq_list .faq_tab a{color:#636363;}
.faq_list .faq_tab li{ 
	box-sizing:border-box;
	text-align:center; 
	line-height:60px;
	display: inline-block;
    width: 20%; height: 60px;
	background-color:#eef3fa; 
	border-top:1px solid #d0d5dc;
	border-right:none; font-size:16px;
	border-bottom:3px solid #035be4;}
.faq_list .faq_tab li:last-child{ 
	border-right:1px solid #d0d5dc; }
.faq_list .faq_tab li.active{
	background-color:#fff;
	border:3px solid #035be4;
	border-bottom:3px solid #fff;
	font-weight:bold;}


.faq_list .accordion_box{
	margin-top:30px;
	margin-bottom:40px;
	font-size:15px;
	border-top:1px solid #d0d5dc;
}
.faq_list .accordion_box li .question{
	border-bottom:1px solid #d0d5dc;
	display:block; width:100%; 
	line-height:29px; padding:15px 0;
	position:relative;}
.faq_list .accordion_box li .answer{
	background-color:#eef3fa; 
	border-bottom:1px solid #d0d5dc;
	padding-top:60px; padding-bottom:15px; line-height:30px;
	position:relative;}

.faq_list .accordion_box li .question .ico{
	background:url(../../images/sub/q_icon.png);
	width:37px; height:37px;position:absolute;
	left:13px;top:16px;}
.faq_list .accordion_box li .question span{
	display:inline-block; margin-left:65px; padding-right:60px;
	}
.faq_list .accordion_box li .question .btn{
	background:url(../../images/sub/down_icon.png);
	width:37px; height:37px;position:absolute;
	right:15px;top:16px;}

.faq_list .accordion_box li .question .btn.active{
	background:url(../../images/sub/up_icon.png);}

.faq_list .accordion_box li .answer{display:none;}

.faq_list .accordion_box li .answer.active{display:block;}
.faq_list .accordion_box li .answer .ico{
	background: url(../../images/sub/a_icon.png);
    background-position-x: right;
    width: 40px;	height: 38px;
    position: absolute;
    left: 13px;	top: 16px;}
.faq_list .accordion_box li .answer .ans_txt{
	font-weight: bold; color:#035be4;
    top: 21px;
    display: block;
    position: absolute;
    left: 61px;}
.faq_list .accordion_box li .answer .mar_left{
	display:inline-block; margin-left:20px;  padding-right:20px;}


.faq_list .page_num_bt .page_bt {
    margin-bottom: 30px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.faq_list .page_num_bt .backward {
    background-image: url(../../images/sub/page_bt_backward.png);
    background-repeat: no-repeat;
	background-size:90%;
    background-position: 50% 50%;
}
.faq_list .page_num_bt .forward {
    background-image: url(../../images/sub/page_bt_forward.png);
    background-repeat: no-repeat;
	background-size:90%;
    background-position: 50% 50%;
}
.faq_list .page_num_bt ul li {
    margin: 0 5px;
    color: #201f1f;
    float: left;
    text-align: center;
}
.faq_list .page_num_bt ul li a {
	text-decoration:none; color:#333;
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #9da8b7;
    background: #fff;
    line-height: 30px;
}
.faq_list .page_num_bt ul li a.active {
    background: #035be4;
    font-weight: bold;
    color: #fff;
    border: 1px solid #035be4;
}
@media (max-width:300px){
	.faq_list .faq_tab li {font-size:12px;}
	.faq_list .accordion_box li div span{font-size:12px; line-height:22px;}
	.faq_list .accordion_box li .answer .ans_txt{top:24px;}
}





/* 문의하기 */

.sub_contents .inquiry .big_txt{
	background:url(../images/sub/inquiry_title_m.png); 
	width:166px; height:45px; margin:0 auto;
}


.inquiry_write .table_inquiry table {
	width:100%;
	border-collapse: collapse; 
	border-top:3px solid #035be4;
	margin-bottom:20px;}  
.inquiry_write .table_inquiry table tr {
	height:72px;  background-color:#fff; 
	font-size:16px; 
	text-align:left; color:#201f1f;  }
.inquiry_write .table_inquiry table tr td{ padding-left:20px; }
.inquiry_write .table_inquiry table tr td span.tit_inq {
	font-size: 15px;
    color: #035be4;
    display: block;
    padding-bottom: 10px;
    padding-top: 20px;
    font-weight: bold;}
.inquiry_write .table_inquiry table tr td:last-child { color:#959595; }
.inquiry_write .table_inquiry table tr td input.input_file { display:block;}

.inquiry_write .table_inquiry table tr:first-child td{
	height:77px;
	padding-top:20px;}


.inquiry_write .table_inquiry  .input_txt{
	width: 84%;
	padding: 4px;
	height: 45px;
	line-height:45px;
	border: 1px solid #b7b7b7;
	color: #636363; }
.inquiry_write .table_inquiry select{
	border: 1px solid #b7b7b7;
	width: 84%;
    height: 50px;
    font-size: 16px; }
.inquiry_write .table_inquiry  .input_txtarea{
	width:84%; height:200px;
	padding: 4px;
	border: 1px solid #b7b7b7;
	color: #636363; padding-top:15px;
	font-family: 'Nanum Barun Gothic', 'Nanum Gothic', '돋움', sans-serif; font-size:14px; line-height:24px; }

.filebox input[type="file"] { 
	position: absolute; width: 1px; height: 1px; 
	padding: 0; margin: -1px; overflow: hidden; 
	clip:rect(0,0,0,0); border: 0; } 
.filebox label { display: inline-block; 
	padding: .5em .75em; color: #fff; 
	font-size: inherit; line-height: normal; 
	vertical-align: middle; background-color:#035be4; 
	cursor: pointer; 
	border-bottom-color: #e2e2e2; border-radius: .25em; } /* named upload */ 
.filebox .upload-name { 
	display: inline-block; padding: .5em .75em; /* label의 패딩값과 일치 */ 
	font-size: inherit; font-family: inherit; line-height: normal; 
	vertical-align: middle; background-color: #f5f5f5; 
	border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none; appearance: none; } 


.sub_contents .bt_center{
	line-height:50px; text-align:center;
	width:150px;
	height:50px;
	background-color:#035be4;
	border: solid 1px #0046b2;
	margin:0 auto;
	margin-bottom:50px;
}

.sub_contents .bt_center input.write{
	width: 150px; height:50px;
	display:inline-block;
	color:#fff; font-size:18px;
	border:0; background-color:#035be4;}
.sub_contents .bt_center input.write:hover{
	background-color:#0046b4;}