@charset "utf-8";
/*****************************************************************************************************************************************
form 요소 공통정의
*****************************************************************************************************************************************/
.inputText, .selectText, .textArea, .inputFile, label { color:#555; }
.inputText, .selectText, .textArea { height:40px; padding:0 10px; border:1px solid #ddd; line-height:1; outline: 0 none; }

/* .inputText:focus, .selectText:focus, .textArea:focus { border:1px solid #0c4da2; color:#0c4da2; }  */
input:disabled { background: #f8f8f8; color: #c4c4c4; }

input, .inputText { -webkit-appearance:none; -webkit-border-radius: 0; border-radius: 0; } /* 입력 폼 */
textarea, .textArea { -webkit-appearance:none; -webkit-border-radius: 0; border-radius: 0; } /* 텍스트 영역 */

/* 폼요소 영역 */
.inputArea:after, .selectArea:after, .fileArea:after, .labelArea:after, .radioArea:after, .checkArea:after, .addressArea:after, .calendarArea:after { display:table; line-height: 0; content: ""; clear: both; }

/* 날짜 입력폼 */
.calendarWrap .btnFormArea, .calendarWrap .calendarArea { margin-bottom:7px; text-align:left; }
.calendarWrap .btnFormArea { margin-top:-7px; }
.calendarWrap .btnFormArea .btnInquirySub { margin-right:4px; }
.calendarWrap .btnFormArea .btnInquirySub:nth-child(n+4) { margin-top:7px; vertical-align:baseline; }
.calendarWrap .btnFormArea .btnInquirySub span { min-width:71px; }
.calendarArea .dashed { display:inline-block; width:4%; text-align:center; vertical-align:middle; }
.calendarArea .inputText { width:48%; }

/*****************************************************************************************************************************************
common 타이틀 및 텍스트 스타일
*****************************************************************************************************************************************/

/* 공통 컨텐츠 타이틀 */
.visualTit { color: #333; font-size:50px; }
.popTit { color:#0c4da2; font-size:36px; font-weight: 700; }
.bigTit { color: #333; font-size:28px; }
.contTit { color: #111; font-size:24px; font-weight: 700; }
.subTit { color: #111; font-size:18px; }
.contTxt { color: #666; font-size:16px; }
.hintTxt { color: #999; font-size:16px; }
.subTxt { color: #777; font-size:14px; }

/* 컬러 설정 */
.color01 { color: #0c4da2; }
.color02 { color: #0075c2; }
.color03 { color: #ea0000; }
.color04 { color: #f1841a; }

.mcolor01 { color: #111; }
.mcolor02 { color: #333; }
.mcolor03 { color: #555; }
.mcolor04 { color: #777; }
.mcolor05 { color: #999; }

/* 공통 텍스트 스타일 */
.boldTxt { font-weight:700; }
.pointColor { color:#2a6eb6; } /* 기본 포인트 색상 */
.pointSubColor { color:#222; } /* 기본 포인트 서브색상 */

/* 링크영역이 없는 컨텐츠에 탭 보낼 A 설정 : 접근성 설정 */
.tabOrder { display:block; width:1px; height:1px; text-indent:-999999px; }
.videoTabOrder { display:block; width:1px; height:1px; text-indent:-999999px; }

/*****************************************************************************************************************************************
common 디비젼 스타일
*****************************************************************************************************************************************/
/* 이미지 스타일 */
.imgWrap img { width:100%; }
.imgWrap .pcImg { display:none; } /* pc */

/* iframe */
.iframeArea { overflow:hidden; overflow-x:auto; max-width:100%; }
.iframeArea iframe { width:790px; height:970px; border:0; }

/* 에디터 영역 내 태그 스타일 수정 */
#ckContent { padding:20px; word-break:break-all; }
#ckContent { background-color: #fff; color: #333; /*font-family: sans-serif, Arial, Verdana, "Trebuchet MS"; */font-size: 12px; }
#ckContent h1, #ckContent h2, #ckContent h3, #ckContent h4, #ckContent h5, #ckContent h6 { margin:0.83em 0; font-weight: normal; line-height: 1.2em; }
#ckContent hr { border: 0px; border-top: 1px solid #ccc; }
#ckContent pre { white-space: pre-wrap; /* CSS 2.1 */word-wrap: break-word; /* IE7 */ }
#ckContent a { color: #0782C1; }
#ckContent em { font-style: italic; }
#ckContent span[lang] { font-style: italic; }
#ckContent figure { text-align: center; border: solid 1px #ccc; border-radius: 2px; background: rgba(0,0,0,0.05); padding: 10px; margin: 10px 20px; display: block; /* For IE8 */ }
#ckContent figure figcaption { text-align: center; display: block; /* For IE8 */ }
#ckContent ul, #ckContent ol, #ckContent dl { margin:1em 0; *margin-right: 0px; padding-left:40px; }
#ckContent ul ul, #ckContent ol ol { margin:0.5em 0; }
#ckContent ul li { list-style-type:disc; border:none; padding:0 0; background:none; }
#ckContent ul li li { list-style-type:circle; }
#ckContent ul li li li { list-style-type:square; }
#ckContent ol li { list-style-type:decimal; border:none; padding:0 0; background:none; }
#ckContent ol li li { list-style-type:upper-roman; }
#ckContent ol li li li { list-style-type:lower-roman; }
#ckContent table { border-spacing:2px; border-collapse:separate; border:1px solid gray; }
#ckContent table caption { display: table-caption; text-align:center; }
#ckContent table th { padding:0 0; width:auto; height:auto; border:1px solid gray; }
#ckContent table td { padding:0 0; width:auto; height:auto; border:1px solid gray; }
#ckContent blockquote { font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; padding: 2px 0; border-style: solid; border-color: #ccc; border-width: 0; }
#ckContent img.right { border: 1px solid #ccc; float: right; margin-left: 15px; padding: 5px; }
#ckContent img.left { border: 1px solid #ccc; float: left; margin-right: 15px; padding: 5px; }
#ckContent img { display:block; max-width:100% }
#ckContent .marker { background-color: Yellow; }
#ckContent .fileListBox { margin:20px 10px 12px 0; padding:20px; border:1px solid #d9d9d9; }
#ckContent .cke_editable { font-size: 13px; line-height: 1.6em; }
#ckContent .cke_contents_ltr blockquote { padding-left: 20px; padding-right: 8px; border-left-width: 5px; }
#ckContent .cke_contents_rtl blockquote { padding-left: 8px; padding-right: 20px; border-right-width: 5px; }

/*****************************************************************************************************************************************
btn, icon
*****************************************************************************************************************************************/

.fillBtn { display:inline-block; padding:0 20px; min-width:140px; height: 56px; background:#0c4da2; color:#fff; font-size:18px; }
.fillBtn:hover { background:#15397b; }
.fillBtn.disable, .blankBtn.disable, .fillBtn.small.disable { background:#ddd !important; color: #c4c4c4 !important; }

/* 버튼 내 아이콘 모음 */
.fillBtn .icoDownload { display: inline-block; width:19px; height: 17px; margin-right: 15px; background: url(/images/front/icon/ico_download01.png) no-repeat; vertical-align: middle; }
.fillBtn.disable .icoDownload { background-image: url(/images/front/icon/ico_download01_disable.png) }

.blankBtn { display:inline-block; padding:0 20px; min-width:140px; height: 56px; border: 1px solid #ccc; background:#fff; color:#555; font-size:18px; }
.blankBtn:hover { background:#f8f8f8; }
.blankBtn .icoDownload { display: inline-block; width:19px; height: 17px; margin-right: 15px; background: url(/images/front/icon/ico_download02.png) no-repeat; vertical-align: middle; } /* 2019-02-21 추가 */
.fillBtn.small { padding:0 15px; min-width: auto; height: 40px; background: #828a91; border: 1px solid #555; font-size: 14px; }
.fillBtn.small:hover { background: #697279; }
.fillBtn.small.disable { border-color: #ccc; }
.blankBtn.small { padding:0 15px; min-width:initial; height: 40px; border-color: #555; color: #333; font-size: 14px; }
.blankBtn.small:hover { background: #f8f8f8; }
.blankBtn.small.disable { border-color: #ccc; }

/* 연관정보 바로가기 -버튼 */
.relationInfo .contTit { margin-bottom: 20px; }
.relationInfo .buttonWrap { overflow: hidden; width: 100%; }
.relationInfo .buttonWrap .blankBtn { float: left; min-width: auto; width: 23.5%; padding: 0 10px; margin-right: 2%; border: 1px solid #bbb; background: #fff; color: #333; transition: 0.2s ease-out; }
.relationInfo .buttonWrap .blankBtn:last-child { margin-right: 0; }
.relationInfo .buttonWrap .blankBtn:hover { background: #fff; border: 1px solid #0c4da2; color: #0c4da2; }
.relationInfo .buttonWrap.ele05 .blankBtn { width: 18.4%; font-size:16px;}/* 2019-02-21 추가 */

.btnSub, a.btnSub { display:inline-block; background-color:#fff; border:1px solid #105d99; padding:9px 29px; color:#105d99; font-size:1.5rem; border-radius:3px; }
/* .btnSub:hover { } */
/* 페이지 내 비주얼 버튼 */
.btnVisual, a.btnVisual { display:inline-block; background-color:transparent; border:1px solid #fff; padding:9px 14px; color:#fff; font-size:1.5rem; border-radius:3px; }
/* .btnVisual:hover { } */
/* 전송버튼 */
.btnDefaultForm, a.btnDefaultForm { display:inline-block; padding:10px 15px; background-color:#105d99; font-size:1.5rem; color:#fff; border:none; border-radius:3px; margin-top: 5px; }
/* .btnDefaultForm:hover { } */
/* 전송버튼 서브 */
.btnSubForm, a.btnSubForm { display:inline-block; padding:9px 14px; border:1px solid #105d99; background-color:#fff; font-size:1.5rem; color:#105d99; border-radius:3px; }
/* .btnSubForm:hover { } */
/* 테이블 내 공통 버튼 */
.btnInputForm, a.btnInputForm { display:inline-block; padding:9px 14px; border:1px solid #d0d0d0; background-color:#fff; font-size:1.5rem; color:#777; border-radius:3px; }
/* .btnInputForm:hover { } */
/* 테이블 내 서브 버튼 */
.btnInputSubForm, a.btnInputSubForm { padding:6px 10px; color:#444444; border:1px solid #cccccc; }
/* 조회영역 내 기본버튼 */
.btnInquiry { background-color:#2a6eb6; padding:10px 15px; color:#ffffff; font-size:1.5rem; border:none; border-radius:3px; }
/* 조회영역 내 서브 버튼 */
.btnInquirySub span { display:inline-block; padding:9px 15px; font-size:1.5rem; border:1px solid #d0d0d0; border-radius:3px; }
.btnInquirySub .on { background-color:#9aa3ac; padding:10px 15px; color:#ffffff; border:none; }
/* 기본검색 내 버튼 */
.btnSearch, a.btnSearch { display:inline-block; padding:9px 15px; background-color:#205e9f; font-size:1.6rem; color:#fff; border:none; border-radius:3px; }
/* 작은 라운드 버튼 */
.btnSamll, a.btnSmall { display:inline-block; padding:6px 19px; border:1px solid #d0d0d0; background-color:#fff; font-size:1.2rem; color:#777; border-radius:20px }
/* 다운로드 버튼 */
.btnDownload, a.btnDownload { display:inline-block; background-color:#fff; padding:6px 13px; font-size:1.2rem; border:1px solid #d0d0d0; border-radius:3px; }
.btnDownload [class^="icon"] { display:inline-block; margin-right:12px; width:14px; height:14px; vertical-align:middle; }
/* 바로가기 버튼 */
.btnShortLink, a.btnShortLink { display:inline-block; background-color:#9aa3ac; padding:7px 20px; color:#ffffff; font-size:1.2rem; border:none; border-radius:3px; }
.btnShortLink [class^="icon"] { display:inline-block; margin-right:12px; width:14px; height:14px; vertical-align:middle; }
/* 새로고침 버튼 */
.btnRefresh, a.btnRefresh { display:inline-block; background-color:#9aa3ac; padding:10px 20px 9px; color:#ffffff; font-size:1.4rem; border:none; border-radius:3px; }
.btnRefresh [class^="icon"] { display:inline-block; margin-right:10px; width:16px; height:18px; vertical-align:middle; }
/* 이메일 버튼 */
.btnMail, a.btnMail { display:inline-block; width:37px; height:37px; background:url('/images/front/btn/btn_mail_mo.png') no-repeat 0 0; background-size:37px auto; }
.btnMail:hover { background-position:0 bottom; }
.btnMail span { display:inline-block; text-indent:-999em; overflow:hidden; }
/* 페이스북 버튼 */
.btnFb, a.btnFb { display:inline-block; width:37px; height:37px; background:url('/images/front/btn/btn_facebook_mo.png') no-repeat 0 0; background-size:37px auto; }
.btnFb:hover { background-position:0 bottom; }
.btnFb span { display:inline-block; text-indent:-999em; overflow:hidden; }
/* 인쇄 버튼 */
.btnPrint, a.btnPrint { display:inline-block; width:37px; height:37px; background:url('/images/front/btn/btn_print_mo.png') no-repeat 0 0; background-size:37px auto; }
.btnPrint:hover { background-position:0 bottom; }
.btnPrint span { display:inline-block; text-indent:-999em; overflow:hidden; }
/* 버튼 + 화살표 아이콘 */
.iconGoArrow { display:inline-block; margin-left:18px; width:14px; height:14px; vertical-align:middle; }

/* TOP 버튼 */
.btnTopArea { position:relative; }
.btnTopArea [class*="btn"] { right:50%; margin-right:-600px; background:url('/images/kor/common/btn_top.png') no-repeat center center; width:40px; height:40px; text-indent:-9999px; z-index:9; }
.btnFix { position:fixed; bottom:20px; }
.btnAbs { position:absolute; bottom:237px; }

/* 기본 버튼 영역 */
.btnArea { position:relative; }
.btnArea a, .btnArea button { margin-right:6px; }
/* 조회 영역의 버튼 */
.btnInquiryArea { text-align:center; }
/* 폼 버튼 영역 */
.btnFormArea { position:relative; text-align:center; }

/* 윈도우 팝업 내 기본 버튼 영역 */
.popBtnArea { text-align:center; }
/* 윈도우 팝업 내 폼 버튼 영역 */
.popBtnFormArea { text-align:center; }
.popBtnFormArea a, .popBtnFormArea button { margin-left:6px; }
/* 윈도우 팝업 내 조회 영역의 버튼 */
.popBtnInquiryArea { text-align:center; }

/* 본문 하단 이메일/페이스북/인쇄하기 */
.shareList { padding: 13px 0 10px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; text-align: center; }
.shareList li { display: inline-block; margin: 0 15px; }
.shareList li button { display: block; width: 48px; height: 48px; border-radius: 50%; }
.shareList li.email button { background: #e1e1e1 url(/images/front/icon/icon_email.png) no-repeat 50% 50%; background-size: 22px 22px; transition: 0.3s ease-out; border: 1px solid #e1e1e1; box-sizing: border-box; }
.shareList li.facebook button { background: #e1e1e1 url(/images/front/icon/icon_facebook.png) no-repeat 50% 50%; background-size: 12px 22px; transition: 0.3s ease-out; border: 1px solid #e1e1e1; box-sizing: border-box; }
.shareList li.print button { background: #e1e1e1 url(/images/front/icon/icon_print.png) no-repeat 50% 50%; background-size: 21px 22px; transition: 0.3s ease-out; border: 1px solid #e1e1e1; box-sizing: border-box; }
.shareList li.email button:hover { background: #fff url(/images/front/icon/icon_email_on.png) no-repeat 50% 50%; background-size: 22px 22px; border: 1px solid #0075c2; box-sizing: border-box; }
.shareList li.facebook button:hover { background: #fff url(/images/front/icon/icon_facebook_on.png) no-repeat 50% 50%; background-size: 12px 22px; border: 1px solid #0075c2; box-sizing: border-box; }
.shareList li.print button:hover { background: #fff url(/images/front/icon/icon_print_on.png) no-repeat 50% 50%; background-size: 21px 22px; border: 1px solid #0075c2; box-sizing: border-box; }

/* 소셜미디어 아이콘 */
.socialMedia li { display: inline-block; margin-right: 10px; }
.socialMedia li button { display: block; width: 56px; height: 56px; border: 1px solid #e1e1e1; }
.socialMedia li.facebook button { background: #fff url(/images/front/icon/sm_facebook.png) no-repeat 50% 50%; background-size: auto 21px; transition: 0.3s ease-out; box-sizing: border-box; }
.socialMedia li.blog button { background: #fff url(/images/front/icon/sm_blog.png) no-repeat 50% 50%; background-size: auto 19px; transition: 0.3s ease-out; box-sizing: border-box; }
.socialMedia li.youtube button { background: #fff url(/images/front/icon/sm_youtube.png) no-repeat 50% 50%; background-size: auto 17px; transition: 0.3s ease-out; box-sizing: border-box; }
.socialMedia li.twitter button { background: #fff url(/images/front/icon/sm_twitter.png) no-repeat 50% 50%; background-size: auto 17px; transition: 0.3s ease-out; box-sizing: border-box; }
.socialMedia li.instagram button { background: #fff url(/images/front/icon/sm_instagram.png) no-repeat 50% 50%; background-size: auto 18px; transition: 0.3s ease-out; box-sizing: border-box; }
.socialMedia li.facebook button:hover { background: #48659d url(/images/front/icon/sm_facebook_on.png) no-repeat 50% 50%; background-size: auto 21px; transition: 0.3s ease-out; border: 1px solid #48659d; box-sizing: border-box; }
.socialMedia li.blog button:hover { background: #28a931 url(/images/front/icon/sm_blog_on.png) no-repeat 50% 50%; background-size: auto 19px; transition: 0.3s ease-out; border: 1px solid #28a931; box-sizing: border-box; }
.socialMedia li.youtube button:hover { background: #d12b2d url(/images/front/icon/sm_youtube_on.png) no-repeat 50% 50%; background-size: auto 17px; transition: 0.3s ease-out; border: 1px solid #d12b2d; box-sizing: border-box; }
.socialMedia li.twitter button:hover { background: #2aa9de url(/images/front/icon/sm_twitter_on.png) no-repeat 50% 50%; background-size: auto 17px; transition: 0.3s ease-out; border: 1px solid #2aa9de; box-sizing: border-box; }
.socialMedia li.instagram button:hover { background: #d91d50 url(/images/front/icon/sm_instagram_on.png) no-repeat 50% 50%; background-size: auto 18px; transition: 0.3s ease-out; border: 1px solid #d91d50; box-sizing: border-box; }

/* 다운로드 아이콘 */
.iconDownLoad { background:url("/images/front/icon/ico_downLoad.png") no-repeat center top; background-size:100%; }
/* 바로가기 아이콘 */
.iconShortLink { background:url("/images/front/icon/ico_shortLink.png") no-repeat center top; background-size:100%; }
/* 어도비 리더 아이콘 */
.iconFile { background:url("/images/front/icon/ico_file.png") no-repeat center top; background-size:100%; }
/* 화살표 아이콘 */
.iconGoArrow { background:url("/images/front/icon/ico_goarrow.png") no-repeat right top; background-size:100%; }
/* 새로고침 아이콘 */
.iconRefresh { background:url("/images/front/icon/ico_refresh.png") no-repeat center top; }

/*****************************************************************************************************************************************
search
*****************************************************************************************************************************************/
/* 조회영역 */
.InquiryWrap ul { overflow:hidden; }
.InquiryWrap li + li { margin-top:23px; }
.InquiryWrap .tit { padding-bottom:9px; color:#222222; font-size:1.6rem; }
.InquiryWrap .inputArea .inputText { width:76%; }
.InquiryWrap .inputArea .btnInquiry { margin-left:1%; width:23%; }

/*****************************************************************************************************************************************
paging style
*****************************************************************************************************************************************/
/* pageArea */
.pageArea { margin:20px auto 0; text-align:center; }
.pageArea a, .pageArea strong { display:inline-block; width:33px; height:33px; margin-left:3px; font-size:18px; line-height:33px; color:#555; vertical-align:middle; }
.pageArea strong span, .pageArea a:hover span,.pageArea a:focus span { border-bottom: 1px solid #0c4da2; color:#0c4da2; }
.pageArea a[class*="btn"] { border: 1px solid #e1e1e1; }
.pageArea a[class*="btn"]:hover { border: 1px solid #ccc; }
.pageArea a[class*="btn"] span { font-size:0; position:absolute; top:-9999px; }
.pageArea .btnFirst { background:url('/images/front/btn/btn_page_first_mo.png') no-repeat 50% 50%; margin-left:0; background-size:11px auto; }
.pageArea .btnPrev { background:url('/images/front/btn/btn_page_prev_mo.png') no-repeat 50% 50%; margin-right:2%; background-size:6px auto }
.pageArea .btnNext { background:url('/images/front/btn/btn_page_next_mo.png') no-repeat 50% 50%; margin-left:2%; background-size:6px auto }
.pageArea .btnLast { background:url('/images/front/btn/btn_page_last_mo.png') no-repeat 50% 50%; background-size:11px auto }
.pageArea .btnFirst.disable { background: #ddd url('/images/front/btn/btn_page_first_mo.png') no-repeat 50% 50%; background-size:11px auto; }
.pageArea .btnPrev.disable { background: #ddd url('/images/front/btn/btn_page_prev_mo.png') no-repeat 50% 50%; background-size:6px auto }
.pageArea .btnNext.disable { background: #ddd url('/images/front/btn/btn_page_next_mo.png') no-repeat 50% 50%; background-size:6px auto }
.pageArea .btnLast.disable { background: #ddd url('/images/front/btn/btn_page_last_mo.png') no-repeat 50% 50%; background-size:11px auto }

/*****************************************************************************************************************************************
table
[테이블 구조안내]
 - 리스트 테이블 : .tableBasicList > .defaultTable >th + td
 - 보기, 등록 테이블 : .tableBasicView > .defaultTable > th + td
 - 그래프 및 데이터 테이블 : .tableSubView > .defaultTable > th + td
 - 달력 리스트 테이블 : .tableCalendarBasic > .defaultTable > th + td
*****************************************************************************************************************************************/
/* 최소단위 테이블 설정 */
.defaultTable { width:100%; }
.defaultTable th, .defaultTable td { vertical-align:middle; word-wrap:break-word; }
.defaultTable .ellipsis { text-align:left; }

/* 기본 리스트 타입 */
.tableBasicList { border-top: 1px solid #0c4da2; border-bottom: 1px solid #777; }
.tableBasicList th { background-color:#f8f8f8; color:#111; }
.tableBasicList th, .tableBasicList td { padding:20px 10px; border-top:1px solid #ddd; border-left:1px solid #ddd; text-align:center; box-sizing: border-box; }
.tableBasicList tr th:first-child, .tableBasicList tr td:first-child { border-left:0; }
.tableBasicList thead th { padding:20px 10px; border-top:0; font-weight:700; color:#111; }
.tableBasicList th { font-weight:400; }
.tableBasicList td { background-color:#fff; }
.tableBasicList tr [rowspan] { border-right:1px solid #d9d9d9; }
.tableBasicList tr td:last-child[rowspan] { border-right:none; }

/* 보기, 등록 페이지 */
.tableBasicView { border-top:1px solid #434343; border-bottom:1px solid #ccc; }
.tableBasicView th { height:39px; padding:0 10px; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; color:#333; }
.tableBasicView td { padding:8px 15px; border-top:1px solid #d9d9d9; }
.tableBasicView tr:first-child th, .tableBasicView tr:first-child td { border-top:0; }
.tableBasicView .defaultList { overflow:hidden; }
.tableBasicView .defaultList li { float:left; margin-right:10px; }
.tableBasicView .defaultList li:last-child { margin-right:0; }

/* 그래프 및 데이터 테이블 페이지 */
.tableDataView { border-top:1px solid #d9d9d9; }
.tableDataView th, .tableDataView td { padding:14px 0; border-bottom:1px solid #d9d9d9; }
.tableDataView th { font-weight:400; text-align:left; }
.tableDataView td { text-align:right; }

/* 탭 */
.initTab .tabCtrlWrap { display: table; width: 100%; table-layout: fixed; }
.initTab .tabCtrlWrap a { display: table-cell; height: 60px; background: #f8f8f8; border-right: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; vertical-align: middle; text-align: center; box-sizing: border-box; }
.initTab .tabCtrlWrap a:first-child { border-left: 1px solid #d9d9d9; }
.initTab .tabCtrlWrap.on a { border-bottom: 2px solid #0c4da2; }
.initTab .tabCtrlWrap a.current { border: 2px solid #0c4da2; border-bottom: 0 none; background: #fff; color: #0c4da2; }
/*****************************************************************************************************************************************
Ul style
[탭 스타일 구조안내]
- 기본 도트 리스트 : .defaultDotList > li
- 기본탭 : .defaultTab > .select + ul > li
- 셀렉트탭 : .selectTab > .select + ul > li
- 게시물 리스트 (목록) : .boardList > .defaultList > li
- 게시물 리스트 (보기) : .boardView > .boardTit + .boardCon
- 게시물 리스트 (쓰기) :
- 게시물 리스트 (썸네일) : .thumbnailList > ul > li
- 게시물 리스트 (아코디언) : .accordionList > ul > li
*****************************************************************************************************************************************/
/* defaultTab */
.defaultTab .select { display: none; }
.defaultTab { position:relative; margin-bottom:20px; }
.defaultTab .tabCtrlWrap { display: table; width: 100%; table-layout: fixed; }
.defaultTab .tabCtrlWrap a { display: table-cell; padding: 0 10px; height: 60px; background: #f8f8f8; border-right: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; vertical-align: middle; text-align: center; box-sizing: border-box; }
.defaultTab .tabCtrlWrap a:first-child { border-left: 1px solid #d9d9d9; }
.defaultTab .tabCtrlWrap.on a { border-bottom: 2px solid #0c4da2; }
.defaultTab .tabCtrlWrap a.current { border: 2px solid #0c4da2; border-bottom: 0 none; background: #fff; color: #0c4da2; }

/* defaultTabCon - 상세 내용 */
.defaultTabCon { position:relative; }
.defaultTabCon > article { display:none; }
/* .defaultTabCon > article:first-child { display:block; } */

/* selectTab */
.selectTab { position:relative; }
.selectTab ul { display:none; position:absolute; top:41px; left:0; z-index:5; width:100%; padding:3px 0; border:1px solid #ddd; background-color:#fafafa; }
.selectTab.active ul { display:block; }
.selectTab a, .selectTab button { display:block; word-wrap:break-word; }
.selectTab a { padding: 10px; }
.selectTab li.active a, .selectTab li a:hover { color:#2a6eb6; }
.selectTab .select button { display:block; overflow:hidden; position: relative; width:100%; padding:10px 30px 10px 10px; border:1px solid #ddd; color:#555; text-align:left; text-overflow:ellipsis; white-space:nowrap; font-size: 16px; box-sizing: border-box;}
.selectTab .select button:after { content:''; position: absolute; top:15px; left: auto; right:10px; display:inline-block; width: 13px; height: 7px; background:url('/images/front/icon/ico_arrow_open.png') no-repeat; background-size:13px 7px; }
.selectTab.active .select button:after { background-image:url('/images/front/icon/ico_arrow_close.png'); }

/* 셀렉트박스(4뎁스메뉴) -블루타입 */
.selectTab.typeBlue .select button { border: 1px solid #377dd5; background: #377dd5; color:#fff; }
.selectTab.typeBlue .select button:after { content:''; position: absolute; top:17px; left: auto; right:15px; display:inline-block; width: 10px; height: 5px; background:url('/images/front/icon/ico_arrowBlue_open.png') no-repeat 98% 50%; background-size:10px 5px; }
.selectTab.typeBlue.active .select button:after { background-image:url('/images/front/icon/ico_arrowBlue_close.png'); }

.selectTab.typeBlue .select span {display:block; overflow:hidden; position: relative; width:100%; padding:10px 23px 10px 10px; text-align:left; text-overflow:ellipsis; white-space:nowrap; font-size: 16px; box-sizing: border-box; border: 1px solid #377dd5; background: #377dd5; color:#fff; line-height:1.2;}


/* selectTabCon - 상세 내용 */
.selectTabCon { position:relative; }
.selectTabCon > article { display:none; }
/* .selectTabCon > article:first-child { display:block; } */


/* .defaultDotList */
.defaultDotList > li { background:url('/images/front/icon/ico_basicDot.png') no-repeat left 4px; padding-left:10px; }

/* .defaultBlueDotList */
.defaultBlueDotList > li { background:url('/images/front/icon/ico_blueDot.png') no-repeat 0 9px; padding-left:10px; }

/* .defaultGrayDotList */
.defaultGrayDotList > li { background:url('/images/front/icon/ico_grayDot.png') no-repeat 0 4px; background-size: 3px; padding-left:10px; }

.smallBlueDotList > li { background:url('/images/front/icon/ico_smallBlueDot.png') no-repeat left 5px; padding-left:10px; }

.smallGrayDotList > li { background:url('/images/front/icon/ico_smallgrayDot.png') no-repeat 0 4px; padding-left:10px; }

/* defaultArrowList */
/* .defaultArrowList { } */
.defaultArrowList > li { background:url('/images/front/icon/ico_arrowDot.png') no-repeat left 5px; padding-left:10px; }

/* dsahList */
/* .dashList { } */
.dashList > li { position:relative; margin-top:3px; padding-left:11px; line-height:1.4; }
.dashList > li:before { content:"-"; display:block; clear:both; position:absolute; top:1px; left:0; }
.dashList > li:first-child { margin-top:0; }

/* 게시물 리스트형 - 목록 */
.boardList { margin-top:30px; border-top:2px solid #2a6eb6; }
.boardList li { padding:13px 15px; font-size:1.4rem; border-bottom:1px solid #d9d9d9; }
.boardList .ellipsis { margin-bottom:5px; }
.boardList .date { color:#aaaaaa; font-size:1.2rem; }

/* 게시물 리스트형 - 보기 */
/* .boardView { } */
.boardView .boardTit { position:relative; padding-bottom:8px; border-bottom:1px solid #d9d9d9; }
.boardView .boardTit h3 { color:#1a4779; font-size:1.8rem; line-height:1.2; word-break:break-all; }
.boardView .boardTit .txt { margin-top:2px; font-size:1.2rem; }
.boardView .boardTit .txt span { display:inline-block; color:#aaa; line-height:1; }
.boardView .boardTit .txt span.hits { margin-left:7px; padding-left:9px; border-left:1px solid #aaa; }
.boardView #ckContent { padding:20px 0; font-size:1.4rem; border-bottom:1px solid #d9d9d9; }

/* 썸네일형 게시판 리스트 - thumbnailList */
.thumbnailList li { padding:20px 0 18px; border-bottom:1px solid #d9d9d9; }
.thumbnailList .img { display:block; width:220px; margin:0 auto; }
.thumbnailList .img img { display:block; width:100%; }
.thumbnailList .cont { padding-top:20px; }
.thumbnailList .ellipsis { font-size:1.7rem; }
.thumbnailList .ellipsis a { color:#222; line-height:1; }
.thumbnailList .text { padding:15px 0 30px; font-size:1.4rem; line-height:1.6; }
.thumbnailList .text a { display:block; max-height:66px; word-break:break-all; overflow:hidden; }
.thumbnailList .text a p { display:inline; }
.thumbnailList .date { color:#aaa; font-size:1.2rem; }

/* 아코디언 리스트 - accordion List */
.accordionList { width:100%; border-top:2px solid #2a6eb6; }
.accordionList li .accoTit { display:block; padding:13px 43px 13px 15px; border-bottom:1px solid #d9d9d9; background:url('/images/front/common/bg_slide_open_mo.png') no-repeat right 50%; background-size:31px auto; }
.accordionList li .accoTit .tit { display:block; color:#222; font-size:1.6rem; line-height:1.3; }
.accordionList li .accoCon { display:none; position:relative; padding:15px; border-bottom:1px solid #d9d9d9; background:#fafafa; font-size:1.4rem; line-height:1.6; }
.accordionList li .accoCon .tableBasicList thead th { background-color:#f0f0f0; }
.accordionList li.active .accoTit { background-image:url('/images/front/common/bg_slide_close_mo.png') }
.accordionList li.active .accoTit .tit { color:#2a6eb6; }
.accordionList li.active .accoCon { display:block; word-wrap:break-word; }



/*****************************************************************************************************************************************
common Layout - 공통적용되는 스타일은 작업하시면 안됩니다.
폰트사이즈 정의 - rem : 최상위 폰트정의 값에 상속 (사파리5+, 크롬, 파이어폭스 3.6+, 익스플로러9+) / em, % : 설정한 부모 폰트 사이즈에 상속
8px == 0.8rem, 0.8em, 80%
9px == 0.9rem, 0.9em, 90%
10px == 1rem, 1em, 100% : 기본 사이즈 설정 값
11px == 1.1rem, 1.1em, 110%
12px == 1.2rem, 1.2em, 120%
13px == 1.3rem, 1.3em, 130%
14px == 1.4rem, 1.4em, 140%
15px == 1.5rem, 1.5em, 150%
16px == 1.6rem, 1.6em, 160%
17px == 1.7rem, 1.7em, 170%
18px == 1.8rem, 1.8em, 180%
화면 정렬 절대값
- 화면을 12개로 나누어 작업합니다.
- 열(row) 단위로 박스구성을 하며, 12개 조각으로 작업합니다.
- 모바일 최소사이즈(360px)는 대략 4개이고 테블릿 최소사이즈(768px)은 9개, 테블릿 최대 사이즈와 PC 컨텐츠 최소사이즈(1024px)는 12개 입니다.
- PC 최대사이즈는 1920px 이며, 컨텐츠는 7개가 추가되어 작업됩니다.
기본 레이아웃 초기값 설정
.wrap > .header + .contentsWrap + .footer
*****************************************************************************************************************************************/
.wrap { position:relative; height: 100%; } /* overflow:hidden; */
/*******************************************************************************************
최상단 영역 초기값 설정
.header > header > .logo + .topMenuWrap + .btnMenuView + .megaMenu + .utility
********************************************************************************************/
.header { position:fixed; left:0; top:0; width:100%; z-index:200; min-height:104px; background:#fff; box-sizing:border-box; }
.header:before { content:""; display:block; clear:both; position:absolute; left:0; top:0; width:100%; height:30px; background:#15397b; }
.header:after { content:""; display:block; clear:both; position:absolute; right:0; top:0; width:33%; height:30px; background:#0075c2; z-index:199; }
.header > header { max-width:1200px; margin:0 auto; padding:0 50px; box-sizing:border-box; }
.header > header:after { content:""; display:block; clear:both; height:0; visibility:hidden; }

.logo { position:absolute; top:30px; z-index:10; }
.logo a { display:block; width:162px; height:28px; margin-left:0; padding:23px 0; }
.logo a img { width:100%; }

/* PC에서만 보이는 탑 사업부문 메뉴 */
.topMenuWrap { position:relative; z-index:200; height:30px; background:#15397b; }
.topMenuWrap:after { content:""; display:block; clear:both; height:0; visibility:hidden; }
.topMenuWrap ul { float:right; height:30px; background:#0075c2; }
.topMenuWrap ul li { float:left; position:relative; }
.topMenuWrap ul li a { position:relative; display:block; padding:6px 13px; border-left:1px solid #268acb; font-size:14px; font-weight:bold; color:#a3c2e2; }
.topMenuWrap ul li:last-child a { padding-right:0; }

/* 모바일에서 메뉴 펼쳐보기 아이콘 */
.header .btnMenuView { display:none; }

/* 유틸 메뉴 */
.utility { position:relative; float:right; margin:22px 0 0; text-align:right; }
.utility ul:after { content:""; display:block; clear:both; height:0; visibility:hidden; }
.utility li { float:left; }
.utility a { display:block; padding:9px 0 9px 13px; font-weight:700; line-height:1.1; font-size:13px; color:#777; text-align:right; }

/*******************************************************************************************
메뉴영역 초기값 설정
.megaMenu > .container
: .container = section > h2 + .btnMenuClose + .menuWrap
: .menuWrap = nav > ul > li > .depthWrap
********************************************************************************************/
.megaMenu.active > .container { min-height:591px; box-sizing:border-box; border-bottom:2px solid #a0a0a0; background:#f5f5f5 url('/images/front/common/bg_top_line.png') repeat-x left top; -moz-box-shadow:0px 3px 2px #d8d8d8; -webkit-box-shadow:0px 3px 2px #d8d8d8; box-shadow:0px 3px 2px #d8d8d8; }
.megaMenu > .container { overflow:hidden; position:absolute; top:30px; left:0; width:100%; min-height:74px; height:auto; }
.megaMenu section { max-width:1200px; margin:0 auto; padding:0 50px; box-sizing:border-box; }
.megaMenu h2 { font-size:0; height:1px !important; position:absolute !important; top:-9999px !important; width: 1px !important; }
.megaMenu a { display:block; line-height:1.4; font-size:16px; font-weight:700; word-wrap:break-word; }
.megaMenu .btnMenuClose { display:none; }

.menuWrap { position:relative; margin:0 20%; }
.menuWrap ul:after { content:""; display:block; clear:both; height:0; visibility:hidden; }
.menuWrap .depth01 > li { position:relative; float:left; }
.menuWrap .depth01 > li:after { content:""; display:block; clear:both; position:absolute; top:74px; width:1px; height:1000%; background:#ddd; }
.menuWrap .depth01 > li:first-child:after { display:none; }
.menuWrap .depth01 > li > a { box-sizing:border-box; height:74px; padding:25px 0; text-align:center; letter-spacing:-0.02em; font-family:'SamsungOne', sans-serif; font-size:17px; line-height:1.3; color:#111; }
.menuWrap .depth01 > li.active:after { width:100%; background:#fff; }
.menuWrap .depth01 > li.active:first-child:after { display:block; }
.menuWrap .depth01 > li.active:before { content:""; display:block; clear:both; position:absolute; top:70px; left:50%; z-index:199; width:80%; height:4px; margin-left:-40%; background:#0075c2; }
.menuWrap .depth01 > li.active > a { color:#0075c2; }
.menuWrap .depth01 > li.gnb01 { width:27%; }
.menuWrap .depth01 > li.gnb02 { width:33%; }
.menuWrap .depth01 > li.gnb03 { width:40%; }
.menuWrap .depthWrap { position:absolute; left:0; z-index:100; width:100%; height:auto; }
.megaMenu.active .depthWrap { display:block; }
.depthWrap .depth02 { padding:30px 15px 0; }
.depthWrap .depth02 li { position:relative; }
.depthWrap .depth02 > li > a { position:relative; padding:5px 17px 5px 0; color:#333; }
.depthWrap .depth02 > li > a:hover, .depthWrap .depth02 > li > a:focus { color:#0075c2; }
.depthWrap .depth02 > li > .depth { background-image:url('/images/front/icon/ico_megaplus_pc.png'); background-repeat:no-repeat; background-position:100% 50%; }
.depthWrap .depth02 > li.active > a { color:#0075c2; }
.depthWrap .depth02 > li.active > .depth { background-image:url('/images/front/icon/ico_megaminus_pc.png'); }
.depthWrap .depth03 { display:none; }
.depthWrap .depth02 > li.active .depth03 { display:block; }
.depthWrap .depth03 > li > a { padding:5px 0px 5px 24px; font-weight:400; font-size:14px; color:#555; }
.depthWrap .depth03 > li > a:before { content:"-"; display:block; clear:both; position:absolute; top:5px; left:15px; }
.depthWrap .depth03 > li > a:hover,.depthWrap .depth03 > li > a:focus { color:#0075c2; text-decoration:underline; }

/*******************************************************************************************
컨텐츠영역 초기값 설정
#contentsWrap > container > .conTitWrap + .moLnbWrap + .pcLnbWrap + .contents
********************************************************************************************/
#contentsWrap { position:relative; min-height: 100%; }
#contentsWrap > .container { padding: 104px 0 100px; margin: 0 0 -100px; }
#contentsWrap .contentsTop { position: relative; }
#contentsWrap .contentsTop .inner { max-width:1200px; padding:0 50px; margin:0 auto; box-sizing: border-box; }

#contentsWrap .visualWrap {position:relative;overflow:hidden;width:100%;height:312px;}
#contentsWrap .visualWrap .swiper-wrapper {height:100%;font-size:0;line-height:0;white-space:nowrap;}
#contentsWrap .visualWrap .swiper-slide {position:relative;display:inline-block;position:relative;width:100%;height:100%;text-align:left;min-height: 312px; background: url(/images/front/common/pic_visual.jpg) no-repeat 50% 50%; background-size: cover;}
#contentsWrap .visualWrap .visual02 {background-image: url(/images/front/common/pic_visual_02.jpg);}
#contentsWrap .visualWrap .visual03 {background-image: url(/images/front/common/pic_visual_03.jpg);}
#contentsWrap .visualWrap .visual04 {background-image: url(/images/front/common/pic_visual_04.jpg);}
#contentsWrap .visualWrap .inner {overflow:hidden; max-width:1200px; padding:0 50px; box-sizing:border-box; position:relative; bottom:165px; left:0; margin:0 auto}

.swiper-page-wrap { overflow:hidden; max-width:1200px; padding:0 50px; box-sizing:border-box; position:relative; bottom:155px; left:0; height:30px; margin:0 auto }
.swiper-page-wrap > div { float:left }
.visualWrap .swiper-pagination { position:absolute; top:13px; left:50px; }
.visualWrap .swiper-pagination .swiper-pagination-bullet { vertical-align:top; width:16px; height:3px; display:inline-block; margin-left:2px; background:#666666; }
.visualWrap .swiper-pagination .swiper-pagination-bullet-active { width:40px; background:#febd32; transition:0.2s }
.visualWrap .swiper-pagination .swiper-pagination-bullet:first-child { margin-left:0; }
.visualWrap .swiper-counter { position: absolute; top:0; left:155px; width:58px; height:30px; font-size:16px; color:#ddd; text-align:center; background:url(/images/front/main/visual_num.png) no-repeat }
.visualWrap .swiper-counter span { padding:6px 0; display:inline-block; opacity:1 }
.visualWrap .swiper-counter span.count { color:#febd32; }

#contentsWrap .visualWrap .visualTit { padding-top: 0; font-weight: 700; color: #fff; }
#contentsWrap .visualWrap .visualTit span { display: block; margin-top: 10px; font-size: 30px; font-weight: 400; line-height: 1; }
#contentsWrap .visualWrap .visualTit span .home { position:relative; display: inline-block; width: 42px; height: 21px; margin-right: 15px; background: url(/images/front/icon/ico_home.png) no-repeat; background-size: auto 21px; text-indent:-9999px; }
#contentsWrap .visualWrap .visualTit span .home:after { content:''; display: block; position:absolute; top:5px; left: auto; right:0; width: 7px; height: 15px; background: url(/images/front/common/bul_arrow.png) no-repeat; background-size: auto 15px; }
#contentsWrap .visualWrap .visualTit span em { margin-top: -5px; }
#contentsWrap .searchWrap { position: absolute; top:0; left:0; width: 100%; padding: 13px 0; background: #0075c2; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.5); }
#contentsWrap .searchWrap.fixed { position: fixed; top: 104px; z-index: 199; }
#contentsWrap .searchWrap .hashtag { float: left; margin-top: 3px;}
#contentsWrap .searchWrap .hashtag li { float: left; margin-right: 10px; }
#contentsWrap .searchWrap .hashtag li a { display: block; padding: 10px 20px; border: 2px solid rgba(250, 250, 250, .4); border-radius: 25px; color: #fff; font-size: 18px; }
#contentsWrap .searchWrap .hashtag li a:hover {border: 2px solid rgba(250, 250, 250, 1);}
#contentsWrap .searchWrap .searchArea { float: right; width: 50%; text-align: right; }
#contentsWrap .searchWrap .searchArea input { max-width: 410px; height: 47px; border-radius: 5px; }
#contentsWrap .searchWrap .searchArea input:focus { border: 1px solid #fff; border-radius: 5px; color:#333; }
#contentsWrap .searchWrap .searchArea .searchBtn { width: 45px; height: 45px; margin-left: 7px; background: url(/images/front/main/btn_search.png) no-repeat; background-size:45px}
.header .moMenuWrap { display: none; }
#contentsWrap .pcMenuWrap { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; }
#contentsWrap .pcMenuWrap.fixed { position: fixed; top:177px; left:0; width: 100%; background: #fff; z-index: 199; }
#contentsWrap .pcMenuWrap .inner { max-width:1200px; padding:0 50px; margin:0 auto; box-sizing: border-box; }
#contentsWrap .pcMenuWrap .navbar { overflow: hidden; }
#contentsWrap .pcMenuWrap .navbar a { float: left; color: #333; padding: 15px; }
#contentsWrap .pcMenuWrap .navbar a:first-child { padding-left: 0; }
#contentsWrap .pcMenuWrap .navbar .dropdown { float: left; overflow: hidden; }
#contentsWrap .pcMenuWrap .navbar .dropdown .dropbtn { padding: 15px; color: #333; font-size: 15px; }
#contentsWrap .pcMenuWrap .navbar .dropdown .dropbtn .dropdownIcon { display: inline-block; width: 13px; height: 7px; margin-left: 10px; background: url(/images/front/icon/ico_dropdown_off.png) no-repeat; background-size: 100%; }
#contentsWrap .pcMenuWrap .navbar .dropdown:hover .dropbtn .dropdownIcon,
#contentsWrap .pcMenuWrap .navbar .dropdown.on .dropbtn .dropdownIcon,
#contentsWrap .pcMenuWrap .navbar .dropdown.active .dropbtn .dropdownIcon { background-image: url(/images/front/icon/ico_dropdown_on.png); }
#contentsWrap .pcMenuWrap .navbar a:hover,
#contentsWrap .pcMenuWrap .navbar .dropdown:hover,
#contentsWrap .pcMenuWrap .navbar .dropbtn:hover { color: #0075c2; }
#contentsWrap .pcMenuWrap .navbar a.on,
#contentsWrap .pcMenuWrap .navbar .dropdown.on .dropbtn,
#contentsWrap .pcMenuWrap .navbar .dropdown.active .dropbtn { color: #0075c2; }
#contentsWrap .pcMenuWrap .navbar .dropdown .dropdownCont { display: none; position: absolute; background-color: #fff; min-width: 106px; padding: 20px 15px; border: 1px solid #ddd; box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.07); z-index: 1; }
#contentsWrap .pcMenuWrap .navbar .dropdown .dropdownCont a { float: none; display: block; color: #333; padding: 0; margin-bottom: 15px; font-size: 14px; text-align: left; }
#contentsWrap .pcMenuWrap .navbar .dropdown .dropdownCont a:last-child { margin-bottom: 0; }
#contentsWrap .pcMenuWrap .navbar .dropdown .dropdownCont a:before { content:'-'; display: inline-block; margin-right: 5px; }
#contentsWrap .pcMenuWrap .navbar .dropdown .dropdownCont a:hover { color: #0075c2; }
 #contentsWrap .pcMenuWrap .navbar .dropdown.active .dropdownCont { display: block; }

.contents { max-width:1200px; padding:80px 50px; margin:0 auto; box-sizing: border-box; }
.contents p { word-break: keep-all; }
.contentsBtm { display: none; }

/* 페이지 타이틀 영역 */
.conTitWrap h2 { display:table-cell; height:60px; padding:0 15px; font-weight:700; font-size:1.8rem; line-height:1; color:#fff; vertical-align:middle; }
.conTitWrap .location { display:none; }

/* 모바일 LNB */
.moLnbWrap div { position:relative; z-index:100; }
.moLnbWrap div:first-child strong { border-left:none; }
.moLnbWrap div:first-child li { margin-left:0; }
.moLnbWrap div:last-child strong { border-right:none; }
.moLnbWrap div strong { display:block; margin-left:-1px; padding:11px 0 10px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; background-color:#f0f0f0; }
.moLnbWrap a, .moLnbWrap .select { display:block; font-size:1.4rem; line-height:1.3; color:#222; }
.moLnbWrap .select { overflow:hidden; position:relative; text-overflow:ellipsis; width:100%; height:38px; padding:0 30px 0 15px; text-align:left; }
.moLnbWrap .select:after { content:""; display:block; overflow:hidden; clear:both; position:absolute; right:15px; top:50%; margin-top:-3px; width:9px; height:5px; background:url('/images/front/icon/ico_lnb_mo.png') no-repeat 0 0; background-size:39px 5px; }
.moLnbWrap .active .select:after { background-position:-30px 0; }
.moLnbWrap ul { display:none; position:absolute; left:0; z-index:100; width:100%; background-color:#fff; }
.moLnbWrap ul li { border-bottom:1px solid #d9d9d9; margin-left:-1px; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; }
.moLnbWrap ul li a { padding:10px 14px 9px; word-wrap:break-word; }
.moLnbWrap .active ul { display:block; }

/*******************************************************************************************
하단영역 초기값 설정
.footer > container > .footMenuWrap + .copy + .familyWrap
********************************************************************************************/
.footer { position:relative; height: 100px; background: #4f4e5a; }
.footer > .container { position: relative; max-width:1200px; margin:0 auto; padding:30px 50px 0; box-sizing: border-box; }
.footer .footMenuWrap { margin-bottom: 10px; }
.footer .footMenuWrap ul { width: 100%; }
.footer .footMenuWrap ul:after { content:""; display:block; clear:both; height:0; visibility:hidden; }
.footer .footMenuWrap ul.moLink { display: none; }
.footer .footMenuWrap li { float:left; position: relative; }
.footer .footMenuWrap li:after { content:""; display:block; clear:both; position:absolute; left:auto; right:0; top:50%; width:1px; height:10px; margin-top:-5px; background:#86858e; }
.footer .footMenuWrap li:last-child:after { width: 0; height:0; background: none; }
.footer .footMenuWrap li > a { display:inline-block; padding:3px 10px; font-size:13px; color: #fff; }
.footer .footMenuWrap li:first-child a { padding-left: 0; }
.footer .ethic-manage.active .ethicArea { display: block; }
.footer .ethic-manage .ethicArea { display:none; position:absolute; right:50%; bottom:51px; z-index:151; width:152px; margin-right:-76px; }
.ethicArea:before { content:""; display:block; overflow:hidden; clear:both; position:absolute; right:65px; bottom:-19px; width:20px; height:20px; background:url('/images/front/common/bg_familymap_pc.png') no-repeat 0 0; }
.ethicArea .container { display:table; width:100%; table-layout:fixed; border:1px solid #ddd; background-color:#fff; box-sizing:border-box; }
.ethicArea .container:after { content:""; display:block; clear:both; height:0; visibility:hidden; }
.ethicArea a { display:block; font-size:14px; color:#333; word-wrap:break-word; }
.ethicArea a:hover { color:#0075c2; }
.ethicArea dl { display:table-cell; width:100%; padding:0 20px 10px 20px; border-left:1px solid #ddd; }
.ethicArea dl:first-child { border-left:none; }
.ethicArea dl:after { content:""; display:block; clear:both; height:0; visibility:hidden; }
.ethicArea dt { position:relative; z-index:1; margin-bottom:-1px; padding:25px 0 12px; border-bottom:2px solid #0075c2; font-size:17px; font-weight:700; color:#000; }
.ethicArea dt span { color:#0075c2; }
.ethicArea dd { border-top:1px dotted #cbcbcb; }
.ethicArea dd > a { position:relative; padding:14px 10px 14px 10px; }
.ethicArea dd > a:before { content:"-"; display:inline-block; overflow:hidden; clear:both; position:absolute; left:0; }

.footer .copy { font-size:12px; color: #c0c0c0; }
.footer .familyWrap { display:block; }
.familyWrap.active .btnFamily { background-position:100% 100%; }
.familyWrap.active .familyArea { display:block; }

.familyWrap .btnFamily { position:absolute; top:33px; right:50px; width:17.5%; padding:10px 30px 8px 10px; border:1px solid #84838c; background: #4f4e5a url('/images/front/icon/ico_familymap_pc.png') no-repeat 100% 13px; font-size:14px; color:#fff; line-height:1; text-align:left; }

.familyWrap .familyArea { display:none; position:absolute; right:0; bottom:100%; z-index:150; margin:0 50px; }
.familyArea:before { content:""; display:block; overflow:hidden; clear:both; position:absolute; right:95px; bottom:-19px; width:20px; height:20px; background:url('/images/front/common/bg_familymap_pc.png') no-repeat 0 0; }
.familyArea .container { display:table; width:100%; table-layout:fixed; border:1px solid #ddd; background-color:#fff; box-sizing:border-box; }
.familyArea .container:after { content:""; display:block; clear:both; height:0; visibility:hidden; }
.familyArea a { display:block; font-size:14px; color:#333; word-wrap:break-word; }
.familyArea a:hover { color:#0075c2; }
.familyArea dl { display:table-cell; width:33.33%; padding:0 30px 10px 30px; border-left:1px solid #ddd; }
.familyArea dl:first-child { border-left:none; }
.familyArea dl:after { content:""; display:block; clear:both; height:0; visibility:hidden; }
.familyArea dt { position:relative; z-index:1; margin-bottom:-1px; padding:25px 0 12px; border-bottom:2px solid #0075c2; font-size:17px; font-weight:700; color:#000; }
.familyArea dt span { color:#0075c2; }
.familyArea dd { border-top:1px dotted #cbcbcb; }
.familyArea dd > a { padding:14px 10px 14px 0; }
.familyArea ul { margin-top:-16px; }
.familyArea ul li a { position:relative; padding:10px; color:#777; }
.familyArea ul li a:before { content:"-"; display:inline-block; overflow:hidden; clear:both; position:absolute; left:0; }
.familyArea .related dd { float:left; width:46.8%; }
.familyArea .related dd:nth-child(even) { margin-right:6.4%; }

/*****************************************************************************************************************************************
팝업 설정 - 윈도우 팝업만 적용
*****************************************************************************************************************************************/
/* 공통 일반팝업 레이아웃 */
.popWrap .imgBox img { width:100%; }

/* 달력 */
.calendarPop { display:none; position:absolute; left:50%; z-index:100; width:400px; margin-left:-20px; background-color:#fff; box-shadow: 0px 1px 20px #333; z-index:1000; }
.calendarPop .popTit { padding:24px 0; background-color:#78bc00; color:#fff; font-size:20px; font-weight:700; text-align:center; }
.calendarPop .popCon { padding:20px 20px 30px; }
.calendarPop .popCon .btnArea { margin-top:20px; }
.calendarPop .btnClose { display:inline-block; position:absolute; right:26px; top:20px; width:20px; height:20px; padding:0; background:0; border:0; cursor:pointer; }
.calendarPop .btnClose img { vertical-align:middle; }
.calendarPop .popCon .box { text-align:center; }
.calendarPop .btnArea { text-align:center; }

.calendarHeader { position:relative; padding-bottom:10px; }
.calendarHeader select { width:98px; height:32px; margin-left:6px; padding:6px 10px; border:1px solid #dbdbdb; color:#333; font-size:13px; line-height:30px }
.calendarHeader .btnCal { position:absolute; top:6px; display:block; width:12px; height:20px; background:url(/images/admin/btn_calendar.png) no-repeat 0 0; }
.calendarHeader .btnCal.prev { left:0; }
.calendarHeader .btnCal.next { right:0; background-position:-12px 0; }
.calendarHeader .btnCal .txt { position:absolute; left:0; top:0; text-indent:-999em; }
.calendarTbl { padding-top:20px; border-top:1px solid #d6d6d6; }
.calendarTbl .tit { display:block; font-size:15px; font-weight:700; line-height:1; color:#333; }
.calendarTbl table { width:100%; margin-top:9px; }
.calendarTbl th, .calendarTbl td a { padding:9px 0; font-size:13px; font-weight:normal; color:#333; }
.calendarTbl td a { display:block; width:100%; height:100%; }
.calendarPop .btn { display:inline-block; min-width:80px; height:32px; padding:8px 10px 11px; color:#fff; font-size:13px; font-weight:700; text-align:center; }
.calendarPop .btn.typeGreen { background-color:#78bc00; }
.calendarPop .btn.typeGray { background-color:#a0a0a0; }

/*****************************************************************************************************************************************
컨텐츠 페이지 내 공통처리
*****************************************************************************************************************************************/

/* 상단 안내영역 */
.contInfoArea { margin-bottom:30px; }
.contInfoArea img { width:100%; }
.contInfoArea .contTit { margin-top:22px; margin-bottom:18px; }
.contInfoArea .contTit span { display:block; }
.contInfoArea .contTit:after { display:block; content: ""; background-color:#1a4779; margin-top:17px; width:54px; height:5px; }
.contInfoArea .img { margin:0 auto; width:70%; }
.contInfoArea .txt { margin-bottom:26px; font-size:1.4rem; line-height:1.4em; }
.contInfoArea .year { font-size:3.0rem; font-weight:700; }
.contInfoArea .month { color:#ffffff; font-size:8.0rem; }
.contInfoArea .infoTxt { background-color:#105d99; width:100%; color:#aac5e2; font-size:1.5rem; }
.contInfoArea .infoTxt .tit { color:#ffffff; font-size:4.5rem; }
.contInfoArea .infoTxt .box { margin:0 auto; }

/* 테이블 하단 텍스트 영역 */
.txtTableInfoBot { margin-top:20px; color:#aaaaaa; font-size:1.2rem; }
.txtTableInfoBot .iconFile { display:inline-block; margin-right:7px; width:10px; height:13px; vertical-align:top; }


/*****************************************************************************************************************************************
컨텐츠 별 정의
*****************************************************************************************************************************************/

/* Footer - SITEMAP */
#CT-PCK-078.contents { padding-bottom:50px; margin-bottom:-50px; background-color:#fafafa; }
#CT-PCK-078 .siteMap .inner { padding:8px 15px 10px; border-top:2px solid #2a6eb6; background:#fff; }
#CT-PCK-078 .siteMap .inner:first-child { margin-bottom:20px; }
#CT-PCK-078 .siteMap .inner .menuTit { padding:14px 15px; border-bottom:1px solid #ccc; color:#1a4779; font-size:1.8rem; font-weight:700; }
#CT-PCK-078 .siteMap .inner > ul > li { background:url('/images/front/common/bg_dashed_line.png') repeat-x 0 0; }
#CT-PCK-078 .siteMap .inner > ul > li:first-child { background:none; }
#CT-PCK-078 .siteMap .inner > ul > li .depth { display:block; padding:13px 15px 12px; color:#222; font-size:1.4rem; font-weight:700; }
#CT-PCK-078 .siteMap .inner > ul > li .defaultGrayDotList { padding:0 15px 13px; }
#CT-PCK-078 .siteMap .inner > ul > li .defaultGrayDotList li { margin-top:18px; font-size:1.4rem; background-position:left 5px; }
#CT-PCK-078 .siteMap .inner > ul > li .defaultGrayDotList li:first-child { margin-top:0; }

/* 오류페이지 */
.errorWrap { padding:0 10px; }
.errorWrap .errorHead { padding:16px 0; border-bottom:2px solid #2a6eb6; }
.errorWrap .errorHead .logo { width:99px; height:17px; margin-left:5px; }
.errorWrap .errorHead .logo img { width:100%; }
.errorWrap .errorCont { padding:38px 0; border-bottom:1px solid #ddd; font-size:1.4rem; word-wrap:break-word; }
.errorWrap .errorCont section { width:100%; min-height:110px; margin:0 auto; padding-left:143px; box-sizing:border-box; background:url('/images/front/common/bg_error.png') no-repeat 0 50%; background-size:115px 110px; }
.errorWrap .errorCont p { line-height:1.6; }
.errorWrap .errorCont .contTit { position:relative; }
.errorWrap .errorCont .contTit:after { display:block; content:""; background-color:#1a4779; margin-top:15px; margin-bottom:18px; width:32px; height:3px; }
.errorWrap .errorCont .btnArea { margin-top:5px; }

/* 시스템점검 */
#CT-PCK-106 .contTit span { display:block; margin-top:3px; font-size:1.6rem; }
#CT-PCK-106 section { width:91%; background-image:url('/images/front/common/bg_checksystem.png'); }
.grayDotTxt { background:url('/images/front/icon/ico_grayDot.png') no-repeat 0 6px; background-size: 3px; padding-left:10px; margin-top:9px; font-size:1.2rem; }
#CT-PCK-106 .grayDotTxt span { display:block; }

/*****************************************************************************************************************************************
핵 정의
*****************************************************************************************************************************************/
/* 파폭 핵 */
@-moz-document url-prefix() { }

/* 크롬1+, 사파리3 핵 */
@media screen and (-webkit-min-device-pixel-ratio:0) { }







/* 폼요소-체크박스 */
/* Customize the label (the container) */
.checkboxWrap { display: block; position: relative; padding-left: 32px; margin-bottom: 12px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

 /* Hide the browser's default checkbox */
 .checkboxWrap input { position: absolute; opacity: 0; cursor: pointer; }

 /* Create a custom checkbox */
 .checkboxWrap .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; border: 1px solid #bdbdbd; }

 /* On mouse-over, add a grey background color */
 .checkboxWrap:hover input ~ .checkmark { /* background-color: #ccc; */ }

 /* When the checkbox is checked, add a blue background */
 .checkboxWrap input:checked ~ .checkmark { border: 1px solid #0c4da2; }

 /* Create the checkmark/indicator (hidden when not checked) */
 .checkboxWrap .checkmark:after { content: ""; position: absolute; /* display: none; */ }

 /* Show the checkmark when checked */
 .checkboxWrap input:checked ~ .checkmark:after { display: block; }

 /* Style the checkmark/indicator */
 .checkboxWrap .checkmark:after { left: 8px; top: 3px; width: 5px; height: 10px; border: solid #bdbdbd; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
 .checkboxWrap input:checked ~ .checkmark:after { border: solid #0c4da2; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

 /* 폼요소-라디오버튼 */
 /* Customize the label (the container) */
.radioWrap { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

 /* Hide the browser's default radio button */
 .radioWrap input { position: absolute; opacity: 0; }

 /* Create a custom radio button */
 .radioWrap .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; border: 1px solid #bdbdbd; border-radius: 50%; }

 /* On mouse-over, add a grey background color */
 .radioWrap:hover input ~ .checkmark { /* background-color: #ccc; */ }

 /* When the radio button is checked, add a blue background */
 .radioWrap input:checked ~ .checkmark { border: 1px solid #0c4da2; }

 /* Create the indicator (the dot/circle - hidden when not checked) */
 .radioWrap .checkmark:after { content: ""; position: absolute; display: none; }

 /* Show the indicator (dot/circle) when checked */
 .radioWrap input:checked ~ .checkmark:after { display: block; }

 /* Style the indicator (dot/circle) */
 .radioWrap .checkmark:after { top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: #0c4da2; }

/* selectbox */
/*the container must be positioned relative:*/
.custom-select { position: relative; /* font-family: Arial; */ }
 .custom-select select { display: none; /*hide original SELECT element:*/ }
 .select-selected { background-color: #fff; }
 /*style the arrow inside the select element:*/
 .select-selected:after { position: absolute; content: ""; top: 12px; right: 10px; width: 13px; height: 7px; border: 6px solid transparent; /* border-color: red transparent transparent transparent; */
background: url(/images/front/icon/ico_arrow_open.png) no-repeat; background-size: 13px 7px; }
 /*point the arrow upwards when the select box is open (active):*/
 .select-selected.select-arrow-active:after { /* border-color: transparent transparent red transparent; */
background: url(/images/front/icon/ico_arrow_close.png) no-repeat; background-size: 13px 7px; top: 11px; }
 /*style the items (options), including the selected item:*/
 .select-items div,.select-selected { padding: 10px; border: 1px solid #ddd; cursor: pointer; }
 .select-items div { border-top: 0 none; border-bottom: 0 none; }
 .select-items div:last-child { border-bottom: 1px solid #ddd; }
 /*style items (options):*/
 .select-items { position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; }
 /*hide the items when the select box is closed:*/
 .select-hide { display: none; }
 .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); }

 /*****************************************************************************************************************************************
반응형 처리 (모바일)
*****************************************************************************************************************************************/
/* 미디어퀴리 */
@media screen and (max-width:1200px){
 #contentsWrap .searchWrap .searchArea { width: 40%; }
 #contentsWrap .searchWrap .searchArea input { width: 60%; }
}
@media screen and (max-width:1024px) { /* 최상단 영역 */
.header { position:fixed; width:100%; min-height:auto; }
.header:before,.header:after { display:none; }
.header header { max-width:none; margin:0; padding:0; height:70px; border-bottom: 1px solid #c3c3c3; }

.logo { top:0; }
.logo a { width: 162px; height: 28px; padding: 21px 0 21px 20px; }
.logo a img { width:100%; }

/* PC에서만 보이는 탑 사업부문 메뉴 */
.topMenuWrap { display:none; }

/* 모바일에서 메뉴 펼쳐보기 아이콘 */
.header .btnMenuView { display:block; position:absolute; right:10PX; top:5PX; width:60px; height:60px; background:#fff url('/images/front/btn/btn_menuview_mo.png') no-repeat 50% 50%; background-size:20px 20px; z-index: 1; }
.header .btnMenuView span { font-size:0; position:absolute; top:-9999px; }

/* 유틸 메뉴 */
.utility { margin:4px 42px 0px 0px; }
.utility:after { content:""; display:block; clear:both; position:absolute; right:30PX; top:24px; width:1px; height:15px; background:#ccc; }
.utility ul { padding-right:30px; }
.utility ul:after { content:""; display:block; clear:both; height:0; visibility:hidden; }
.utility li { display:none; }
.utility li.eng, .utility li.kor { display:block; }
.utility a { padding:23px 20px; font-size:18px; color:#333; }


/* 메뉴영역 설정 */
.megaMenu { display:none; }
.megaMenu.active { display:block; }
.megaMenu.active > .container { top:0; min-height:auto; border-bottom:none; background:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
.megaMenu > .container { position:fixed; width:100%; height:100%; z-index:1000; padding-bottom:40px; box-sizing:border-box; }
.megaMenu section { height:100%; max-width:none; padding:0; }
.megaMenu a { font-size:13px; }
.megaMenu .btnMenuClose { display:block; position:absolute; right:0; top:0; z-index:1005; width:70px; height:69px; background:#fff url('/images/front/btn/btn_menuclose_mo.png') no-repeat 50% 50%; background-size:15px; }
.megaMenu .btnMenuClose span { font-size:0; position:absolute; top:-9999px; }

.menuWrap { height:100%; margin:0; background:#fff; }
.menuWrap nav { overflow-x:hidden; overflow-y:auto; height:100%; margin-top:70px; }
.menuWrap .depth01 > li { float:none; border-bottom:1px solid #ccc; }
.menuWrap .depth01 > li:first-child { border-top:1px solid #ccc; }
.menuWrap .depth01 > li > a { height:auto; padding:10px 15px; background:#fff url('/images/front/icon/ico_megaplus_mo.png') no-repeat 100% 50%; background-size:28px 13px; font-size:15px; text-align:left; }
.menuWrap .depth01 > li > a:hover { color:#111; }
.menuWrap .depth01 > li:after { content:none; display:none; }
.menuWrap .depth01 > li.active:after { content:none; display:none; }
.menuWrap .depth01 > li.active > a { background-image:url('/images/front/icon/ico_megaactive_mo.png'); color:#111; }
.menuWrap .depth01 > li.active:before { content:none; display:none; }
.menuWrap .depth01 > li.gnb01,.menuWrap .depth01 > li.gnb02,.menuWrap .depth01 > li.gnb03 { width:100%; }
.menuWrap .depthWrap { display:none; position:relative; }
.megaMenu.active .depthWrap { display:none; }
.menuWrap li.active .depthWrap { display:block; }
.depthWrap .depth02 { padding:0; }
.depthWrap .depth02 li { border-top:1px solid #d9d9d9; }
.depthWrap .depth02 > li:before { content:""; display:block; clear:both; width:100%; height:1px; background:#fff; }
.depthWrap .depth02 > li:first-child { border-color:#ccc; }
.depthWrap .depth02 > li > a { position:relative; padding:7px 15px; background-color:#f2f2f2; }
.depthWrap .depth02 > li > a:hover,.depthWrap .depth02 > li > a:focus { color:#333; }
.depthWrap .depth02 > li > .depth { background-image:url('/images/front/icon/ico_megaplus_mo.png'); background-repeat:no-repeat; background-position:100% 50%; background-size:28px 13px; }
.depthWrap .depth02 > li.active { border-color:#0c4da2; }
.depthWrap .depth02 > li.active:before { background:#0c4da2; }
.depthWrap .depth02 > li.active > a { background-color:#0c4da2; color:#fff; }
.depthWrap .depth02 > li.active > a:after { content:""; display:block; overflow:hidden; clear:both; position:absolute; right:5px; top:50%; width:8px; height:12px; margin-top:-7px; background:url('/images/front/icon/ico_megaarrow_mo.png') no-repeat 0 50%; background-size:cover; }
.depthWrap .depth02 > li.active > .depth { background-image:url('/images/front/icon/ico_megaminus_mo.png'); }
.depthWrap .depth02 > li.active .depth03 > li:first-child { border-color:#0c4da2; }
.depthWrap .depth03 > li > a { padding:7px 15px 7px 42px; font-weight:400; color:#555; }
.depthWrap .depth03 > li > a:before { content:"-"; display:block; clear:both; position:absolute; top:50%; left:32px; margin-top:-10px; }
.depthWrap .depth03 > li > a:hover,.depthWrap .depth03 > li > a:focus { color:#555; text-decoration:none; }

#contentsWrap .contentsTop .inner,
#contentsWrap .pcMenuWrap .inner { padding: 0 20px; }
.contents { padding: 40px 20px; }
#contentsWrap .searchWrap .searchArea input { width: 60%; }
#contentsWrap > .container { padding: 70px 0 100px; margin: 0 0 -100px; }

/* 푸터 -모바일 + 태블릿 */
.footer > .container { padding: 30px 20px 0; }
.familyWrap .btnFamily { right: 20px; width: 15%; }
.familyWrap .familyArea { margin:0 20px; }

#contentsWrap .searchWrap {display: none;}
}

@media screen and (max-width:812px){
 #contentsWrap .contentsTop { display: none; }
#contentsWrap > .container { padding-top: 40px; }
.header { height:auto; }
.header header { height:40px; }
.header .moMenuWrap { display: block; }
#contentsWrap .pcMenuWrap { display: none; }
/* 모바일 메뉴 */
.moMenuWrap .location { position: relative; }
.moMenuWrap .location ol { padding: 10px 10px 9px 40px; background: #e7e7e7; }
.moMenuWrap .location ol:before { content:''; position: absolute; top:10px; left:17px; display:block; width:13px; height: 14px; background: url(/images/front/icon/icon_home.png) no-repeat; background-size: 100%; }
.moMenuWrap .location ol li { float: left; margin-right: 4px; font-size: 13px; color: #333; line-height: 1.5; }
.moMenuWrap .location ol li:after { content:''; display: inline-block; margin-left: 4px; width: 6px; height: 10px; background: url(/images/front/common/bul_location.png) no-repeat; background-size: auto 10px; }
.moMenuWrap .location ol li:last-child { margin-right:0; }
.moMenuWrap .location ol li:last-child:after { display: none; }
.moMenuWrap .location ol li.on { color: #377dd5; }

/* #contentsWrap > .container { padding-top: 0; min-height: 100%; } */
/* #contentsWrap > .container .moLayout { padding-bottom: 187px; } */
.contents { padding: 40px 20px 0; min-height: 211px; }
.logo a { display:block; width:105px; height:18px; padding:11px 0 11px 15px; }
.utility:after { content:""; display:block; clear:both; position:absolute; right:0; top:11px; width:1px; height:10px; background:#ccc; }
.utility a { padding:10px 2px; font-size:14px; color:#333; }
.header .btnMenuView { display:block; position:absolute; right:0; top:0; width:40px; height:39px; background:#fff url('/images/front/btn/btn_menuview_mo.png') no-repeat 50% 50%; background-size:12px 12px; }
.utility ul { padding-right:13px; }
.menuWrap nav { margin-top: 40px; }
.megaMenu .btnMenuClose { width: 40px; height: 39px; background-size:12px; }
.menuWrap .depth01 > li:first-child { border-top:none; }

/* 본문 하단 모바일 영역 */
.contentsBtm { display: block; background: #fff; } /* position: absolute; top: auto; bottom: 100px; left:0; */
.contentsBtm .viewTop { margin: 30px 20px 40px; background: #f8f8f8; text-align: center; }
.contentsBtm .viewTop a { display:inline-block; position:relative; padding: 13px 20px; font-size: 15px; font-weight: 700; font-family:'SamsungOne', sans-serif; color: #555; }
.contentsBtm .viewTop a:after { display:block; content:''; position: absolute; top:19px; left: auto; right:4px; width: 11px; height: 11px; background: url(/images/front/icon/ico_top.png) no-repeat; background-size: 11px 11px; }

.contentsBtm .moAcco { border-top: 1px solid #434757; }
.contentsBtm .moAcco button { padding: 12px 15px; width: 100%; border-bottom: 1px solid #e3e4eb; outline: none; color: #333; cursor: pointer; font-size: 15px; font-weight: 700; font-family: 'SamsungOne', sans-serif; text-align: left; transition: 0.4s; }
/* .contentsBtm .moAcco button.active,
.contentsBtm .moAcco button:hover { background-color: #ccc; } */
.contentsBtm .moAcco button:after { content: ''; display: block; float: right; margin-top: 3px; width: 13px; height: 13px; background: url(/images/front/icon/ico_acco_plus.png) no-repeat; background-size: 13px 13px; }
.contentsBtm .moAcco button.active:after { background-image: url(/images/front/icon/ico_acco_minus.png); }
.contentsBtm .moAcco button + .panel { padding: 0 15px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.contentsBtm .moAcco button + .panel p { padding: 20px 0; }

.contentsBtm .moAcco.menuWrap a { display: block; font-weight: 700; word-wrap: break-word; }
.contentsBtm .moAcco.menuWrap .depthWrap a { font-size: 13px; }


/* 푸터 */
.footer > .container { padding-top: 15px; }
.footer .familyWrap { display: none; }
.footer .footMenuWrap ul { display: none; }
.footer .footMenuWrap ul.moLink { display: block; text-align: center; }
.footer .footMenuWrap ul.moLink li { float: none; display: inline-block; }
.footer .footMenuWrap ul.moLink li:last-child a {padding-left: 4px;}
.footer .copy { text-align: center; }
.footer .block { display: block !important; }

/* 탭 */
.defaultTab.moChange .select { display: block; }
.defaultTab.moChange .select button { display: block; overflow: hidden; position: relative; width: 100%; padding: 10px 23px 10px 10px; border: 1px solid #ddd; color: #555; text-align: left; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }
.defaultTab.moChange .select button:after { content: ''; position: absolute; top: 15px; left: auto; right: 10px; display: inline-block; width: 13px; height: 7px; background: url(/images/front/icon/ico_arrow_open.png) no-repeat; background-size: 13px 7px; }

.defaultTab.moChange .tabCtrlWrap { display: none; }
.defaultTab.moChange.active .tabCtrlWrap { display: block; border: 1px solid #ddd; border-top: 0 none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.defaultTab.moChange.active .tabCtrlWrap a { display: block; padding: 10px; height: auto; border:0 none; text-align: left; }
.defaultTab.moChange.active .tabCtrlWrap a.current { background: #f8f8f8; }
.defaultTab.moChange.active .tabCtrlWrap a:hover { color: #0c4da2; }
.defaultTab.moChange.active .select button:after { background-image: url(/images/front/icon/ico_arrow_close.png); }

/* 탭 -뉴스화면 */
.defaultTab.moChange2 .tabCtrlWrap { overflow: hidden; display: block;font-size:0}
.defaultTab.moChange2 .tabCtrlWrap a { display: inline-table; width: 32%; margin: 0 2% 2% 0; border: 1px solid #d9d9d9;box-sizing:border-box;}
.defaultTab.moChange2 .tabCtrlWrap a:nth-child(3n) { margin-right: 0; line-height: 1.2; }
.defaultTab.moChange2 .tabCtrlWrap a span { display: table-cell; vertical-align: middle; }
.defaultTab.moChange2 .tabCtrlWrap a.current { border-top: 2px solid #377dd5; }

/* 본문 하단 이메일/페이스북/인쇄하기 */
.shareList { padding: 8px 0 7px; }
.shareList li button { width: 33px; height: 33px; }
.shareList li.email button, .shareList li.email button:hover { background-size: auto 15px; }
.shareList li.facebook button, .shareList li.facebook button:hover { background-size: auto 15px; }
.shareList li.print button, .shareList li.print button:hover { background-size: auto 15px; }

/* 연관정보 바로가기 */
.relationInfo { display: none; }

/* 모바일 가이드 정리 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,select,input,textarea,p,blockquote,th,td,figure,figcaption { line-height: 1.5 !important; }
.contents .historyTit { margin-bottom: 20px; }
.contents .historyBtnWrap { margin: 30px 0; text-align: center; }
.contents .historyBtnWrap a { width: auto; min-width: 100px; padding: 0 20px; height: 45px; line-height: 45px; font-size: 16px; }
.defaultTab .tabCtrlWrap a { height: 40px; font-size: 15px; }

.popTit { font-size: 25px; }
.bigTit { font-size: 21px; }
.contTit { font-size: 18px; }
.subTit { font-size: 16px; }
.contTxt { font-size: 15px; }
.hintTxt, .subTxt { font-size: 14px; }

.fillBtn, .blankBtn {height: 45px;}

.socialMedia li button { width: 50px; height: 50px; }
.shareList li { margin: 0 7px; }

/* 모바일 테이블 */
.tableBasicList { overflow-x: auto; overflow-y: hidden; }
.defaultTable { width: auto; }
.tableBasicList thead th { padding: 8px 10px; }
.tableBasicList tbody th, .tableBasicList tbody td { padding: 8px 10px; font-size: 15px; }

/* 페이징처리 */
.pageArea a, .pageArea strong {margin-left: 0;}
 }

@media screen and (max-width:320px){
.moMenuWrap .location ol { padding: 10px 0 9px 25px; }
.moMenuWrap .location ol:before { left: 6px; }
.pageArea a, .pageArea strong {width: 30px; height: 30px; line-height: 30px;}
.pageArea .btnNext, .pageArea .btnPrev {margin: 0;}
 }

@media print and (color) { /* 프린트시 컬러 처리 width: 538px */
 * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }

 .header, #contentsWrap .pcMenuWrap {position: static !important;}
 #contentsWrap .searchWrap {position: absolute !important;}
 #contentsWrap > .container {padding-top: 0;}

 .header, #contentsWrap .searchWrap, .footer {display: none;}
 #contentsWrap > .container {padding-top: 0;}
 #contentsWrap .pcMenuWrap .inner {padding: 0;}

}