@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700); /* Open Sans */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); /* 본고딕 - NotoSans */

@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: normal;
  src: local('/_Default/_Font/Nanum Square Regular'), local('Nanum Square-Regular'), local('NanumSquare Regular');
  src: url(/_Default/_Font/NanumSquare.eot);
  src: url(/_Default/_Font/NanumSquare.eot?#iefix) format('embedded-opentype'),
       url(/_Default/_Font/NanumSquare.woff) format('woff'),
       url(/_Default/_Font/NanumSquare.ttf) format('truetype');
}


/* 기본 */
* {margin:0;padding:0;} 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
{border:0;font-size:100%;}

/* 프린트시 배경이미지 출력 */
* {-webkit-print-color-adjust:exact;}

/* html5 호환 설정*/
article, aside, canvas, details, figcaption, figure, main, footer, header, hgroup, menu, nav, section, summary {display:block;}
address {font-style:normal;display:inline;}

table {width:100%;border-collapse:collapse;border-spacing:0;}
table, caption, tbody, tfoot, thead, tr, th, td {outline:0;background:transparent;font-size:100%;}

nav, ul, ol {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:"";content:none;}

hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}

/* 기본 폰트 및 사이즈 설정 */
body {font-family:'Malgun Gothic','맑은 고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif;font-size:13px;color:#555;background:#fff}/* line-height:1;font-family:"Nanum Barun Gothic","돋움",arial,Dotum,Verdana,helvetica,clean,sans-serif; */


/* 글자 속성 */
/* a:link, a:visited, a:hover, a:active순서로 작성 */
a, a:link {color:#555;text-decoration:none;}
a:visited, a.visited, a.visited:visited {color:inherit;text-decoration:none;}
a:hover, a.visited:hover, a:active {color:inherit;text-decoration:none;}
a:focus {text-decoration:none;}


/* LIST 요소 기본 */
ol.onum li {list-style-type:decimal}
.onum {padding-left:22px;}


/* Form 요소들 기본 */
/* input, button, select, textarea {font-family:inherit;} */
fieldset {padding:0px;margin:0px;border:0px;}
legend {display:none;}

input {border:1px solid #ccc;height:16px;padding:2px 3px 1px 3px;/* font-family:inherit; */}
input[type="radio"],input[type="checkbox"] {border:none;padding:0;margin:0;vertical-align:middle;}
input[type="file"] {border:0;padding:0;margin:0;height:auto;}
input.text,input.password {border-left:1px solid #cbcbcb;border-top:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background:#f8f8f8;height:28px;line-height:28px;padding:0 5px;}
input.file {border:1px solid #ddd;height:16px;padding:2px;font-size:100%;line-height:110%;}
input.image,input.radio,input.checkbox {border:0px !important;vertical-align:middle;padding:0px;margin:0px;}
input.num {text-align:right;border:1px solid #ddd;height:16px;padding:2px;font-size:100%;line-height:110%;}
input.readonly {background-color:#f7f7f7;}
textarea {border:1px solid #ddd;padding:2px 5px;}
select.select {border:1px solid #ddd;height:30px;vertical-align:top;line-height:1;min-width:50px;padding:0 5px;}


/* 이미지 요소 기본 */
img {vertical-align:top;} 

/* ime-mode */
.imeOff {ime-mode:disabled;}
.imehangul {ime-mode:active;}

/* 오버-클릭 커서로 지정 */
button, .pointer, .hand{cursor:pointer;}
.mvPointer {cursor:move;}


/*기본 스타일 정의*/
/*플로팅*/
.fr {float:right;}
.fl {float:left;}
.cr {clear:both;}
.aftercr:after {clear:both;content:"";display:block;}


/*포지셔닝*/
.pos_d, .pos-d, .pos-st {position:static;}
.pos_r, .pos-r, .pos-rel {position:relative;}
.pos_a,.pos-a, .pos-abs {position:absolute;}

/*박스유형*/
.isbox, .is-rel, .is-box {display:block;position:relative;}
.isabs, .is-abs {position:absolute;}
.inline {display:inline-block;}

/* 글자자름 (inline-block, block 형태로 가로폭 반드시 지정해 줘야함)*/
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wordkeep {white-space:normal;word-break:keep-all;}

/*숨김*/
.hidden {display:none;}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}
.wblind {width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;text-indent:-9999em;}/* 크롬에서 col width 값 안먹는 문제 대응 */


/* LI 목록 데이터 없음 스타일 기본 */
li.no-data,li.noData {padding-top:50px;padding-bottom:50px;height:auto;text-align:center;width:100%;}


/* 공백 */
/* 관리자에서 사용 */
.gap10 {height:10px;clear:both;overflow:hidden;display:block;}
.gap20 {height:20px;clear:both;overflow:hidden;display:block;}
.gap30 {height:30px;clear:both;overflow:hidden;display:block;}
/* 컨텐츠에서 사용 */
.gap {height:40px;clear:both;display:block;}
.sgap {height:25px;clear:both;display:block;}
.ssgap {height:15px;clear:both;display:block;}

/*기본 텍스트 포인트 칼라*/
.csc-p1 {color:#18357c}
.csc-dp1 {color:#08418e}
.csc-dp1-1 {color:#0c54ac}
.csc-dp1-2 {color:#076ac6}
.csc-dp1-3 {color:#088beb}
.csc-p2 {color:#002043}
.csc-dp2 {color:#364152}
.csc-dp2-1 {color:#334261}
.csc-dp2-2 {color:#495262}
.csc-p3 {color:#2da428}
.csc-dp3 {color:#4bb847}
.csc-p4 {color:#f37321}
.csc-dp4 {color:#fe8b17}
.csc-p1bg {background:#18357c}
.csc-dp1bg {background:#08418e}
.csc-dp1-1bg {background:#0c54ac}
.csc-dp1-2bg {background:#076ac6}
.csc-dp1-3bg {background:#088beb}
.csc-p2bg {background:#002043}
.csc-dp2bg {background:#364152}
.csc-dp2-1bg {background:#334261}
.csc-dp2-2bg {background:#495262}
.csc-p3bg {background:#2da428}
.csc-dp3bg {background:#4bb847}
.csc-p4bg {background:#f37321}
.csc-dp4bg {background:#fe8b17}
.tbl-color td {font-weight:bold;color:#fff;text-align:center;padding:10px 0;font-size:15px}

/* 컨텐츠 타이틀*/
.c-tit01 {font-size:26px;color:#111;background:url(/_Img/Common/blt01.png) no-repeat 0 5px;margin:0 0 0 0;line-height:normal;font-family:"Nanum Square";padding:0 0 0 30px}
.c-tit02 {font-size:22px;color:#0c54ac;padding:0 0 0 9px;margin:0 0 12px 0;line-height:normal;font-weight:normal}
.c-tit03 {font-size:18px;color:#222;padding:3px 0 0 8px;background:url(/_Img/Common/blt03.gif) no-repeat 10px 0px;margin:0 0 20px 0;line-height:normal;font-weight:normal}

/* 리스트 스타일 */
.c-list01, .c-list02 {font-size:15px;margin:0 0 0 11px;line-height:24px}
.c-list01 li, .c-list01-li {position:relative;padding:0 0 4px 14px;margin:4px 0 0 0;color:#666;text-indent:0}
.c-list01 li:before, .c-list01-li:before, .c-list02 li ul li:before {position:absolute;top:11px;left:0;content:"";display:block;width:5px;height:2px;background:#888}
.c-list01 li ul {margin:5px 0 0 0}
.c-list01 li ul li, .c-list02 li ul li {font-size:14px;color:#777;padding-bottom:2px;margin-top:0}
.c-list01 li ul li:before, .c-list02 li ul li:before {height:1px;top:12px}

/* ul 리스트 스타일 변형 */
.c-list02 li, .c-list02-li {position:relative;padding:1px 0 0 10px;color:#333;margin:5px 0 0 0;text-indent:0}
.c-list02 li:before, .c-list02-li:before {position:absolute;top:11px;left:0;content:"";display:block;width:3px;height:5px}
.c-list02.blue > li:before, .blue .c-list02-li:before {background:url(/_Img/Common/blt04.gif) no-repeat}
.c-list02.green > li:before, .green .c-list02-li:before {background:url(/_Img/Common/blt05.gif) no-repeat}
.c-list02.blue li span {color:#0c54ac}
.c-list02.green li span {color:#179512}
.c-list02 li ul {margin:7px 0 3px 4px}
.c-list02 li ul li {padding-left:15px}
.c-list02 li ul li:before, .c-list02 li ul li:before {top:14px}

/* dt, dd 설명 */
.c-dllist01 {font-size:15px;color:#555;padding:0;margin:0}
.c-dllist01 dt,
.c-dllist01 dd {display:inline-block;vertical-align:top;margin:2px 0 3px 0;padding:4px 0 2px 0;color:#222}
.c-dllist01 dt {width:15%;background:#f2f8ec;padding:0;text-indent:15px;border-radius:15px}
.c-dllist01 dd {width:84%}

/* 탭메뉴 : c-tab01 */
.c-tab01 {display:block;width:100%;position:relative;margin-bottom:30px;box-sizing:border-box;background:#f7f7f9}
.c-tab01:after {content:"";display:block;position:absolute;width:100%;height:2px;left:0;bottom:1px;background:#076ac6;z-index:1}
.c-tab01 ul {display:block;position:relative;overflow:hidden;z-index:2}
.c-tab01 ul li {display:block;position:relative;width:25%;float:left}
.c-tab01 ul li:first-child a {border-left:1px solid #d6d6d8}
.c-tab01 ul li:last-child a {border-right:1px solid #d6d6d8}
.c-tab01 ul li a {display:block;position:relative;height:60px;line-height:60px;color:#333;background:#f7f7f9;font-size:15px;text-align:center;border-top:1px solid #d6d6d8;border-bottom:2px solid #076ac6}
.c-tab01 ul li a span {display:block;position:absolute;width:70%;height:20px;line-height:20px;left:15%;top:50%;margin:-10px 0 0 0;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal}
.c-tab01 ul li a .lineV {content:"";display:block;position:absolute;width:1px;height:15px;top:50%;right:0;margin:-7.5px 0 0 0;background:#ddd}
.c-tab01 ul li:last-child a .lineV {display:none}
.c-tab01 ul li a:hover,
.c-tab01 ul li a:focus {color:#076ac6;background:#fff}
.c-tab01 ul li.over a {height:61px;background:#fff;border-top:2px solid #076ac6;border-bottom:1px solid #fff;border-left:0;border-right:0;font-size:16px}
.c-tab01 ul li.over a:before,
.c-tab01 ul li.over a:after {content:"";display:block;position:absolute;width:2px;height:100%;top:0;background:#076ac6}
.c-tab01 ul li.over a:before {left:0}
.c-tab01 ul li.over a:after {right:0}
.c-tab01 ul li.over a span{color:#076ac6;margin:-12px 0 0 0}

/* 탭메뉴 : c-tab02 */
.c-tab02 {display:block;width:100%;position:relative;margin-bottom:30px;box-sizing:border-box}
.c-tab02 ul {display:block;position:relative;text-align:left;font-size:0}
.c-tab02 ul li {display:inline-block;position:relative;overflow:hidden}
.c-tab02 ul li a {display:block;position:relative;padding:18px 55px 16px 42px;margin:0 1px 0 0;transition:all .3s ease}
.c-tab02 ul li a:before,
.c-tab02 ul li a:after {content:"";display:block;position:absolute;width:7px;height:4px;right:20px;background:url(/_Img/Common/blt06.gif) no-repeat;transition:all .3s ease .2s}
.c-tab02 ul li a:before {background-position:-7px 0px;top:24px}
.c-tab02 ul li a:after {background-position:0px 0px;top:-5px}
.c-tab02 ul li a:hover,
.c-tab02 ul li a:focus {background:#f7f7f9}
.c-tab02 ul li a span {display:block;font-size:15px;line-height:1}
.c-tab02 ul li a .lineV {display:block;position:absolute;width:1px;height:15px;top:50%;right:-1px;margin:-7.5px 0 0 0;background:#ddd}
.c-tab02 ul li.over a {background:#076ac6;color:#fff}
.c-tab02 ul li.over a:before {top:100%}
.c-tab02 ul li.over a:after {top:24px}

/* 탭메뉴 : c-tab03 */
.c-tab03 {display:block;width:100%;position:relative;margin-bottom:30px;box-sizing:border-box;border:1px solid #d6d6d8;font-size:0}
.c-tab03 ul {display:inline-block;text-align:left;font-size:0;padding:0;margin:0;vertical-align:top}
.c-tab03 ul li {display:inline-block;position:relative}
.c-tab03 ul li a {display:block;position:relative;color:#333;padding:22px 28px 21px 24px;line-height:1;transition:all .3s ease}
.c-tab03 ul li a:hover {background:#f7f7f9}
.c-tab03 ul li a span {display:block;font-size:15px;line-height:1}
.c-tab03 ul li a:before,
.c-tab03 ul li a:after {content:"";display:block;position:absolute;width:100%;height:1px;left:0;background:#fff;opacity:0;transition:all .3s ease}
.c-tab03 ul li a:before {top:50%}
.c-tab03 ul li a:after {bottom:50%}
.c-tab03 ul li a.all {padding:22px 25px 21px 30px}
.c-tab03 ul li a.all span {position:relative;padding:0 0 0 24px}
.c-tab03 ul li a.all span:after {content:"";display:block;position:absolute;width:9px;height:12px;top:1px;left:0;background:url(/_Img/Common/blt07.gif) no-repeat 0px 0px}
.c-tab03 ul li a.all .lineV {display:none}
.c-tab03 ul li.over a {color:#076ac6}
.c-tab03 ul li.over a:before,
.c-tab03 ul li.over a:after {background:#08418e;opacity:1}
.c-tab03 ul li.over a:before {top:-1px}
.c-tab03 ul li.over a:after {bottom:-1px}

/* 탭메뉴 : c-tab04 */
/* 카테고리 탭스타일 */
.c-tab04 {position:relative;border-top:1px solid #d6d6d8;border-bottom:1px solid #d6d6d8;margin-bottom:20px;background:#fff}
.c-tab04 ul {}
.c-tab04 ul li {float:left;width:20%;font-size:15px;text-align:center}
.c-tab04 ul li a {display:block;position:relative;height:58px;line-height:58px;color:#333;transition:all .3s ease}
.c-tab04 ul li a.all {}
.c-tab04 ul li a.all span:before {content:"";display:inline-block;width:9px;height:12px;background:url(/_Img/Common/blt07.gif) no-repeat 0px 0px;margin:0 15px 0 0}
.c-tab04 ul li a:before,
.c-tab04 ul li a:after {content:"";display:block;position:absolute;width:100%;height:1px;left:0;background:#08418e;opacity:0;transition:all .3s ease}
.c-tab04 ul li a:before {top:50%}
.c-tab04 ul li a:after {bottom:50%}
.c-tab04 ul li a:hover,
.c-tab04 ul li a:focus,
.c-tab04 ul li a:active {background:#f7f7f9;color:#076ac6}
.c-tab04 ul li a:hover:before,
.c-tab04 ul li a:focus:before,
.c-tab04 ul li a:active:before {top:0px;opacity:1}
.c-tab04 ul li a:hover:after,
.c-tab04 ul li a:focus:after,
.c-tab04 ul li a:active:after {bottom:0px;opacity:1}
.c-tab04 ul li.over a {background:#0c54ac;color:#fff}
.c-tab04 ul li.over a:before,
.c-tab04 ul li.over a:after {display:none}
.c-tab04 ul li.over a.all span:before {background-position:-9px 0}
.c-tab04 button {display:block;border:0;position:absolute;width:50px;height:58px;cursor:pointer;background:#fff}
.c-tab04 button span {display:block;position:absolute;width:32px;height:32px;left:50%;top:50%;margin:-16px 0 0 -16px;background:#f7f7f8;text-indent:-9999px;border-radius:50%;transition:all .3s ease}
.c-tab04 button span:after {content:"";display:block;position:absolute;width:4px;height:7px;left:50%;top:50%;margin:-3.5px 0 0 -2px;background:url(/_Img/Common/blt08.gif) no-repeat;transition:all .3s ease}
.c-tab04 button.btn-prev {left:0;top:0}
.c-tab04 button.btn-prev span:after {background-position:0px 0px}
.c-tab04 button:hover span {background-color:#0c54ac}
.c-tab04 button.btn-prev:hover span:after {background-position:-4px 0px}
.c-tab04 button.btn-next {right:0;top:0}
.c-tab04 button.btn-next span:after {background-position:-8px 0px}
.c-tab04 button.btn-next:hover span:after {background-position:-12px 0px}



/* ----- 버튼 ----- */
.nw-btn {display:inline-block;padding-right:15px;margin-right:5px;background:url(/_Img/Common/ico_nw.gif) no-repeat right center}
a.nw-btn, a.nw-btn:link {color:#14a922;text-decoration:none}

.sw-btn:hover, .sg-btn:hover, .sp-btn:hover, .sdp-btn:hover, .so-btn:hover,
.bw-btn:hover, .bg-btn:hover, .bp-btn:hover, .bdp-btn:hover,
.lw-btn:hover, .lg-btn:hover, .lp-btn:hover, .ldp-btn:hover,
.sw-btn:focus, .sg-btn:focus, .sp-btn:focus, .sdp-btn:focus,
.bw-btn:focus, .bg-btn:focus, .bp-btn:focus, .bdp-btn:focus,
.lw-btn:focus, .lg-btn:focus, .lp-btn:focus, .ldp-btn:focus,
.c-btn:hover, .c-btn:focus
{text-decoration:none}

/* 작은 컨텐츠 버튼 */
.sw-btn, .sg-btn, .sp-btn, .sdp-btn, .so-btn {display:inline-block;font-size:12px;vertical-align:middle;transition:all .25s ease}
.sw-btn, a.sw-btn {background:#fff;border:1px solid #b4bbc2;color:#444;box-sizing:border-box}
.sw-btn:hover, .sw-btn:focus {background:#0c54ac;border:1px solid #0c54ac;color:#fff}
.sg-btn, a.sg-btn {background:#545c6b;border:1px solid #545c6b;color:#fff}
.sg-btn:hover, .sg-btn:focus {background:#364152;border:1px solid #364152}
.sp-btn, a.sp-btn {background:#076ac6;color:#fff;border:0}
.sp-btn:hover, .sp-btn:focus {background:#1c43a2}
.sdp-btn, a.sdp-btn {background:#42b53e;color:#fff;border:0}
.sdp-btn:hover, .sdp-btn:focus {background:#0da608}
.so-btn, a.so-btn {background:#f37321;color:#fff;border:0}
.so-btn:hover, .so-btn:focus {background:#e15f0c}
a.sw-btn span, a.sg-btn span {display:block;padding:8px 5px 8px 5px;line-height:1}
a.sp-btn span, a.sdp-btn span {display:block;padding:9px 9px 9px 9px;line-height:1}
input.sw-btn, input.sg-btn, input.sp-btn, input.sdp-btn, button.sw-btn, button.sg-btn, button.sp-btn, button.sdp-btn {padding:0 9px;height:30px;cursor:pointer}

/* 컨텐츠 버튼 */
.cw-btn, .cg-btn, .cp-btn, .cdp-btn {position:relative;display:inline-block;font-size:14px;vertical-align:middle;transition:all .25s ease;line-height:1.1}
.cw-btn, a.cw-btn {background:#fff;border:1px solid #aaa;color:#444;box-sizing:border-box}
.cw-btn:hover, .cw-btn:focus {background:#0c54ac;border:1px solid #0c54ac;color:#fff}
.cg-btn, a.cg-btn {background:#545c6b;border:1px solid #545c6b;color:#fff}
.cg-btn:hover, .cg-btn:focus {background:#364152;border:1px solid #364152;color:#fff}
.cp-btn, a.cp-btn {background:#076ac6;border:1px solid #076ac6;color:#fff}
.cp-btn:hover, .cp-btn:focus {background:#1c43a2;border:1px solid #1c43a2;color:#fff}
.cdp-btn, a.cdp-btn {background:#42b53e;border:1px solid #42b53e;color:#fff}
.cdp-btn:hover, .cdp-btn:focus {background:#0da608;border:1px solid #0da608;color:#fff}

a.cw-btn span, a.cg-btn span, a.cp-btn span, a.cdp-btn span {display:block;padding:14px 45px 15px 15px;line-height:1}
input.cw-btn, button.cw-btn {padding:0 40px 0 15px;height:50px;cursor:pointer;box-sizing:border-box}
.cw-btn .ico, .cg-btn .ico, .cp-btn .ico, .cdp-btn .ico {position:absolute;right:16px;top:50%;padding:0;width:16px;height:16px;margin-top:-9px;background:url(/_Img/Common/ico_cbtn.png) no-repeat 0 0;-webkit-transition:right .25s ease; transition:right .25s ease-out}
.cw-btn .arr {background-position:0px 0}
.cg-btn .arr, .cp-btn .arr, .cdp-btn .arr {background:url(/_Img/Common/ico_cbtn.png) no-repeat 0px -16px}
.cw-btn:hover .arr, .cw-btn:focus .arr {background-position:0px -16px}
.cw-btn .plus {background-position: -16px 0}
.cg-btn .plus, .cp-btn .plus, .cdp-btn .plus {background:url(/_Img/Common/ico_cbtn.png) no-repeat -16px -16px}
.cw-btn:hover .plus, .cw-btn:focus .plus {background-position: -16px -16px}
.cw-btn .nw {background-position: -32px 0}
.cg-btn .nw, .cp-btn .nw, .cdp-btn .nw {background:url(/_Img/Common/ico_cbtn.png) no-repeat -32px -16px}
.cw-btn:hover .nw, .cw-btn:focus .nw {background-position: -32px -16px}
.cw-btn .zoom {background-position: -48px 0}
.cg-btn .zoom, .cp-btn .zoom, .cdp-btn .zoom {background:url(/_Img/Common/ico_cbtn.png) no-repeat -48px -16px}
.cw-btn:hover .zoom, .cw-btn:focus .zoom {background-position: -48px -16px}
.cw-btn .down {background-position: -64px 0}
.cg-btn .down, .cp-btn .down, .cdp-btn .down {background:url(/_Img/Common/ico_cbtn.png) no-repeat -64px -16px}
.cw-btn:hover .down, .cw-btn:focus .down {background-position: -64px -16px}
.cw-btn .calendar {background-position: -80px 0}
.cg-btn .calendar, .cp-btn .calendar, .cdp-btn .calendar {background:url(/_Img/Common/ico_cbtn.png) no-repeat -80px -16px}
.cw-btn:hover .calendar, .cw-btn:focus .calendar {background-position: -80px -16px}
.cw-btn:hover .ico, .cg-btn:hover .ico, .cp-btn:hover .ico, .cdp-btn:hover .ico {right:20px}

input.cp-btn, button.cp-btn {padding:18px 45px 16px 15px}

/* 프로그램버튼 */
.bw-btn, .bg-btn, .bp-btn, .bdp-btn {display:inline-block;font-size:15px;color:#444;vertical-align:middle;transition:all .25s ease}
.bw-btn, a.bw-btn {background:#fff;border:1px solid #aaa;color:#444;box-sizing:border-box}
.bw-btn:hover, .bw-btn:focus {background:#0c54ac;border:1px solid #0c54ac;color:#fff}
.bw-btn:hover span, .bw-btn:focus span, .bw-btn:active span {color:#fff}
.bg-btn, a.bg-btn {background:#545c6b;color:#fff;border:0}
.bg-btn:hover, .bg-btn:focus {background:#364152}
.bp-btn, a.bp-btn {background:#076ac6;color:#fff;border:0}
.bp-btn:hover, .bp-btn:focus {background:#1c43a2}
.bdp-btn, a.bdp-btn {background:#42b53e;color:#fff;border:0}
.bdp-btn:hover, .bdp-btn:focus {background:#0da608}
a.bw-btn span {display:block;padding:18px 19px 15px 19px;line-height:1;color:#444}
a.bg-btn span, a.bp-btn span, a.bdp-btn span {display:block;padding:19px 19px 16px 19px;line-height:1}
input.bw-btn, input.bg-btn, input.bp-btn, input.bdp-btn, button.bw-btn, button.bg-btn, button.bp-btn, button.bdp-btn {padding:0 20px;height:30px;cursor:pointer}

/* 회원 버튼 */
.lw-btn, .lg-btn, .lp-btn, .ldp-btn {display:inline-block;font-size:15px;vertical-align:middle;transition:all .25s ease;color:#444;background-image:url(/_Img/Common/btn_ptn1.png);background-repeat:repeat;background-position:left top}
.lw-btn, a.lw-btn {background-color:#fff;border:1px solid #aaa;color:#444;box-sizing:border-box}
.lw-btn:hover, .lw-btn:focus {background-color:#0c54ac;border:1px solid #0c54ac;color:#fff}
.lg-btn, a.lg-btn {background-color:#545c6b;color:#fff;border:0}
.lg-btn:hover, .lg-btn:focus {background-color:#364152}
.lp-btn, a.lp-btn {background-color:#076ac6;color:#fff;border:0}
.lp-btn:hover, .lp-btn:focus {background-color:#1c43a2}
.ldp-btn, a.ldp-btn {background-color:#42b53e;color:#fff;border:0}
.ldp-btn:hover, .ldp-btn:focus {background-color:#0da608}
a.lw-btn span {display:block;padding:23px 34px 20px 34px;line-height:1}
a.lg-btn span, a.lp-btn span, a.ldp-btn span {display:block;padding:24px 37px 22px 37px;line-height:1}
input.lw-btn, input.lg-btn, input.lp-btn, input.ldp-btn, button.lw-btn, button.lg-btn, button.lp-btn, button.ldp-btn {padding:0 37px;height:60px;cursor:pointer}


/* ----- 테이블 ----- */
/* 기본 : tbl-type01 */
.tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #18357c;margin-left:-1px;font-size:15px;border-bottom:1px solid #bbb; margin-bottom:10px}
.tbl-type01 th,
.tbl-type01 td {padding:20px 8px 21px 8px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;word-wrap:break-word;line-height:1.3}
.tbl-type01 th {color:#222}
.tbl-type01 td {color:#555}
.tbl-type01 thead th {background:#f8f8fa;color:#333;border-bottom:1px solid #495262;font-size:16px;padding:20px 8px 20px 8px}
.tbl-type01 th:first-child, .tbl-type01 td:first-child {border-left:0}
.tbl-type01 th:last-child, .tbl-type01 td:last-child {border-right:0}

/* Samll 1 : tbl-type01-s01 */
.tbl-type-s01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:1px solid #a4a4a4;margin-left:-1px;font-size:13px;border-bottom:1px solid #bbb}
.tbl-type-s01 th,
.tbl-type-s01 td {padding:13px 8px 13px 8px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;word-wrap:break-word;line-height:1.3}
.tbl-type-s01 th {color:#666}
.tbl-type-s01 td {background:#fff;color:#555}
.tbl-type-s01 thead th {background:#f8f8fa;color:#524245;border-bottom:1px solid #c4c4c4;font-size:13px;padding:13px 8px 13px 8px}
.tbl-type-s01 th:first-child, .tbl-type-s01 td:first-child {border-left:0}
.tbl-type-s01 th:last-child, .tbl-type-s01 td:last-child {border-right:0}

/* Samll 2 : tbl-type01-s02 */
.tbl-type-s02 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:1px solid #a4a4a4;margin-left:-1px;font-size:13px;border-bottom:1px solid #bbb}
.tbl-type-s02 th,
.tbl-type-s02 td {padding:13px 8px 13px 8px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;word-wrap:break-word;line-height:1.3}
.tbl-type-s02 th {color:#666}
.tbl-type-s02 td {background:#fff;color:#555}
.tbl-type-s02 thead th {background:#fff;color:#524245;border-bottom:1px solid #c4c4c4;font-size:13px;padding:13px 8px 13px 8px}
.tbl-type-s02 th:first-child,
.tbl-type-s02 td:first-child {border-left:0}
.tbl-type-s02 th:last-child,
.tbl-type-s02 td:last-child {border-right:0}

/* 반응형 안내문 */
.wauto-wrap {position:relative}
.is-wauto-box {position:relative;width:100%;padding-top:10px}
.rsv-info {position:relative;padding:14px 0;text-align:center}
.rsv-info .ico {display:block;padding:41px 0 0 0;font-size:15px;line-height:1;color:#444;background:url(/_Img/Common/ico_tbl_rsv.png) no-repeat top center}

@media all and (max-width:480px){
	.rsv-info {padding:15px 0}
	.rsv-info:before {margin-right:10px}
	.rsv-info .ico {font-size:14px;padding:45px 0 0 0;background-position: center 0}
}
@media all and (max-width:399px){
	.rsv-info:after, .rsv-info:before {position:absolute;top:50%;margin-top:-14px}
	.rsv-info:before {left:0}
	.rsv-info:after {right:0}
}



/* 테이블 - 반응형 스크롤 */
.is-wauto-box > table {min-width:720px}
@media only screen and (max-width:768px){
	.is-wauto-box.full > table {min-width:1000px}
}

/* 안내문 */
.info-box {position:relative;border:1px solid #aaa;border-top:1px solid #185db0;padding:15px 30px 15px 205px; margin-bottom:30px;}
.info-box .info-tit {font-size:22px;color:#333;margin-bottom:5px;font-weight:bold}
.info-box .txt {font-size:15px;color:#444;line-height:26px;margin:1px 0 0 2px}
.info-box:before {content:"";display:block;position:absolute;top:50%;left:37px;margin:-65px 0 0 0;width:131px;height:131px;background:url(/content/new/_Img/Guide/infobox_sprite.png) no-repeat 0 0}
.info-box02 {position:relative;padding:15px 30px 15px 205px;background:#f1f3f5}
.info-box02 .info-tit {font-size:22px;color:#333;margin-bottom:5px;font-weight:bold}
.info-box02 .txt {font-size:15px;color:#444;line-height:26px;margin:1px 0 0 2px}
.info-box02:before {content:"";display:block;position:absolute;top:50%;left:37px;margin:-65px 0 0 0;width:131px;height:131px;background:url(/content/new/_Img/Guide/infobox_sprite.png) no-repeat 0px -131px}
/* 아이콘 */
.info-box.ico01:before,
.info-box02.ico01:before {background-position:0px 0}
.info-box.ico02:before,
.info-box02.ico02:before {background-position:0px -131px}
@media only screen and (max-width:599px){
	.info-box {padding-left:20px;padding-right:20px}
	.info-box:before {display:none}
}

.info-ex {display:inline-block;background:url(/_Img/Common/ico_ex01.png) no-repeat 0 2px;padding:2px 0 0 27px;font-size:15px;margin-top:7px;line-height:20px;color:#777}
.info-ex02 {display:inline-block;background:url(/_Img/Common/ico_ex02.png) no-repeat 0 2px;padding:2px 0 0 27px;font-size:15px;margin-top:7px;line-height:20px;color:#076ac6}
.info-ex03 {display:inline-block;background:url(/_Img/Common/ico_ex03.png) no-repeat 0 2px;padding:2px 0 0 27px;font-size:15px;margin-top:7px;line-height:20px;color:#2da428}

.info-ex04 {padding:4px 0 4px 50px;background:url(/_Img/Common/ico_ex04.png) no-repeat 0 4px}
.info-ex04 .info-tit {font-size:16px;color:#333;font-weight:bold;margin-bottom:5px}
.info-ex04 ul {margin:2px 0 0 0}
.info-ex04 ul li {position:relative;padding:0 0 0 14px;color:#666;font-size:15px;line-height:26px;margin:0 0 1px 0}
.info-ex04 ul li:before {content:"";display:block;position:absolute;width:4px;height:1px;top:12px;left:0;background:#a0a0a0;}
.nec {background:url(/_Img/Common/ico_nec.png) no-repeat 0 3px;padding:0 0 0 15px}

/* 박스 스타일 */
.w-box {position:relative;background:#fff;border:1px solid #ddd;overflow:hidden}
.g-box {position:relative;background:#f8f8f8;border:1px solid #ddd;overflow:hidden}
.r-box {position:relative;background:#fbf0e6;border:1px dashed #d1001d;overflow:hidden}
.line-box-wrap {padding:4px;background:url(/_Img/Common/diagonal_ptn1.gif) repeat 0 0}
.line-box-wrap .line-box {position:relative;background:#fff;overflow:hidden}

/* 폴딩스타일 */
/* 단일 */
.fold-wrap {border:1px solid #aaa;font-size:14px;border-top:1px solid #185db0;position:relative}
.fold-wrap .view {display:block;padding:30px 30px 30px 48px;font-size:18px;color:#444;transition:all .3s ease}
.fold-wrap .view .arr {display:block;position:absolute;width:40px;height:40px;top:24px;right:26px;background:url(/_Img/Common/folds_open.png) no-repeat;transition:all .3s ease}
.fold-wrap .view.over .arr {background:url(/_Img/Common/folds_close.png) no-repeat 0 0}
.fold-wrap .view:hover {background:#f8f8fa}
.fold-wrap .fold-cont {overflow:hidden;height:0;background:#f7f7f6}
.fold-wrap .fold-cont .cont-wrap {padding:10px}
/* 여러개 */
.foldings-wrap {border-top:1px solid #185db0;border-bottom:1px solid #aaa}
.foldings-list {position:relative;width:100%;overflow:hidden}
.foldings-list > li {border-top:1px solid #ddd;overflow:hidden}
.foldings-list > li:first-child {border-top:0}
.foldings-list .foldings-in-wrap a {display:block;font-size:18px;color:#555;padding:29px 20px 30px 50px;cursor:pointer;position:relative;transition:all .3s ease}
.foldings-list .foldings-in-wrap a:hover {background:#f8f8fa}
.foldings-list .foldings-in-wrap a:after {content:"";display:block;position:absolute;width:40px;height:40px;top:25px;right:27px;background:url(/_Img/Common/folds_open.png) no-repeat;transition:all .3s ease}
.foldings-list .foldings-in-wrap a .num {color:#222;font-size:18px;padding-right:55px}
.foldings-list .foldings-in-cont {display:none;overflow:hidden;background:#f7f7f6;padding:20px 28px;border-top:1px solid #ddd}
.foldings-list .over .foldings-in-cont {display:block}
.foldings-list .over .foldings-in-wrap a {background:#076ac6 url(/_Img/Common/btn_ptn1.png) repeat}
.foldings-list .over .foldings-in-wrap a {color:#fff}
.foldings-list .over .foldings-in-wrap a .num {color:#fff}
.foldings-list .over .foldings-in-wrap a:after {background:url(/_Img/Common/folds_close.png) no-repeat 0 0}

/* 이미지슬라이드 */
.cslide {display:block;width:350px;height:250px;position:relative;background:#f1f3f5 url(/_Img/Common/base_logo.png) no-repeat center center}
.cslide .item {display:block;position:relative}
.cslide .item img {position:relative;z-index:1}
.cslide .owl-controls,
.cslide .ctrl-btns {position:absolute;bottom:0;right:100px;z-index:400}
.cslide button {display:inline-block;position:relative;width:50px;height:50px;border:0;text-indent:-9999px;vertical-align:top;background:#2264b3}
.cslide button:after {content:"";display:block;position:absolute;width:14px;height:14px;left:50%;top:50%;margin:-7px 0 0 -7px;background:url(/_Img/Common/cslide_sprite.png) no-repeat}
.cslide .owl-controls {right:0}
.cslide button.owl-prev:after {background-position:-28px 0}
.cslide button.owl-next:after {background-position:-42px 0}
.cslide .ctrl-btns button {display:inline-block;position:relative;width:50px}
.cslide .ctrl-btns button:after {content:"";display:block;position:absolute;width:14px;height:14px;left:50%;top:50%;margin:-7px 0 0 -7px;background:url(/_Img/Common/cslide_sprite.png) no-repeat}
.cslide .ctrl-btns .btn-stop {background-color:#42b53e}
.cslide .ctrl-btns .btn-stop:after {background-position:0px 0}
.cslide .ctrl-btns .btn-play {background-color:#42b53e}
.cslide .ctrl-btns .btn-play:after {background-position:-14px 0}
.cslide.has-zoom .owl-controls {right:51px}
.cslide.has-zoom .ctrl-btns {right:151px}
.cslide.has-zoom .has-zoom-btn {display:block;position:absolute;width:50px;height:50px;right:0;bottom:0;background:#2264b3;z-index:2;transition:all .3s ease}
.cslide.has-zoom .has-zoom-btn:after {content:"";display:block;position:absolute;width:14px;height:15px;top:18px;left:18px;background:url(/_Img/Common/cslide_sprite.png) no-repeat -56px 0px}

/* 이미지확대보기 */
.img-zoom {position:relative;width:auto;max-width:100%}
.img-zoom .zoom {display:block;width:100%}
.img-zoom .btn-zoom {display:block;position:absolute;bottom:0;right:0;width:50px;height:50px;z-index:100;background:#2264b3}
.img-zoom .btn-zoom:after{content:"";display:block;position:absolute;width:14px;height:15px;top:18px;left:18px;background:url(/_Img/Common/cslide_sprite.png) no-repeat -56px 0px}
.img-zoom .btn-down {display:block;position:absolute;bottom:0;right:51px;width:50px;height:50px;z-index:100;background:#42b53e}
.img-zoom .btn-down:after{content:"";display:block;position:absolute;width:14px;height:15px;top:18px;left:18px;background:url(/_Img/Common/cslide_sprite.png) no-repeat -70px 0px}



/* 플로우리스트 */
/* 가로형 */
.flow-list {position:relative;text-align:center;font-size:0}
.flow-list li {position:relative;display:inline-block;vertical-align:top;z-index:100;text-align:center;max-width:15%}
.flow-list li:after {content:"";display:block;position:absolute;width:100%;height:1px;left:0;top:14px;background:url(/_Img/Common/flow_ptn1.gif) repeat-x ;z-index:1}
.flow-list li .num {display:inline-block;position:relative;min-width:65px;height:30px;line-height:30px;text-align:center;color:#fff;background:#1059bd;border-radius:9999px;font-size:15px;z-index:2}
.flow-list li .num:before {content:"";display:block;position:absolute;width:8px;height:14px;top:50%;left:-12px;margin:-8px 0 0 0;background:url(/_Img/Common/flow_arr1.png) no-repeat}
.flow-list li:first-child:after {width:50%;left:50%}
.flow-list li:first-child .num {background:#08418e}
.flow-list li:first-child .num:before {display:none}
.flow-list li:last-child:after {width:50%;left:0}
.flow-list li:last-child .num {background:#f37321}
.flow-list .txt {display:block;margin:21px 10px 0 10px;line-height:26px;font-size:15px;color:#444}



/* 세로형 */
.flow-list.full {text-align:left;}
.flow-list.full:before {content:"";display:block;position:absolute;width:1px;height:99%;left:31px;top:0;background:url(/_Img/Common/flow_ptn2.gif) repeat}
.flow-list.full li:after {display:none}
.flow-list.full li {position:relative;display:block;max-width:100%;text-align:left;margin:0;padding:0 0 30px 0}
.flow-list.full li span {display:inline-block;vertical-align:top;}
.flow-list.full li .num:before {content:"";display:block;position:absolute;width:14px;height:8px;top:auto;top:-20px;left:50%;margin:0 0 0 -7px;background:url(/_Img/Common/flow_arr2.png) no-repeat}
.flow-list.full .txt {margin:4px 0 0 10px;line-height:26px;max-width:90%}
.flow-list.full li:last-child {padding:0}
@media only screen and (max-width:800px){
	.flow-list {text-align:left;}
	.flow-list:before {width:1px;height:99%;left:11px;top:1px;}
	.flow-list li {display:block;max-width:100%;margin-left:0;padding-left:50px;margin-left:0;margin-top:20px}
	.flow-list li:before {position:absolute;top:2px;left:0;}
	.flow-list li span {display:inline-block;vertical-align:middle;}
	.flow-list .tit {margin:0;padding-right:24px}
}




/* 준비중, 에러 메시지, 안내 페이지 */
.msg-wrap {width:100%;text-align:center;font-size:14px;color:#555;padding-top:80px;margin:120px 0}
#contents #cont .msg-wrap {margin:0}
#popup-wrap .pop-cont .msg-wrap {margin:0;padding-top:0}
#popup-wrap .pop-cont .msg-wrap.info .tit:before {margin-bottom:15px}
.msg-wrap .tit {font-size:24px;margin:0 0 22px;line-height:1}
.msg-wrap .tit:before {content:"";display:block;width:296px;height:177px;margin:0 auto 37px;background:url(/_Img/Common/msg_sprite.png) no-repeat 0 0}
.msg-wrap p {line-height:18px}
.msg-wrap a {min-width:100px}
.msg-wrap a.bp-btn {background:#csd-spioint1}
.msg-wrap a.bp-btn span {color:#fff}
.msg-wrap.wait .tit:before {background-position:0 0}
.msg-wrap.error .tit:before {background-position:0 -178px;margin-bottom:73px}
.msg-wrap.info .tit:before {background-position:0 -356px;margin-bottom:77px}
@media only screen and (max-width:480px){
	.msg-wrap {padding-top:53px;marign:80px 0}
	.msg-wrap .tit:before {width:197px;height:118px;background-size:197px auto}
	.msg-wrap.wait .tit:before {background-position:0 0}
	.msg-wrap.error .tit:before {background-position:0 -118px;margin-bottom:48px}
	.msg-wrap.info .tit:before {background-position:0 -237px;margin-bottom:51px}
}





/* -------------------------------------------------------------------------------------------------------------------------- */


/* 폼입력 테이블 : 회원가입과 같이 사용  */
.tbl-form {border-top:2px solid #696c75;width:100%;border-collapse:collapse;clear:both;table-layout:fixed}
.tbl-form th {background:#f7f7f7;padding:14px 10px 13px 27px;border-right:1px solid #bac2ca;border-bottom:1px solid #ddd;font-size:13px;color:#555;text-align:left}
.tbl-form th label {position:relative;display:inline-block}
.tbl-form th label .nec {background:url(/_Img/Common/ico_nec.png) no-repeat 0 5px;text-indent:-9999px;display:block;width:9px;height:15px;position:absolute;top:0;right:-15px;padding:0}
.tbl-form td {border-bottom:1px solid #ddd;padding:14px 0 13px 18px}
.tbl-form th.line {border-left:1px solid #bac2ca}
.tbl-form td label {margin:0 5px}
.tbl-form td input.text {height:28px;/* width:150px; */}
.tbl-form td pre {width:570px;font-family:Nanum Gothic;white-space:pre-line;line-height:160%}
.tbl-form td input.text, .tbl-form td select.select, .tbl-form td button {vertical-align:middle}
.tbl-form td input[type="file"] {width:auto}
.tbl-form td input[type="radio"], .tbl-form td input[type="checkbox"] {width:13px}
.tbl-form td .stit {display:inline-block;margin-right:15px}
.tbl-form td ul li span.b.cblue1 {display:inline-block;*display:inline;*zoom:1;vertical-align:top;width:55px}
/* 세로형 */
.tbl-form.v-type th {padding:14px 10px 13px 10px;border-right:0;border-left:1px solid #bac2ca;text-align:center}
.tbl-form.v-type th:first-child {border-left:0}
.tbl-form.v-type td {padding:14px 10px 13px 10px;text-align:center;border-left:1px solid #bac2ca}
.tbl-form.v-type td:first-child {border-left:0}

.tbl-form-view {border-top:2px solid #696c75;width:100%;border-collapse:collapse;clear:both;table-layout:fixed}
.tbl-form-view th {background:#f3f5f8;padding:8px 10px 8px 15px;border-right:1px solid #bac2ca;border-bottom:1px solid #ddd;font-size:13px;color:#043d86}
.tbl-form-view th label {padding-left:18px;position:relative}
.tbl-form-view th label .nec {background:url(/_Img/Common/ico_nec.png) no-repeat 0 3px;text-indent:-9999px;display:block;position:absolute;top:0px;left:0px;width:9px;height:15px}
.tbl-form-view td {border-bottom:1px solid #ddd;padding:8px 0 8px 15px}
.tbl-form-view td label {margin:0 5px}
.tbl-form-view td input {height:26px}
.tbl-form-view td pre {width:570px;font-family:NanumGothic;white-space:pre-line}


/* -------------------------------------------------------------------------------------------------------------------------- */





/* 각 박스 타이틀 */
.box-tit {display:block;position:relative;padding:0 0 0 204px;min-height:134px}
.box-tit:before {content:"";display:block;position:absolute;width:100px;height:100px;left:38px;top:0;background:url(/content/new/_Img/Guide/findBox_icon1.png) no-repeat;background-size:cover}
.box-tit .c-tit01 {display:block;margin:0 0 8px 0}
.box-tit .tit-body {display:block;margin:0 0 0 4px;line-height:26px;font-size:15px;color:#444}

/* 버튼 */
.btn-wr {display:block;text-align:center;margin:29px 0 0 0}
.btn-wr input,
.btn-wr button {width:100px}

/* 정보조회서비스 datepicker 전용 */
.datepicker {display:inline-block;vertical-align:middle;width:160px;height:45px;box-sizing:border-box;text-align:center;background:#fff;border:1px solid #ddd;color:#333}
.datepicker:disabled {color:#b9b9b9;background:#fafafa}
.datepicker:disabled::-webkit-input-placeholder {color:#b9b9b9}
.datepicker:disabled::-moz-input-placeholder {color:#b9b9b9}
.datepicker:disabled::-ms-input-placeholder {color:#b9b9b9}
.datepicker.term-start {margin:0 0 0 27px}
.datepicker::-webkit-input-placeholder {color:#333}
.datepicker::-moz-input-placeholder {color:#333}
.datepicker::-ms-input-placeholder {color:#333}
.ui-datepicker-year:after{content:"년"}


.findBox1 {display:block}
.findBox1 .fsbox {display:block;border:1px solid #bbb;border-top:2px solid #18357c;background:#f8f8fa;text-align:center;font-size:0;padding:26px 0 29px 0; margin-top:18px;box-sizing:border-box;}
.findBox1 .fsbox.fsb-t {margin:18px 0 0 0;}
.findBox1 .fsbox.fsb-b {margin:16px 0 0 0;}
.findBox1 .fsbox * {display:inline-block;box-sizing:border-box;vertical-align:top}
.findBox1 .fsbox label {color:#222;font-size:18px;font-weight:bold;height:45px;line-height:46px;margin:0 39px 0 0}
.findBox1 .fsbox input {font-size:14px;height:45px;width:400px;text-indent:10px}
.findBox1 .fsbox input::-webkit-input-placeholder {color:#b9b9b9}
.findBox1 .fsbox input::-moz-input-placeholder {color:#b9b9b9}
.findBox1 .fsbox input::-ms-input-placeholder {color:#b9b9b9}
.findBox1 .fsbox button {position:relative;height:45px}
.findBox1 .fsbox button.find-search {width:50px;border:0;background:#076ac6;transition:all .3s ease}
.findBox1 .fsbox button.find-search:after {content:"";display:block;position:absolute;width:17px;height:17px;top:14px;left:17px;background:url(/_Img/Common/findBox_icon2.png) no-repeat}
.findBox1 .fsbox button.find-search:hover {background:#1c43a2}
.findBox1 .fsbox button.find-reset {width:90px;border:1px solid #aaa;background:#fff;margin:0 0 0 5px;transition:all .3s ease}
.findBox1 .fsbox button.find-reset:hover {background:#0c54ac;color:#fff}
.findBox1 .fsbox .fsbox-l,
.findBox1 .fsbox .fsbox-r {display:inline-block;width:50%;text-align:left}
.findBox1 .fsbox .fsbox-l input {width:350px}
.findBox1 .fsbox .fsbox-l label {margin-left:58px}
.findBox1 .fsbox .fsbox-r label {margin-left:48px}
.findBox1 .fsbox .fsbox-r select {font-size:14px;height:45px;width:160px;text-indent:10px}
.findBox1 .fsbox .fsbox-r span.year-conn {color:#222;font-size:15px;height:45px;line-height:45px;margin:0 0 0 7px}

.findBox2 {display:block}
.findBox2 .fsbox {display:block;border:1px solid #bbb;border-top:2px solid #18357c;background:#f8f8fa;font-size:0;padding:15px 0 15px 0}
.findBox2 .fsbox-b {border-top:0}
.findBox2 .fsbox .tit {display:inline-block;box-sizing:border-box;vertical-align:top;color:#333;font-size:16px;font-weight:bold;height:45px;line-height:46px;margin:0 40px 0 66px}
.findBox2 .fsbox ul {display:inline-block;font-size:0;line-height:48px}
.findBox2 .fsbox ul li {display:inline-block;height:45px;vertical-align:top;font-size:0;margin:0 18px 0 0}
.findBox2 .fsbox ul li input[type="radio"] {display:inline-block;vertical-align:middle}
.findBox2 .fsbox ul li label {display:inline-block;vertical-align:middle;font-size:15px;color:#333;margin:-2px 0 0 3px;line-height:1}
.findBox2 .fsbox ul li .datepicker-conn {display:inline-block;color:#333;font-size:15px;height:45px;line-height:45px;margin:0;vertical-align:middle;padding:0 7px}
.findBox2 .fsbox ul li .info-ex03 {vertical-align:middle;margin:0 0 0 25px;letter-spacing:-.05em}
.findBox2 .fsbox .fsbox-l {display:inline-block;width:50%}
.findBox2 .fsbox .fsbox-r {display:inline-block;width:50%}

.findBox3 {display:block}
.findBox3 .util {display:block;text-align:right;height:23px}
.findBox3 .util ul {display:inline-block;text-align:right;vertical-align:top;font-size:0}
.findBox3 .util ul li {display:inline-block;vertical-align:top;font-size:0;margin:0 13px 0 0}
.findBox3 .util ul li a {display:block;position:relative}
.findBox3 .util ul li a span {display:inline-block;height:23px;line-height:24px;font-size:14px;color:#444;vertical-align:middle}
.findBox3 .util ul li a:hover span {text-decoration:underline}
.findBox3 .util ul li a:before {content:"";display:inline-block;width:21px;height:23px;background:url(/_Img/Common/findBox_icon3.png) no-repeat;vertical-align:middle;margin:0 5px 0 0}
.findBox3 .util ul li a.print:before {background-position:0px 0px}
.findBox3 .util ul li a.excel:before {background-position:-21px 0px}
.findBox3 .util ul li a.text:before {background-position:-42px 0px}
.findBox3 .summ {display:block;overflow:hidden;border:1px solid #aaa;border-top:1px solid #185db0;margin:15px 0 0 0;padding:36px 0 31px 0}
.findBox3 .summ .res-summary {float:left;line-height:18px;max-width:600px;word-wrap:break-word; word-break:break-all; white-space:normal}
.findBox3 .summ .res-summary .keywd {display:inline-block;position:relative;padding:0 0 0 18px;margin:0 0 0 31px;font-size:22px;color:#0c54ac}
.findBox3 .summ .res-summary .keywd:before {content:"";display:block;position:absolute;width:7px;height:9px;top:6px;left:0px;background:url(/_Img/Common/findBox_icon3.png) no-repeat -63px 0px}
.findBox3 .summ .res-summary .keywd-sub {display:inline-block;font-size:18px;color:#444}
.findBox3 .summ .res-amount {float:right;position:relative;margin:1px 20px 0 0;font-size:12px;color:#555}
.findBox3 .summ .res-amount:before {content:"";display:block;position:absolute;width:12px;height:14px;left:0;top:2px;background:url(/_Img/Common/findBox_icon3.png) no-repeat -70px 0px}
.findBox3 .summ .res-amount .msg {display:inline-block;padding:0 0 0 21px}
.findBox3 strong.point1 {color:#f9261c}
.findBox3 strong.point2 {color:#1e64ba}

.data-tbl {margin-top:9px;}
.data-tbl .emp1 {color:#ed1c24}
.data-tbl .emp2 {color:#0c54ac}
.data-tbl .full {width:35%}
.data-tbl .half {width:35%}
.data-tbl .sel-half {width:47%}
.data-tbl .inp-half {width:47%}
.data-tbl .w1-3 {width:30%}
.data-tbl .w1-4 {width:22%}
.data-tbl .px160 {width:160px}
.data-tbl a.sp-btn span, a.sdp-btn span {padding:9px 5px 9px 5px}
.data-tbl .select1 {display:inline-block;height:35px;border:1px solid #ddd;margin:0;padding:0;box-sizing:border-box}
.data-tbl .inp1 {display:inline-block;height:35px;border:1px solid #ddd;text-indent:5px;margin:0;padding:0;box-sizing:border-box}
.data-tbl th,
.data-tbl td {padding-top:6px;padding-bottom:6px}
.data-tbl td .chk-ui {display:inline-block;text-indent:0}
.data-tbl td .chk-ui li {display:inline-block;padding:0 7px}
.data-tbl tr.green th,
.data-tbl tr.green td {background:#e7fbe6}
.data-tbl tr.cyan th,
.data-tbl tr.cyan td {background:#ebf3fb}

.data-tbl.data-tbl2 {border-top:0}
.data-tbl.data-tbl2 .border-t {border-top:2px solid #18357c}
.data-tbl.data-tbl2 tbody th {background:#f8f8fa;border-right:1px solid #495262}
.data-tbl.data-tbl2 select,
.data-tbl.data-tbl2 input[type="text"] {height:24px;vertical-align:top}
.data-tbl.data-tbl2 .sel-link {display:inline-block;height:35px;box-sizing:border-box;line-height:35px;padding:0 10px 0 0}
.data-tbl.data-tbl2 a, .data-tbl.data-tbl2 input[type="submit"], .data-tbl.data-tbl2 input[type="button"], .data-tbl.data-tbl2 button {width:70px;height:35px;vertical-align:top}
.data-tbl.data-tbl2 input[type="submit"].calculator{width:auto;}
.data-tbl.data-tbl2 a span {padding:11px 5px 12px 5px}
.data-tbl.data-tbl2 .chk-ui li {display:inline-block;padding:8px 7px 8px 0}
.data-tbl.data-tbl2 .chk-ui li.padl-1 {padding-right:14px}
.data-tbl.data-tbl2 .chk-ui li.padl-2 {padding-right:10px}
.data-tbl.data-tbl2 .chk-ui.hasInp li {padding-top:0;padding-bottom:0}
.data-tbl.data-tbl2 .td-wr1 {text-align:left;padding-left:30px}
.data-tbl.data-tbl2 .c-list02 {margin-left:0}
.data-tbl.data-tbl2 label {vertical-align:middle}
.data-tbl.data-tbl2 input[type="text"] {display:inline-block;vertical-align:middle;width:160px;height:35px;box-sizing:border-box;text-align:center;border:1px solid #ddd}
.data-tbl.data-tbl2 input[type="text"].term-start {margin:0 0 0 27px}
.data-tbl.data-tbl2 .datepicker-conn {display:inline-block;color:#333;font-size:15px;height:35px;line-height:35px;margin:0;vertical-align:middle;padding:0 7px}

.findBox4 {}
.findBox4 .info-box02 {padding:46px 144px 43px 206px}
.findBox4 .info-box02:before {top:25px;margin:0;background:url(/_Img/Common/findBox_icon4.png) no-repeat}
.findBox4 .tbl-type-s01 {border-top:0;margin:28px 0 0 3px}
.findBox4 .tbl-type-s01 th {background:#f8f8fa}
.findBox4 .tbl-type-s01 th,
.findBox4 .tbl-type-s01 td {padding-top:12px;padding-bottom:12px}
.findBox4 .tbl-type-s01 .padl-1 {padding-left:30px}
.findBox4 .tbl-type-s01 .padl-2 {padding-left:30px;padding-top:6px;padding-bottom:6px}
.findBox4 .tbl-type-s01 .chk-ui {display:inline-block;text-indent:0}
.findBox4 .tbl-type-s01 .chk-ui li {display:inline-block;padding:0 5px 0 0}
.findBox4 .tbl-type-s01 .chk-ui li input,
.findBox4 .tbl-type-s01 .chk-ui li label {vertical-align:middle}
.findBox4 .tbl-type-s01 .datepicker {margin:0;height:30px;color:#333;text-align:left;text-indent:11px;font-size:12px}
.findBox4 .tbl-type-s01 .datepicker::-webkit-input-placeholder {color:#b9b9b9}
.findBox4 .tbl-type-s01 .datepicker::-moz-input-placeholder {color:#b9b9b9}
.findBox4 .tbl-type-s01 .datepicker::-ms-input-placeholder {color:#b9b9b9}
.findBox4 .tbl-type-s01 .datepicker-conn {display:inline-block;width:15px;text-align:center}
.findBox4 .tbl-type-s01 .so-btn {width:70px;height:30px;text-align:center;line-height:30px}

.msgBox {display:block;min-height:298px;border:1px solid #aaa;border-top:1px solid #185db0;text-align:center}
.msgBox .msg {display:block;font-size:20px;letter-spacing:-.05em;font-weight:bold;color:#333;text-align:center}
.msgBox .msg:before {content:"";display:block;width:113px;height:109px;margin:71px auto 0;background:url(/_Img/Common/findBox_icon5.png) no-repeat}
.msgBox .msg.ico1:before {background-position:0px 0px}
.msgBox .msg.ico2:before {background-position:0px -109px}
.msgBox .msg span {display:block;margin:17px 0 0 0}

.palceBox {display:block;text-align:center}
.palceBox .nav-wr {display:block;padding:27px 0 26px 0;border:1px solid #aaa;border-top:1px solid #185db0;}
.palceBox .nav-wr label {display:inline-block;vertical-align:middle;font-size:18px;color:#444}
.palceBox .nav-wr .date-wr {display:inline-block;vertical-align:middle;font-size:0;margin:0 0 0 12px}
.palceBox .nav-wr .date-wr input {display:inline-block;vertical-align:middle;width:140px;height:35px;box-sizing:border-box;padding:0;margin:0;font-size:14px;font-weight:bold;color:#0c54ac;text-align:center}
.palceBox .nav-wr .date-wr button.dir {display:inline-block;position:relative;vertical-align:middle;width:27px;height:35px;border:0;background:none}
.palceBox .nav-wr .date-wr button.dir:after {content:"";display:block;position:absolute;width:7px;height:9px;left:50%;top:50%;margin:-4.5px 0 0 -3.5px;background:url(/_Img/Common/findBox_icon6.png) no-repeat}
.palceBox .nav-wr .date-wr button.dir.prev:after {background-position:0px 0px}
.palceBox .nav-wr .date-wr button.dir.next:after {background-position:-7px 0px}
.palceBox .nav-wr .date-wr button.ui-datepicker-trigger {display:inline-block;width:40px;height:35px;border:0;background:none;vertical-align:middle;}
.palceBox .tbl-wr {display:block;position:relative;margin:19px 0 0 0;text-align:left}
.palceBox .tbl-wr thead th {font-size:16px;color:#333;padding:19px 8px 10px 8px;line-height:1}
.palceBox .tbl-wr thead th span {display:block;font-size:14px;color:#555;font-weight:normal;margin:1px 0 0 0}
.palceBox .tbl-wr tbody td {position:relative;height:119px;z-index:1}
.palceBox .tbl-wr tbody td.today {background:#ebf3fb}
.palceBox .msg {display:block;position:absolute;min-width:110px;border:0;z-index:20}
.palceBox .msg .time-s,
.palceBox .msg .time-e {display:block;position:absolute;width:30px;height:30px;text-align:center;line-height:30px;color:#fff;top:0;font-size:14px}
.palceBox .msg .time-s {left:0}
.palceBox .msg .time-e {right:0}
.palceBox .msg .msg-txt {display:block;text-align:center;padding:40px 0 10px}
.palceBox .msg .msg-txt span {display:inline-block;min-width:100px;padding:2px 5px;color:#fff}
.palceBox .msg1 {background:#0c54ac}
.palceBox .msg1 .time-s {background:#076ac6}
.palceBox .msg1 .time-e {background:#18357c}
.palceBox .msg1 .msg-txt p {background:#0c54ac}
.palceBox .msg2 {background:#f3800b}
.palceBox .msg2 .time-s {background:#f69d42}
.palceBox .msg2 .time-e {background:#ca5a00}
.palceBox .msg2 .msg-txt p {background:#f3800b}
.palceBox .msg3 {background:#2da428}
.palceBox .msg3 .time-s {background:#42c43d}
.palceBox .msg3 .time-e {background:#147511}
.palceBox .msg3 .msg-txt p {background:#2da428}
.palceBox .msg4 {background:#495262}
.palceBox .msg4 .time-s {background:#757e8c}
.palceBox .msg4 .time-e {background:#303949}
.palceBox .msg4 .msg-txt p {background:#495262}
.palceBox .pacelMod-wr {display:none;position:absolute;width:100%;height:100%;z-index:30}
.palceBox .pacelMod-wr .mod {display:block;position:absolute;width:460px;height:350px;left:50%;top:50%;margin:-175px 0 0 -230px;background:#fff;z-index:11;box-sizing:border-box;border:1px solid #aaa}
.palceBox .pacelMod-wr .mod .mod-tit {display:block;position:relative;width:460px;height:60px;line-height:60px;font-size:16px;font-weight:bold;color:#fff;text-align:left;background:#3078d0 url(/_Img/Common/mod_tit_bg.gif) no-repeat right top;margin:-1px 0 0 -1px}
.palceBox .pacelMod-wr .mod .mod-tit span {margin:0 0 0 29px}
.palceBox .pacelMod-wr .mod .mod-tit button.mod-closer {display:block;position:absolute;width:13px;height:13px;right:22px;top:50%;margin:-6.5px 0 0 0;background:url(/_Img/Common/mod_close.gif) no-repeat;border:0}
.palceBox .pacelMod-wr .mod-body {display:block}
.palceBox .pacelMod-wr .mod-body .mod-body-inwr {display:block;text-align:left;margin:34px 37px}
.palceBox .pacelMod-wr .pacelMod-bg {display:block;position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, .5);z-index:10;cursor:pointer}
.palceBox .info-ex03 {text-align:left;margin:10px 0 0 0}


.yardBox {display:block}
.yardBox .summ {display:block;overflow:hidden;border:1px solid #aaa;border-top:1px solid #185db0;margin:15px 0 0 0;padding:36px 0 31px 0}
.yardBox .summ .res-summary {float:left;line-height:18px;max-width:600px;word-wrap:break-word; word-break:break-all; white-space:normal}
.yardBox .summ .res-summary .keywd {display:inline-block;position:relative;padding:0 0 0 18px;margin:0 0 0 31px;font-size:22px;color:#0c54ac}
.yardBox .summ .res-summary .keywd:before {content:"";display:block;position:absolute;width:7px;height:9px;top:6px;left:0px;background:url(/_Img/Common/findBox_icon3.png) no-repeat -63px 0px}
.yardBox .summ .res-summary .keywd-sub {display:inline-block;font-size:18px;color:#444}
.yardBox .tbl-wr {display:block;position:relative;margin:19px 0 0 0}
.yardBox .tbl-wr table {border-top:0}
.yardBox .tbl-wr table tbody tr th {border-right:1px solid #495262}
.yardBox .tbl-wr table tbody tr th,
.yardBox .tbl-wr table tbody tr td {border-top:1px solid #ccc;height:119px;line-height:26px}
.yardBox .tbl-wr table tbody tr:last-child th,
.yardBox .tbl-wr table tbody tr:last-child td {border-bottom:1px solid #495262}
.yardBox .tbl-wr table tbody tr td.has-data {background:#ebf3fb}
.yardBox .tbl-wr table tfoot tr th {border-right:1px solid #495262}
.yardBox .tbl-wr table tfoot tr th,
.yardBox .tbl-wr table tfoot tr td {border-bottom:1px solid #495262;font-size:16px;font-weight:bold}

.graphBox {display:block}
.graphBox .box-look {}
.graphBox .core-look {display:block}
.graphBox .core-look .fsbox {display:block;border:1px solid #bbb;background:#f8f8fa;text-align:left;font-size:0;padding:5px 0 5px 0}
.graphBox .core-look .fsbox.fsb-t {margin:0;border-top:2px solid #18357c}
.graphBox .core-look .fsbox.fsb-b {margin:0;border-top:0}
.graphBox .core-look .fsbox label {display:inline-block;box-sizing:border-box;vertical-align:top;color:#222;font-size:16px;font-weight:bold;height:45px;line-height:46px;margin:0}
.graphBox .core-look .fsbox input[type="text"] {font-size:12px;height:45px;text-indent:10px}
.graphBox .core-look .fsbox input::-webkit-input-placeholder {color:#b9b9b9}
.graphBox .core-look .fsbox input::-moz-input-placeholder {color:#b9b9b9}
.graphBox .core-look .fsbox input::-ms-input-placeholder {color:#b9b9b9}
.graphBox .core-look .fsbox button {position:relative;height:45px}
.graphBox .core-look .fsbox button.find-search {width:50px;border:0;background:#076ac6;transition:all .3s ease}
.graphBox .core-look .fsbox button.find-search:after {content:"";display:block;position:absolute;width:17px;height:17px;top:14px;left:17px;background:url(/_Img/Common/findBox_icon2.png) no-repeat}
.graphBox .core-look .fsbox button.find-search:hover {background:#1c43a2}
.graphBox .core-look .fsbox button.find-reset {width:90px;border:1px solid #aaa;background:#fff;margin:0 0 0 5px;transition:all .3s ease}
.graphBox .core-look .fsbox button.find-reset:hover {background:#0c54ac;color:#fff}
.graphBox .core-look .fsbox .fssbox {display:inline-block;text-align:left;margin:0 0 0 20px}
.graphBox .core-look .fsbox .fssbox label.type1 {width:120px}
.graphBox .core-look .fsbox .fssbox label.type2 {width:auto;padding:0 10px 0 0}
.graphBox .core-look .fsbox .fssbox label.type3 {width:220px}
.graphBox .core-look .fsbox .fssbox p.work-order {display:inline-block;color:#222;font-size:17px;height:45px;line-height:45px;margin:0 0 0 15px}
.graphBox .core-look .fsbox .fssbox p.work-order span {font-weight:bold;color:#076ac6}
.graphBox .core-look .fsbox .fssbox input[type="text"].type1 {width:170px}
.graphBox .core-look .fsbox .fssbox input[type="text"].type2 {width:130px}
.graphBox .core-look .fsbox .fssbox input[type="text"].type3 {width:70px}
.graphBox .core-look .fsbox .fssbox input[type="text"].type4 {width:160px}
.graphBox .core-look .fsbox .fssbox select {font-size:14px;height:45px;width:160px;text-indent:10px}
.graphBox .core-look .fsbox input[type="submit"] {float:right;text-align:center;margin:0 20px 0 0;font-size:14px;height:45px;font-weight:bold;padding:0 30px}
.graphBox .box-result {}
.graphBox .box-result .fsbox h4.today-status {display:block;color:#222;font-size:18px;font-weight:bold;height:45px;line-height:46px;margin:0}
.graphBox .box-result .fsbox h4.today-status span {color:#c00}
.graphBox .box-result .chart-wr {overflow:hidden;position:relative;margin:0 20px 10px}
.graphBox .box-result .chart-wr .chart-box-wr {float:left;width:49.5%;background:#fff;margin:10px 0 0;text-align:center;box-sizing:border-box;border:1px solid #ddd}
.graphBox .box-result .chart-wr .chart-box-wr.fl {float:left}
.graphBox .box-result .chart-wr .chart-box-wr.fr {float:right}
.graphBox .box-result .chart-wr .chart-box-wr .chart-box {display:block;width:100%;position:relative;background:#fff;padding:50px 0 0 0}
.graphBox .box-result .chart-wr .chart-box-wr .chart-box .chart-legend-y,
.graphBox .box-result .chart-wr .chart-box-wr .chart-box .chart-legend-x {display:block;position:absolute;font-size:15px;font-weight:bold;padding:10px 20px;box-sizing:border-box;border:1px solid #ddd;border-radius:3px;background:#fafafa;color:#1c43a2}
.graphBox .box-result .chart-wr .chart-box-wr .chart-box .chart-legend-y {left:20px;top:25px}
.graphBox .box-result .chart-wr .chart-box-wr .chart-box .chart-legend-x {right:23px;bottom:47px}
.graphBox .box-result .chart-wr .fsbox.fsb-b:last-child {padding-bottom:20px}