@charset "utf-8";
/* smarteditor tool - layer, bullet setting...
 * @latest 2021.05.14 SSJ
 * @latest 2022.03.21 SSJ bollet image font 로 변경
 * @latest 2029.01.29 SSJ
*/


.edt-addbtn-group {margin:5px 0;}
.edt-btn-simple-gray {width:100px; padding:10px 10px 10px 40px; position:relative; display:inline-block;
                   border:1px solid #373536; background:#353535; border-radius:3px;
                   font-size:13px; font-weight:400; color:#fff; text-align:left; text-decoration:none; vertical-align:middle;
                  -webkit-transition:background 1s; transition:background 1s;}
.edt-btn-simple-gray:HOVER  {border:1px solid #496169; background:#545559;}
.edt-btn-simple-gray:ACTIVE {text-decoration:none; color:#fff; outline:none;} 
.edt-btn-simple-gray:LINK   {text-decoration:none; color:#fff;} 
  
/* template add btn style */
.edt-addbtn-group .edt-btn-simple-gray:before {font-size:15px; position:absolute; top:0; left:15px; height:34px; line-height:34px;}
.edt-addbtn-group button {outline:none;}

.edt-btn-simple-navy {border:1px solid #090592; color:#fff; background:#0b56a7; padding:8px 25px; display:inline-block;
                      font-size:12px; font-weight:400; vertical-align:middle; text-decoration:none;}
.edt-btn-simple-navy:HOVER {border:1px solid #090592; color:#fff; background:#094180; padding:8px 25px; display:inline-block;
                             font-size:12px; font-weight:400; vertical-align:middle; text-decoration:none;}
.edt-btn-simple-navy:ACTIVE,
.edt-btn-simple-navy:LINK,
.edt-btn-simple-navy:VISITED {text-decoration:none;color:#fff;}
  
  
.edt-btn-control {border:1px solid #496169; box-sizing:border-box; color:#fff; background:#808080; padding:5px 10px; float:left; margin:5px 1.5% 5px 0;
                 display:inline-block; font-size:11px; vertical-align:middle; text-decoration:none; text-align:center; width:32%;}
.edt-btn-control:last-child {margin:5px 0 5px;}
.edt-btn-control:HOVER {border:1px solid #496169; box-sizing:border-box; color:#fff; background:#9a9a9a; padding:5px 10px;
                        display:inline-block; font-size:11px; vertical-align:middle; text-decoration:none; text-align:center;}


/* template btn style */
.edt-template-box {width:100%; margin:5px 0; float:left; clear:both; box-sizing:border-box; position:relative;
                  vertical-align:top; border:1px solid #e7e7e7; padding: 15px;}
.edt-template-box ul {padding-left: 0 !important;}
.edt-template-box ul > span {font-size:15px;margin-bottom: 10px; width: 10%;font-weight: 600;color: #4c4c4c;position: absolute;left: 2px;top: 2px;font-weight: 600;padding: 5px 0;}
.edt-template-box ul li>div {}
.edt-template-box ul li>div .sample {width: auto;}
.edt-template-box ul li>div .sample a {width: auto;display: block;position: relative;}
.edt-template-box ul li>div .sample a:hover {background:#333;}
.edt-template-box ul li>div .sample a:hover img {opacity:0.5;}
.edt-template-box ul li>div .sample a:after {content:"";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;background-position: -7px -6px;transition:background-color 0.5s;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); opacity:0; transition:opacity 0.5s;}
.edt-template-box ul li>div .sample a:hover:after {opacity:1;}

.edt-template-box ul li>div .sample img {}
.edt-template-box .name ~ img {border: 1px solid #ececec; padding: 10px;}
.edt-template-box .name ~ img:hover {border-color:#333;}
.edt-template-box img {cursor:pointer;margin:0;/* padding: 10px; */transition: opacity 1s;max-width: 100%;}
.edt-template-box .popBox {position:absolute; box-sizing:border-box; border:1px solid #c0c0c0; background:#eaeaea; border-radius:3px; top:45px; left:130px; z-index:1;}
.edt-template-box .popBox .header {line-height:23px; height:23px; text-align:center; /*color:#999;*/ padding:5px 5px 0; font-weight:600; font-size:14px;}
.edt-template-box .popBox .body {}
.edt-template-box .popBox .body .btn-content {text-align:center; margin:10px; box-sizing:border-box; border:2px dashed #d0d0d0; border-radius:3px; padding:10px;}
.edt-template-box .popBox .body .edt-pop-control {text-align:right;padding:5px; line-height:30px;}
.edt-template-box .popBox .body .edt-pop-control > div {clear:both; display:block;}
.edt-template-box .popBox .body .edt-pop-control > div > input#edt-pop-btn-name {width:72%; padding:0 5px; height:30px; float:left;}
.edt-template-box .popBox .body .edt-pop-control > div > select#edt-pop-btn-target {float:left; margin-left:4px; height:32px !important;}
.edt-template-box .popBox .body .edt-pop-control > div > input#edt-pop-btn-link {width:96% !important; margin-right:0; margin-top:5px; padding:0 5px; height:30px; float:left;}
.edt-template-box .popDim {position:absolute; background:rgba(0,0,0, 0.05); top:0px; left:0px; width:100%; height:100%;}

.edt-layer-sample {width:400px; clear:both; display:flex; height:35px;}
.edt-template-sample {width:90%;}

.edt-layer-sample .name {float:left; width:15%; vertical-align:middle;}
.edt-layer-sample .sample {float:left; width:80%;}
.edt-layer-sample .sample div {font-size: 13px;line-height: 150%;float:left;overflow:hidden;border: solid 1px #909090;box-shadow: 2px 3px 1px rgba(0,0,0,0.1);box-sizing:border-box;text-align:center;vertical-align:middle;color:#aaa;/* padding: 15px 0; */min-height: 50px;line-height: 50px;}
.tmplatCn_layer .edt-layer-sample:hover div {color: #dadada;border-color: #d6d6d6;box-shadow: 2px 2px 1px rgba(0,0,0,0.1);}

/* layer preview */
.edt-layer-sample .sample .edt-layer-2 {width: 49% !important;}
.edt-layer-sample .sample .edt-layer-2:last-child {float:right;}
.edt-layer-sample .sample .half37_l {width: 29% !important;}
.edt-layer-sample .sample .half37_r {width: 69% !important;}
.edt-layer-sample .sample .half73_l {width: 69% !important;}
.edt-layer-sample .sample .half73_r {width: 29% !important;}
.edt-layer-sample .sample .edt-layer-3 {width:31% !important; margin-right:3.333%;}
.edt-layer-sample .sample .edt-layer-3:last-child {margin-right:0;}
.edt-layer-sample .sample .edt-layer-4 {width: 23.5% !important;margin-right: 2%;}
.edt-layer-sample .sample .edt-layer-4:last-child {margin-right:0;}
.edt-layer-sample .sample .layer3_np {width: 33.333% !important;margin-right:0;border-right-width: 0;}
.edt-layer-sample .sample .layer4_np {width:25% !important;margin-right:0;border-right-width: 0;}
.edt-layer-sample .sample .layer3_np:last-child,
.edt-layer-sample .sample .layer4_np:last-child {border-right-width: 1px;}
.edt-layer-sample .sample > div > .layerimg {width:104%;margin:-1px;min-height: 25px;line-height: 25px;border-bottom: 1px dashed #ddd;box-shadow: none;}
.edt-layer-sample .sample > div > .layerimg:last-child {border-top:none;}

.edt-resp-box {width:100%; display:block;  clear:both; margin:10px 0;}
.edt-resp-box table.layertable {width:100% !important; box-sizing:border-box;}
.edt-resp-box table.layertable tr td {box-sizing:border-box;word-break:keep-all;vertical-align:top;line-height:150%;padding:5px 0;font-size: 16px;}
.edt-resp-box table.layertable tr td img.bullet {width:auto;} 
.edt-resp-box table.layertable tr td img {max-width:100%;}


/*bullet btn*/
.tmplatCn_bullet div {width: 100%;min-height:30px;line-height:30px;float:left;padding-left: 10%;box-sizing:border-box;position:relative;margin-top: 10px;}
.tmplatCn_bullet div:first-child, .tmplatCn_bullet div:nth-child(2) {margin-top:0;}
.tmplatCn_bullet div:nth-child(2n+1) {clear:both;/* max-width: 600px; */}
.tmplatCn_bullet div > span.name {font-weight:600;line-height: 150%;position:absolute;left:0;font-size: 15px;color: #4c4c4c;width:90px;padding-top: 5px;}
/*dot*/.tmplatCn_bullet div:nth-child(3) img {padding:4px 10px; margin-top:3px;}
.tmplatCn_bullet div .subBullet {width: 33px;height: 30px;font-size: 22px;text-align: center;line-height: 30px;display: inline-block;vertical-align: middle;transition: color 0.5s;}
.tmplatCn_bullet div .subBullet:hover {cursor:pointer;/* background: #ececec; */color: #1d5793;}
.subBullet.fa-forward.smallone {font-size:14px;}
.subBullet.fa-circle.smallone {font-size:10px;}
.subBullet.parallelogram:before {content:"\f0c8";display: inline-block;width: 13px;height: 9px;transform: skew(36deg); font-family: 'FontAwesome';vertical-align: middle;overflow: hidden;font-size: 300px;}
.subBullet.basicBar:before {content:"\f0c8";display: inline-block;font-family: 'FontAwesome';width: 8px;height: 2px;overflow:hidden;font-size: 300px;vertical-align: middle;}
.bullRotate1:before {transform: rotate(45deg); display:inline-block;}
.bullRotate2:before {transform: rotate(-45deg); display:inline-block;}
.bullRotate3:before {transform: rotate(90deg); display:inline-block;}

/*link btn*/
.tmplatCn_button > div:first-child {width:50%; float:left; padding-left:125px; box-sizing:border-box; position:relative;}
.tmplatCn_button > div:first-child > span {font-weight:600; line-height:30px; position:absolute; left:0; font-size:13px; width:100px;}


/*layer*/
.edt-template-box > ul {width:100%;float:left;padding-left: 10% !important;box-sizing:border-box;position:relative;list-style:none;}
.edt-template-box > ul li {width:33%;max-width: 270px;float:left;margin-right:0 !important;clear: none !important;list-style:none !important;margin-bottom: 15px;}
  .tmplatCn_layer .edt-layer-sample { width:90%; height:auto; float:left; clear:none; display:inline;
                    box-sizing:border-box; -webkit-transition:background 1s; transition:background 1s; position: relative;}
  .tmplatCn_layer .edt-layer-sample:nth-child(4) {clear:both;}
  .tmplatCn_layer .edt-layer-sample div.name {width:100%;height: 100%;padding:0;position: absolute;left: 0;top: 0;opacity: 0;transition: opacity 1s;}
  .tmplatCn_layer .edt-layer-sample:hover div.name {opacity:1;}
  .tmplatCn_layer .edt-layer-sample div.name button {width:100%; height: 100%; background: rgba(0,0,0,0.5); color:#fff;
                                                      -webkit-transition:background 1s; transition:background 1s;
                                                      font-weight:600; position:relative; font-size: 1px; line-height: 1px; text-indent: -999px; overflow: hidden;}
  .tmplatCn_layer .edt-layer-sample div.name:after {content:"";width: 30px;height: 30px;display:inline-block;vertical-align:middle;line-height:normal;overflow:hidden;border-radius:100%;background:url(/images/wzwg/site/mngr/menu/module_hover.png) no-repeat #71bddd;background-size: 123px;background-position: -6px -7px;transition:background-color 0.5s;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-indent: 0 !important;}
  .tmplatCn_layer .edt-layer-sample div.sample {width:100%;}

      @media (max-width:990px){
        .tmplatCn_bullet div {width:100%;padding-left: 20%;}
        #cntnts_area ul {padding-left:0 !important;}
        .edt-template-box > ul>span {position: relative;left: 0;padding: 0;width: 100%;float: left;}
        .edt-template-box > ul li {margin-bottom: 15px !important;}
        .edt-template-box ul li>div .sample a:after {width:30px;height:30px;background-size: 123px;background-position: -6px -7px;}
      }










/* layer contents template */
  .edt-resp-box.layer2_grp {width:50%; float:left; clear:none; box-sizing:border-box;}
  .edt-resp-box.layer3_grp {width:33.333%; float:left; clear:none; box-sizing:border-box;}
  .edt-resp-box.layer4_grp {width:25%; float:left; clear:none; box-sizing:border-box;}


.se2_te_selection {outline:dashed #333;}
#cntntsTmplatForm .edt-resp-box table.layertable tr td, 
#cntntsFrm .edt-resp-box table.layertable tr td,
.subCon .edt-resp-box table.layertable tr td {outline:none !important;}

#cntntsCnListFrm iframe {max-width:1496px;}



@media (min-width:600px){
  .edt-layer-2 {width:50% !important;}
  .edt-layer-3 {width:33.333333% !important;}
  .edt-layer-2.half37_l {width:30% !important;}  .edt-layer-2.half37_r {width:70% !important;}
  .edt-layer-2.half73_l {width:70% !important;}  .edt-layer-2.half73_r {width:30% !important;}

  .edt-resp-box table.layertable tr td.edt-layer-2:first-child {padding-right:7px;}
  .edt-resp-box table.layertable tr td.edt-layer-2:last-child {padding-left:7px;  outline:2px dashed #bdd5ed;}
  .edt-resp-box table.layertable tr td.edt-layer-3:first-child {padding-right:10px;}
  .edt-resp-box table.layertable tr td.edt-layer-3:nth-child(2) {padding:0 5px; outline:2px dashed #bdd5ed;}
  .edt-resp-box table.layertable tr td.edt-layer-3:last-child {padding-left:10px;}

    .edt-resp-box.layer_nopadding tr td {padding:0 !important;}
    .edt-resp-box.layer2_grpl {padding-right:7px;} 
    .edt-resp-box.layer2_grpr {padding-left:7px;}

    .edt-resp-box.layer3_grpl {padding-right:10px; clear:both;} 
    .edt-resp-box.layer3_grpc {padding:0 5px;} 
    .edt-resp-box.layer3_grpr {padding-left:10px;}
}

@media (min-width:800px){
  .edt-layer-4 {width:25% !important;}
    .edt-resp-box table.layertable tr td.edt-layer-4:first-child {padding-right:10px;}
    .edt-resp-box table.layertable tr td.edt-layer-4:nth-child(2) {padding:0 7px 0 5px; outline:2px dashed #bdd5ed;}
    .edt-resp-box table.layertable tr td.edt-layer-4:nth-child(3) {padding:0 5px 0 7px;}
    .edt-resp-box table.layertable tr td.edt-layer-4:last-child {padding-left:10px; outline:2px dashed #bdd5ed;}

    .edt-resp-box.layer4_grpl {padding-right:10px; clear:both;} 
    .edt-resp-box.layer4_grpl + .edt-resp-box.layer4_grpc {padding:0 7px 0 5px;} 
    .edt-resp-box.layer4_grpc + .edt-resp-box.layer4_grpc {padding:0 5px 0 7px;} 
    .edt-resp-box.layer4_grpr {padding-left:10px;}
}

@media (min-width:600px) and (max-width:799px){
  .edt-layer-4 {width:50% !important; float:left; margin-bottom:20px;}
    .edt-resp-box table.layertable tr td.edt-layer-4:nth-child(2n+1) {padding-right:7px; outline:2px dashed #bdd5ed; clear:both;}
    .edt-resp-box table.layertable tr td.edt-layer-4:nth-child(2n) {padding-left:7px;}

    .edt-resp-box.layer4_grp {width:50%; float:left; margin-bottom:20px;}
    .edt-resp-box.layer4_grpl {padding-right:7px; clear:both;}
    .edt-resp-box.layer4_grpl + .edt-resp-box.layer4_grpc {padding-left:7px;}
    .edt-resp-box.layer4_grpc + .edt-resp-box.layer4_grpc {padding-right:7px; clear:both;}
    .edt-resp-box.layer4_grpr {padding-left:7px;}
}

@media (max-width:599px){
  .edt-resp-box table.layertable tr td {font-size: 15px;width:100% !important;clear:both;float:left;margin-bottom: 10px;padding: 0;}

  .edt-resp-box.layer2_grp {width:100%;} .edt-resp-box.layer2_grp tr td {margin-bottom:0;}
  .edt-resp-box.layer3_grp {width:100%;} .edt-resp-box.layer3_grp tr td {margin-bottom:0;}
  .edt-resp-box.layer4_grp {width:100%;} .edt-resp-box.layer4_grp tr td {margin-bottom:0;}
}





/* new layer CSS */
.cmp_layerTBL {width:100%; border-collapse:collapse;}
.cmp_layerTBL>tbody>tr>td:not(.btwEmptyTd) {font-size:16px;line-height: 150%;outline:2px dashed #ddd;box-sizing:border-box;padding: 10px; vertical-align:top;}
.cmp_layerTBL.grouplayer>tbody>tr>td {padding:0;outline: none;}
.cmp_layerTBL.grouplayer>tbody>tr>td .layerinnerTbl {}
.cmp_layerTBL.grouplayer>tbody>tr>td .layerinnerTbl .tdimg {padding:10px;}
.cmp_layerTBL.grouplayer>tbody>tr>td .layerinnerTbl .tdimg img {max-width:100%;}
.cmp_layerTBL.grouplayer>tbody>tr>td .layerinnerTbl .thtitle {font-size:18px;line-height:150%;padding: 10px 10px 5px;text-align:left;}
.cmp_layerTBL.grouplayer>tbody>tr>td .layerinnerTbl .tdco {font-size:16px;line-height:150%;padding: 5px 10px 10px;}

#cntntsTmplatForm .cmp_layerTBL>tbody>tr>td, 
#cntntsFrm .cmp_layerTBL>tbody>tr>td,
.subCon .cmp_layerTBL>tbody>tr>td {outline:none !important;}

  @media (min-width:600px){
    .cmp_layerTBL>tbody>tr>td.btwEmptyTd {width:1% !important;}
    .cmp_layerTBL.layer02form>tbody>tr>td {width:49.5%;}
    .cmp_layerTBL.layer03form:not(.layerPadding)>tbody>tr>td {width:33.333%;}
    .cmp_layerTBL.layer03form.layerPadding>tbody>tr>td {width:32.666%;}
  }
  @media (min-width:800px){
    .cmp_layerTBL.layer02form>tbody>tr>td.td30 {width:29.5%;}
    .cmp_layerTBL.layer02form>tbody>tr>td.td70 {width:69.5%;}
    .cmp_layerTBL.layer04form:not(.layerPadding)>tbody>tr>td {width:25%;}
    .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td {width:24.25%;}
  }


  @media (min-width:600px) and (max-width:799px){
    .cmp_layerTBL.layer02form>tbody>tr>td.td30,
    .cmp_layerTBL.layer02form>tbody>tr>td.td70,
    .cmp_layerTBL.layer03form>tbody>tr>td {width:100% !important;float:left;margin-bottom:10px;}

    .cmp_layerTBL.layer04form>tbody>tr>td:not(.btwEmptyTd) {width:49.5% !important; float:left; margin-left:1%; margin-bottom:15px;}
    .cmp_layerTBL.layer04form:not(.layerPadding)>tbody>tr>td:nth-of-type(2n+1) {clear:both; margin-left:0;}
    .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td:not(.btwEmptyTd) {width:49.5% !important; float:left;}
    .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td:nth-of-type(1), 
    .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td:nth-of-type(5) {margin-left:0;}
    .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td.btwEmptyTd {display:none;}
  }
  @media (max-width:599px){
    .cmp_layerTBL>tbody>tr>td {width:100% !important;float:left;margin-bottom:10px;clear: both;display: block;}
    .cmp_layerTBL>tbody>tr>td.btwEmptyTd {width:100% !important;float:left;display: none;clear: none;}
  }



/* editor 상단의 제공 버튼 */
.editor_BtnBox button:hover {background: #f5f5f5;color: #1d5fab;border-color: #1d5fab;}
.editor_BtnBox button:before {content:"";margin-right: 10px;width: 19px;height: 17px;display: inline-block;vertical-align: middle;background: url(/images/wzwg/site/mngr/cntnts/editorTool.png);}
.editor_BtnBox .ico-bull:before {content:"";}
.editor_BtnBox .btn-addWzwgBtn:before {content:"";background-position-y: -17px;}
.editor_BtnBox .ico-layer:before {content:"";background-position-y: -34px;}
.editor_BtnBox .ico-design:before {content:"";background-position-y: -51px;}

/*.se2_colorPallet .se2_pick_color*/
.se2_colorPallet .pallet_position {/* float: left; *//* margin-top: -33px; */display: inline-block;}
.se2_colorPallet .se2_pick_color {_display:inline;float:left;clear:both;width: 100%;/* margin:0 0 0 11px; */padding:0;margin-bottom: 15px;position: relative;}
.se2_colorPallet .se2_pick_color li{float:left;width: 20px;height: 20px;margin:0;padding:0;list-style: none;/* border-radius: 100%; */overflow: hidden;/* margin: 0 3px 3px 0; */}
.se2_colorPallet .se2_pick_color li:nth-child(48) {clear:both;}
.se2_colorPallet .se2_pick_color li:nth-child(34) button {border:1px solid #ccc; border-width:0 1px 1px 0;                    }
.se2_colorPallet .se2_pick_color li button{width: 100%;height: 100%;border:0;float: left;box-sizing: border-box;}
.se2_colorPallet .se2_pick_color li button:hover {cursor:pointer;}
.se2_colorPallet .se2_pick_color li button span{display:block;visibility:visible;overflow:visible;position:absolute;top:1px;left:1px;width:11px;height:11px}
.se2_colorPallet .se2_pick_color li button span span{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0}
.se2_colorPallet .se2_pick_color .hover button,#smart_editor2 .se2_palette .se2_pick_color .active button{width:11px;height:11px;border:1px solid #666}
.se2_colorPallet .se2_pick_color .hover span,#smart_editor2 .se2_palette .se2_pick_color .active span{width:7px;height:7px;border:1px solid #fff}
.se2_colorPallet .se2_pick_color + .wzbtn-table {position: absolute;right: 23px;bottom: 25px;width: 80px;height: 42px;padding: 0;z-index: 12;}
.se2_colorPallet .se2_pick_color + .wzbtn-table:hover {font-weight:600;}


@media (max-width:990px){
	.subCon > div > #cntntsCn table.__se_tbl tr td {height:auto !important;}
}