@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumGothic';
  src: url('/font/wzwg/NanumGothic.ttf');
  font-weight: normal;
  font-style: normal;
}

.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:10px; height:34px; line-height:34px;}
.edt-addbtn-group .edt-btn-simple-gray:first-child:before {content:"\2022"; float:left;}
.edt-addbtn-group .edt-btn-simple-gray:nth-child(2):before {content:"\2192"; float:left;}
.edt-addbtn-group .edt-btn-simple-gray:nth-child(3):before {content:"\2630"; float:left;}
.edt-addbtn-group .edt-btn-simple-gray:nth-child(4):before {content:"+"; float:left;}
.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{text-decoration: none;color: #fff;} 
.edt-btn-simple-navy:LINK{text-decoration: none;color: #fff;} 
.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%; min-width:987px; margin:5px 0; float:left; clear:both; box-sizing:border-box; position:relative; vertical-align:top;
                   border:1px solid #e7e7e7; border-radius:5px; padding:5px; border-top:1px solid #b5b5b5;}
.edt-template-box .name {padding:0 5px;}
.edt-template-box img {cursor:pointer; margin:0; padding:0 5px;}
.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:400px;clear:both; display:inline-block;}

.edt-layer-sample .name {float:left; width:15%; vertical-align:middle;}
.edt-layer-sample .sample {float:left; width:80%;}
.edt-layer-sample .sample div {min-height:25px; line-height:25px; float:left; overflow:hidden; border:solid 1px #ddd; box-sizing:border-box; border-radius:2px; margin-bottom:5px; text-align:center; vertical-align:middle; color:#aaa;}

  /*layer preview*/
  .edt-layer-sample .sample .edt-layer-2 {width:48% !important;}
  .edt-layer-sample .sample .edt-layer-2:last-child {float:right;}
  .edt-layer-sample .sample .half37_l {width:28% !important;}
  .edt-layer-sample .sample .half37_r {width:68% !important;}
  .edt-layer-sample .sample .half73_l {width:68% !important;}
  .edt-layer-sample .sample .half73_r {width:28% !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:22% !important; margin-right:4%;}
  .edt-layer-sample .sample .edt-layer-4:last-child {margin-right:0;}
  .edt-layer-sample .sample .layer3_np {width:33% !important; margin-right:0;}
  .edt-layer-sample .sample .layer4_np {width:25% !important; margin-right:0;}
  .edt-layer-sample .sample > div > .layerimg {width:104%; margin:-1px; border:1px solid #e9e9e9; height:25px; line-height:20px;}

  .edt-resp-box {width:100%; display:block;  clear:both; margin:10px 0 30px;}
  .edt-resp-box table.layertable {width:100%; box-sizing:border-box;}
  .edt-resp-box table.layertable tr td {box-sizing:border-box; word-break:break-all; vertical-align:top;}
  .edt-resp-box table.layertable tr td > p {padding:0;}
  .edt-resp-box table.layertable tr td span {line-height:auto}
  .edt-resp-box table.layertable tr td img.bullet {width:auto;} 
    .edt-resp-box table.layertable tr td.edt-layer-2 {vertical-align:top;}

  

  @media (max-width:1049px){
    .edt-resp-box table.layertable tr td img {max-width:100%; width:100%;}
  }

/*bullet btn*/
  .tmplatCn_bullet div {width:50%; min-height:30px; line-height:30px; float:left; padding-left:120px; box-sizing:border-box; position:relative;}
  .tmplatCn_bullet div:nth-child(2n+1) {clear:both; max-width:405px;}
  .tmplatCn_bullet div > span {font-weight:600; line-height:30px; position:absolute; left:0; font-size:13px; width:90px;}
  /*dot*/.tmplatCn_bullet div:nth-child(3) img {padding:4px 10px; margin-top:3px;}


/*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*/
.tmplatCn_layer {padding:5px;}
.tmplatCn_layer > ul {width:100%; float:left; padding-left:120px; box-sizing:border-box; position:relative;}
.tmplatCn_layer > ul li {/*width:33%;*/ width:282px; float:left; margin-right:0 !important;}
.tmplatCn_layer > ul > span.template_kinds {position:absolute; font-size:13px; left:2px; font-weight:600;padding:8px 0;}
  .tmplatCn_layer .edt-layer-sample {width:90%; height:auto; float:left; clear:none; display:inline; box-sizing:border-box; padding:5px;}
  .tmplatCn_layer .edt-layer-sample:nth-child(4) {clear:both;}
  .tmplatCn_layer .edt-layer-sample div.name {width:100%; padding:0;}
  .tmplatCn_layer .edt-layer-sample div.name button {width:100%; background:#f5f5f5; padding:5px; border-radius:3px;  -webkit-transition:background 1s; transition:background 1s;
                                                      font-weight:600; font-size:13px; position:relative; font-family:'NanumGothic';}
  .tmplatCn_layer .edt-layer-sample div.name button:after {content:""; font-weight:600; color:#333; font-size:20px; position:absolute; margin:-5px 0 0; right:7px;}
  .tmplatCn_layer .edt-layer-sample div.name button:hover {background:#eaeaea;}
  .tmplatCn_layer .edt-layer-sample div.name button:hover:after {content:"+";}
  .tmplatCn_layer .edt-layer-sample div.sample {width:100%; margin-top:5px;}


/*template*/
.tmplatCn_template {padding:15px 5px 5px;}
.tmplatCn_template > ul {width:100%; float:left; padding-left:120px; box-sizing:border-box; position:relative; min-height:80px;}
.tmplatCn_template > ul li {/*width:33%;*/ width:282px; float:left; margin-right:0 !important; margin-bottom:10px;}
.tmplatCn_template > ul > span.template_kinds {position:absolute; font-size:13px; left:0; font-weight:600;}
  .tmplatCn_template .edt-template-sample {width:90%; overflow:hidden; padding:0 5px; border-radius:3px; box-sizing:border-box; position:relative; }
  /*.tmplatCn_template .edt-template-sample:hover {background:#f0f0f0;}*/
  /*.tmplatCn_template .edt-template-sample:hover .name:after {content:"+";}*/
  .tmplatCn_template .edt-template-sample .name {font-weight:600; font-size:13px; padding:0 0 5px; display:none;}
  /*.tmplatCn_template .edt-template-sample .name:after {content:"";font-weight:600; color:#333; font-size:20px; position:absolute; right:7px;}*/
  .tmplatCn_template .edt-template-sample .sample img {width:100%; padding:0; -webkit-transition:opacity 1s; transition:opacity 1s;}
  .tmplatCn_template .edt-template-sample .sample > a {float:left; width:100%; -webkit-transition:background 1s; transition:background 1s;}
  .tmplatCn_template .edt-template-sample .sample > a:after {content:"+"; position:absolute; top:0; left:43%; font-size:50px; color:transparent; -webkit-transition:color 1s; transition:color 1s;}
  .tmplatCn_template .edt-template-sample .sample > a:hover {background:#eaeaea;}
  .tmplatCn_template .edt-template-sample .sample > a:hover img {opacity:0.5;}
  .tmplatCn_template .edt-template-sample .sample > a:hover:after {content:"+"; color:#333;}



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


.se2_te_selection {outline:dashed #333;}

@media (min-width: 600px){
  .edt-layer-2 {width:50% !important;}
  .edt-layer-3 {width:33.333333%;}
  .edt-layer-4 {width:25%;}

  .half37_l { width:30% !important; }  .half37_r { width:70% !important; }
  .half73_l { width:70% !important; }  .half73_r { width:30% !important; }

    .edt-resp-box table.layertable tr td {outline:2px dashed #e1e1e1;}

    .edt-resp-box table.layertable tr td.edt-layer-2:last-child {outline:2px dashed #bdd5ed; padding-left:14px;}
    .edt-resp-box table.layertable tr td.edt-layer-3:nth-child(2) {outline:2px dashed #bdd5ed;  vertical-align:top;}
    .edt-resp-box table.layertable tr td.edt-layer-4:nth-child(2n) {outline:2px dashed #bdd5ed;}
    .edt-resp-box table.layertable tr td.edt-layer-4:nth-child(2),
    .edt-resp-box table.layertable tr td.edt-layer-4:nth-child(3) {padding:0 14px;}

    .edt-resp-box table.layertable tr td:first-child {padding:0;}
    .edt-resp-box table.layertable tr td:last-child {padding:0;}
    .edt-resp-box table.layertable tr td.edt-layer-2:first-child {padding-right:0px;}

    .edt-resp-box.layer_nopadding tr td {padding:0 !important; padding-bottom:20px !important;}
    .edt-resp-box.layer2_grp tr td {padding:10px 0 !important;}
    .edt-resp-box.layer2_grp tr td img {max-height:390px;}
    .edt-resp-box.layer2_grpl {padding-right:14px;} .edt-resp-box.layer2_grpr {padding-left:14px;}

    .edt-resp-box.layer3_grp tr td {padding:10px 0 !important;}
    .edt-resp-box.layer3_grp tr td img {max-height:390px;}
    .edt-resp-box.layer3_grpl {padding-right:34px;} .edt-resp-box.layer3_grpc {padding:0 17px;} .edt-resp-box.layer3_grpr {padding-left:34px;}

    .edt-resp-box.layer4_grp tr td {padding:10px 0 !important;}
    .edt-resp-box.layer4_grpl {padding-right:28px;} .edt-resp-box.layer4_grpc {padding:0 14px;} .edt-resp-box.layer4_grpr {padding-left:28px;}


    #cntntsTmplatForm .edt-resp-box table.layertable tr td, 
    #cntntsFrm .edt-resp-box table.layertable tr td,
    .subCon .edt-resp-box table.layertable tr td {/*border-bottom:none !important;*/ outline:none !important;}
}

@media (max-width: 599px){
  .edt-resp-box table.layertable tr td {margin-bottom:20px; font-size:13px; line-height:18px;}

  .edt-layer-2 {width:100% !important; height:auto !important; clear:both; float:left;}
  .edt-layer-3 {width:100%; clear:both; float:left;}
  .edt-layer-4 {width:50%; float:left;}
  .edt-layer-4:nth-child(2n) {float:right; padding-left:15px;}
  .edt-layer-4:nth-child(2n+1) {clear:both; padding-right:15px;}
  table table.__se_tbl tr td {width:initial; clear:none;}
/* 
  .half37_l { width:30%; float:none; clear:none; }  .half37_r { width:70%; float:none; clear:none;  }
  .half73_l { width:70%; float:none; clear:none;  }  .half73_r { width:30%; float:none; clear:none;  }
 */

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

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