@charset "utf-8";
/* @IMPORT url("./wiconFont.css"); */
/* @latest 2022.02.08 YHY */
/* @latest 2022.02.09 YHY */
/* @latest 2022.09.08 CWK */

* {padding:0; margin:0;}

/* widesign core CSS 파일 입니다.*/


/* ul list-style */
ul.bullet_none li {list-style:none !important;}

/* 웹 접근성 IR 처리 */
.blind {clip:rect(0,0,0,0); overflow:hidden; display:block; width:1px; height:1px;margin:-1px;padding:0;border:0; font-size:1px; line-height:0; text-indent:-9999px}


/* admin contents */
.admpg-tit {font-size:19px; margin-bottom:15px; width:100%;}
.admpg-tit2 {font-size:18px; width:100%;}
.admpg-tit3 {font-size:17px; line-height:1.5em; margin-bottom:10px; width:100%; color:#333;}
.ico-tit::before {content:""; width:2px; height:15px; background:#333; margin-right:7px; display:inline-block; vertical-align:middle;}
.admpg-subp {font-size:16px;line-height: 1.3em;word-break:keep-all;}
.wz_tableguide {font-size:15.5px; color:#838383; line-height:1.3em; display:block; margin-left:0 !important; word-break:keep-all;}
.wz_tableguide a:hover {text-decoration:underline;}
.circle_no {font-size:11px; width:14px; border-radius:100%; padding:1px; line-height:14px; display:inline-block; text-align:center; margin:0 3px;
          background:#ccc; color:#fff; font-weight:400; cursor:default;}
.circle_badge {font-size:11px; border-radius:1000000px; padding:5px; line-height:7px; display:inline-block; text-align:center; margin:0 3px;
               background:#ccc; color:#fff; font-weight:400; cursor:default;}


/* box */
.wz-box {border:1px solid #333; margin-bottom:10px; padding:10px; clear:both;}
.wz_cowrap {width:100%; /* float:left; */ display:block; box-sizing:border-box; background:#fff; clear:both;}
table.wz_cowrap {display:table;}
.wz_cobox {box-sizing:border-box; padding:15px;}
.wz_cowrap:after, .wz_cobox:after {content:""; display:block; clear:both;}
.wz-box.hover:hover {background:#efeff1; border:1px solid #cecece; cursor:pointer;}

/* notice form */
.wz_notice {width:100%;/* float:left; */ display:block; box-sizing:border-box; padding:30px; background:#f8f8f8; border-left:5px solid #c20000 ;margin-bottom: 30px; clear:both;}
.wz_notice.brbox {border-top:1px solid #ebecee; border-right:1px solid #ebecee; border-bottom:1px solid #ebecee; border-radius:3px 0 0 3px; overflow:hidden;}
.wz_notice .admpg-tit2 {color:#C20000;}
.wz_notice ul li {margin-bottom:5px; box-sizing:border-box;}
.wz_notice.bg-red {border-left-color:#c20000;}
.wz_notice.bg-pink {border-left-color:#e03997;}
.wz_notice.bg-orange {border-left-color:#f06f1a;}
.wz_notice.bg-yellow {border-left-color:#f8ba06;}
.wz_notice.bg-green {border-left-color:#acc30f;}
.wz_notice.bg-blue {border-left-color:#16a6fd;}
.wz_notice.bg-brown {border-left-color:#a3643c;}
.wz_notice.bg-violet {border-left-color:#c7a4e1;}
.wz_notice.bg-purple {border-left-color:#9f31c3;}
.wz_notice.bg-grey {border-left-color:#727272;}


/* 단계,절차 */
@media (min-width:900px){
  .wz_stepli {display:inline-block; vertical-align:top; margin-right:-4px; position:relative;}
  .wz_stepli>p {padding:20px 45px 20px 15px; box-sizing:border-box; width:100%; float:left; position:relative; overflow:hidden; background:#f7f7f7; word-break:keep-all;}
  .wz_stepli:last-child>p {padding-right:15px;}
  .wz_stepli:not(:last-child)>p::before {content:""; display:block; width:0; height:0; border-top:65px solid transparent; border-bottom:65px solid transparent; border-left:30px solid white;
                        position:absolute; top:50%; right:0; margin-top:-65px; box-sizing:border-box;}
  .wz_stepli:not(:last-child)>p:after {content:""; display:block; width:0; height:0; border-top:65px solid transparent; border-bottom:65px solid transparent; border-left:30px solid #f7f7f7;
                        position:absolute; top:50%; right:15px; margin-top:-65px; box-sizing:border-box;}
  .wz_stepli ul {padding:15px 45px 15px 15px; box-sizing:border-box; background:#fff;}
  .wz_stepli:last-child ul {padding-right:10px;}
  .wz_stepli ul li {margin-bottom:5px;}
  .wz_stepli ul li:before {content:"\b7"; float:left; margin:0 2px 0 -5px;}
}
@media (max-width:899px){
  ul .wz_stepli {width:100% !important; list-style-type:decimal; margin:0 0 5px 20px; padding-right:20px; float:left; box-sizing:border-box;}
  ul .wz_stepli ul li {width:100%; margin-bottom:3px;}
  .wz_stepli>p {line-height:25px;}
}



/*button box*/
.btnbox-c {text-align:center; clear:both; width:100%; box-sizing:border-box;}
.btnbox-l {text-align:left; float:left; min-width:50%; box-sizing:border-box; margin-bottom:10px;}
.btnbox-r {text-align:right; float:right; min-width:50%; box-sizing:border-box; margin-bottom:10px;}
.btnbox-l > .wzbtn, .btnbox-l > .wzbtn-table {margin-right:4px;}
.btnbox-r > .wzbtn, .btnbox-r > .wzbtn-table {margin-left:4px;}
	.btnbox-l.mb50,.btnbox-c.mb50,.btnbox-r.mb50 {margin-bottom:100px;}

	.ctr-box {margin-top:20px; overflow:hidden; text-align:center; clear:both;}
	.rt-box {margin-top:20px; overflow:hidden; text-align:right; clear:both; width:100%; box-sizing: border-box;}
	.lt-box {margin-top:20px; overflow:hidden; text-align:left; clear:both;}
	/* .rt-box .btn-del {float:left;} */
	.rt-box .fl + .btn-del {margin-left:5px;}
.btnbox-k {text-align:right; clear:both; width:100%; box-sizing:border-box;}


/* button setting */
/* button size(default) */
.wzbtn {display:inline-block; padding:6px 25px; box-sizing:border-box; border-radius:3px; background:transparent; vertical-align:middle; cursor:pointer;
        font-size: 1em; font-weight:400; line-height:20px; text-align:center; text-decoration:none;
        -webkit-transition:background 1s; transition:background 1s;}
.wzbtn-table {line-height:21px; padding:4px 15px 3px; display:inline-block; color:#757575; box-sizing:border-box; text-align:center;
            vertical-align:middle; cursor:pointer; font-size:1em; font-weight:400; text-decoration:none; border-radius:2px; box-sizing:border-box;
            background:transparent; -webkit-transition:background 1s; transition:background 1s;}
.wzbtn-block {display:block; width:100%; text-align:center;}
.wzbtn-lg {line-height:20px; padding:14px 20px; display:inline-block; box-sizing:border-box; text-align:center; vertical-align:middle;
	      cursor:pointer; font-size:1em; letter-spacing:-0.5px; font-weight:600; text-decoration:none; border-radius:2px;
	      background:transparent; -webkit-transition:background 1s; transition:background 1s;}
/* .wzbtn:focus,.wzbtn-table:focus {outline:1px solid #1475c1; outline-style:auto;} */

  @media (max-width:599px){
    .wzbtn {padding:6px 15px;}
    td .wzbtn-table {padding:4px 5px; letter-spacing:-1px; min-width:35px;}
    td .wzbtn-table + .wzbtn-table {margin-top:5px;}
  }

/* button - function */
.btn-basic  {border:1px solid #c6c6c6; color:#333; background:#fff;} /*grey line btn*/
.btn-basic.on,
.btn-basic:hover {background:#f0f0f0; border:1px solid #bebebe;}
.btn-save   {background:#272d3d; border:1px solid #272d3d; color:#fff;} /*black bg btn*/
.btn-del {border:1px solid #eb573f; color:#d53037; background:#fff;} /*red line btn*/
.btn-del.on,.btn-del:hover {color:#fff; background:#CD3938;}
.btn-srch   {background:#338cf2; border:1px solid #338cf2; color:#fff;} /*blue bg btn*/
.btn-edit   {border:1px solid #ddd; background:#ddd; color:#333;}
.btn-edit:hover {background-image:linear-gradient(to right, #2091cb , #2d59b0) !important; background:#2091cb; color:#fff;}

/* button - color */
.btn-red {border:1px solid #eb573f; color:#CD3938;}
.btn-red-bg {background:#CD3938; border:1px solid #eb573f; color:#fff;}
.btn-red.on, .btn-red:hover {background:#CD3938; border:1px solid #eb573f; color:#fff;}
.btn-pink {border:1px solid #e48db5; color:#cf4b88;}
.btn-pink-bg {background:#cf4b88; border:1px solid #cf4b88; color:#fff;}
.btn-pink.on, .btn-pink:hover {background:#cf4b88; border:1px solid #cf4b88; color:#fff;}
.btn-orange {border:1px solid #ea8b46; color:#cc6e2a;}
.btn-orange-bg {background:#cc6e2a; border:1px solid #cc6e2a; color:#fff;}
.btn-orange.on, .btn-orange:hover {background:#cc6e2a; border:1px solid #cc6e2a; color:#fff;}
.btn-yellow {border:1px solid #eadb00; color:#d2cb02;}
.btn-yellow-bg {background:#d2cb02; border:1px solid #d2cb02; color:#fff;}
.btn-yellow.on, .btn-yellow:hover {background:#d2cb02; border:1px solid #d2cb02; color:#fff;}
.btn-green {border:1px solid #6cab26; color:#4d860e;}
.btn-green-bg {background:#4d860e; border:1px solid #4d860e; color:#fff;}
.btn-green.on, .btn-green:hover {background:#4d860e; border:1px solid #4d860e; color:#fff;}
.btn-blue {border:1px solid #448ccb; color:#3278b6;}
.btn-blue-bg {background:#2091cb; border:1px solid #2091cb; color:#fff;}
.btn-blue.on, .btn-blue:hover {background:#2091cb; border:1px solid #2091cb; color:#fff;}
.btn-brown {border:1px solid #b4793d; color:#8d541b;}
.btn-brown-bg {background:#8d541b; border:1px solid #8d541b; color:#fff;}
.btn-brown.on, .btn-brown:hover {background:#8d541b; border:1px solid #8d541b; color:#fff;}
.btn-violet {border:1px solid #a284c2; color:#734c9c;}
.btn-violet-bg {background:#a284c2; border:1px solid #a284c2; color:#fff;}
.btn-violet.on, .btn-violet:hover {background:#a284c2; border:1px solid #a284c2; color:#fff;}
.btn-purple {border:1px solid #b914b5; color:#970994;}
.btn-purple-bg {background:#970994; border:1px solid #970994; color:#fff;}
.btn-purple.on, .btn-purple:hover {background:#970994; border:1px solid #970994; color:#fff;}
.btn-grey {border:1px solid #ddd; color:#757575;}
.btn-grey-bg {background:#ddd; border:1px solid #d6d6d6; color:#333;}
.btn-grey.on, .btn-grey:hover {background:#f0f0f0; border:1px solid #ddd; color:#757575;}
.btn-black {border:1px solid #272d3d; color:#333;}
.btn-black-bg {background:#333; border:1px solid #333; color:#fff;}
.btn-black.on, .btn-black:hover {background:#333; border:1px solid #333; color:#fff;}


/* icon */
.btn-srch:before {content:"\f002"; font-family:FontAwesome; float:left; display:inline-block; font-size:14px; margin:0px 7px 0 -3px;}
.btn-bottom:before {content:"\276F"; display:inline-block; transform:rotate(90deg); margin-right:10px;}
.btn-top::before {content:"\276F"; display:inline-block; transform:rotate(-90deg); margin-right:10px;}
.btn-plus:before {content:"+"; font-weight:600; margin-right:10px;}
.ico-mngr:before {content:"\2692"; margin-right:5px;}
.ico-list:before {content:"\2630"; margin-right:5px;}
.ico-bull:before {content:"\f0ca"; font-family:FontAwesome; margin-right:10px;}
.ico-layer:before {content:"\f009"; font-family:FontAwesome; margin-right:10px;}
.btn-setting::before {content:"\f013"; font-family:FontAwesome;}
.ico-excel:before {content:url(/widesign/img/excel_green.png); vertical-align:middle; margin-right:5px; float:left; /*margin-top:3px;*/}

/* btn - group*/
.wzbtn-group {display:inline-block;}
.wzbtn-group .wzbtn, .wzbtn-group .wzbtn-table {border-radius:0; margin:0 -2px 0 -5px;}
.wzbtn-group .wzbtn:first-child {border-radius:3px 0 0 3px; margin-left:0; margin-right:-1px;}
.wzbtn-group .wzbtn-table:first-child {border-radius:3px 0 0 3px; margin-left:0;}
.wzbtn-group .wzbtn:last-child, .wzbtn-group .wzbtn-table:last-child {border-radius:0 3px 3px 0;}


/* popup setting */
.wzpopup-wrap {background:rgba(0,0,0,0); width:100%; height:100%; position:fixed!important; top:0; left:0; z-index:1001;}
.wzpopup {display:none; position:relative; left:50%; top:50%; z-index:1001; transform:translate(-50%,-50%); max-height:95%; -webkit-box-shadow:0 5px 30px rgba(0, 0, 0, .5); box-shadow:0 5px 30px rgba(0, 0, 0, .1);}
#fade {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.4; z-index:1000;}

.popup_l {width:70%;height:80%;max-height: 800px !important;}
.popup_s {min-width:750px;width:40%;height:80%;max-height: 700px !important;}
.popup_s .pop-container {max-height:650px; /*min-height:300px;*/}
.popup_video {width:60%;}
.popup_la {/*width:70%; */ width:auto; height:auto; position:absolute; max-width:95%; min-width:300px; max-height: 800px !important;}
.popup_sa {min-width:40%;width:40%;/* height:80%; *//* max-height: 700px !important; */}
@media (max-width:790px) {
  .popup_sa {width : 90%;}
}

.disabled {cursor:auto;background:rgba(0,0,0,0.9) !important;opacity:0.8;}

.popup_loading {width: 100vw;height: 100vh;background: rgba(0,0,0,0.6) !important;border: none !important;border-radius: 0 !important;padding: 0 !important;left: 0 !important;top: 0 !important;transform: none !important;position: fixed !important;max-height: 100% !important;}
.popup_loading .pop-body {height: 100% !important;}
.popup_loading .pop-body img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 100px;}


/* kotra layer popup setting */
.wzpopup {display:none; position:relative; left:50%; top:50%; z-index:1001; transform:translate(-50%,-50%); max-height:95%; padding:30px; -webkit-box-shadow:0 5px 30px rgba(0, 0, 0, .5); border:2px solid #004a98; border-radius: 5px;
   box-sizing: border-box; background: #fff; padding:20px; box-shadow:0 5px 30px rgba(0, 0, 0, .1);}
.wzpopup .pop-header {width:100%; padding-bottom:15px; box-sizing:border-box; border-bottom:2px solid #000;}
.wzpopup .pop-header span {color:#000; font-size: 22px; font-weight:bold; letter-spacing:0px; /*float:left;*/}
.wzpopup button.close {position:absolute; top:25px; right:25px; width:22px; height:22px; cursor:pointer; text-align:center;
                      -webkit-transition:transform 0.5s; transition:transform 0.5s; -webkit-appearance:none;}
.wzpopup button.close:hover {transform:rotate(90deg);}
.wzpopup button.close:focus {border:1px dashed #ccc;}
.wzpopup button.close img {/*vertical-align:middle;*/}
.wzpopup .pop-body {height:calc(100% - 60px); box-sizing:border-box; position:relative; border-radius:0 0 3px 3px; overflow:hidden;}
.wzpopup .pop-container {width:100%; height:100%; box-sizing:border-box; overflow-y:auto; background:#fff; position:relative; padding:20px;}
.wzpopup .pop-container .bullet:before {content: ""; position: absolute; top: 24px; left: 0; display: inline-block; width: 14px; height: 19px; vertical-align: middle; background: url('/images/wzwg/site/kotra/mainBull.png'); transition: left 0.5s;}
.wzpopup .pop-container .title {display: inline-block; margin-bottom: 20px; color:#004a98; font-size: 18px;}

/* kotra search popup setting */
.popup_kotra_search{width: 100%; height: 100%; max-height: 100%;}
.popup_kotra_search .pop-title{display: none;}
.popup_kotra_search .pop-header{border-bottom: none;}


@media (max-width:1399px) {
  .wzpopup .pop-container {padding:20px 10px 20px 0;}
  .wzpopup .pop-container .title {padding-left:20px !important;}
}
@media (max-width:1049px) {
  .wzpopup.popup_s {width:85% !important;min-width:auto;}
}


/* popup scroll bar setting */
.wzpopup ::-webkit-scrollbar {width:10px;}
.wzpopup ::-webkit-scrollbar-track {background:transparent;}
.wzpopup ::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.2);}
.wzpopup ::-webkit-scrollbar-thumb:hover {background:#555;} /*chrome*/

.wzpopup {/*scrollbar-arrow-color:#dfdfdf;*/
     /*scrollbar-base-color:transparent;*/ /*scrollbar-Face-Color:#ddd;*/
     /*scrollbar-Track-Color:transparent;*/ /* scrollbar-Shadow-Color:#efefef;*/} /*IE*/

/* kotra popup pagingnum */
.wzpopup ul.num li a.on {background:#272d3d !important; color:#fff; border:1px solid #000; font-weight:600; box-sizing:border-box;}
.wzpopup ul.num li.prev a,
.wzpopup ul.num li.next a {width:30px!important; height:30px!important; line-height:30px; color:#585858; text-align:center; font-size:13px; border:1px solid #ddd; box-sizing:border-box;}
.wzpopup ul.num li.prev a::before,
.wzpopup ul.num li.next a::before {font-size:15px;text-indent:0;color:#333;width: 100%;height: 100%;float: left;}
.wzpopup ul.num li.prev:nth-child(1) a::before {content:"\276C\276C"; letter-spacing:-3px;}
.wzpopup ul.num li.prev:nth-child(2) a::before {content:"\276C";}
.wzpopup ul.num li.next:nth-last-child(1) a::before {content:"\276D\276D";letter-spacing:-3px;font-weight: 400;}
.wzpopup ul.num li.next:nth-last-child(2) a::before {content:"\276D"; font-weight:400;}
.wzpopup ul.num li.prev img,
.wzpopup ul.num li.next img {display:none;}
.wzpopup ul.num li.prev a,
.wzpopup ul.num li.next a {width:100%; font-size:0;text-indent:-9999px; vertical-align:middle;text-align: center;position: relative; border: 1px solid #ddd;box-sizing: border-box;}
.wzpopup ul.num {width:100%; float:left; list-style:none !important; padding-left:0 !important; margin:30px 0; text-align: center;}
.wzpopup ul.num li {display:inline-block; float:none !important; padding:0 !important; list-style:none !important; padding-left:0 !important;	margin-top:0 !important;margin-left: 4px;	box-sizing: border-box;	vertical-align: middle;}
.wzpopup ul.num li a {line-height:30px;padding: 0 7px;text-align:center;display:inline-block;font-size:14px;color:#333;box-sizing:border-box;vertical-align:middle;position:relative;background:#fff !important;}
.wzpopup ul.num li a.on {padding: 0 10px; border:1px solid #dddddd; font-weight:600;}
.wzpopup ul.num li a:hover,
.wzpopup ul.num li a:focus {background:#f5f5f5;}





/* video-play popup */
.popup_video:hover button.close {transform:rotate(90deg);}
.popup_video button.close {right:0; margin:-10px -13px; background:#000; padding:6px; border-radius:100%;}
.popup_video button.close img {vertical-align:middle; width:15px;}
.popup_video .pop-body {border-radius:5px; overflow:hidden;}
.popup_video .pop-container {padding:0; height:auto; padding-bottom:56%; overflow:hidden;}
.popup_video .pop-container iframe {width:100%; height:100%; position:absolute; left:0; top:0;}

/* img popup */
.wzpop-item {cursor:pointer;}

.wzpopup.popup_img .pop-container {padding:1px 1px 0; border-radius:5px; text-align:center; min-height:300px; line-height:300px;}
.wzpopup.popup_img .pop-container .popup_image {width:100%; float:left; text-align:center;}
.popup_video button.close:hover {transform:rotate(90deg);}
.wzpopup.popup_img button.close {right:0; margin:-10px -13px; background:#000; padding:5px 6px; border-radius:100%;}
.wzpopup.popup_img button.close:focus {background:#3558f6; /*outline-color:#fff;*/}
.wzpopup.popup_img button.close img {vertical-align:middle; width:15px;}
  .popup_image .imageBox img {width:auto !important; max-width:100%; height:auto; max-height:90vh; border-radius:5px; vertical-align:middle;}
  .popup_image .pagingBox {position:absolute; bottom:0; width:100%; height:100%; left:0; z-index:1;}
  .popup_image .pagingBox #wzpop-pagination {display:none; width:100%; position:absolute; left:0; bottom:0; text-align:center; line-height:30px; z-index:990;}
  /*.popup_image .pagingBox #wzpop-pagination span {width:9px; height:9px; background:#333; border-radius:100%; font-size:0; display:inline-block; margin:0 3px; border:1px solid rgba(255,255,255,0.3); box-sizing:border-box; cursor:pointer; vertical-align:middle;}
  .popup_image .pagingBox #wzpop-pagination span.on {background:#fff; border-color:rgba(0,0,0,0.5);}*/
  .popup_image .pagingBox #btn-popimg-prev,
  .popup_image .pagingBox #btn-popimg-next {position:absolute; top:50%; background:rgba(0,0,0,0.9);
                                  color:#fff; font-family:serif; transform:translateY(-15px); border:none !important;/* opacity:0.3; */
                                  -webkit-transition:opacity 1s; transition:opacity 1s;}
  .popup_image .pagingBox:hover #btn-popimg-prev,
  .popup_image .pagingBox:hover #btn-popimg-next {opacity:1;}
  .popup_image .pagingBox #btn-popimg-prev {left:1px;}
  .popup_image .pagingBox #btn-popimg-next {right:1px;}
  .popup_image .pagingBox #btn-popimg-prev:focus,
  .popup_image .pagingBox #btn-popimg-next:focus {outline-style:dotted; outline-width:2px; outline-color:#fff;}
  .popup_image .pagingBox #btn-popimg-down {margin:15px;border:none;background:rgba(0,0,0,0.7);font-size: 1px;border-radius:2px;position: absolute; right: 0; text-indent: -9999px;}
  .popup_image .pagingBox #btn-popimg-down:before {content:"\f019";font-family:FontAwesome;font-size:15px;color:#fff;float:left;text-indent: 0;}
  .popup_image .pagingBox #btn-popimg-down:focus {outline-style:dotted; outline-width:2px; outline-color:#fff;}


  @media (max-width:1049px) {
    .popup_video, .popup_la {width:80% !important;}
    .wzpopup.popup_s {width:85% !important;}
  }
  @media (max-width:990px) {
    .popup_l {width:90% !important;}
    .popup_s {width:90% !important;height: 90%;}
    .popup_la {height:90%;}
    .popup_s .pop-container {max-height:100%;}

    .popup_image .pagingBox #btn-popimg-prev,
    .popup_image .pagingBox #btn-popimg-next {display:none;}
  }









/* popup tab */
.pop-tab {float:left; width:100%; height:100%; background:#f9f9f9; position:absolute; top:0; left:0;}
.pop-tab > input[type="radio"] {display:none;}
.pop-tab > input~ div {display:none;}
.pop-tab > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.pop-tab > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.pop-tab > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.pop-tab > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.pop-tab > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.pop-tab > input:nth-of-type(6):checked ~ div:nth-of-type(6),
.pop-tab > input:nth-of-type(7):checked ~ div:nth-of-type(7),
.pop-tab > input:nth-of-type(8):checked ~ div:nth-of-type(8),
.pop-tab > input:nth-of-type(9):checked ~ div:nth-of-type(9),
.pop-tab > input:nth-of-type(10):checked ~ div:nth-of-type(10),
.pop-tab > input:nth-of-type(11):checked ~ div:nth-of-type(11){display:block; float:left;}
.pop-tab > section.buttons {overflow:hidden; float:left;}
.pop-tab > section.buttons > label {font-size:13px; color:#666; font-weight:400; line-height:22px; letter-spacing:-1px; text-indent:0; text-align:center; word-break:keep-all;
                                    width:auto; float:left; left:0; display:block; padding:15px 5px 10px; border-top:2px solid transparent;
                                     cursor:pointer; box-sizing:border-box; position:relative;}

.pop-tab > section.buttons > label::before {float:left; width:100%;}

.pop-tab > input:nth-of-type(1):checked ~ section.buttons > label:nth-of-type(1),
.pop-tab > input:nth-of-type(2):checked ~ section.buttons > label:nth-of-type(2),
.pop-tab > input:nth-of-type(3):checked ~ section.buttons > label:nth-of-type(3),
.pop-tab > input:nth-of-type(4):checked ~ section.buttons > label:nth-of-type(4),
.pop-tab > input:nth-of-type(5):checked ~ section.buttons > label:nth-of-type(5),
.pop-tab > input:nth-of-type(6):checked ~ section.buttons > label:nth-of-type(6),
.pop-tab > input:nth-of-type(7):checked ~ section.buttons > label:nth-of-type(7),
.pop-tab > input:nth-of-type(8):checked ~ section.buttons > label:nth-of-type(8),
.pop-tab > input:nth-of-type(9):checked ~ section.buttons > label:nth-of-type(9),
.pop-tab > input:nth-of-type(10):checked ~ section.buttons > label:nth-of-type(10),
.pop-tab > input:nth-of-type(11):checked ~ section.buttons > label:nth-of-type(11) {color:black; background-image:linear-gradient(141deg, #f9f9f9 0%, #f9f9f9 20%, #ededed 75%); border-top:2px solid #333; font-weight:600;}


.pop-tab .tab_item {width:100%; float:left; padding:5px 15px 20px; box-sizing:border-box; text-align:left; background:#fff; border-top:1px solid #f0f0f0;}
.pop-tab .tab_item ul {width:100%; float:left; box-sizing:border-box;}
.pop-tab .tab_item ul li {float:left; padding:20px 15px 0; /*position:relative;*/ box-sizing:border-box;}
.pop-tab .item_for_1 ul > li:first-child,
.pop-tab .item_for_1 ul > li:nth-child(2),
.pop-tab .item_for_1.vertical_mode ul > li:nth-child(3),
.pop-tab .item_for_1.vertical_mode ul > li:nth-child(4) {border-top:none;}
.pop-tab .item_for_1 ul > li   {width:50%;}
.pop-tab .item_for_234 ul > li {width:33.333%;}
.pop-tab .item_for_1 ul > li:nth-child(2n+1),
.pop-tab .item_for_234 ul > li:nth-child(3n+1) {clear:both;}

.pop-tab .tab_item > h4 {font-size:12px; line-height:20px; color:#d70c0c; padding:5px 15px 20px;}
.pop-tab .tab_item ul li h4 {font-size:15px; padding-left:0; line-height:22px; text-align:left;}
.pop-tab .tab_item ul li h4:before {content:"\2022"; float:left; font-size:12px; margin-left:0px;}
.pop-tab .tab_item ul li p {font-size:12px; line-height:18px; text-align:left; color:#818181; height:36px; position:relative; padding-left:20px; box-sizing:border-box;
                            overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; display:-webkit-box; white-space:normal; word-break:keep-all;}
/*.pop-tab .tab_item ul li p::before {content:url("/widesign/img/ico_help_grey.png"); display:inline-block; padding:2px 3px 0 0; float:left;
                                  position:absolute; top:0; left:0;}*/
.pop-tab .tab_item ul li p + a {width:100%; float:left; margin:10px 0 15px; padding:2px; border:1px dashed #2d59b0; clear:both; display:block; text-align:center; box-sizing:border-box;}
.pop-tab .tab_item ul li div.img_div {width:auto; max-width:99%; display:inline-block; position:relative; margin:0 auto;}
.pop-tab .tab_item ul li div.img_div:after {content:""; width:100%; height:3px; background:white; position:absolute; bottom:0; left:0;}
.pop-tab .tab_item ul li img {width:100%; max-width:100%; max-height:200px;}

.pop-tab .tab_item ul li a.wzbtn-table {font-size:13px; min-width:40%;}
.pop-tab .tab_item ul li:hover a.btn-edit {background-image:linear-gradient(to right, #2091cb , #2d59b0) !important; background:#2091cb; color:#fff;}

.pop-tab .tab_item.vertical_mode ul li {width:25%; margin-right:0; padding:0 1.5%; margin-left:0;}
.pop-tab .tab_item.vertical_mode ul li:nth-child(2n+1) {clear:none;}
.pop-tab .tab_item.vertical_mode ul li:nth-child(4) ~ li {padding-top:20px;}
.pop-tab .tab_item.vertical_mode ul > li:nth-child(2n+1) {clear:none;}
.pop-tab .tab_item.vertical_mode ul > li:nth-child(3),
.pop-tab .tab_item.vertical_mode ul > li:nth-child(4) {border-top:none !important;}

  @media (min-width:1300px){
    .pop-tab > section.buttons {width:12%; float:left; height:100%;}
    .pop-tab > section.buttons > label {width:100%; border-top:none !important; /*margin-top:10px;*/}
    .pop-tab .tab_item {width:88%; height:100%; border-left:1px solid #f0f0f0; border-top:none; overflow-y:auto;}
  }
  @media (max-width:1299px){
    .pop-tab > section.buttons {width:100%;}
    .pop-tab > section.buttons > label {padding:15px 15px 10px; min-width:80px;}
    .pop-tab .tab_item {width:100%; /*height:500px; */ overflow-y:auto;}
  }


/* 반응형에서 테이블 x-scroll */
@media (max-width:790px) {
  .tbl_resp {position:relative;overflow-x:auto;margin: 0 0 15px;width:100%;}
  .tbl_resp::-webkit-scrollbar{height:14px;}
  .tbl_resp::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}
  .tbl_resp::-webkit-scrollbar-thumb{background-color:#333;border-radius:10px;}
  .tbl_resp table{width:200% !important;}
}


/* table setting */
.wztable {width:100%;border-top:1px solid #dcdcdc;border-bottom:1px solid #e9e9e9;border-collapse:collapse;}
.wztable thead tr th {text-align:center;padding: 15px 0;font-size:13px;}
.wztable thead tr th {color:#333;font-size: 19px;border: 1px solid #e9e9e9;border-bottom: 2px solid #333;}
.wztable thead tr th a {color:#333;}
.wztable tbody tr th {text-align:center;padding: 15px 5px;font-size: 16px;border: 1px solid #ececec;/* border-right: 1px solid #ccc; */}
.wztable tbody tr th:last-of-type:not(:only-of-type) {border-right-color:#ececec;}
.wztable tbody tr th:first-of-type {border-left-color:#ececec;}
.wztable tbody tr th:only-of-type {border-bottom-color: #ececec;}
.wztable tbody tr:last-child th {border-bottom-color:#ececec;}
.wztable tbody tr td {padding: 10px;font-size: 15px;line-height: 150%;border: 1px solid #ececec;}

.wztable_line {width:100%; border-top:2px solid #333; border-collapse:separate; word-break:break-all;}
.wztable_line thead tr th {background: #f7f7f7;font-size: 16px;padding:17px 10px;line-height: 120%;border-bottom:1px solid #ccc;}
.wztable_line tr.thead th {font-size:17px; border-bottom:1px solid rgba(0,0,0,0.1); padding:15px 10px; outline:none; text-align:center;background: #fafafa;}
.wztable_line tbody tr th {background: #fafafa;font-size:17px;padding:15px 10px;border-bottom:1px solid rgba(0,0,0,0.1);}
.wztable_line tbody tr td {font-size:16px; padding:15px 10px; border-bottom:1px solid rgba(0,0,0,0.1); color:#333;}
.wztable_line tbody tr:nth-child(odd) td {background:#fff;}

.wztable_basic {width:100%; clear:both; border-top:2px solid #777; margin:3px 0 10px; border-collapse:collapse; table-layout:fixed;}
.wztable_basic tr.thead th {font-size:18px; background:#f9f9f9; border:1px solid #ececec; border-bottom:1px solid #d3e2d1; padding:20px 5px; outline:none; text-align:center;}
.wztable_basic tr th:first-child, .wztable_basic tr td:first-child {border-left:none;}
.wztable_basic tr th:last-child, .wztable_basic tr td:last-child {border-right:none;}
.wztable_basic tbody tr:not(.thead) th {padding:10px 5px; font-size:18px; background:#f9f9f9; border:1px solid #dcdcdc; text-align:center;}
.wztable_basic tbody tr td {font-size:16.5px; border:1px solid #dcdcdc; color:#333; padding:15px 5px;}
@media (max-width:799px){
  .wztable_basic tr.thead th {font-size:16px; padding:10px 3px;}
  .wztable_basic tbody tr:not(.thead) th {font-size:16px; padding-top:7px;}
  .wztable_basic tbody tr td {padding:5px; word-break:break-all; padding-top:7px; font-size:14px;}
}

.wztable_basic01 {width:100%; clear:both; margin:3px 0 10px; border-spacing: 50px 0; table-layout:fixed;}
.wztable_basic01 tr.thead th {padding:15px 5px; border-radius:50px; font-size:20px; text-align:center; background:#efefef;}
.wztable_basic01 tbody tr:not(.thead) th {padding:10px 5px; font-size:18px; text-align:center;}
.wztable_basic01 tbody tr td {padding:15px 5px; text-align: center; font-size:16.5px; color:#333;}
.wztable_basic01 tbody tr {position: relative;}
.wztable_basic01 tbody tr td:after {content:''; display:block; position: absolute; bottom:0; left:0; width:100%; height:1px; background:#dcdcdc;}
@media (max-width:799px){
  .wztable_basic01 {border-collapse:collapse;}
  .wztable_basic01 tr.thead th {padding:10px 3px; border-radius: 0; font-size:16px;}
  .wztable_basic01 tbody tr:not(.thead) th {font-size:16px;}
  .wztable_basic01 tbody tr td {padding:5px; word-break:break-all; font-size:14px;}
}

.wztable_basic02 {width:100%; clear:both; margin:3px 0 10px; border-collapse: collapse; table-layout:fixed;}
.wztable_basic02 tr.thead th {font-size:18px; background:#dcdcdc; border:2px solid #fff; padding:20px 5px; text-align:center;}
.wztable_basic02 tr th:first-child, .wztable_basic02 tr td:first-child {border-left:none;}
.wztable_basic02 tr th:last-child, .wztable_basic02 tr td:last-child {border-right:none;}
.wztable_basic02 tbody tr:not(.thead) th {padding:10px 5px; font-size:18px; border:2px solid #fff; text-align:center;}
.wztable_basic02 tbody tr td {font-size:16.5px; border:2px solid #fff; color:#333; padding:15px 5px; text-align: center;}
.wztable_basic02 tbody tr:not(.thead):nth-child(even) {background-color: #efefef;}
.wztable_basic02 tbody tr:not(.thead):nth-child(odd) {background-color: #f9f9f9;}


@media (max-width:799px){
  .wztable_basic02 tr.thead th {font-size:16px; padding:10px 3px;}
  .wztable_basic02 tbody tr:not(.thead) th {font-size:16px; padding-top:7px;}
  .wztable_basic02 tbody tr td {padding:5px; word-break:break-all; padding-top:7px; font-size:14px;}
}


.wztable_basic03 {width:100%; clear:both; margin:3px 0 10px; border-collapse: collapse; table-layout:fixed; background: #f9f9f9;}
.wztable_basic03 tr.thead th, .wztable_basic03 tr th {padding:15px 20px; font-size:18px; text-align: left;}
.wztable_basic03 tbody tr:not(.thead) th, .wztable_basic03 tbody tr th {padding:10px 20px; font-size:18px; border-top:1px solid #dcdcdc;}
.wztable_basic03 tbody tr td {position: relative; padding:15px 20px; font-size:16.5px; border-top:1px solid #dcdcdc; color:#333;}
.wztable_basic03 tbody tr td:after {content:''; position: absolute; top:50%; left:0; transform: translate(-50%, -50%); width:1px; height:50%; background:#dcdcdc;}
@media (max-width:799px){
  .wztable_basic03 tbody tr:not(.thead) th {font-size:16px; padding-top:7px;}
  .wztable_basic03 tbody tr td {padding:10px 15px; word-break:break-all; padding-top:7px; font-size:14px;}
}


.basic-table {width:100%;border-bottom: 1px solid #e5e5e5;border-collapse:collapse;margin-bottom: 30px;}
.basic-table tbody tr:hover {background:#fafafa;}
.basic-table tbody tr:not(.thead) th {text-align:center; padding:12px 25px; line-height:150%; word-break:keep-all; font-size:16.5px; border-top:1px solid #f3f3f3;}
.basic-table tbody tr td {text-align:center; padding:12px 3px; line-height:150%; word-break:keep-all; font-size:15px; border-top:1px solid #f3f3f3;}
.basic-table tbody tr td span.bt {color:#fff; background:#898989; font-weight:400; font-size:11px; padding:3px 5px; line-height:15px; vertical-align:0px; margin:0 5px; display:inline-block; border-radius:2px;} /*답변완료*/
.basic-table thead tr {background:#f8f8f8;}
.basic-table thead tr th,
.basic-table tbody tr.thead th {font-weight:600; color:#333; text-align:center; padding:20px 5px 21px;font-size: 16.5px;border: 1px solid #e0e0e0;border-width: 1px 0;}
.basic-table.txt-l tbody tr td {text-align:left;}

.subCon .basic,
.wzpopup .basic {width:100%;border-bottom: 1px solid #e5e5e5;border-collapse:collapse;margin-bottom: 30px;}
.subCon .basic thead tr th,
.wzpopup .basic thead tr th {font-weight:600;color:#333;text-align:center;padding:20px 5px 21px;font-size: 17.5px;border: 1px solid #e0e0e0;border-width: 1px 0;border-bottom-color: #ccc;}
.subCon .basic tbody tr th,
.wzpopup .basic tbody tr th {width: 20%; text-align:right; vertical-align:middle; font-size: 16.5px; padding: 17px 25px 17px 15px;
                            line-height: 130%; background:#fff; color:#333; font-weight:600; border-top: 1px solid #e6e5e5; word-break:keep-all;}
.subCon .basic tbody tr td,
.wzpopup .basic tbody tr td {font-size: 16px;line-height:150%;background:#fff;padding: 15px 15px;border-top: 1px solid #e6e5e5;max-width:1100px;text-align:left;}

@media (max-width:899px){
  .wztable thead tr th {font-size:17.5px;}

  .basic-table tbody tr th {word-break:break-all; padding:8px 10px;}
  .basic-table tbody tr:not(.thead) td {font-size:15px; line-height:150% !important; padding:10px 3px; word-break:break-all;}
  .basic-table thead tr th, .basic-table tbody tr.thead th {font-size:16px;}
	}


/* 구분선 */
tr.emptytd td {padding:8px 0 !important;}
tr.linetd td {border-bottom:1px solid #efefef; padding:8px 0 !important; line-height:0;}


.hidden_cell {}
	@media (max-width:799px){
	.hidden_cell {display:none;}
	}



/* file 첨부 */
/* img file */
.attatch_file_box {height:auto;margin-bottom:3px;position:relative;}
.wzfile_input {position:relative;}
.wzfile_input>button>img {height:auto !important; vertical-align:middle;}
.wzfile_input input[type=text] {width:30%;}
.wzfile_input input[type=file] {position:absolute; top:0; left:0; width:calc(30% + 70px); font-size:45px; opacity:0; cursor:pointer;}
/* etc file */
.wzfile_inputbox {position:relative;}
.wzfile_inputbox>span {font-size: 16px;display:inline-block;vertical-align: middle;}
.wzfile_inputbox .file_route {width: 300px;vertical-align:middle;display: inline-block;margin-right: 0;}
.wzfile_inputbox .file_route + .btn-basic {height:40px;line-height: 38px;padding:0 15px;margin-left: -7px;}
.wzfile_inputbox span.button { display:inline-block; width:100px; height:29px; padding:5px 15px; background:#E1E1E1; color:#242424; text-align:center; line-height:19px; border:0; box-sizing:border-box; vertical-align:middle; }
.wzfile_inputbox .attatchfile {position:absolute;top:0;left:0;width: 100%;font-size:45px;opacity:0;filter:alpha(opacity=0);cursor:pointer;}


/*프로그래스 바*/
.wzprogress {background:#ececec; width:100%; position:relative; max-width:100%; border:none; border-radius:3px; box-sizing:border-box; float:left; height:25px; line-height:25px;}
.wzprogress .wzprogress-bar {font-size:12px; color:#fff; background:rgba(0,0,0,0.5); text-align:right; box-sizing:border-box; float:left; border-radius:3px;
              -webkit-transition:width 1s ease;
                -o-transition:width 1s ease;
                transition:width 1s ease;
                animation:scale-up-hor-left 1s cubic-bezier(.39,.575,.565,1.000) both;}
.wzprogress .wzprogress-bar:after {content:""; display:inline-block; width:5px;}

.wzprogress .wzprogress-bar.gradient{background-image:linear-gradient(to top, #8d8d8d26 , #ffffff94) !important;}
.wzprogress .wzprogress-bar.shadow{box-shadow:1px 1px 4px 1px rgba(0,0,0,0.3);}

    @keyframes scale-up-hor-left {
        0% {transform:scaleX(.4); transform-origin:0 0;}
        100% {transform:scaleX(1); transform-origin:0 0;}
    }



/* 탭 기능 */
/* 책갈피 디자인 */
.wztab {position:relative;width:100%;display:block;float:left;box-sizing: border-box;border-bottom:1px solid #d9d9d9;z-index:1;}
.wztab-list {position:relative; width:100%; float:left; box-sizing:border-box; padding-left:0 !important;}
.wztab-list .wztab-item {float:left; height:45px; line-height:45px; padding:0 18px; background:#f9f9f9; border:1px solid #ebecee; border-left:none; border-bottom-color:#d9d9d9; list-style:none;}
.wztab-list .wztab-item:first-of-type {border-left:1px solid #ebecee;}
.wztab-list .wztab-item.active {border-top:2px solid; border-bottom:none; background:#fff; font-weight:600; line-height:43px;}
.wztab-list .wztab-item a,
.wztab-list .wztab-item button {height:45px;display:block;width:100%;text-align:left;box-sizing:border-box;font-size: inherit;}
.wztab-list .wztab-item.active a,
.wztab-list .wztab-item.active button {font-weight:600;}
.wztab-list .wzbtnTab-toggle {display:none;}
.wztab-list .wzbtnTab-toggle:focus {outline:none; background:#f0f0f0;}

.selectBbsSubospec {width:100%; float:left; margin-bottom:7px; position:relative;}
.wztab.board {z-index:0;}

  @media (min-width:600px) and (max-width:1050px){
    .wztab {overflow:hidden;}
    .wztab-list .wztab-item {padding:0 10px; letter-spacing:-1px;}
  }
  @media (max-width:599px){
    .wztab {height:46px; border-bottom:2px solid #e5e5e5; margin-bottom:-1px;}
      .wztab-list .wzbtnTab-toggle {display:inline-block;transform:rotate(90deg);width: 38px;height: 40px;font-family:Dotum;margin: 0px 5px 0;border-color:#ddd;}
      .wztab-list .wztab-item {display:none;width:60%;padding:0 10px;font-size: 16px;margin-top:0;margin-bottom:1px;box-sizing:border-box;}
      .wztab-list .wztab-item.visible, .wztab-list .wztab-item.active {display:inline-block;height: 46px;border: 2px solid #e5e5e5;border-width: 2px 2px 0;}
      .wztab-list.wztab-select .wztab-item {border:none; border:1px solid #ccc; border-width:0 1px; margin-top:-1px;}
      .wztab-list.wztab-select .wztab-item:first-of-type {border-top:1px solid #ccc;}
      .wztab-list.wztab-select .wztab-item.active {background:#333; color:#fff;}
      .wztab-list.wztab-select .wztab-item.active a,
      .wztab-list.wztab-select .wztab-item.active button {color:#fff;}
      .wztab-list.wztab-select .wztab-item.active:hover {background:#333; color:#fff;}
      .wztab-list.wztab-select .wztab-item:hover {background:#dedede;}

      .wztab.step {height: 46px !important;}
      .wztab.step .wztab-select {margin:0;}
      .wztab .wztab-select {position:absolute;}
      .wztab-list.wztab-select .wztab-item:last-child {border-bottom:1px solid #ccc;}
  }


/* 버튼박스형 디자인 */
.wztabbox {width:100%; text-align:center;}
.wztab-box {position:relative;width:auto;display:inline-block;/* display:block; */margin-right:-4px;box-sizing:border-box;padding-left:0 !important;text-align:center;}
.wztab-box .wztab-item {/* float:left; */height:50px;line-height:50px;background:#fff;border:1px solid #ccc;list-style:none;margin-right:5px;margin-bottom:9px;display:inline-block;}
.wztab-box .wztab-item.active {background:#333; font-weight:600;}
.wztab-box .wztab-item a,
.wztab-box .wztab-item button {height:50px; display:block; width:100%; text-align:left; box-sizing:border-box; padding:0 20px; font-size:16.5px;}
.wztab-box .wztab-item.active a,
.wztab-box .wztab-item.active button {font-weight:600; color:#fff;}
.wztab-box .wzbtnTab-toggle {display:none;}
.wztab-box .wztab-item a:hover, .wztab-box .wztab-item button:hover {font-weight:600;}
.wztab-box .wztab-item button:focus, .wztab-box .wztab-item a:focus {outline:thin dotted;}

  @media (max-width:799px){
    .wztab-box .wztab-item {height:45px; line-height:45px;}
    .wztab-box .wztab-item a, .wztab-box .wztab-item button {font-size:15px; height:45px;}
  }

/* underline 디자인 */
@media (min-width:600px){
  .wztab.underLine {min-height:60px;margin-bottom:20px;border-bottom: 2px solid #dbdbdb;}
  .wztab.underLine .wztab-list {}
  .wztab.underLine .wztab-list .wztab-item {height:60px;line-height:60px;border:none;background:none;box-sizing:border-box;font-size: 19px;margin-bottom: -1px;border-bottom: 1px solid #dcdcdc;}
  .wztab.underLine .wztab-list .wztab-item:first-of-type {border-left:none !important;}
  .wztab.underLine .wztab-list .wztab-item.active {border-bottom:4px solid #333; height:60px;}
  .wztab.underLine .wztab-list .wztab-item a,
  .wztab.underLine .wztab-list .wztab-item button {height:60px; font-size:19px;}
  .wztab.underLine .wztab-list .wztab-item.active a,
  .wztab.underLine .wztab-list .wztab-item.active button {}
  .wztab.underLine .wztab-list .wzbtnTab-toggle {}
  .wztab.underLine .wztab-list .wzbtnTab-toggle:focus {}

    .underLine.theme-blue .wztab-list .wztab-item.active {border-bottom-color:#2c55a6 !important;}
  .underLine.theme-blue .wztab-list .wztab-item.active a,
  .underLine.theme-blue .wztab-list .wztab-item.active button {}
}




/* guide tool-tip (click) */
.wzmsg-help {position:relative; display:inline-block; vertical-align:top; max-width:80%;}
.wzmsg-help-btn {position:relative; display:inline-block; cursor:pointer; /*margin-bottom:7px;*/}
.wzmsg-help-btn > img {vertical-align:middle;}
/*.wzmsg-help-btn:focus + div.wzmsg-help-msg {display:block;}*/
.wzmsg-help-btn:focus > img {outline:1px solid #a6c7ff;}

.wzmsg-help-msg {display:none; width:100%; height:auto; z-index:2; padding:10px; box-sizing:border-box; margin: 15px 0 10px -13px;
                position:relative; background:#fff; border:1px solid #ececec; color:black; line-height:150%; font-size:14.5px; font-weight:400; word-break:keep-all;}
.wzmsg-help-msg::before {content:""; position:absolute; top:-15px; left:9px; border-bottom:15px solid #ececec;
                        border-top:0 solid transparent; border-left:12px solid transparent; border-right:12px solid transparent;}
.wzmsg-help-msg:after {content:""; position:absolute; top:-14px; left:10px; border-bottom: 14px solid #fff;
                       border-top:0 solid transparent; border-left:11px solid transparent; border-right:11px solid transparent;}
.wzmsg-help-msg img {max-width:100%; max-height:500px; display:block;}
.wzmsg-help-msg ul {width:100%;float:left;display:block;margin: 10px 0 5px;}
.wzmsg-help-msg ul li.w50 {margin-right:0;line-height: 150%;margin-bottom: 5px;}

  @media (min-width:900px) and (max-width:1050px){
    .wzmsg-help-msg ul li.w50 {width:100% !important;}
  }
  @media (max-width:899px){
    .wzmsg-help {max-width:100%;}
    .wzmsg-help-msg {margin:-20px 0 7px 35px; width:calc(100% - 35px);}
    .wzmsg-help-msg::before {top:-1px; left:-15px; border-width:15px 0 0 15px; border-top-color:#ececec;}
    .wzmsg-help-msg:after {top:0px; left:-13px; border-width:14px 0 0 14px; border-top-color:#fff;}
    .wzmsg-help-msg ul li.w50 {width:100% !important;}
  }





/* srch-box */
.wzsrch-box {background:#f7f7f7; border:1px solid #ececec; padding:20px 0; border-radius:3px; clear:both; margin:20px 0 30px; overflow:hidden; text-align:center;}


/* 넘버링 paging*/
.wzpaging {width:100%; margin:20px 0 10px;}
.wzpaging ul {display:table; margin:0 auto; float:none !important; list-style:none !important; padding-left:0 !important;}
.wzpaging li {float:left; width:auto !important; padding:0 !important;  list-style:none !important; padding-left:0 !important;}
.wzpaging li a {padding:8px; display:inline-block; font-size:13px; color:#333;}
.wzpaging li .on,
.wzpaging li strong {background:#f9f9f9; border:1px solid #e8e8e8; border-radius:100%; font-weight:600; box-sizing:border-box;
           width:30px; height:30px; text-align:center; line-height:30px; float:left; font-size:14px;}
.wzpaging li a:hover,
.wzpaging li a:focus {font-weight:600; text-decoration:underline;}

  @media (max-width:799px){
    .wzpaging {width:auto !important; display:inline-block;}
    .wzpaging li {border-bottom:none;}
  }




/* radio, checkbox btn */
ul.wzForm {padding-left:0 !important;}
ul.wzForm li {position:relative;list-style:none !important; clear:none !important;}
.wzForm input[type="radio"],
.wzForm input[type="checkbox"] {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.wzForm input[type="radio"] + label {padding-left:27px;position:relative;cursor:pointer;display: inline-block;box-sizing: border-box;vertical-align: middle;line-height: 150%;}
.wzForm input[type="radio"] + label::before {content:""; width:15px; height:15px; border:2px solid #c0c0c0; border-radius:100%;
                                            position:absolute; left:0; top: 1px; transition:border-color 0.5s; -webkit-transition:border-color 0.5s;}
.wzForm input[type="radio"] + label:hover:before {border-color:#8a8a8a;}
.wzForm input[type="radio"]:focus + label::before {outline:thin dotted grey;}
.wzForm input[type="radio"]:checked + label::before {border-color:#8a8a8a;}
.wzForm input[type="radio"]:checked + label:after {content:"";width:9px;height:9px;background:#333;position:absolute;left:5px;border-radius:100%;top: 6px;}

.wzForm input[type="checkbox"] + label {position:relative;cursor:pointer;}
.wzForm input[type="checkbox"] + label::before {content:' '; display:inline-block; width:14px; height:14px; line-height:15px;
                                                font-size:11px; margin: -4px 10px 0 0; text-align:center; vertical-align:middle;
                                                border:1px solid #c0c0c0; border-radius:3px;
                                                box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
                                                transition:border-color 0.5s; -webkit-transition:border-color 0.5s;}
.wzForm input[type="checkbox"]:checked + label::before {content:"\f00c"; font-family:fontAwesome; color:#fff; background:#333; border-color:#404040;}
.wzForm input[type="checkbox"] + label:hover:before {border-color:#8a8a8a;}
.wzForm input[type="checkbox"]:focus + label::before {outline:thin dotted black;}


.wzForm02 input[type="radio"] {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.wzForm02 input[type="radio"] + label {padding-left:27px;position:relative;cursor:pointer;display: inline-block;box-sizing: border-box;vertical-align: middle;}
.wzForm02 input[type="radio"] + label::before {content:""; width:20px; height:20px; border:2px solid #666; box-sizing:border-box;
                                              position:absolute; left:0; top:-2px; transition:border-color 0.5s; -webkit-transition:border-color 0.5s;}
.wzForm02 input[type="radio"] + label:hover:before {border-color:#0379bf;}
.wzForm02 input[type="radio"]:focus + label::before {outline:thin dotted #0379bf;}
.wzForm02 input[type="radio"]:checked + label::before {border-color:#0379bf;}
.wzForm02 input[type="radio"]:checked + label:after {content:""; width:18px; height:18px; background:url(/widesign/img/ico_check.png) no-repeat center #0379bf;
                                                     position:absolute; left:1px; top:0;}
ul.wzForm.txt-c li {display:inline-block;}
ul.wzForm.txt-c li:last-child label {margin-right:0 !important;}






/* paging */
.subCon ul.num {display:table; margin:50px auto 0; float:none !important;}
.subCon ul.num li {display:inline-block;width:auto !important;padding:0 !important;list-style:none;border: 1px solid #ccc !important; border-radius: 4px;margin: 0 2px;line-height:0;}
.subCon ul.num li.on {border: 1px solid #004a98;}
.subCon ul.num li.prev, .subCon ul.num li.next{background:#f4f6f6;}
.subCon ul.num li.prev:not(.first) {margin-right:15px;}
.subCon ul.num li.next:not(.last) {margin-left:15px;}
.subCon ul.num li:last-child {margin-right:0;}
.subCon ul.num li a {padding: 0; display:inline-block; font-size: 16px; color: #666;  width: 38px; height: 38px; line-height: 38px; text-align: center; vertical-align:middle; border-right:none !important;}
.subCon ul.num li a.on {background: #004a98 !important;color:#fff;border: none;font-weight:600;box-sizing:border-box;}
.subCon ul.num li a:not(.on):hover,
.subCon ul.num li a:not(.on):focus {font-weight:600;color: #014a97;}
.subCon ul.num li a.on:focus {border: 1px solid skyblue;}
.subCon ul.num li a > img {width:20px; height:20px; vertical-align:middle;}

.subCon ul.num li.prev a,
.subCon ul.num li.next a {font-size:0; text-indent:-9999px; vertical-align:middle; text-align: center; position: relative; box-sizing: border-box;}
.subCon ul.num li.prev a:before {content:"\276C";}
.subCon ul.num li.prev.first a:before {content:"\276C \276C";}
.subCon ul.num li.next a:before {content:"\276D";}
.subCon ul.num li.next.last a:before {content:"\276D \276D";}
.subCon ul.num li.prev a:before,ul.num li.next a:before {font-size:15px;text-indent:0;color: #666;width: 100%;height: 100%;float: left;font-weight: 600;}

  @media (min-width:700px){
    .subCon ul.num li a.pd3 {line-height:40px; width:auto; margin:0 5px;}
  }
  @media (max-width:699px){
    ul.num li.first, ul.num li.last {display:none;}
    .subCon ul.num li a {width:30px; height:30px; line-height:30px;}
    .subCon ul.num li a.pd3 {line-height:30px; width:auto; margin:0;}
  }
  @media (max-width:450px){
    .subCon ul.num li a {width:25px; height:25px; line-height:25px; margin:0;}
    .subCon ul.num li.prev {margin-right:3px;}
    .subCon ul.num li.next {margin-left:3px;}
  }





.hoverbtn_circle {width:50px; height:50px; display:inline-block; vertical-align:middle; line-height:normal; text-indent:-9999px;
                  overflow:hidden; border-radius:100%; margin-right:-4px; margin-left:10px;
                  background:url(/images/wzwg/site/mngr/menu/module_hover.png) no-repeat #71bddd;
                  -webkit-transition:background-color 0.5s; transition:background-color 0.5s;}
.hoverbtn_circle:first-child {margin-left:0;}
.hoverbtn_circle.add {background-position:-7px -6px;}
.hoverbtn_circle.list {background-position:-64px -7px;}
.hoverbtn_circle.setting {background-position:-123px -6px;}
.hoverbtn_circle.closeUp {background-position:-7px -60px;}
.hoverbtn_circle.modify {background-position:-64px -60px;}
.hoverbtn_circle.new {background-position:-121px -60px;}
.hoverbtn_circle:hover {background-color:#229acc;}


.circleRTxt {width:100%; display:inline-block; line-height:normal; margin-bottom:12px; font-size:18.5px; text-align:left; color:#fff;}
.circleRTxt:last-child {margin-bottom:0;}
.circleRTxt .hoverbtn_circle {width:65px; height:65px; background-color:#71bddd; margin-right:15px;}
.circleRTxt:hover {font-weight:600;}
.circleRTxt:hover .hoverbtn_circle {background-color:#229acc;}
.circleRTxt .hoverbtn_circle.closeUp {background-position:-1px -54px;}
.circleRTxt .hoverbtn_circle.modify {background-position:-57px -54px;}
.circleRTxt .hoverbtn_circle.new {background-position:-114px -53px;}


  @media (min-width:900px){
    .hoverLayer {position:absolute; top:0px; left:0; /*display:table;*/ width:100%; height:100%; /*background:#f9f9f9;*/ background:rgba(51,51,51,0.8); text-align:center;
                -webkit-transition:opacity 0.5s, background 0.5s; transition:opacity 0.5s, background 0.5s; opacity:0;}
    .hoverLayer.blck {background:rgba(0,0,0,0.65) !important;}
    .hoverLayer>div {width:100%; max-width:220px; /*vertical-align:middle; display:table-cell;*/ text-align:center !important;
                    position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
    div:hover>.hoverLayer {/*display:block;*/opacity:1;}
  }
  @media (min-width:900px) and (max-width:1250px){
    .hoverbtn_circle {width:40px; height:40px;}
    .hoverbtn_circle.add {background-position:-4px -4px; background-size: 140px;}
    .hoverbtn_circle.list {background-position:-53px -6px; background-size:150px;}
    .hoverbtn_circle.setting {background-position:-102px -6px; background-size:150px;}
  }
  @media (max-width:899px){
    .hoverbtn_circle {width:30px; height:30px;}
    .hoverbtn_circle.add {background-position:-4px -4px; background-size:110px;}
    .hoverbtn_circle.list {background-position:-39px -4px; background-size:110px;}
    .hoverbtn_circle.setting {background-position:-75px -4px; background-size:110px;}
  }





/* 토스트메세지 */
#wzToast-container {position:fixed;width: 100%;max-width: 800px; left: 50%;transform: translateX(-50%);text-align:right;z-index: 2000;}
#wzToast-container .toastWrap {padding-bottom: 9px;display:none;}
#wzToast-container .toastWrap .toast {background: rgba(0,0,0,0.8);box-shadow: 0 2px 3px rgba(0,0,0,0.3);padding: 15px 50px;text-align: center;border-radius: 50px;box-sizing: border-box;position: relative;}
#wzToast-container .toastWrap .toast .toast-title {color:#fff;font-size: 17px;margin-bottom: 6px;}
#wzToast-container .toastWrap .toast .toast-msg {color:#fff;font-size: 15px;}
#wzToast-container .toastWrap .toast .toast-msg:only-of-type {padding: 10px 0;font-size: 17px;}
  /* close(b) & timer*/
  #wzToast-container b {display:block;position:absolute;top: 50%;right:10px;width:35px;height:35px;cursor:pointer;transform: translateY(-50%);}
  #wzToast-container b:before {content:"";display: inline-block;width: 100%;height: 100%;background: url("/widesign/img/pop-close.png") no-repeat center;}
  #wzToast-container .timerWrap {position:absolute;bottom: 7px;left: 30px;overflow:hidden;border-radius:5px;width: calc(100% - 60px) !important;}
  #wzToast-container .timer {display:block; height:4px; width:0; background:#338cf2; width:calc(100% - 40px); opacity:0.5;}
  /* position */
  #wzToast-container.toastPosi-bottom {bottom:0;}
  #wzToast-container.toastPosi-bottom .toastWrap:last-of-type {margin-bottom:20px;}
  #wzToast-container.toastPosi-top {top:0;}
  #wzToast-container.toastPosi-top .toastWrap:first-of-type {margin-top:20px;}
  /* toast sort */
  #wzToast-container .toastWrap .toast.type-error {background: rgba(127,0,0,0.9) !important;}
  #wzToast-container .toastWrap .toast.type-success {background: rgba(35,75,13,0.9) !important;}
  #wzToast-container .toastWrap .toast.type-info {background: rgba(44,61,87,0.95) !important;}
  #wzToast-container .toastWrap .toast.type-warning {background: black !important;}
  #wzToast-container .toastWrap .toast.type-warning div {color: #fbf02f;}




/*************************************************/
/*************************************************/
/******************** common *********************/
/*************************************************/
/*************************************************/


/* font-weight */
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw600 {font-weight:600;}
.fw900 {font-weight:900;}

/* font-style */
.italic {font-style:italic;}
.oblique {font-style:oblique;}
.underline {text-decoration:underline;}
.throughline {text-decoration:line-through;}

/* align */
.fl {float:left;}
.fr {float:right;}
.fn {float:none; display:inline-block; margin-right:-4px;}
  @media (max-width:899px){
    /* 모바일 에서만 반응 */
    .m-fl {float:left !important;}
    .m-fr {float:right !important;}
    .m-fn {float:none !important;}
  }

/* text-align */
.txt-l {text-align:left !important;}
.txt-r {text-align:right !important;}
.txt-c {text-align:center !important;}
  @media (max-width:899px){
    /* 모바일 에서만 반응 */
    .mtxt-l {text-align:left !important;}
    .mtxt-r {text-align:right !important;}
    .mtxt-c {text-align:center !important;}
  }
.vert-m {vertical-align:middle !important;}
.vert-t {vertical-align:top !important;}
.vert-b {vertical-align:bottom !important;}

/*padding*/
.pt0 {padding-top:0;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt50 {padding-top:50px;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb50 {padding-bottom:50px;}

.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl50 {padding-left:50px;}

.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr50 {padding-right:50px;}

.p0 {padding:0 !important;}
.p3 {padding:3px;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.p40 {padding:40px;}
.p50 {padding:50px;}


/*margin*/
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}

.ml0 {margin-left:0 !important;}
.ml1 {margin-left:1%;}
.ml2 {margin-left:2%;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml50 {margin-left:50px;}

.mr0 {margin-right:0 !important;}
.mr1 {margin-right:1%;}
.mr2 {margin-right:2%;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr50 {margin-right:50px;}

.mg0 {margin:0 !important;}
.mg5 {margin:5px;}
.mg10 {margin:10px;}
.mg15 {margin:15px;}
.mg20 {margin:20px;}
.mg25 {margin:25px;}
.mg30 {margin:30px;}
.mg50 {margin:50px;}


/*width, height*/
.minwd-auto {min-width:initial !important;}
.maxwd-auto {max-width:initial !important;}
.wd-auto {width:auto;}
.w5,.wd5 {width:5% !important;}
.w10,.wd10 {width:10% !important;}
.w15,.wd15 {width:15% !important;}
.w19,.wd19 {width:19.2% !important;}
.w20,.wd20 {width:20% !important;}
.w24,.wd24 {width:24.25% !important;}
.w25,.wd25 {width:25% !important;}
.w30,.wd30 {width:30% !important;}
.w32,.wd32 {width:32.666% !important;}
.w33,.wd33 {width:33.333% !important;}
.w40,.wd40 {width:40% !important;}
.w49,.wd49 {width:49.5% !important;}
.w50,.wd50 {width:50% !important;}
.w60,.wd60 {width:60% !important;}
.w66,.wd66 {width:66% !important;}
.w70,.wd70 {width:70% !important;}
.w80,.wd80 {width:80% !important;}
.w90,.wd90 {width:90% !important;}
.w100,.wd100 {width:100% !important;}
  @media (max-width:899px){
    .w10,.wd10 {width:auto !important;}
    .minwm-auto {min-width:initial !important;}
    .maxwm-auto {max-width:initial !important;}
    /* 모바일 에서만 반응 */
    .wm-auto {width:auto !important;}
    .wm50 {width:50% !important;}
    .wm60 {width:60% !important;}
    .wm66 {width:66% !important;}
    .wm70 {width:70% !important;}
    .wm80 {width:80% !important;}
    .wm90 {width:90% !important;}
    .wm100 {width:100% !important;}
  }
  @media (max-width:790px){
  	.w100,.wd100 {width:100% !important;}
  }

.mxwd1300 {max-width:1300px;}
.mxwd100 {max-width:100% !important;}
.mxwdnone {max-width:none !important;}


.hgt-auto {height:auto;}
.hgt20{height:20px;}
.hgt30 {height:30px;}
.hgt40 {height:40px;}
.hgt50 {height:50px;}
.hgt70 {height:70px;}
.hgt80 {height:80px;}
.hgt100 {height:100vh;}

.linehgt20 {line-height:20px;}
.linehgt25 {line-height:25px;}
.linehgt30 {line-height:30px;}
.linehgt40 {line-height:40px;}
.linehgt50 {line-height:50px;}
.linehgt100 {line-height:100%;}
.linehgt130 {line-height:130%;}
.linehgt140 {line-height:140%;}
.linehgt150 {line-height:150%;}


/*background color*/
.bg-red {background:#f5d7d7 !important;}         .bg-red-strong {background:#c20000 !important;}
.bg-pink {background:#f7e2ec !important;}        .bg-pink-strong {background:#e03997 !important;}
.bg-orange {background:#f5e4d7 !important;}      .bg-orange-strong {background:#f06f1a !important;}
.bg-yellow {background:#f8f7d9 !important;}      .bg-yellow-strong {background:#f8ba06 !important;}
.bg-green  {background:#e4eddb !important;}      .bg-green-strong  {background:#acc30f !important;}
.bg-blue {background:#e2f1f8 !important;}        .bg-blue-strong {background:#16a6fd !important;}
.bg-navy {background:#2a2e50 !important;}        .bg-blue-strong2 {background:#066ec5 !important;}
.bg-brown {background:#eae0d6 !important;}       .bg-brown-strong {background:#a3643c !important;}
.bg-violet {background:#f5f1f8 !important;}      .bg-violet-strong {background:#c7a4e1 !important;}
.bg-purple {background:#f2dff1 !important;}      .bg-purple-strong {background:#9f31c3 !important;}
.bg-white {background:white !important;}
.bg-grey {background:#ddd !important;}           .bg-grey-strong {background:#727272 !important;}
.bg-lightgrey {background:#f7f7f7 !important;}
.bg-skyblue {background:#BEE1FF!important;}
.bg-black {background:#333 !important;}


/* border style */
.br-red {border-color:#f5d7d7;}                .br-red-strong {border-color:#c20000;}
.br-pink {border-color:#f7e2ec;}               .br-pink-strong {border-color:#e03997;}
.br-orange {border-color:#f5e4d7;}             .br-orange-strong {border-color:#f06f1a;}
.br-yellow {border-color:#f8f7d9;}             .br-yellow-strong {border-color:#f8ba06;}
.br-green  {border-color:#e4eddb;}             .br-green-strong  {border-color:#acc30f;}
.br-blue {border-color:#e2f1f8;}               .br-blue-strong {border-color:#16a6fd;}
.br-brown {border-color:#eae0d6;}              .br-brown-strong {border-color:#a3643c;}
.br-violet {border-color:#f5f1f8;}             .br-violet-strong {border-color:#c7a4e1;}
.br-purple {border-color:#f2dff1;}             .br-purple-strong {border-color:#9f31c3;}
.br-white {border-color:white;}
.br-grey {border-color:#ddd;}                  .br-grey-strong {border-color:#727272;}
.br-lightgrey {border-color:rgba(0,0,0,0.1);}
.br-black {border-color:#333;}
.br-none {border:none;}

.brsolid {border-style:solid;}
.brdotted {border-style:dotted;}
.brdashed {border-style:dashed;}
.brdouble {border-style:double;}

.brwd1 {border-width:1px;}
.brwd2 {border-width:2px;}
.brwd3 {border-width:3px;}
.brwd5 {border-width:5px;}
.brwd10 {border-width:10px;}

.br-top0 {border-top:none !important;}
.br-top1 {border-top-width:1px !important;}
.br-top2 {border-top-width:2px !important;}
.br-btm0 {border-bottom:none !important;}
.br-btm1 {border-bottom-width:1px !important;}
.br-btm2 {border-bottom-width:2px !important;}
.br-lft0 {border-left:none !important;}
.br-lft1 {border-left-width:1px !important;}
.br-rgt0 {border-right:none !important;}
.br-rgt1 {border-right-width:1px !important;}

.br0 {border-radius:0px;}
.br3 {border-radius:3px;}
.br5 {border-radius:5px!important;}
.br10 {border-radius:10px;}
.br15 {border-radius:15px;}
.br20 {border-radius:20px;}
.br30 {border-radius:30px;}
.br100 {border-radius:100%;}

.btl_radius20 {border-top-left-radius:20px;}
.btr_radius20 {border-top-right-radius:20px;}
.bbl_radius20 {border-bottom-left-radius:20px;}
.bbr_radius20 {border-bottom-right-radius:20px;}

  @media (max-width:899px){
    .mobile-br-none {border:none !important;}
    .mobile-brwd1 {border-width:1px !important;}
  }


/*font color*/
.red {color:#C20000;}
.pink {color:#cf4b88;}
.orange {color:#cc6e2a;}
.yellow {color:#d2cb02;}
.green {color:#4d860e;}
.blue {color:#0365cb; padding: 0 14px;}

.brown {color:#8d541b;}
.violet {color:#734c9c;}
.purple {color:#970994;}
.white {color:#fff;}
.gray, .grey {color:#797979;}
.black {color:#333;}



/* font size */
.fs60 {font-size:60px;}
.fs50 {font-size:50px;}
.fs40 {font-size:40px;}
.fs30 {font-size:30px;}
.fs28 {font-size:28px;}
.fs26 {font-size:26px;}
.fs24 {font-size:24px;}
.fs22 {font-size:22px;}
.fs20 {font-size:20px;}
.fs18 {font-size:18px;}
.fs17 {font-size:17px;}
.fs16 {font-size:16px;}
.fs15 {font-size:15px;}
.fs14 {font-size:14px;}
.fs12 {font-size:12px;}
.fs10 {font-size:10px;}
.fs1em {font-size:1em;}
.fs12em {font-size:1.2em;}
.fs15em {font-size:1.5em;}

  @media (max-width:899px){
    .fs60 {font-size:42px;}
    .fs50 {font-size:32px;}
    .fs40 {font-size:28px;}
    .fs30 {font-size:20px;}
    .fs28 {font-size:22px;}
    .fs26 {font-size:20px;}
    .fs24 {font-size:19px;}
    .fs22 {font-size:18.5px;}
    .fs20 {font-size:18px;}
    .fs18 {font-size:16px;}
    .fs17 {font-size:15.5px;}
    .fs16 {font-size:15px;}
    .fs15 {font-size:14px;}
    .fs14 {font-size:13px;}

    .mfs30 {font-size:30px !important;}
    .mfs18 {font-size:18px !important;}
    .mfs17 {font-size:17px !important;}
    .mfs15 {font-size:15px !important;}
  }

.word_kp {word-break:keep-all;}
.word_brk {word-break:break-all;}



.block {display:block;}
.inline {display:inline;}
.i-block {display:inline-block;}
.dp-none {display:none;}
.box-border {box-sizing:border-box;}
.box-border select {margin-right:1px;}
.box-border select:last-child {margin-right:0;}
.clboth {clear:both;}
.clnone {clear:none;}
.m-br{display:none;}
/*.mobile-none {display:block;}*/
.mobile-block {display: none;}


  @media (min-width:800px){
  	.pc-none {display:none !important;}
  }
  @media (max-width:799px){
    /* 모바일 에서만 반응 */
    .mobile-none {display:none !important;}
    .mobile-block {display:block !important;}
  }


.overhidden {overflow:hidden;}
.overvisible {overflow:visible;}

.pabsolute {position:absolute;}
.prelative {position:relative;}
.pfixed {position:fixed;}

.tblFix {table-layout:fixed;}

/*img setting*/
.img_wh100 {width:100% !important; height:100% !important;}
.img_auto {width:auto !important; height:auto !important; min-width:100%; min-height:100%;}
.img_position {position:absolute !important; margin:auto !important; top:-999px !important; bottom:-999px !important; left:-999px !important; right:-999px !important;}
.img_lh {top:0 !important;left:0 !important;margin:0 !important;}                     .img_ch {top:0 !important; margin:0 auto !important;}                 .img_rh {top:0 !important; right:0 !important; left:auto !important; margin:0 !important;}
.img_lm {left:0 !important; right:auto !important;}                                   .img_cm {}                                                            .img_rm {right: 0 !important;left: auto !important;}
.img_ll {bottom:0 !important; left:0 !important; top:auto !important; right:auto !important;}    .img_cl {bottom:0 !important; top:auto !important;}        .img_rl {right:0 !important;left:auto !important;bottom:0 !important;top: auto !important;}

/*sub페이지에서 에디터때문에 ul list-style, pd-left 들어가는것 상쇄 클래스.*/
.nobullet_UL, .subCon .nobullet_UL {padding-left:0 !important;}
.nobullet_UL li, .subCon .nobullet_UL li {list-style:none !important; line-height:inherit;}

input, select {height:40px; line-height:38px; border:1px solid #ccc; font-size:15px; box-sizing:border-box; /* padding-left:5px !important; */ margin-right:2px; border-radius:2px; /*background:#fff; */
         -webkit-transition:border linear 1s; transition:border linear 1s;}
input[type="text"] {-webkit-appearance:none;}
/* input:focus, select:focus {outline:none; border:1px solid #8190a0;} */
input[type="text"]:disabled {background:#e3e3e3;}
input[type="radio"], input[type="checkbox"] {height:auto !important; background:transparent !important;}
input[type="radio"]:focus, input[type="checkbox"]:focus {outline:1px solid #8190a0; outline-style:auto;}
textarea {border:1px solid #e9e9e9; padding:5px; box-sizing:border-box; font-size:15px; appearance:none; -webkit-appearance:none; -webkit-transition:border linear 1s; transition:border linear 1s;}
input[type="text"]:focus{border:1px solid #fff; border-bottom:2px solid #8190a0;}

select {
    background: url(/widesign/img/arrow_black.png) no-repeat right 15px center;
    min-width:70px;
    padding: 0 30px 0 5px !important;
    /* background-size:6px !important; */
    appearance:none;
    -webkit-appearance:none;
    color: #666 !important;
    }
select::-ms-expand {opacity:0;}
select.bg-black {background:url(/widesign/img/arrow_white.png) #333 no-repeat right 5px center !important; background-size:6px !important;}
select.bg-black option {color:white !important;}
select + .wzbtn {height:40px;}
#bbs_area .main-menu-bar select + .wzbtn {vertical-align: top;}


/* 접근성유지 - 디자인숨김 */
.hide-txt {width:1px; height:1px; font-size:1px; line-height:0; text-indent:-9999px; overflow:hidden;}


/*animate fx*/
.FXarea_Fade {opacity:0 !important; transition:opacity 1.5s;}
.animate-fade.FXarea_Fade {opacity:1 !important;}

.FXarea_slideUp {margin-top:100px; transition:margin-top 1s;}
.animate-slideUp.FXarea_slideUp {margin-top:0;}

.FXarea_slideNfade {opacity:0 !important; margin-top:100px; transition:margin-top 1s, opacity 2.5s;}
.animate-slideNfade.FXarea_slideNfade {opacity:1 !important; margin-top:0;}


/* KOTRA check button style */
.agrbox input[type="checkbox"], 
.agrbox input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.agrbox input[type="checkbox"] + label {position:relative; cursor:pointer;}
.agrbox input[type="checkbox"] + label::before {content:' '; display:inline-block; width:18px; height:18px; line-height:18px; margin:-2px 8px 0 0; text-align:center; vertical-align:middle; border:1px solid #ccc; box-shadow: initial;}
.agrbox input[type="checkbox"]:checked + label::before {content:""; background:url('/images/wzwg/site/kotra/ico_checked.png') #004a98 no-repeat center;}
.agrbox input[type="checkbox"]:focus + label::before {outline:2px dotted black;}

.agrbox input[type="radio"] + label {padding-left:27px;position:relative;cursor:pointer;display: inline-block;box-sizing: border-box;vertical-align: middle;line-height: 150%;}
.agrbox input[type="radio"] + label::before {content:""; width:18px; height:18px; border:1px solid #ccc; border-radius:100%; position:absolute; left:0; top:2px; background:#fff;}
.agrbox input[type="radio"]:focus + label::before {outline:2px dotted black;}
.agrbox input[type="radio"]:checked + label::before {border-color:#8a8a8a;}
.agrbox input[type="radio"]:checked + label:after {content:""; position:absolute; border-radius: 50%; width:18px; height:18px; top:3px; left:1px; background:url('/images/wzwg/site/kotra/ico_checked.png') #004a98 no-repeat center;}


.agrbox.v2 {display:inline-block; position:relative; width:20px; height:20px}
.agrbox.v2 input[type="checkbox"] {position:absolute; top:0; left:0; opacity:0; width:20px; height:20px !important; z-index:5; clip:inherit}
.agrbox.v2 input[type="checkbox"] + span {position:relative; cursor:pointer;}
.agrbox.v2 input[type="checkbox"] + span::before {content:' '; display:block; width:18px; height:18px; line-height:18px; text-align:center; vertical-align:middle; border:1px solid #ccc; box-shadow: initial;}
.agrbox.v2 input[type="checkbox"]:checked + span::before {content:""; background:url('/images/wzwg/site/kotra/ico_checked.png') #004a98 no-repeat center;}
.agrbox.v2 input[type="checkbox"]:focus + span::before {outline:thin dotted black;}

.agrbox.chkblack .wzForm input[type="checkbox"]:checked + label::before {content:""; background:url('/images/wzwg/site/kotra/ico_checked.png') #000 no-repeat center;}
.agrbox .rdobox_wrap:after {content:''; display:block; clear: both;}
.agrbox .rdobox_wrap + .rdobox_wrap {margin-top:20px;}

.agrbox ul {padding-left:0 !important;}
.agrbox ul li {list-style:none !important;}

@media (max-width:799px){
  .agrbox .rdobox_wrap .rdobox {margin-top:10px;}
  .agrbox .rdobox_wrap strong {margin-right: 0;}
}
@media (max-width:499px){
  td .agrbox ul li {width:100% !important; float:left; margin-left:0; margin-bottom:5px;}
  .agrbox ul li {width:100% !important;padding-bottom:5px;margin-left: 0 !important;}
}

/* select page button style */
/* basic select arrow */
.slt_down select {background: url('/images/wzwg/site/kotra/ico_aorrw_slt_down.png') #fff 96% 50% no-repeat; background-size: auto!important;}
/* basic select + line arrow */
.selpage li {height: 40px; line-height: 40px; margin-bottom: 10px;}
.selpage .slt_down {position: relative;}
.selpage .slt_down select {background-position: 85% 50%!important;}
.selpage .slt_down label {float: left; margin-right: 10px; color: #000;}
.selpage .slt_down:after {content:''; position: absolute; top:14px; right:30px; width:1px; height: 18px; background:#ccc;}


/* 정렬 */
.txtL {text-align:left !important;}
.txtR {text-align:right !important;}
.txtc {text-align:center !important;}