@charset "utf-8";

.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 .edt-btn-simple-gray:first-child:before {content:"\2022"; float:left;}
.edt-addbtn-group .edt-btn-simple-gray:nth-child(2):before {/*content:"\2192";*/ content:"\f009"; font-family:FontAwesome; float:left; font-size:12px;}
.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%;
                   margin:5px 0;
                   float:left;
                   clear:both;
                   box-sizing:border-box;
                   position:relative;
                   vertical-align:top;
                   border:1px solid #e7e7e7;
                   padding: 15px;
                   /* border-top:1px solid #b5b5b5; */
                   }
.edt-template-box ul {width: 20%; float: left; padding-left: 0 !important;}
.edt-template-box ul > span {float: left; font-size: 17px; margin-bottom: 10px;}
.edt-template-box ul>li {list-style: none !important;}
.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;}
.edt-template-box ul li>div .sample img {}
.edt-template-box .name {padding:0 5px;}
.edt-template-box img {cursor:pointer;margin:0;padding: 10px;}
.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:20px; line-height:20px; float:left; overflow:hidden; border:dashed 2px #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;}
.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;}
/*.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 img {max-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 !important; box-sizing:border-box; position:relative; list-style:none;}
.tmplatCn_layer > ul li {width:33%;max-width:282px;float:left;margin-right:0 !important; clear: none !important; list-style:none !important;}
.tmplatCn_layer > ul > span.template_kinds {position:absolute; font-size:14px; left:2px; top:2px; font-weight:400;padding:8px 0;}
  .tmplatCn_layer .edt-layer-sample {width:90%; height:auto; float:left; clear:none; display:inline; box-sizing:border-box; padding:5px;
                    -webkit-transition:background 1s; transition:background 1s;}
  .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;}
  .tmplatCn_layer .edt-layer-sample div.name button:after {content:""; font-weight:400; color:#333; font-size:18px; position:absolute; margin:-2px 0 0; right:7px; font-family:arial;}
  .tmplatCn_layer .edt-layer-sample:hover div.name button {background:#eaeaea;}
  .tmplatCn_layer .edt-layer-sample:hover div.name button:after {content:"+";}
  .tmplatCn_layer .edt-layer-sample div.name button:hover {background:#333; color:#fff;}
  .tmplatCn_layer .edt-layer-sample div.name button:hover:after {content:"+"; color:#fff;}
  .tmplatCn_layer .edt-layer-sample div.sample {width:100%; margin-top:5px;}

 @media (max-width:990px){
  .tmplatCn_bullet div {width:100%;}
  #cntnts_area ul {padding-left:0 !important; padding-top:30px;}
 }

/*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: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 .name {font-weight:600; font-size:13px; padding:0 0 5px; display:none;}
  .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;}
#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:960px; 0111수정*/max-width: 1300px;}



@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:13px; width:100% !important; clear:both; float:left; margin-bottom:15px;}

  .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;}
}