@charset "UTF-8";
@import url("../../css/common.css");
@import url("contents.css");

.main_wrap { width: 1280px; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; position: relative; padding-top: 35px;margin-left: 320px;}

#visual { position: relative; height: 38rem; margin-bottom: 15rem; color: #fff; text-align: center; }

#visual .title { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 4rem; width: 100%; }

#visual .control { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 150rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; }

#visual .control a { font-size: 1.8rem; float: left; line-height: 5rem; }

#visual .control a::before { float: left; width: 5rem; height: 5rem; margin-right: 1rem; border-radius: 100%; background-color: rgba(0, 0, 0, 0.2); font-family: "xeicon"; content: ''; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; }

#visual .control a.next { float: right; }

#visual .control a.next::before { float: right; margin: 0 0 0 1rem; content: ''; }

#visual .control a:hover::before, #visual .control a:focus::before { background-color: rgba(0, 0, 0, 0.7); }

#visual .img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; z-index: -1; width: 1000%; height: 100%; }

#visual .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: inherit; height: 100%; }

#snb { float: left; width: 280px;position: relative;padding-top: 35px;}

#snb .title { width:100%;margin-bottom:1px;height:95px;background:url(../images/bg_h2.png) repeat 0 0;background-size:cover; display:table;padding:33px 20px;font-size:23px;color:#fff;font-weight:bold;letter-spacing:-1px;vertical-align:middle;line-height:25px }

#snb .list { overflow: hidden; border-bottom: 1px solid #ccc; }

#snb .list > ul > li { border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc }

#snb .list > ul > li:first-child {border-top:1px solid #ccc;}

#snb .list > ul > li:last-child {border-bottom:0}

#snb .list > ul > li > a { position:relative;display:block;padding:18px 10px;font-size:16px;vertical-align:middle;box-sizing:border-box;word-break:break-all;line-height:20px;color:#333 }

#snb .list > ul > li.active > a {background:url(../images/bg_lnb_on.png) no-repeat 0 0;background-size: cover; color: #fff;}

#snb .list > ul > li.type1 > a::after { content:''; display:block;position:absolute;top:50%;right:11px;margin-top:-3px;width:12px;height:6px; background: url(../images/arr_lnb_off.png) no-repeat 0 0; }

#snb .list > ul > li.type1.active > a:after {background:url(../images/arr_lnb_on.png) no-repeat 0 0; border-bottom:0}

#snb .list > ul > li.active > ul { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; }

#snb .list > ul > li > ul {border-top: 1px solid #ccc;background: #fafafa;}

#snb .list > ul > li > ul > li.active > a {color:#333; font-weight: bold;}

#snb .list > ul > li > ul > li {box-sizing: border-box;background: url(../images/bu_lnb_sub.png) no-repeat 10px 17px;border-top: 1px solid #ccc;}

#snb .list > ul > li > ul > li:first-child {border-top:0}

#snb .list > ul > li > ul a { display:block;padding:10px 10px 10px 20px;vertical-align:middle;box-sizing:border-box;word-break:break-all;line-height:19px;font-size:16px;color:#666}

#snb .list > ul > li > ul a:hover {text-decoration:underline;color:#333}

#contents { float: right; width: calc(100% - 32rem); margin-bottom: 10rem; outline: 0; }

#contents_title {font-size:30px;font-weight:bold;line-height:37px;color:#333; padding-top:55px; padding-bottom: 20px;margin-bottom: 30px; border-bottom: 1px solid #666; } 

/*#contents_title { font-size: 3.4rem; margin-bottom: 2.5rem; padding-top: 5rem; font-family: "Nanum Square"; font-weight: 500; color: #000; } */

