@charset "UTF-8";
@font-face {
    font-family: 'Noto Sans Kr';
    font-style: normal;
    font-weight: 300;
    src:local('Noto Sans Light'),local('NotoSans-Light'),url('../../common/font/NotoSansKR-Light.woff') format('woff')
}
@font-face {
    font-family: 'Noto Sans Kr';
    font-style: normal;
    font-weight: 400;
    src:local('Noto Sans Regular'),local('NotoSans-Regular'),url('../../common/font/NotoSansKR-Regular.woff') format('woff')
}
@font-face {
    font-family: 'Noto Sans Kr';
    font-style: normal;
    font-weight: 500;
    src:local('Noto Sans Medium'),local('NotoSans-Medium'),url('../../common/font/NotoSansKR-Medium.woff') format('woff')
}
@font-face {
    font-family: 'Noto Sans Kr';
    font-style: normal;
    font-weight: 700;
    src:local('Noto Sans bold'),local('NotoSans-Bold'),url('../../common/font/NotoSansKR-Bold.woff') format('woff')
}

/* skip navigation */
.skip_navi a { display:block; position:absolute; left:0; top:-100px; width:100%; padding:0px 0; text-align:center; z-index:1001; border:none; }
.skip_navi a:active, .skip_navi a:focus { top:0; font-weight:bold; font-size:16px; padding:5px 0; background:#e1e1e1; line-height:1.4; border-bottom:1px solid #aaa; outline:transparent; }

/* base */
html { -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; }
html, body { margin:0; padding:0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button { margin:0; padding:0; font-weight:normal; word-break:keep-all; box-sizing:border-box; }
dl,ul,ol,menu,li {list-style:none; }
img { border:0; height:auto; line-height:100%; vertical-align:top; outline:none; text-decoration:none; }
input::-ms-clear { display:none; }
iframe { border:0; margin:0; padding:0; }
body, h1, h2, h3, h4, input, button, textarea,p,a,select { font-family:'Noto Sans Kr','맑은 고딕','Malgun Gothic','돋움',dotum,AppleGothic,sans-serif; color:#303339; letter-spacing:-1px; line-height:1.4; font-size:16px; }
button { border:none; background-color:transparent; cursor:pointer; }
button::-moz-focus-inner { border:0; padding:0;}
button:focus,select:focus { outline:transparent; }
input, select { vertical-align:middle; margin:0 3px; }
input::placeholder,textarea::placeholder { color:#808081; }

input[type=text],input[type=password],input[type=file],input[type=tel] { border:1px solid #dbdddf; height:34px; vertical-align:middle; padding:0 6px; color:#808081; font-size:15px; }
textarea { border:1px solid #dbdddf; padding:6px; color:#808081; font-size:15px;  }
input[type=text]:focus,input[type=password]:focus,textarea:focus,input[type=tel]:focus { outline:1px solid #0082ff; border:1px solid #0082ff; }
table { border-collapse:collapse; border:0; border-spacing:0; width:100%; }
caption, legend { text-indent:-9999px; overflow:hidden; height:0; }
em,address { font-style:normal; }
strong { font-weight:500; }

a { text-decoration:none; }
#container:focus { outline:transparent; }
a:hover { color:#0082ff; }
select { -webkit-appearance:none; cursor:pointer; height:34px; border:1px solid #dbdddf; padding:0 28px 0 7px; -moz-appearance: none; appearance:none; background:#fff url(../../images/common/select_arrow.gif) no-repeat right center; border-radius:0; color:#808081; font-size:15px; }
select::-ms-expand { display:none; } /* ie11핵 */
:root select { padding-right:0\9; } /* ie9핵 */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	select { padding-bottom:3px; }
} /* 크롬핵 */

/* input[type=text] width */
input[type=text],input[type=password] { width:120px; }
input[type=text].width_70 { width:70px; }
input[type=text].width_200 { width:200px; }
input[type=text].width_60 { width:60%; }
input[type=text].width_90 { width:90%; }
input[type=text].width_80,textarea.width_80 { width:80%; }
input[type=text].width_100,textarea.width_100 { width:100%; }
input[type=text]+a { margin-left:3px; vertical-align:top; }

.container { position:relative; width:1100px; margin:30px auto 0; }
#header .container,#container.container,.apply_fixed .container,.main_container { background:none; margin-top:0; }
.container:after { content:""; display:block; clear:both; }

/* 디자인된 체크박스 */
.checkbox_section { margin-top:30px; text-align:right;}
.design_checkbox span.large_txt { font-size:18px; color:#92919a; display:inline-block; line-height:1; }
.design_checkbox { display:inline-block; }
.design_checkbox span { cursor:pointer; display:inline-block; padding-left:27px; height:24px; background:url(../../images/common/checkbox.png) no-repeat; font-size:16px; color:#92919a; font-weight:300; line-height:1.1; }
.design_checkbox .on { background-position:0 -40px;}
.design_checkbox input[type=checkbox] { position:absolute; left:-9999px; text-indent:-9999px; overflow:hidden; }
.check_list li { display:inline-block; margin:0 25px 5px 0; }

/* 디자인된 라디오버튼 */
.radio_section { display:inline-block; }
.radio_section label { cursor:pointer; display:inline-block; background:url(../../images/common/radio_button.png) no-repeat; padding-left:27px; margin-left:10px; height:21px; vertical-align:middle; }
.radio_section label.on { background-position:0 -21px; }
.radio_line2 { margin:10px 0 5px -10px; }
.radio_section input[type=text] { margin-left:8px; vertical-align:middle; }

/* 디자인된 첨부파일 */
.file_search_area { position:relative; display:inline-block; height:28px; }
.file_search_area .placeholder { position:absolute; left:10px; top:5px; color:#808081; font-size:15px; }
.file_search_area .placeholder.displayN { display:none; }
input[type=text].file_input_textbox { width:423px; vertical-align:top; }
a.btn_file_search { display:inline-block; box-sizing:border-box; padding-top:4px; background:#999; width:120px; height:28px; text-align:center; color:#fff; vertical-align:top; margin-left:3px; transition:all .2s; }
.file_input_opacity { position:absolute; left:0; top:0; width:560px; cursor:pointer; opacity:0; }
.file_search_area .btn_add { margin-left:8px; height:28px; }
.file_search_area.small input[type=text].file_input_textbox { width:243px; }
.file_search_area.small .file_input_opacity { width:350px; }
.file_search_area.small a.btn_file_search { width:100px; margin-left:1px; }
.file_search_area.small .btn_add { margin-left:5px; }
.file_search_area .btn_del { border:1px solid #ccc; width:20px; height:20px; margin-left:10px; }

/* 검색창 */
.search_section { text-align:center; margin-top:30px; }
.search_section input[type=text] { width:300px; }
.btn_search { display:inline-block; box-sizing:border-box; width:50px; height:36px; text-align:center; color:#fff; vertical-align:middle; margin-left:3px; background:#0082ff url(../../images/common/icon_search.png) no-repeat 15px center; text-indent:-9999px; overflow:hidden; transition:all .2s; border-radius:2px; }
.btn_search:hover { background-color:#003584; }

/* 버튼 */
.btn_more { display:inline-block; text-indent:-9999px; overflow:hidden; width:20px; height:20px; background:#fff url(../../images/common/btn_moreView.png) no-repeat; transition:all .3s; }
.btn_more:hover { background-color:#eceff1; }
.btn_txt { display:inline-block; text-align:center; box-sizing:border-box; padding:4px 8px 5px; height:28px; font-size:13px; min-width:70px; border:1px solid #bbb; color:#444; }
.btn_txt_small { display:inline-block; text-align:center; box-sizing:border-box; padding:2px 10px; height:22px; font-size:13px; border:1px solid #bbb; color:#444; }
.btn_txt.arrow:after { content:""; background:url(../../images/common/bullet_next.png) no-repeat 4px center; padding-right:8px; }

.btn_vertical_list li { display:block; margin-bottom:3px; }
.btn_vertical_list li a,.btn_vertical_list li button { min-width:80px; }
.btn_vertical_list li:last-child { margin-bottom:0; }

.btn_section.alignR { margin-top:25px; }
.btn_section li,.btn_section li a,.btn_section li button { display:inline-block; }
.btn_section li { margin-left:3px; }
.btn_section li:first-child { margin-left:0; }
.btn_section li a,.btn_section li button { border-radius:2px; padding:5px 20px 6px; text-align:center;min-width:50px; border:1px solid #999; transition:all .3s; }
.btn_section li a:hover { color:#444; background:#eceff1; }
.btn_section li:last-child a,.btn_section li:last-child button { border:1px solid #223477; background:#223477; color:#fff; }
.btn_section li:last-child a:hover, .btn_section li:last-child button:hover { color:#fff; background:#0082ff; border:1px solid #0082ff; }

.btn_section_small { display:inline-block; }
.btn_section_small li,.btn_section_small li a,.btn_section_small li button { display:inline-block; }
.btn_section_small li { margin-left:2px; }
.btn_section_small li:first-child { margin-left:0; }
.btn_section_small li a,.btn_section_small li button { padding:4px 10px; box-sizing:border-box; height:28px; border:1px solid #bbb; font-size:13px; transition:all .3s; }
.btn_section_small li a:hover { color:#444; background-color:#eceff1; }

.btn_section_conCenter {  margin:30px auto 0; text-align:center; }
.btn_section_conCenter li { margin-left:5px; display:inline-block; }
.btn_section_conCenter li:first-child { margin-left:0; }
.btn_section_conCenter li a,.btn_section_conCenter li button { font-size:18px; display:inline-block; min-width:70px; padding:9px 38px 10px; border:1px solid #999; transition:all .3s; border-radius:2px; }
.btn_section_conCenter li a:hover,.btn_section_conCenter li button:hover { color:#444; background:#eceff1; }
.btn_section_conCenter li:last-child a,.btn_section_conCenter li:last-child button { border:1px solid #0082ff; background:#0082ff; color:#fff; }
.btn_section_conCenter li:last-child a:hover,.btn_section_conCenter li:last-child button:hover { color:#fff; background:#003584; border:1px solid #003584; }

/* 아이콘 */
.icon_txt { display:inline-block; box-sizing:border-box; padding:3px 10px; border:1px solid transparent; font-size:13px; text-align:center; min-width:67px; }

/* 버튼, 아이콘 색 */
.color_whiteBg { background:#fff; border:1px solid #999; }
.color_grayBg { background:#999; color:#fff !important; border:none; }
.color_deepgrayBg { background:#3e3e55; border:1px solid #3e3e55; color:#fff !important; }
.color_blueBg { background:#0082ff; border:1px solid #0082ff; color:#fff !important; }
.color_redBg { background:#d13333; border:1px solid #d13333; color:#fff !important; }
.border_blue { background:#fff; border:1px solid #0082ff; color:#0082ff; }
.border_red { background:#fff; border:1px solid #d13333; color:#d13333; }
.flash_ani { animation:flash_ani .8s ease infinite; }

@keyframes flash_ani {
		0% { opacity:0; }
		20% { opacity:1; }
		80% { opacity:1; }
		100% {  opacity:0; }
	}

/* 텍스트 색 */
.txt_blue { color:#0082ff; }
.txt_red { color:#ce1313; }

/* 레이어 폼 */
.layer_basic { display:none; position:absolute; background:#fff; box-shadow:2px 2px 2px #ccc; z-index:100; }
.layer_basic .header { background:#3e3e55; height:40px; width:100%; }
.layer_basic .header .title { box-sizing:border-box; font-weight:bold; font-size:18px; text-align:center; padding-top:7px; color:#fff; font-weight:normal; }
.layer_basic .header .comment { font-size:18px; margin-top:8px; }
.layer_basic .layer_content { padding:20px; min-width:300px; min-height:150px; border:1px solid #aaa; border-bottom:none; border-top:none; }
.layer_basic .btn_section { padding:12px 0 0; box-sizing:border-box; height:55px; text-align:center; border:1px solid #aaa; border-top:1px solid #ddd; }
.layer_basic .layer_content { overflow:auto; overflow-x:hidden; }

/* 팝업 폼 */
.popup_basic { width:100%; }
.popup_basic .header { background:#3e3e55; height:40px; width:100%; }
.popup_basic .header .title { box-sizing:border-box; font-weight:bold; font-size:18px; text-align:center; padding-top:7px; color:#fff; font-weight:normal; }
.popup_basic .popup_content { padding:20px; min-height:190px; border:1px solid #aaa; border-top:none; overflow:auto; overflow-x:hidden; }
.popup_basic .popup_content.padding0 { padding:0; }
.popup_basic .btn_section_conCenter { margin-top:25px; }
.popup_basic .btn_section_conCenter li a,.popup_basic .btn_section_conCenter li button { font-size:16px; min-width:110px; padding:5px 38px 7px; }
.popup_basic .pop_comment { border-bottom:1px solid #ddd; padding:10px 20px; }

/* 테이블 하단 코멘트 */
.table_comment { margin-top:20px; color:#888; }
.table_comment strong { color:#ce1313; font-weight:normal; }
.table_comment .title { margin-bottom:5px; color:#444; }
.table_comment .list_bullet { font-size:14px; }
.table_comment .list_bullet a { font-size:14px; }

/* 테이블 내부 코멘트 */
.table_in_comment { color:#888; font-size:14px; }
.table_in_comment strong { color:#ce1313; font-weight:normal; }
p.table_in_comment  { margin-top:15px; padding-left:14px; background:url(../../images/common/bullet_comment.png) no-repeat 0 4px; }
p.table_in_comment.marginT0  { margin-top:0; }
span.table_in_comment  { padding-left:5px; }

.displayN { display:none; }
.displayB { display:block; }

/* margin */
.marginT7 { display:inline-block; margin-top:7px !important; }
.marginT10 { display:inline-block; margin-top:10px !important; }
.marginT20 { display:inline-block; margin-top:20px !important; }
.marginL20 { display:inline-block; margin-left:20px; }
.marginL0 { display:inline-block; margin-left:0 !important; }

/* 테이블 상단 버튼 */
.table_assist { position:relative; margin:30px 0 15px 0; }
.table_assist.first { margin-top:0; }
.table_assist > p { font-size:21px; }
.table_assist > p > span { color:#0082ff; font-weight:bold; }
.table_assist > .btn_section { position:absolute; right:0; bottom:0; }
.table_assist > span { font-size:13px; color:#888; padding:0 5px; }
.table_assist h4 { display:inline-block; font-size:21px; }
.table_assist em { color:#0082ff; }

/* 기본 테이블 */
.table_basic { border-top:2px solid #3e3e55; }
.table_basic.borderT0 { border-top:1px solid #cfcfda; }
.table_basic th,.table_basic td { box-sizing:border-box; padding:10px 13px; }
.table_basic th { background:#ededf2; border:1px solid #cfcfda; border-top:none; }
.table_basic td { border:1px solid #cfcfda; text-align:center; }

/* 기본 테이블 왼쪽 정렬 */
.table_basic.alignL > tbody > tr > td,.table_basic.alignL > tbody > tr > th,.table_list.alignL > tbody > tr > td,.table_list.alignL > tbody > tr > th { text-align:left; }
.table_basic.td_alignL > tbody > tr > td,.table_list.td_alignL > tbody > tr > td { text-align:left; }

/* 중첩된 테이블 */
.table_inside th,.table_inside td { box-sizing:border-box; padding:8px; text-align:center; }
.table_inside th { background:#efefef; border:1px solid #ddd; }
.table_inside td { border:1px solid #ddd; }

/* 리스트 테이블 */
.table_list { border-top:2px solid #3e3e55; }
.table_list.borderT0 { border-top:1px solid #cfcfda; }
.table_list th,.table_list td { box-sizing:border-box; padding:10px 13px; }
.table_list.alignC th,.table_list.alignC td { text-align:center; }
.table_list th { background:#ededf2; border-bottom:1px solid #cfcfda; border-top:none; }
.table_list td { border-bottom:1px solid #cfcfda; }

.alignL { text-align:left !important; }
.alignR { text-align:right !important; }

table caption.visible { text-indent:0; font-size:34px; height:auto; margin-bottom:12px; }

/* 페이징 */
.paginate:after { content:""; display:block; clear:both; }
.paginate { margin:40px auto 0; display:table; }
.paginate li { float:left; background:#fff; width:32px; height:32px; text-align:center; font-size:14px; margin-right:4px; }
.paginate li a,.paginate li strong { box-sizing:border-box; padding-top:5px; display:inline-block; width:100%; height:100%; vertical-align:middle; border:1px solid #d5d5d5; color:#666;  }
.paginate strong { color:#fff !important; background:#3e3e55; border:1px solid #3e3e55 !important; }
.paginate .first a,.paginate .prev a,.paginate .next a,.paginate .end a { background:#fff url(../../images/common/paginate_bg.png) no-repeat; }
.paginate .first a { background-position:0 -60px; }
.paginate .next a { background-position:right -30px; }
.paginate .end a { background-position:right -90px; }
.paginate .prev { margin-right:16px; }
.paginate .next { margin-left:13px; }
.paginate_section { position:relative; }
.paginate_section .btn_alignR { position:absolute; right:0; top:-35px; }
.paginate_section .paginate { margin:60px auto 0; }
.popup_basic .paginate { margin-top:30px; }

/* 콘텐츠 내용 중 들어갈 탭메뉴 */
.tab_menu_middle:after { content:""; display:block; clear:both; }
.tab_menu_middle { position:relative; margin-top:50px; }
.tab_menu_middle.margin0 { margin-top:0; }
.tab_menu_middle li { float:left; width:25%; height:55px; }
.tab_menu_middle.six li { width:16%; }
.tab_menu_middle.six li:nth-child(3) { width:20%; }
.tab_menu_middle.five li { width:20%; }
.tab_menu_middle.three li { width:33%; }
.tab_menu_middle.three li:last-child { width:34%; }
.tab_menu_middle.two li { width:50%; }
.tab_menu_middle li a { box-sizing:border-box; padding-top:15px; border-right:2px solid #fff; background:#ebebf4; display:inline-block; width:100%; height:100%; font-size:18px; color:#888; text-align:center; }
.tab_menu_middle li:last-child a { border-right:none; }
.tab_menu_middle li a.current { color:#fff; background:#223477; text-align:center; }

/* 탭메뉴 2칸 */
.multiple_tab { margin:0 0 2px 0 !important; }

.tab_menu_small { margin:30px 0 20px; border-bottom:1px solid #888; }
.tab_menu_small li,.tab_menu_small li a { display:inline-block; }
.tab_menu_small a { min-width:100px; height:34px; background:#888; border-radius:3px 3px 0 0; text-align:center; color:#fff; box-sizing:border-box; padding:8px 10px 0; }

/* 리스트 중 블렛 */
.list_bullet.border,.box_border { border:3px solid #e1e6ee; padding:20px; }
.list_bullet li:before,.list_bullet dd:before { content:"- "; margin-left:-12px; padding-right:3px; }
.list_bullet.bulletN dd { margin-left:0; }
.list_bullet.bulletN dd:before { content:""; margin-left:0; }
.list_bullet li { margin:0 0 5px 12px; }
.list_bullet li:last-child { margin:0 0 0 12px; }
.list_bullet em { color:#0082ff; }
.list_bullet strong { color:#ce1313; font-weight:normal; }
dl.list_bullet dt { font-size:18px; margin-bottom:5px; color:#444; }
dl.list_bullet dd { color:#888; margin:0 0 0 12px;}
.num_list_bullet li { list-style:decimal; margin:0 0 5px 15px; }
.num_list_bullet li:last-child { margin-bottom:0; }
.screen_out { display:block !important; overflow:hidden !important; position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; text-indent:-9999px !important; }
.icon_new { padding-left:5px; display:inline-block; }
.icon_new img { vertical-align:-3px; }

.input_list dt,.input_list dd { display:inline-block; font-size:14px; color:#888; }
.input_list dt { min-width:35px; vertical-align:-2px; padding-right:5px; }
.input_list dd { margin-right:15px; }
.input_list li { display:inline-block; }
dl.input_list { margin-bottom:5px; }
dl.input_list:last-child { margin-bottom:0; }

/* 모바일웹 바로가기 */
.mobileWeb_link { display:inline-block; width:100%; height:55px; line-height:50px; background:#d9d9dd; margin-top:32px; font-size:28px; text-align:center; }
.mobileWeb_link:after { content:" >" }

/* 체크박스 코딩 수정_20191016 */
.checkbox_area input[type=checkbox] { cursor:pointer; display:inline-block; width:19px; height:19px; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; background:#fff url(../../images/common/checkbox.png) no-repeat 0 0; }
.checkbox_area.right { display:block; text-align:right; margin-top:30px; }
.checkbox_area input[type="checkbox"]::-ms-check {display:none;}
.checkbox_area input[type=checkbox]:checked { background-position:0 -41px; }
.checkbox_area span { cursor:pointer; font-size:13px; color:#888; padding-left:3px; vertical-align:-1px; }
.checkbox_area .large_txt { font-size:18px; color:#444; }

 /* 모달 레이어 폼 */
.modal_layer { display:none; position:absolute; z-index:1001; }
.modal_layer .header { background:#3e3e55; height:40px; width:100%; }
.modal_layer .header .title { box-sizing:border-box; font-weight:bold; font-size:18px; text-align:center; padding-top:7px; color:#fff; font-weight:normal; }
.modal_layer .header .comment { font-size:18px; margin-top:8px; }
.modal_layer .layer_content { padding:20px; min-width:300px; min-height:150px; background:#fff; }
.modal_layer .btn_section { padding:12px 0 0; box-sizing:border-box; height:55px; text-align:center; border-top:1px solid #ddd; background:#fff; }
.modal_layer .layer_content { overflow:auto; overflow-x:hidden;}
.modal_layer .dayCheck { position:absolute; right:5px; bottom:-28px;font-size:13px; color:#fff; }
.modal_layer .dayCheck input { vertical-align:-3px; cursor:pointer; width:16px; height:16px;}
 
.modal_layerBg { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8);
     z-index:-1; }
.modal_layer .btn_modalClose { position:absolute; right:-35px; top:10px; }
.modal_layer .btn_modalClose2 {
    position: absolute;
    right: -35px;
    top: 10px;
}

/* 공지 상단 고정 */
.notice_list tr.noticeLine td{background: #f4f8ff;}
.noticeLine a,
.notice_list tr.noticeLine td a{font-weight: 700;}
.noticeLine .notice_tab{background: #0082ff; color: #fff; margin-left: 5px; padding: 2px 5px 3px; border-radius: 3px;}