@charset "utf-8";
/* CSS Document */

/* webfont */
@font-face {
 font-family: 'NanumSquare';
 src: url(../../images/_WEBZINE/font/NanumSquareR.eot);
 src: url(../../images/_WEBZINE/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../../images/_WEBZINE/font/NanumSquareR.woff) format('woff'),
      url(../../images/_WEBZINE/font/NanumSquareR.ttf) format('truetype');
}
@font-face {
  font-family: 'NotoS_Bold';
  font-style: normal;
  src: url(../../images/_WEBZINE/font/NotoSansKR-Bold.woff2) format('woff2'),
       url(../../images/_WEBZINE/font/NotoSansKR-Bold.woff) format('woff'),
       url(../../images/_WEBZINE/font/NotoSansKR-Bold.otf) format('opentype');
  
}
@font-face {
  font-family: 'NotoS';
  font-style: normal;
  src: url(../../images/_WEBZINE/font/NotoSansKR-Regular.woff2) format('woff2'),
       url(../../images/_WEBZINE/font/NotoSansKR-Regular.woff) format('woff'),
       url(../../images/_WEBZINE/font/NotoSansKR-Regular.otf) format('opentype');
}


/* css document */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,a,abbr,address,cite,em,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,tableStyle_center,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}


html { overflow-y:scroll; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,label{margin:0px; padding:0px;}
body,input,div,dt,dd,li,th,td,textarea,p,select,option,button {font-family:'NanumSquare', 'NotoS', 'Malgun Gothic', '맑은 고딕', 'Dotum','AppleGothic','sans-serif';font-size:16px;line-height:18px;text-decoration:none; color:#333; }

/* skipnavi */
#skipnavi {position:absolute;top:-100px;z-index:10000;width:100%;}
#skipnavi li {float:left;width:100%;position:absolute;top:0;left:0;}
#skipnavi a {overflow:hidden;text-align:center;color:#fff;} 
#skipnavi a:focus, 
#skipnavi a:active {position:absolute;top:100px;left:0;height:auto;width:100%;margin-bottom:10px;padding:5px;font-weight:bold;background:#000;color:#fff;}

/* link */
a {color:#333; text-decoration:none;} 
a:hover {color:#16b6c6; text-decoration:none;}
a:active {color:#16b6c6; text-decoration:none;}

address, caption, cite, code, dfn, em, th, var {font-style: normal; font-weight: normal;}
dl, dt, dd, ul, ol, li {list-style-type: none; list-style-image: none;}
fieldset,legend {border-bottom: 0px; border-left: 0px; border-top: 0px; border-right: 0px;}
input, select, textarea, label {vertical-align: middle;}
img {border-bottom: medium none; border-left: medium none; border-top: medium none; border-right: medium none; vertical-align:top;}
caption {position: absolute; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 0px; padding-right: 0px; height: 0px; font-size: 0px; overflow: hidden; padding-top: 0px;}
br {letter-spacing: 0px;}
fieldset {border:0;}
hr {display:none;}
button {border:0; cursor:pointer; overflow:visible; background:none;}
tableStyle_center {border-collapse:collapse; border-spacing:0;}
table{border-collapse:collapse;border-spacing:0;}

/* 기타태그*/
big, s, small, strike, tt, i, center, header, nav, article, footer, address , aside ,menu ,section{display:block;}
comment {display:none;}
legend {position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
fieldset {border:none;}

.blind, .hidden, .hidd {position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
.bg_none {background:none !important;}
.border_none {border:none !important;}
.border_top_none {border-top:none !important;}

input.textbox, textarea.textbox {margin:3px 0; padding:3px;}
input, textarea, select {font-family:inherit; font-size:13px; line-height:1.2em; vertical-align:middle;  padding:3px; margin:1px 0;}

/*input[type=text], input[type=password] {background:#ffffff;width:126px;height:23px;padding:2px 0;color:#454545;text-indent:7px;border:1px solid #e0e0e0;}
input[type=text]:hover, input[type=password]:hover, textarea:hover {border:1px solid #89b4d3;}*/

/*=================================================================================================

	Multy Class //

=================================================================================================*/
/*라인 테스트*/
.yyline{border:1px solid red;}
.yyline02{border:1px solid blue;}


/*폰트크기*/
.font_s0{font-size: 10px !important }
.font_s1{font-size: 11px !important }
.font_s2{font-size: 12px !important }
.font_s3{font-size: 13px !important }
.font_s4{font-size: 14px !important }
.font_s6, .font_s16{font-size: 16px !important }
.font_s18{font-size: 18px !important }
.font_s20{font-size: 20px !important }
.font_s24{font-size: 24px !important }
.font_s30{font-size: 30px !important }
.font_s36{font-size: 36px !important }
.font_s48{font-size: 48px !important }
.font_s54{font-size: 54px !important }
.les {letter-spacing:-1px;}
.les-05 {letter-spacing:-0.5px;}
.les1 {letter-spacing:1px;}

/* 폰트컬러*/
.fc_r0, .fs_red{color:#ff0000}  /*빨강계열 */
.font_c0, .fs_gray {color:#666}    /* 그레이색상 */
.font_c1, .fs_gre {color:#537e12 !important} /* 그린계열 사용:주요사항 */
.font_c2, .fs_pink {color:#ed145b} /* 진분홍계열 사용:주요사항 */
.font_c3, .fs_yel {color:#fbfe00} /* 노란계열 사용:주요사항 */
.font_c4, .fs_fff {color:#fff}    /* 흰식 사용:주요사항 */
.font_c5 {color:#42c8c6} /* 싸이언 계열 */
.font_c6 {color:#1757aa} /* 파란계열 */
.font_c7 {color:#6c6fcc} /* 보라계열 */
.font_c8, .fs_cya {color:#9afffd} /* 싸이언2 */
.font_c9, .fs_blu {color:#0066cc} /* 파란계열 */
.font_c10, .fs_org {color:#f37021} /* 주황계열 */
.font_c11, .fs_bro {color:#7c7775 !important} /* 브라운계열 */
.font_c12 {color:#993300 !important} /* 붉은브라운계열 */
.font_white {color:#FFF !important} /* 흰색 */
.fs_black {color:#000}

/* 폰트배경 */
.font_bg01 {background:#ab998d;color:#fff !important;} /* 브라운계열 */
.font_bg02 {background:#feffc2 !important;} /* 옐로계열 */
.font_bg03 {background:#afafaf !important; color:#fff !important;} /* 그레이계열 */

/* 폰트스타일*/
.font_b {font-weight:bold}
.font_no {font-weight:normal;}
.font_ft {font-family:tahoma}

/*폰트패밀리*/
.f_margun{font-family:'Malgun Gothic' !important;}

/*텍스트 정렬*/
.txt_left {text-align:left !important}
.txt_center {text-align:center !important}
.txt_right {text-align:right !important}
.txt_justify {text-align:justify}
.txt_bold {font-weight:bold}
.txt_normal {font-weight:normal;}

/* 포지셔닝, 플로트와 디스플레이 오버플로우 텍스트 얼라인 클리어부분을 제어합니다. */
.fl{float:left;} .fr{float:right;} .fn{float:none !important;}
.db{display:block;} .di{display:inline;} .dn{display:none;} .dib{display:inline-block;} .di6{_display:inline;}
.db6 {_display:bolck;} .dn6{_display:none;}
.ofh{overflow:hidden;} .ofa{overflow:auto;} .ofv{overflow:visible;} .ofs{overflow:scroll;}
.overflows{overflow-y:auto;overflow-x:hidden;}
.tal{text-align:left;} .tar{text-align:right;} .tac{text-align:center !important;}
.cl{clear:left;} .cr{clear:right;} .cb{clear:both;}
.ps{position:static;} .pr{position:relative;} .pa{position:absolute;} .pf{position:fixed;}
.tableStyle_centerf{tableStyle_center-layout:fixed;}
.vam{vertical-align:middle;}

/* 각종 유용한 오브젝트. */
.curp{cursor:pointer}		
.default_button{display:block;width:15px;height:15px;border:1px solid black;}
.center{margin: 0 auto;}
.wauto{width:auto;} .hauto{height:auto;}
.wfull{width:100% !important;} .hfull{height:100%;}
.whalf{width:50% !important;} .hhalf{height:50%;}
.mp0{margin:0;padding:0;} .m0{margin:0;} .p0{padding:0;}
.casket{float:left;display:block;_display:inline;overflow:hidden;}
.tn{text-decoration:none;} .tu{text-decoration:underline;} .to{text-decoration:overline;} .tl{text-decoration:line-through;}
.ti9{text-indent:-999em;}

/*calendar*/
.calendar_type {border:1px solid #ccc;height:17px;background-color:#f6f6f6;font-size:12px;padding-left:3px}

/*상단 패딩*/
.pt0{padding-top:0px !important}
.pt3{padding-top:3px !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt50{padding-top:50px !important}
.pt80{padding-top:80px !important}
.pt90{padding-top:90px !important}
.pt100{padding-top:100px !important}
.pt120{padding-top:120px !important}

/*왼쪽 패딩*/
.pl0{padding-left:0px !important}
.pl4{padding-left:4px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important }
.pl11{padding-left:11px !important }
.pl13{padding-left:13px !important }
.pl15{padding-left:15px !important }
.pl20{padding-left:20px !important }
.pl23{padding-left:23px !important }
.pl25{padding-left:25px !important }
.pl30{padding-left:30px !important }
.pl35{padding-left:35px !important }
.pl37{padding-left:37px !important }
.pl40{padding-left:40px !important }
.pl45{padding-left:45px !important }
.pl50{padding-left:50px !important }
.pl75{padding-left:75px !important }
.pl100{padding-left:100px !important }

/*오른쪽 패딩*/
.pr2{padding-right:2px !important }
.pr3{padding-right:3px !important }
.pr5{padding-right:5px !important }
.pr10{padding-right:10px !important }
.pr11{padding-right:11px !important }
.pr13{padding-right:13px !important }
.pr15{padding-right:15px !important }
.pr18{padding-right:18px !important }
.pr20{padding-right:20px !important }
.pr30{padding-right:30px !important }
.pr40{padding-right:40px !important }
.pr50{padding-right:50px !important }

/*하단 패딩*/
.pb0 {padding-bottom:0px !important}
.pb5 {padding-bottom:5px !important}
.pb10 {padding-bottom:10px !important}
.pb20 {padding-bottom:20px !important}
.pb30 {padding-bottom:30px !important}
.pb40 {padding-bottom:40px !important}
.pb50 {padding-bottom:50px !important}
.pb60 {padding-bottom:60px !important}
.pb70 {padding-bottom:70px !important}
.pb120 {padding-bottom:120px !important}

/*상단 마진*/
.mt3{margin-top:3px !important}
.mt5{margin-top:5px !important}
.mt7{margin-top:9px !important}
.mt10{margin-top:10px !important}
.mt13{margin-top:13px !important }
.mt15{margin-top:15px !important }
.mt20 {margin-top:20px !important }
.mt30 {margin-top:30px !important }
.mt40{margin-top:40px !important }
.mt45{margin-top:45px !important }
.mt50{margin-top:50px !important }
.mt60{margin-top:60px !important }
.mt70{margin-top:70px !important }
.mt80{margin-top:80px !important }
.mt100{margin-top:100px !important }

/*왼쪽 마진*/
.ml0{margin-left:0px !important}
.ml2{margin-left:2px !important}
.ml5{margin-left:5px !important}
.ml8{margin-left:8px !important}
.ml10{margin-left:10px !important}
.ml13{margin-left:13px !important}
.ml14{margin-left:14px !important}
.ml15{margin-left:15px !important}
.ml18{margin-left:18px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml33{margin-left:33px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}

/*오른쪽 마진*/
.mr0{margin-right:0px !important }
.mr3{margin-right:3px !important }
.mr5{margin-right:5px !important }
.mr8{margin-right:8px !important }
.mr10{margin-right:10px !important }
.mr15{margin-right:15px !important }
.mr20{margin-right:20px !important }
.mr25{margin-right:25px !important }
.mr30{margin-right:30px !important }
.mr40{margin-right:40px !important }
.mr50{margin-right:50px !important }

/*하단 마진*/
.mb0{margin-bottom:0px !important }
.mb4{margin-bottom:4px !important }
.mb5{margin-bottom:5px !important }
.mb10{margin-bottom:10px !important }
.mb15{margin-bottom:15px !important }
.mb20{margin-bottom:20px !important }
.mb30{margin-bottom:30px !important }
.mb40{margin-bottom:40px !important }
.mb50{margin-bottom:50px !important }
.mb60{margin-bottom:60px !important }

/* 이미지 정렬*/
.imgVmiddle { vertical-align:middle}

/* 크기 */
.width100p { width:100% !important}
.width95p { width:95% !important}
.width90p { width:90% !important}
.width80p { width:80% !important}
.width60p { width:60% !important}
.width55p { width:55% !important}
.width50p { width:50% !important}
.width45p { width:47% !important}
.width40p { width:40% !important}
.width30p { width:30% !important}
.width20p { width:20% !important}
.width15p { width:15% !important}
.width10p { width:10% !important}

.height100x {height:100px !important;}
.height30px { height:30px !important }

/* 행간 */
.lineH16x {line-height:16px !important }
.lineH18x {line-height:18px !important }
.lineH22x {line-height:22px !important }

/* Etc */
hr { display:none}
.accessibility {position: absolute;display: block;width: 100%;left: 0;text-align: center;top: -10000px;z-index: 500;font-size: 1.3em;}


/*=================================================================================================

	Button Class //

=================================================================================================*/
.btn {display:inline-block; font-size:12px;  font-weight:normal;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;  -ms-user-select:none;-o-user-select:none;user-select:none}
.btn.del {height:16px; padding:0 2px; border-radius:2px;}
.btn.min {height:23px; padding:0 7px 3px 6px; border-radius:3px;}
.btn.sm {height:27px; line-height:21px; padding:0 9px 2px 8px;}
a.btn.sm {height:27px; line-height:20px; padding:2px 9px 2px 8px; text-decoration: none;}
.btn.ubtn {width:76px; font-size:14px;font-weight:bold;height:39px;padding:0 12px 2px 12px;}
.btn.md {font-size:14px;font-weight:bold;height:39px;padding:0 20px 4px;line-height:38px;}
.btn.md2 {font-size:14px;font-weight:bold;height:39px;padding:0 36px 4px;line-height:38px;}
.btn.md3 {font-size:14px;font-weight:bold;height:39px;padding:0 20px;}
.btn.lg {font-size:16px;font-weight:bold;height:50px;padding:0 40px 4px 40px;line-height:48px;}
.btn.pb {font-size:12px;height:34px;padding:0 18px 4px;}
.btn.full { width:100%; height:32px; padding:0 0 4px; border-radius:3px; }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {pointer-events:none;cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
.btn-w { background:none !important; margin:0 !important; text-align:left !important; }

.btn-default {color:#555;background-color:#fff;border-color:#b1b1b1}
.btn-default:hover,
.btn-default:active,
.btn-default.active {border-color:#858585; color:#008268;}
.btn-default:active,
.btn-default.active,
.btn-default {background-image:none}

.btn-default_blue {color:#0066b3;background-color:#fff;border-color:#b1b1b1}
.btn-default_blue:hover,
.btn-default_blue:active,
.btn-default_blue.active {border-color:#858585; color:#555;}
.btn-default_blue:active,
.btn-default_blue.active,
.btn-default_blue {background-image:none}

.btn-green {color:#fff !important;background-color:#017f66;border-color:#1b623e}
.btn-green:hover,
.btn-green:active,
.btn-green.active {color:#fff !important;background-color:#08715c;border-color:#004c25; color:#fff568;}
.btn-green:active,
.btn-green.active,
.btn-green {background-image:none}

.btn-black {color:#fff;background-color:#454545;border-color:#3d3d3d}
.btn-black:hover,
.btn-black:active,
.btn-black.active{color:#fff;background-color:#3d3d3d;border-color:#000000}
.btn-black:active,
.btn-black.active,
.btn-black {background-image:none}

.btn-red {color:#fff;background-color:#cd2214;border-color:#ab1c10;}
.btn-red:hover,
.btn-red:active,
.btn-red.active{color:#fff;background-color:#cd2214;border-color:#ab1c10}
.btn-red:active,
.btn-red.active,
.btn-red {background-image:none}

.btn-blue {color:#fff;background-color:#3f6cd0;border-color:#3b63bc}
.btn-blue:hover,
.btn-blue:active,
.btn-blue.active{color:#fff;background-color:#3f6cd0;border-color:#3b63bc}
.btn-blue:active,
.btn-blue.active,
.btn-blue {background-image:none}



.btn-default , .btn-default_blue {
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(5%, #fff), to(#f7f7f7));
    /* background-image:-webkit-linear-gradient(#fff, #fff 5%, #f7f7f7); */
    background-image:-moz-linear-gradient(top, #fff, #fff 5%, #f7f7f7);
    /* background-image:linear-gradient(#fff, #fff 5%, #f7f7f7); */
    /* background-repeat:no-repeat; */
}
.btn-green {
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0a9479), color-stop(60%, #017f66), to(#017f66));
    background-image:-webkit-linear-gradient(#0a9479, #017f66 60%, #017f66);
    background-image:-moz-linear-gradient(top, #0a9479, #017f66 60%, #017f66);
    background-image:linear-gradient(#0a9479, #017f66 60%, #017f66);
    background-repeat:no-repeat;
}
.btn-black {
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#646464), color-stop(60%, #73a839), to(#699934));
    background-image:-webkit-linear-gradient(#646464, #454545 60%, #454545);
    background-image:-moz-linear-gradient(top, #646464, #454545 60%, #454545);
    background-image:linear-gradient(#646464, #454545 60%, #454545);
    background-repeat:no-repeat;
}
.btn-red {
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d12416), color-stop(60%, #bd190c), to(#b11408));
    background-image:-webkit-linear-gradient(#d12416, #bd190c 60%, #b11408);
    background-image:-moz-linear-gradient(top, #d12416, #bd190c 60%, #b11408);
    background-image:linear-gradient(#d12416, #bd190c 60%, #b11408);
    background-repeat:no-repeat;
}
.btn-blue {
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#3f6cd0), color-stop(60%, #537ee0), to(#3f6cd0));
    background-image:-webkit-linear-gradient(#3f6cd0, #3b63bc 60%, #3f6cd0);
    background-image:-moz-linear-gradient(top, #3f6cd0, #bd190c 60%, #3f6cd0);
    background-image:linear-gradient(#3f6cd0, #537ee0 60%, #3f6cd0);
    background-repeat:no-repeat;
}

/* btn-icon */
.print span{margin-right:5px; background:url(images/_JNILE/common/icon_btn.gif) no-repeat -71px 1px;width:14px; height:18px; display:inline-block; float:left;}
.print-pop span{margin-right:5px; margin-top:-1px; background:url(images/_JNILE/common/icon_btn.gif) no-repeat -71px 0;width:14px; height:16px; display:inline-block; float:left;}
.down span{margin-right:5px;  background:url(images/_JNILE/common/icon_btn.gif) no-repeat -98px 1px;width:13px; height:18px; display: inline-block; float:left;}
.email span{margin-right:5px; background:url(images/_JNILE/common/icon_btn.gif) no-repeat -125px 1px;width:13px; height:18px; display: inline-block; float:left;}
.pdf span{margin-right:5px; background:url(images/_JNILE/common/icon_btn.gif) no-repeat -150px 0px;width:13px; height:19px; display: inline-block; float:left;}

.arr1 span{margin-left:5px; background:url(images/_JNILE/common/icon_btn.gif) no-repeat -54px 0;width:5px; height:14px; display: inline-block; }
.arr3 span{margin-left:8px; background:url(images/_JNILE/common/icon_btn.gif) no-repeat -174px 0;width:7px; height:14px; display: inline-block; }

.new span{margin-left:5px; width:9px; height:14px; background:url(images/_JNILE/common/icon_btn.gif) no-repeat -10px 1px; display:inline-block }

.excel span{margin:2px 5px 0 0; background:url(images/_JNILE/common/icon_btn.gif) no-repeat -194px -4px;width:17px; height:17px; display:inline-block; float:left;}
.print-md span{margin:2px 5px 0 0; background:url(images/_JNILE/common/icon_btn.gif) no-repeat -224px -4px;width:19px; height:19px; display:inline-block; float:left;}
.search {padding:0 !important; width:27px;}
.search span {margin:0 !important;width:12px; height:27px; background:url(images/_JNILE/common/icon_btn.gif) no-repeat -10px -24px;display:inline-block;}
.report span {margin:0 5px 0 0 !important;width:12px; height:27px; background:url(images/_JNILE/common/icon_btn.gif) no-repeat -44px -23px;display:inline-block; vertical-align:middle;}
.leaflet span{margin:0 5px 0 0 !important;width:13px; height:27px; background:url(images/_JNILE/common/icon_btn.gif) no-repeat -112px -23px;display:inline-block; vertical-align:middle;}
.goods span{margin:0 5px 0 0 !important;width:15px; height:27px; background:url(images/_JNILE/common/icon_btn.gif) no-repeat -150px -23px;display:inline-block; vertical-align:middle;}

.prev span{margin:0 !important;width:12px; height:27px; background:url(images/_JNILE/common/icon_btn.gif) no-repeat -350px 3px; display:inline-block;}
.next span{margin:0 !important;width:12px; height:27px; background:url(images/_JNILE/common/icon_btn.gif) no-repeat -384px 3px;display:inline-block;}

/* 버튼위치 */
.btn-right { position:absolute; top:0; right:0}
.btn-left { position:absolute; top:0; left:0}

/*=================================================================================================

	tableStyle_center style //

=================================================================================================*/
/*테이블 가운데정렬*/
.tableStyle_center{width:100%;margin:2px 0 20px;border: 2px solid #474747;-webkit-box-shadow: 3px 3px 3px 0px rgba(1,0,0,0.2);-moz-box-shadow: 3px 3px 3px 0px rgba(1,0,0,0.2);box-shadow: 3px 3px 3px 0px rgba(1,0,0,0.2);}
.tableStyle_center caption{position:static;}
.tableStyle_center thead{background:#474747;}
.tableStyle_center thead th{vertical-align: middle;font-size: 17px;text-align:center;color:#fff;font-weight:normal;padding:15px 5px;    border-bottom: 1px solid #999;border-left:1px solid #999;}
.tableStyle_center thead th:first-child {border-left:none;}
.tableStyle_center tbody td{}
.tableStyle_center tbody th,.tableStyle_center tbody td{font-size: 16px;text-align:center;background:#fff;padding:10px 5px;border:1px solid #cfd0d8;vertical-align: middle;}
.tableStyle_center th:first-child,tableStyle_center.tableStyle_center td:first-child{border-left:none;}
.tableStyle_center th:last-child,tableStyle_center.tableStyle_center td:last-child{border-right:none;}
.tableStyle_center th{color:#2b4380;font-size:16px;font-weight:600;text-align:center;}
.tableStyle_center .blLine {border-left:1px solid #999 !important;}

/*테이블 th만 가운데 정렬*/
.tableStyle_centerStyle_thleft {width:100%;border-top:solid 2px #5a5a5a;border-bottom:1px solid #86837c;tableStyle_center-layout:fixed;border-spacing:0;border-left:none;border-right:none;}
.tableStyle_centerStyle_thleft thead th {height:35px;border-left: 1px solid #dadada;background: #f8f8f8;color: #333;font-weight:bold;border-bottom: 1px solid #dadada;}
.tableStyle_centerStyle_thleft thead th:first-child {border-left:0;}
.tableStyle_centerStyle_thleft tbody th {text-align:center;background: #f8f8f8;color: #666;font-weight:bold;border-bottom: 1px solid #dadada;border-right:1px solid #dadada;}
.tableStyle_centerStyle_thleft tbody td:first-child {border-left:0;}
.tableStyle_centerStyle_thleft tbody td {text-align:left;padding:5px;line-height:24px;border-bottom: 1px solid #dadada; border-left:1px solid #dadada;}
.tableStyle_centerStyle_thleft tfoot th {background: #f8f8f8;color: #666;font-weight:bold;border-bottom: 1px solid #dadada;border-right:1px solid #dadada;line-height:24px;}
.tableStyle_centerStyle_thleft tfoot td {text-align:center;padding:5px;line-height:24px;background: #f1f1f1;border-bottom: 1px solid #dadada; border-left:1px solid #dadada;font-weight:bold;}
.tableStyle_centerStyle_thleft tfoot td:first-child {border-left:0;}
.tableStyle_centerStyle_thleft .blLine {border-left:1px solid #dadada !important;}

/*테이블*/
.tableStyle_centerStyle_02{width:100%;border-top:solid 2px #5a5a5a;border-bottom:1px solid #86837c;tableStyle_center-layout:fixed;border-spacing:0;border-left:none;border-right:none;}
.tableStyle_centerStyle_02 thead th {height:35px; background: #f8f8f8;color: #333;font-weight:bold;border-bottom: 1px solid #dadada;}
.tableStyle_centerStyle_02 td {padding:5px;line-height:22px;border-bottom: 1px solid #dadada;}
.tableStyle_centerStyle_02 .blLine {border-left:1px solid #dadada !important;}

/* bullet style */
.dep01 {color:#333; background:url('/images/_JNILE/common/bullet/b.gif') 0 1px no-repeat; padding-left:20px; height:25px;font-weight:bold; font-size:18px}
.dep_con {padding-left:30px; line-height:20px; margin-bottom:10px;}

.dep02 dt {background:url('/images/_JNILE/common/bullet/icon2.gif') 32px 3px no-repeat; padding-left:48px; margin-bottom:5px;color:#555;font-weight:bold;}
.dep02 dd {background:url('/images/_JNILE/common/bullet/icon3.gif') 50px no-repeat; padding-left:59px; margin-bottom:3px;}
.dep02 li {background:url('/images/_JNILE/common/bullet/icon3.gif') 50px no-repeat; padding-left:59px; margin-bottom:3px;}
.dep02_none li {background:url('/images/_JNILE/common/bullet/icon3.gif') 21px no-repeat; padding-left:30px; margin-bottom:3px;}

/* tabmenu */		
/*컨텐츠 탭메뉴*/
.tabmenu {clear:both;}
.tabmenu ul {height:40px;border-bottom:1px solid #055d5d;}
.tabmenu ul li {float:left;height:39px;padding:0 20px 0 20px;background-color:#fff;display:inline-block;border:1px solid #cecece;line-height:38px;border-bottom:none;margin-right:4px;}
.tabmenu ul li a {color:#666;}
.tabmenu ul li a:hover {color:#333;text-decoration: underline;}
.tabmenu .on {background-color:#fff;display:inline-block;border:1px solid #055d5d;border-top:4px solid #055d5d;line-height:35px;border-bottom:none;font-weight:bold;height:37px;}
.tabmenu .on a {color:#055d5d;}

/*풀사이즈 탭메뉴*/
.tabmenu_4box {clear:both;margin:20px 0 15px 0;}
.tabmenu_4box ul {height:40px;border-bottom:1px solid #055d5d;}
.tabmenu_4box ul li {float:left;height:39px;padding:0 63px 0 63px;background-color:#fff;display:inline-block;border:1px solid #cecece;line-height:38px;border-bottom:none;margin-right:4px;}
.tabmenu_4box ul li a {color:#666;}
.tabmenu_4box ul li a:hover {color:#333;text-decoration: underline;}
.tabmenu_4box .on {background-color:#fff;display:inline-block;border:1px solid #055d5d;border-top:4px solid #055d5d;line-height:35px;border-bottom:none;font-weight:bold;height:37px;}
.tabmenu_4box .on a {color:#055d5d;}

/*많은메뉴 탭메뉴*/
.tabmenu_m {clear:both;margin:20px 0 15px 0;}
.tabmenu_m ul {height:40px;border-bottom:1px solid #055d5d;}
.tabmenu_m ul li {float:left;height:39px;padding:0 5px 0 5px;background-color:#fff;display:inline-block;border:1px solid #cecece;line-height:38px;border-bottom:none;margin-right:4px;}
.tabmenu_m ul li a {color:#666;}
.tabmenu_m ul li a:hover {color:#333;text-decoration: underline;}
.tabmenu_m .on {background-color:#fff;display:inline-block;border:1px solid #055d5d;border-top:4px solid #055d5d;line-height:35px;border-bottom:none;font-weight:bold;height:37px;}
.tabmenu_m .on a {color:#055d5d;}
/*=================================================================================================

	페이지구성//

=================================================================================================*/


/* btnSet */
.btnSet {border:1px solid #ddd;display:inline-block !important;padding:7px 20px;color:#fff;}

/* util */
.util_wrap{background:#142939;height:35px; position:fixed;width:100%; z-index:22}
.util_wrap .util{width:1200px; margin:0 auto}
ul.hub{float:right}
ul.hub li{float:left;line-height:31px;}
ul.hub li a{display:block;padding:0 20px 0 20px;height:35px;line-height:33px;color:#a6aeb4;transition : all 0.3s ease; -webkit-transition : all 0.3s ease; font-size:14px}
ul.hub li a:hover {background:#09174822;text-decoration:none}
ul.hub li:nth-child(2) {background:#30506a url('../../images/_WEBZINE08/common/bul_jn.png') no-repeat 18px 9px;}
ul.hub li:nth-child(2) a{padding:0 25px 0 35px;background:#30506a url('../../images/_WEBZINE08/common/bul_jn.png') no-repeat 18px 9px;}
ul.hub li:nth-child(3) {background:url('../../images/_WEBZINE08/common/bul_jn.png') no-repeat 18px 9px;}
ul.hub li:nth-child(3) a{padding:0 25px 0 35px;background:url('../../images/_WEBZINE08/common/bul_jn.png') no-repeat 18px 9px;}
ul.hub li:nth-child(3) a:hover{text-decoration:none;background:#091722 url('../../images/_WEBZINE08/common/bul_jn.png') no-repeat 18px 9px;}

/* relate_site */
.relate_site {float:right}
.relate_site div {width:193px;height:auto;margin:0;position:relative}
.relate_site div a.button {border-radius:0px !important;display:block;color:#a6aeb4;text-align:left;border-left:1px solid #919eb9;border-right:1px solid #919eb9;background:#000;padding:0 10px;height:33px;line-height:32px;position:relative;font-size: 14px;}
.relate_site div a.button span {position:absolute;right:10px;top:50%;margin-top:-4px;display:block;width:11px;height:6px; background:url('../../images/_WEBZINE08/common/relate_bul.gif') no-repeat center 50%;-webkit-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: all .5s ease; transition: all .5s ease;}
.relate_site div a.button.on span {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.relate_site div ul {width:100%;border:1px solid #919eb9;box-sizing:border-box;background:#fff;position:absolute;left:0;top:35px;z-index:10;display:none;}
.relate_site div ul li {border-top:1px dotted #adadb4;width:100%;}
.relate_site div ul li:first-child {border-top:0;}
.relate_site div ul li a {display:block;padding:8px 10px 9px 10px; line-height:18px;font-size:14px}
.relate_site div ul li a:hover { background:#7d879c; color:#FFF; text-decoration:none}

/*TOP*/
.topBt {position:fixed;bottom:30px;right:0px;width:50px;height:50px;z-index:3500;font-size:13px;letter-spacing:-0.05em;text-align:center;color:#fff;transition:all .3s ease;border-radius:100px;background: rgba(0,0,0,0.3);display:none}
.topBt:before {content:"";display:block;width:14px;height:9px;margin:0px auto 15px;}
.topBt.over {background:rgba(20,41,57,0.8) url(../../images/_WEBZINE08/common/btn_top.png) no-repeat 50% 28%;right:20px;color:#fff;text-decoration:none;display:block}