.location { position: absolute; left: 0; top: 0; width: 100%; height: 3.8rem; border-bottom: 1px solid #ddd; ;border-top: 1px solid #ddd;text-align: right; white-space: nowrap; }

.location::before { content:"";display:block; position: absolute; left: -100000%; top: -0.1rem; width: 10000000000%; height: 3.8rem; border-bottom: 1px solid #ddd; ;border-top: 1px solid #ddd;z-index:-1; }

/*.location .path { position: absolute; right: 0; top:1rem; width: calc(100% - 32rem); height: 2rem; white-space: nowrap; line-height: 2rem; }*/

.location .path { content:"" ;display: inline-block; background: url('../images/ico_page_home.png') left center no-repeat; padding-left: 2.8rem;}

.location .path li { display: inline-block; line-height: 3.8rem;}

.location .path li a { font-size:1.2rem; }

.location .path li + li::before { content: '>'; padding-right:0.5rem;}

.location .path li:nth-child(2)::before {display:none;}

.location .path li.icon {display:none;}

.location .path li.icon a { display: inline-block; overflow: hidden; width: 1.5rem; height: 12rem; text-align: center; vertical-align: middle; }

.location .path li.icon a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; }

.location .list { float: left; position: relative; width: 20rem; padding-top: 6.8rem; border: 1px solid #303b50; background-color: #fff; display:none;}

.location .list a { display: block; position: relative; padding: 0 2rem; border-right: 1px solid rgba(255, 255, 255, 0.2); }

.location .list li { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; background-color: #fff; }

.location .list li.active { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; position: absolute; left: 0; top: 0; width: 100% !important; height: 6.8rem; padding: 0 !important; background: 0 none; color: #fff; line-height: 6.8rem; }

.location .list li.active a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 4rem; background-color: #303b50; }

.location .list li.active a::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; right: 2rem; top: 0; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

.location .list.active { padding-bottom: 1rem; }

.location .list.active li { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; white-space: nowrap; }

.location .list.active li:first-child, .location .list.active li.active:first-child + li { padding-top: 1rem; }

.location .list.active li.active a { height: 6.9rem; }

.location .list.active li a::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.contents_util .util { position: absolute; right: 0; top: auto; margin-top: -8rem; }

.contents_util .util .btn { display: inline-block; overflow: hidden; width: 4rem; height: 4rem; border-radius: 100%; border: 1px solid #ddd; color: #000; text-align: center; line-height: 4rem; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; }

.contents_util .util .btn::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 2rem; font-weight: 400; }

.contents_util .util .btn.print::before { content: ""; }

.contents_util .util .btn.up::before { content: ""; }

.contents_util .util .btn.down::before { content: ""; }

.contents_util .util .btn.open::before { content: ""; }

.contents_util .util .btn:hover, .contents_util .util .btn:focus { border-color: #000; background-color: #000; color: #fff; }

.contents_util .util .share { display: inline-block; position: relative; z-index: 1; vertical-align: top; }

.contents_util .util .share .item { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: absolute; top: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); overflow: hidden; top: 100%; width: 6rem; margin-top: 1rem; padding: 1rem; border: 1px solid #ddd; background-color: #fff; white-space: nowrap; }

.contents_util .util .share .item::before { position: absolute; top: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -0.3rem; width: 1rem; height: 1rem; background-color: #fff; border-top: 1px solid #ddd; border-left: 1px solid #ddd; content: ''; -webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); }

.contents_util .util .share .item .list { display: block !important; }

.contents_util .util .share .item a { display: block; overflow: hidden; width: 3rem; height: 3rem; margin-top: 1rem; text-align: center; line-height: 3rem; }

.contents_util .util .share .item a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 2rem; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.contents_util .util .share .item a.close::before { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all 0.2s; transition: all 0.2s; }

.contents_util .util .share .item a.close:hover::before, .contents_util .util .share .item a.close:focus::before { -webkit-transform: rotate(180deg) translateY(2px); transform: rotate(180deg) translateY(2px); }

.contents_util .util .share .item a.close::before { content: ''; }

.contents_util .util .share .item a:hover::before, .contents_util .util .share .item a:focus::before { -webkit-transform: scale(1.5); transform: scale(1.5); }

.contents_util .util .share .item .facebook a::before { color: #29487d; content: ""; }

.contents_util .util .share .item .twitter a::before { color: #1da1f2; content: ""; }

.contents_util .util .share .item .kakaostory a::before { color: #ffc20f; content: ""; }

.contents_util .util .share .item .kakaotalk a::before { color: #381e1f; content: ""; }

.contents_util .util .share .item .band a::before { font-size: 2rem; font-family: "Noto Sans KR"; font-weight: 900; color: #21c531; content: 'b'; }

.contents_util .util .share.active .btn { border-color: #000; background-color: #000; color: #fff; }

.contents_util .util .share.active .item { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; margin-top: 1.5rem; -webkit-transition: all 0.2s; transition: all 0.2s; }

.depth4_tab ul { display: table; width: calc(100% + 0px); table-layout: fixed; margin-bottom: 5rem; }

.depth4_tab ul > * { display: table-cell; padding-right: 0px; vertical-align: middle; }

.depth4_tab ul li { border: 1px solid #ddd; background-color: #f8f8f8; }

.depth4_tab ul li + li { border-left: 0 none; }

.depth4_tab ul li.active { border-color: #1e95e5; background-color: #1e95e5; font-weight: 600; color: #fff; }

.depth4_tab ul a { display: block; padding: 1.4rem; text-align: center; }

#depth5_menu_ul { overflow: hidden; overflow-x: auto; margin: -3rem 0 5rem; padding-left: 1rem; border-bottom: 1px solid #ddd; white-space: nowrap; }

#depth5_menu_ul li { display: inline; margin-right: 1rem; }

#depth5_menu_ul li.active a { font-weight: 400; color: #484c58; }

#depth5_menu_ul li.active a::before { width: 100%; }

#depth5_menu_ul a { display: inline-block; overflow: hidden; position: relative; padding: 0 1rem 1.5rem; vertical-align: top; }

#depth5_menu_ul a::before { position: absolute; left: 0; bottom: 0; width: 0; height: 0.3rem; background-color: #484c58; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

#depth5_menu_ul a:hover::before, #depth5_menu_ul a:focus::before { width: 100%; }

.contents_info { margin-top: 10rem; }

.contents_info > * + * { margin-top: -1px; }

.contents_info .duty { overflow: hidden; position: relative; padding: 1.5rem 2rem; border: 1px solid #ddd; line-height: 3rem; }

.contents_info .duty .title { font-size: 2rem; float: left; overflow: hidden; width: 3rem; height: 3rem; border-radius: 100%; background-color: #3c4165; font-weight: 400; color: #fff; text-align: center; }

.contents_info .duty .title::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; }

.contents_info .duty .label { font-weight: 500; color: #3c4165; }

.contents_info .duty .label::after { display: inline-block; position: relative; top: -2px; width: 1px; height: 1.2rem; margin: 0 0.5rem 0 0.75rem; background-color: #ddd; content: ''; vertical-align: middle; }

.contents_info .duty .list { float: left; width: calc(100% - 25rem); padding-left: 1rem; }

.contents_info .duty .list li { float: left; margin-right: 2rem; }

.contents_info .duty .list li:last-child { margin-right: 0; }

.contents_info .duty .date { position: absolute; right: 2rem; top: 1.5rem; }

.contents_info .group { display: table; width: calc(100% + 0px); table-layout: fixed; }

.contents_info .group > * { display: table-cell; padding-right: 0px; vertical-align: middle; }

.contents_info .group .item + .item { border-left: 0 none; }

.contents_info .group > .qr:first-child { float: right; }

.contents_info .group .qr { width: 15rem; border: 1px solid #ddd; }

.contents_info #satisfy { position: relative; padding: 3rem 3rem 1rem; border: 1px solid #ddd; background-color: #f6f7f9; }

.contents_info #satisfy .title { font-size: 1.6rem; position: relative; font-weight: 300; }

.contents_info #satisfy .title > strong { font-size: 1.8rem; font-weight: 600; color: #333; }

.contents_info #satisfy .title > span { display: block; color: #484c58; line-height: 1.5;font-size:0; }

.contents_info #satisfy .title .txt { position: absolute; right: 0; bottom: 0;display:none; }

.contents_info #satisfy .title .txt::before { content: '['; }

.contents_info #satisfy .title .txt::after { content: ']'; }

.contents_info #satisfy .title .txt span + span::before { content: ' / '; }

.contents_info #satisfy .title .txt strong { font-weight: 400; }

.contents_info #satisfy .list { padding: 2rem 0 2rem;float: left;width: 90%; }

.contents_info #satisfy .form {float: right;width: 10%;}

/*.contents_info #satisfy .form { position: absolute; right: 0; bottom: 0; width: 55rem; height: 4rem; padding: 0 10rem; line-height: 3rem; }*/

.contents_info #satisfy .form .form_textbox {display:none;}

.contents_info #satisfy .form .length { position: absolute; left: 0; top: 0; width: 9rem; text-align: right; display:none;}

.contents_info #satisfy .form .btn { width: 100%; height: 7rem; border: 0 none; background-color: #484c58; color: #fff; text-align: center;cursor: pointer; }

.kogl { display: table; width: calc(100% + 0px); table-layout: fixed; border: 1px solid #ddd; }

.kogl > * { display: table-cell; padding-right: 0px; vertical-align: middle; }

.kogl .img { width: 17rem; padding: 1rem; border-right: 1px solid #ddd; text-align: center; }

.kogl .txt { padding: 3rem; }

.form_textbox { width: 100%; height: 3.8rem; max-height: 100%; padding: 0 1rem; border: 1px solid #ddd; text-align: left; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; }

.form_textbox:focus { border-color: #000; }

.form_radio { display: inline-block; position: relative; z-index: 0; margin-right: 2rem; padding-left: 2rem; vertical-align: top; }

.form_radio::after {content:'★★★★' ;color:#e42b00;font-size:16px;}

.form_radio:nth-child(2)::after {content:'★★★☆'}

.form_radio:nth-child(3)::after {content:'★★☆☆'}

.form_radio:nth-child(4)::after {content:'★☆☆☆'}

.form_radio:nth-child(5)::after {content:'☆☆☆☆'}

.form_radio input { position: absolute; left: 0; top: 0; opacity: 0; }

.form_radio input:focus + label::before { outline: 1px dotted #000; }

.form_radio input:checked + label::after { background-color: #484c58; }

.form_radio label { cursor: pointer; }

.form_radio label::before { position: absolute; left: 0; top: 0.5rem; z-index: -2; width: 1.5rem; height: 1.5rem; border-radius: 100%; border: 1px solid #ddd; background-color: #fff; content: ''; }

.form_radio label::after { position: absolute; left: 0.5rem; top: 1rem; z-index: -1; width: 0.5rem; height: 0.5rem; border-radius: 100%; content: ''; }

.form_radio:last-child { margin-right: 0; }


/* 2020 커스텀 */


/* =공통 */
.ellipsis {display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn {display:inline-block;vertical-align:middle;color:#fff;box-sizing:border-box;text-align:center;}
.btn_r {margin-top:10px;text-align:right}
.btn_choice {padding:5px 10px;border:1px solid #666;border-radius:3px;color:#333;box-sizing:border-box;line-height:16px}
.btn_choice:hover {background:#f8f8f8}

.row::after {display: block;clear: both;box-sizing: border-box;}
.left {float: left;box-sizing: border-box;}
.right {float: right;box-sizing: border-box;}




/* 서브 메인 타이틀*/
.page_tit {display: none;}

/* new_board 스타일 적용 */

.board_info_new > form {float: none;}
.board_info_new .page_newbox {float: right;line-height:initial;margin-top: 2rem;}
 

.board_sort_box > ul > li:first-child {border-top:2px solid #053863; }
.board_sort_box > ul > li {border-bottom: 1px solid #d7d7d7;padding: 0.7rem;box-sizing: border-box;}


.board_sort_box .left_box {width: 10rem;text-align: center;font-size: 1.5rem;font-weight:bold; }

.board_sort_box .right_box {width: calc(100% - 10rem - 2rem);}
.board_sort_box .right_box .checkbox_container {position: relative;padding: 0 0.5rem;}
.board_sort_box .right_box .checkbox_container.calc_3_1 {width: 33.33%;padding: 0.3rem;}
.board_sort_box .right_box .checkbox_container.calc_w55 {width: 55%;padding: 0.3rem;}
.board_sort_box .right_box .checkbox_container.calc_w11 {width: 11.5%;padding: 0.3rem;}
.board_sort_box .right_box .checkbox_container:nth-child(3n+4){clear: both;}

.board_sort_box .right_box .checkbox_container .form_select {display: block;vertical-align: middle;}
.board_sort_box .right_box .checkbox_container .form_select select {vertical-align: middle;}
.board_sort_box .right_box .checkbox_container .form_textbox {height:4rem; vertical-align: middle; }
.board_sort_box .right_box .checkbox_container button {width: 100%;height: 4rem;color:#fff; background-color: #777;vertical-align: middle;}

 
.board_sort_box .right_box .checkbox_container input[type="checkbox"] ,
.tab_box_container input[type="checkbox"] {
	position: absolute;
	width: 0.1rem;
	height: 0.1rem;
	padding: 0;
	margin: -0.1rem;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

.board_sort_box .right_box .checkbox_container input[type="checkbox"] + label , 
.tab_box_container input[type="checkbox"] + label {
	display: block;
	cursor: pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	text-align: center;
	font-size: 1.5rem;
	
}

.board_sort_box .right_box .checkbox_container input[type="checkbox"]:checked + label {
	background-color: #439ee4;
	border-color: #439ee4;
	color: #fff;
}

.board_list.cms_new_board {border-top: 2px solid #005fca;}
.board_list.cms_new_board table {table-layout: fixed;}
/* .board_list.cms_new_board td {overflow: hidden;text-overflow: ellipsis;} */
/* .board_list td.txt_left a {overflow: hidden;text-overflow: ellipsis;} */
.board_list.cms_new_board tbody > tr >td {word-bread:break-all;}

/*board 상세보기 영역*/

.board_view_new {border-top: 2px solid #005fca;}
.board_view_new .info {padding: 1.5rem 0;background-color: #f4fbff;border-top:1px solid #777;border-bottom-color: #b7b7b7;}
.board_view_new .info strong {font-weight: 600;color: #333;}
.board_view_new .info span {color: #666;}


.prevnext_newbox {margin-top: 0;border-bottom:0}
.prevnext_newbox li {border-top:0;padding: 3rem 0.5rem;float: left;}
.prevnext_newbox li a {
	width:100%;
	border: 1px solid #ddd;
    background-color: #fff;
    color: #333;
	height: 5rem;
    line-height: 4.8rem;
    font-size: 1.6rem;
    display: inline-block;
    min-width: 10.5rem;
    padding: 0 2rem;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-weight: 500;
} 

.prevnext_newbox li a:hover {
	background-color: #777;
	border-color: #777;
	color: #fff;
}

.prevnext_newbox {margin-top: 4rem;border-bottom:0}
.prevnext_newbox table {border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;table-layout: fixed;}
.prevnext_newbox table tbody tr td {padding-left: 3rem;font-size: 1.4rem;}
.prevnext_newbox table tbody tr td a {display:block;padding:1.6rem 0; float: left; color: #666; width: calc(100% - 5rem);}
.prevnext_newbox table tbody tr td a:hover {color: #005fca;font-weight: bold;}
.prevnext_newbox table tbody tr th {background-color: #fafafa;border-right: 1px solid #dfdfdf;font-size: 1.4rem;}
.prevnext_newbox table tbody tr th span {display: block;width: 100%;text-align: center;color: #333;}
.prevnext_newbox table tbody tr th span:before {top:2px;left: 26px;color: #bdbdbd;}
.prevnext_newbox table tbody tr.next th span:before {transform: rotate(180deg);}
.prevnext_newbox table tbody tr.prev {border-bottom: 1px solid #dfdfdf;}


.board_btns .btn.type2 {
    border: 1px solid #d7d7d7;
    background-color: #f0f0f0;
    color: #333;
}

/*search_area */

.board_sort_box_ty02 {display: none;}
.search_area a:after {background: url(../img/sub/ico_search.png) no-repeat 0 0; }
.search_area #scrhInputType {border: 1px solid #d7d7d7;}
.board_info_new > form {float: right;}
.board_info_new .page_newbox {float: left;}


/* =paging */
.paging {margin-top:30px;text-align:center}
.paging a,.paging strong {display:inline-block;margin:0 4px;width:35px;height:35px;font-size:14px;line-height:33px}
.paging a {color:#666;text-align:center;vertical-align:middle}
.paging strong,.paging a:hover {color:#fff;background-color:#033bae;border-radius:100%;vertical-align:middle;font-weight:normal}
.paging .prev ,.paging .next, .paging .first,.paging .last {margin:0;width:32px;height:32px;text-indent:-9999em}
.paging .prev:hover ,.paging .next:hover, .paging .first:hover,.paging .last:hover {border-radius:0;color:inherit;}
.paging .prev {background:url(/eng/images/btn_prev.png) no-repeat center center}
.paging .next {background:url(/eng/images/btn_next.png) no-repeat center center}
.paging .first {background:url(/eng/images/btn_first.png) no-repeat center center}
.paging .last {background:url(/eng/images/btn_last.png) no-repeat center center}

/* =sub*/
.mt30{margin-top:30px}
.mT20 {margin-top:20px}
.mT30 {margin-top:30px}
.space {margin-top:10px}
.section {margin-top:40px}
.sub_cont_tit {padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #666}
.sub_cont_tit.line {padding-bottom:0;margin-bottom:20px;border:0;text-decoration:none}
.sub_cont_tit span {display:inline-block;margin-left:10px;font-size:22px;color:#666;font-weight:normal}
.sub_cont_tit h3 {font-size:30px;font-weight:bold;line-height:37px;color:#333}
.tit_h3 {margin-bottom:15px;padding-left:30px;color:#333;font-size:24px;font-weight:bold;background:url(../images/bu_h3.png) no-repeat 0 6px;line-height:30px}
.tit_h4 {position:relative;margin:0 0 0 10px;padding-left:7px;font-size:18px;color:#333;font-weight:bold;background:url(../images/bu_h4.png) no-repeat 0 5px;line-height:22px}
.l_cont {width:280px;position:relative;float:left}
.r_cont {margin-left:320px;padding-top:35px}
.list_dot > li,.bu_tit {margin-top:10px;padding-left:8px;background:url(../images/bu_state.png) no-repeat 0 9px;line-height:20px}
.list_dot li:first-child,.list_bar li:first-child {margin-top:0}
.bu_tit {margin-left:20px}
.list_dot {padding:12px 0 0 20px}
.list_bar li {position:relative;margin-top:5px;padding-left:11px;color:#333;background:url(../images/bu_bar.png) no-repeat 0 12px;line-height:22px}
/* .txt {margin-left:5px;padding-left:15px;font-size:16px;color:#333;font-weight:bold;line-height:22px;background:url(../images/bu_c_line.png) no-repeat 0 6px} */
.txt {margin-left:5px;padding-left:15px;font-size:16px;color:#333; line-height:22px;background:url(../images/bu_c_line.png) no-repeat 0 6px} 
.txt_01 {position:relative;padding-left:20px;color:#333;line-height:22px}
.txt_01:before {content:'*';position:absolute;top:2px;left:8px;display:inline-block}
.txt_02 {margin-left:10px;color:#333;line-height:22px}
.line {text-decoration:underline}

/* =m_select */
.m_select {display:none;margin-bottom:20px;background:#1e95e5}
.m_select p {position:relative}
.m_select p a {overflow:hidden;display:block;max-width:95%;padding:18px 10px;;color:#fff;font-size:17px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;}
.m_select p:after {position:absolute;top:50%;right:10px;content:'';margin-top:-3.5px;width:15px;height:7px;background:url(/images/ncp/eng/arr_m_select_down.png) 100% 50%}
.m_select ul {display:none}
.m_select.on ul {display:block}
.m_select.on p:after {background:url(/images/ncp/eng/arr_m_select_up.png) 100% 50%}
.m_select li {border-top:1px solid #fff}
.m_select li a {display:block;padding:14px 10px;background:#ccc;color:#333;box-sizing:border-box;line-height:17px}
.m_select li a:hover {text-decoration:underline}

/* =state_box */
.state_box .graph_box {border-top:2px solid #333}
.state_box .graph {border:1px solid #ccc}
.desc_box {margin-top:40px}
.desc_box.tbl_type .desc_cont {padding:0;border:0}
.unit {margin-bottom:13px;text-align:right}
.desc_cont .tbl_data {border-width:0 1px 1px 1px;border-style:solid;border-color:#ccc}
.desc_cont .tbl_data th {padding:8px 0;background:#e6f0f8;font-size:16px;}
.desc_cont .tbl_data tr th:first-child,.desc_cont .tbl_data tr td:first-child {border-left:0}
.desc_cont .tbl_data th,.desc_cont .tbl_data td {text-align:center;box-sizing:border-box;border-left:1px solid #ccc;border-top:1px solid #ccc;line-height:22px}
.desc_cont .tbl_data td {padding:10px;font-size:14px}
.desc_cont .tbl_data td:first-child {border-left:1px solid #ccc}
.desc_cont .tbl_data tr.bg td {background:#f9f4e9}
.desc_cont .tbl_data .tal {text-align:left}
.desc_cont .tbl_data .bdl {border-left:1px solid #ccc !important}
.desc_cont .tbl_data .vat {vertical-align:top}
.desc_cont .tbl_data .c_tt {font-size:16px}
.desc_tbl {margin-top:10px}
.desc_tbl strong {display:block;margin-bottom:10px;font-weight:normal}
.tbl_data .list_dot {padding-left:0}
.desc_tbl li {margin-top:3px;padding-left:10px;text-indent:-10px;line-height:18px;word-break:break-all}

/* =list_public */
.list_public {border-top:2px solid #333}
.list_public li {padding:20px 10px;box-sizing:border-box;border-bottom:1px solid #ccc}
.list_public strong {font-size:17px;color:#033bae;line-height:17px}
.list_public strong span {display:inline-block;margin-left:12px;width:95%;color:#666;vertical-align:top;line-height:22px}
.list_public p {margin-top:15px;padding:0 10px 0 32px;line-height:22px}
.list_public.type01 {margin-top:25px;border-top:1px solid #ccc}

/* =overview_area */
.overview_area .info {padding:20px;background:#f8f8f8;color:#333;font-size:16px;font-weight:bold;line-height:22px;box-sizing:border-box}
.overview_area .info.service {padding:20px 20px 20px 180px;min-height:120px;background:url(../images/ico_service.png) #f8f8f8 no-repeat 27px 31px}
.service_box {margin-left:10px}
.service_box li {margin-top:20px;padding-left:128px;min-height:107px}
.service_box li:first-child {margin-top:0}
.service_box li strong {display:block;margin-bottom:10px;padding-top:10px;font-size:18px;color:#333;line-height:20px}
.service_box li p {font-size: 14px;color:#333;line-height:23px}
.service_box li.service_01 {background:url(../images/img_service01.png) no-repeat 0 0}
.service_box li.service_02 {background:url(../images/img_service02.png) no-repeat 0 0}
.service_box li.service_03 {background:url(../images/img_service03.png) no-repeat 0 0}
.service_box li.service_04 {background:url(../images/img_service04.png) no-repeat 0 0}
.service_box li.service_05 {background:url(../images/img_service05.png) no-repeat 0 0}
.service_box.service ul,.service_box.policy ul {font-size:0}
.service_box.service li,.service_box.policy li {display:inline-block;width:50%;margin:0 0 20px 0;box-sizing:border-box;vertical-align:top}
.service_box.service li:last-child {width:100%}
.service_box.service li.service_01 {background:url(../images/img_service02_01.png) no-repeat 0 0}
.service_box.service li.service_02 {background:url(../images/img_service02_02.png) no-repeat 0 0}
.service_box.service li.service_03 {background:url(../images/img_service02_03.png) no-repeat 0 0}
.service_box.service li.service_04 {background:url(../images/img_service02_04.png) no-repeat 0 0}
.service_box.service li.service_05 {background:url(../images/img_service02_05.png) no-repeat 0 0}
.service_box.policy li.service_01 {background:url(../images/img_service03_01.png) no-repeat 0 0}
.service_box.policy li.service_02 {background:url(../images/img_service03_02.png) no-repeat 0 0}
.service_box.policy li.service_03 {background:url(../images/img_service03_03.png) no-repeat 0 0}
.service_box.policy li.service_04 {background:url(../images/img_service03_04.png) no-repeat 0 0}
.service_box.policy li.service_05 {background:url(../images/img_service03_05.png) no-repeat 0 0}
.service_box.policy li.service_06 {background:url(../images/img_service03_06.png) no-repeat 0 0}

/* =organization_box */
.organization_box .title {display:table;padding:20px 0;width:100%;background:#0b71bd;font-size:17px;font-weight:bold;text-align:center;color:#fff;box-sizing:border-box;line-height:22px;table-layout:fixed;}
.organization_box ul {overflow:hidden;margin-top:10px}
.organization_box li {display:table-cell;width:25%}
.organization_box li:first-child {margin-left:0}
.organization_box li dl {margin-left:10px;padding:10px;min-height:190px;background:#f8f8f8;box-sizing:border-box}
.organization_box li dl dt {min-height:33px;color:#0b71bd;font-weight:bold;line-height:22px;text-align:center}
.organization_box li dl dd {margin-top:5px;line-height:22px}
.organization_box.type01 {margin-top:20px}
.organization_box.type01 .title {background:#1d547c}
.organization_box.type01 li {width:50%}
.organization_box.type01 li dl {min-height:105px}

/* =agenda_area */
.agenda_area .result {padding:10px 0;background:#bbdefb;border:1px solid #666;text-align:center;font-size:20px;font-weight:bold;color:#333;box-sizing:border-box}
.agenda_bg_box {margin-top:10px;padding-top:90px;background:url(../images/bg_arr.png) no-repeat 50% 0}
.agenda_bg_box .cell {display:table;width:100%;border:1px solid #666}
.agenda_bg_box .th,.agenda_bg_box .td {display:table-cell;padding:10px;vertical-align:middle}
.agenda_bg_box .th {width:149px;text-align:center;font-size:17px;font-weight:bold;line-height:22px}
.agenda_bg_box .bg01 {background:#bbcafb}
.agenda_bg_box .bg02 {background:#bbfbdc}
.agenda_bg_box .td {border-left:1px solid #666}
.agenda_bg_box .td .list_bar li {color:#666;font-weight:bold}
.tbl_agenda {border:1px solid #ccc}
.tbl_agenda .th {padding:20px 0;background:#e6f0f8;text-align:center;font-weight:bold;font-size:16px;line-height:22px}
.tbl_agenda .cell {display:table;width:100%}
.tbl_agenda .td:first-child {border-left:0}
.tbl_agenda .td {display:table-cell;padding:15px 10px;width:50%;border-left:1px solid #ccc;border-top:1px solid #ccc;vertical-align:top}
.tbl_agenda .td span {display:inline-block;padding-left:20px;text-indent:-18px;font-size:16px;line-height:22px}

/* =improper_area */
.improper_area .list_bar {margin-top:10px}
.improper_area .list_dot > li {color:#333}
.improper_area .list_dot > li:first-child {margin-top:0}
.improper_area .list_bar li {color:#666}
.improper_area .txt_01.line {margin-top:10px;padding-left:20px !important;text-decoration:underline;color:#666;background-image:none;}
.improper_area .txt_box {padding-left:20px}
.improper_area .txt_box .txt_02 {margin:10px 0 0 0}
.improper_area .txt_box + .list_bar {margin-top:0}
.improper_area .tit_h3 + .list_dot,.improper_area .tbl_data .list_dot {padding-top:0}
.improper_area .list_dot li a:hover {text-decoration:underline}
.improper_area .txt_02 {margin-left:0}
.improper_area .tit_h4 + .img_box {margin-top:15px}
.bg_list {padding:20px;background:#f0f5ff;border:1px solid #ccc;box-sizing:border-box}
.bg_list li {margin-top:10px;padding-left:10px;background:url(/eng/images/bar_bg_list.png) no-repeat 0 10px;font-size:16px;color:#333;line-height:22px;word-break:break-all}
.bg_list li:first-child {margin-top:0}

/* =policy_area */
.policy_area .img_box {margin-top:10px;border:1px solid #ccc}

.policy_area .step_area .bu_tit {margin-top:0;color:#333}
.policy_area .step_area {margin-top:20px}
.policy_area .step_area:first-of-type {margin-top:15px}

.policy_area .list_bar.type01 li:first-child {margin-top:5px}
.policy_area .list_bar li:first-child {margin-top:20px}
.policy_area .tit_h3 + .list_dot {padding-top:0}
.policy_area .tbl_data td {vertical-align:top;font-size:16px}

.bg_report_line {margin-top:30px;padding:20px 0;border:1px solid #ccc;background:#f8f8f8;box-sizing:border-box;text-align:center}
.bg_report_line em {font-size:22px;color:#033bae;text-decoration:underline;line-height:22px}
.bg_report_line p {margin-top:10px;font-size:16px;color:#333;line-height:17px}

.search_report {margin-top:15px;border:1px solid #ccc}
.search_report .top_search {padding:13px 0;text-align:center}
.search_report .top_search .inp {position:relative;margin:0 auto;padding-right:80px;width:535px;box-sizing:border-box}
.search_report .top_search .inp .btn_report {position:absolute;top:0;right:0}
.search_report input[type=text] {width:100%;height:35px}
.search_report li {overflow:hidden;padding:10px;border-top:1px solid #ccc;line-height:22px}
.search_report li span {float:left;width:80%;display:inline-block;padding-left:10px;font-size:16px;background:url(/eng/images/bu_circle.png) no-repeat 0 8px}
.search_report li .btn_window {float:right;height:26px;background-position:10px 7px;line-height:23px}

.btn_report {padding:0 12px;height:35px;color:#fff;background:#666;border:1px solid #ccc;font-weight:bold;line-height:31px}
.bg_box {padding:20px;background:#f8f8f8;box-sizing:border-box;line-height:22px;}
.bg_box .btn_window {margin-left:5px;height:40px;font-size:17px;line-height:35px;background-position:10px 14px}
.btn_window {padding:0 10px 0 30px;border:1px solid #666;border-radius:5px;color:#333;background:url(../images/ico_newwindow_off.png) no-repeat}
.btn_window:hover {border:1px solid #033bae;color:#033bae;background:url(../images/ico_newwindow_on.png) no-repeat 10px 14px}
.bg_box .btn_window:first-child {margin-left:0}
.bg_box .list_box {margin:10px 0 0 20px}
.bg_box .list_box > li {margin-top:10px;padding-left:10px;color:#333;line-height:22px;text-indent:-17px}
.bg_box .list_box > li:first-child {margin-top:0}
.bg_box .list_box ul {margin-top:5px}
.bg_box .list_box ul li {padding-left:10px;line-height:22px;background:url(../images/bar_list_box.png) no-repeat 0 10px;text-indent:0}

.list_bar + .bg_box {margin-top:20px}
.caution {padding-left:22px;background:url(../images/ico_caution.png) no-repeat 0 5px;line-height:22px}
.caution strong {color:#333}
.tit_h4 + .tbl_data {margin-top:15px}

.law_box .btn_window {padding:0 10px 0 30px;height:26px;line-height:23px;background-position:10px 7px;font-size:14px}
.law_box li {overflow:hidden;background-position:0 9px}
.law_box li span {float:left;width:800px}
.law_box li .btn_window {float:right}

/* =site_map */
.site_map {overflow:hidden}
.site_l_box {float:left;width:49%}
.site_r_box {float:right;width:49%}
.site_map .depth_box {padding:16px 20px 20px 20px;border:1px solid #ccc;box-sizing:border-box}
.depth_box strong {display:block;padding-bottom:12px;color:#033bae;font-size:20px;border-bottom:1px solid #033bae;line-height:22px}
.depth_box ul li {margin-top:10px;line-height:20px}
.depth_box > ul > li > a {color:#333;font-weight:bold}
.depth_box .sub_depth_box {margin-top:10px;padding:10px;background:#fafafa}
.depth_box .sub_depth_box > li {padding-left:10px;background:url(/eng/images/bu_sitemap.png) no-repeat 0 10px}
.depth_box .sub_depth_box > li:first-child {margin-top:0}
.depth_box .sub_depth_box > li a:hover {text-decoration:underline}
.depth_box .sub_depth_box li ul li:before {display:inline-block;margin-right:5px;content:'-';}

/* 영문 > 국문 검색창 숨김 */
.kor_ver {display: none;}

/* 게시판 What's New */
.board_list.cms_new_board .tstyle_list th.m_hidden {}
.board_list.cms_new_board {border-top: 2px solid #005fca;}
.board_list.cms_new_board table {table-layout: inherit;}
.board_list.cms_new_board th {padding: 1.995rem 1rem;}
.board_list.cms_new_board td {padding: 1rem;white-space: inherit;}
.board_list.cms_new_board td {/* overflow: hidden; *//* text-overflow: ellipsis; */ line-height: 1.8rem; white-space: normal;}
.board_list td.txt_left a {overflow: hidden;text-overflow: ellipsis;}
/* board 반응형 작업 */
.board_list.cms_new_board .tstyle_list td {padding-left:0;}

/*자주하는 질문*/

.faq .label {line-height: 20px;}
.faq .label::before {top:2rem;}