@charset "utf-8";

* {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 19px 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:50px;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}
.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:42px 137px 44px 205px}
.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(/_Img/Common/infobox_sprite.png) no-repeat 0 0}
.info-box02 {position:relative;padding:42px 137px 44px 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(/_Img/Common/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}


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