@charset "utf-8";
/* subpage contents COMPONENT 
  :school */

  caption {overflow:hidden; width:1px; height:1px; font-size:1px; line-height:1px; text-indent:-9999px; line-height:1px;}
  .contents {width:100%; overflow:hidden; position:relative;}
  .subCon .bullet {vertical-align:middle;}
  
  .subCon > div ol {list-style:decimal; padding-left:30px;}
  .subCon > div ul {/* list-style:disc; */padding-left:30px;}
  .subCon > div ol>li {list-style:decimal; line-height:150%;}
  .subCon > div ul>li {list-style:disc; line-height:150%;}
    .subCon ul.tapMenu li, .subCon .webzine >ul>li, .subCon ul.album li, .board001 .conMiddle div.midListbt ul li,
    .board001 .conMiddle ul.snsListul li, .board001 .conBottom ul li, .board001 .list_content .conTop ul li,
    #simp_list_div ul li, .community-box li, ul.num, ul.num li, ul.tabMenu, ul.tabMenu li, #schdul_area ul li {list-style:none !important;}
    .subCon ul.num, .subCon .webzine > ul, .subCon ul.album, ul.tabMenu, .community-box, #schdul_area ul {padding-left:0 !important;}
    #listCount {margin-bottom:10px; width:120px !important; }
  
  /* 약관 박스 */
  .agreement {width:100%; height:160px; display:block; line-height:150%; overflow-y:scroll; box-sizing:border-box;
             text-align:left; margin-bottom:10px; border-radius:2px !important; color:#838383; font-size:13px;}
  
  
  






/* 기존제공 컴포넌트 - CSS 수정버전 */

/* LIST */
/* 01 list in box */
.subCon_Commontem04 {width:100%; /*max-width:1050px;*/ float:left; clear:both; display:block; margin-bottom:20px; padding:20px; border:5px solid #e1e1e1; box-sizing:border-box;}
  .subCon_Commontem04 table.tem_basictable02 {clear:both; width:100%;}
  .subCon_Commontem04 table.tem_basictable02 tr {height:25px; line-height:23px;}
  .subCon_Commontem04 table.tem_basictable02 tr th {width:20% !important;text-align:left;font-size: 17px;line-height: 150%;box-sizing:border-box;position:relative;padding: 6px 10px;vertical-align:top;}
  .subCon_Commontem04 table.tem_basictable02 tr th:after {content:"|";position:absolute;right:0;top: 12px;font-size: 11px;line-height: 150%;color:#595959;opacity:0.5;}
  .subCon_Commontem04 table.tem_basictable02 tr td {width:80% !important;font-size: 16px;line-height: 160%;padding: 6px 10px 10px 20px;height:auto !important;word-break: keep-all;}

    @media (max-width:599px){
      .subCon_Commontem04 {width:97%; margin-left:1.5%; padding:15px; border-width:4px;}
      .subCon_Commontem04 table.tem_basictable02 tr th {width:30% !important; height:auto !important; letter-spacing:-1px; padding-right:9px;}
      .subCon_Commontem04 table.tem_basictable02 tr td {width:70% !important; padding-left:10px; line-height:20px;}
    } 

/* 02 list : grey box */
.subCon_vision01 {width:100%; /*max-width:1050px;*/ float:left; clear:both; display:block; margin:10px 0 30px; position:relative;}
  .subCon_vision01 table.table_vision01_1 {width:100%; float:left;}
  .subCon_vision01 table.table_vision01_1 tr {background: #f8f8f8;}
  .subCon_vision01 table.table_vision01_1 tr th {color:#0061ae;padding:20px 20px 20px 30px;border-bottom:10px solid white;position:relative;font-size: 17px;}
  .subCon_vision01 table.table_vision01_1 tr th:after {content:"|";position:absolute; right:0; font-size:13px; line-height:22px; color:#595959; opacity:0.4;}
  .subCon_vision01 table.table_vision01_1 tr td {font-size: 17px;padding:20px 30px 20px 20px;border-bottom:10px solid white;line-height:22px;}

  @media (max-width:599px){
    .subCon_vision01 table.table_vision01_1 tr td {padding:10px 20px; letter-spacing:-1px; line-height:20px;}
  }

/* 03 list : ul style */
span.line {width:100%; float:left; clear:both; display:block; margin:30px 0; border-bottom:1px solid #e1e1e1;}

.subCon_Commontem_info01 {width:100%; float:left; clear:both; display:block; box-sizing:border-box;}
    .subCon_Commontem_info01 table.tem_info01 {width:100%; margin:10px 0 20px;}
    .subCon_Commontem_info01 tr th {text-align:left;color:#213152;padding: 45px 0 15px 5px;font-size: 20px;line-height: 150%;letter-spacing:-1px;border-bottom:2px dashed #bdd5ed;}
    .subCon_Commontem_info01 tr td {text-align:left;padding:3px 5px 3px 25px;/* text-indent: -11px; */line-height: 150%;font-size: 17px;border-bottom:2px dashed #e1e1e1;}
    .subCon_Commontem_info01 tr:first-child th {padding-top: 0;}

    #cntntsTmplatForm .subCon_Commontem_info01 tr th, #cntntsTmplatForm .subCon_Commontem_info01 tr td,
    #cntntsFrm .subCon_Commontem_info01 tr th, #cntntsFrm .subCon_Commontem_info01 tr td,
    .subCon .subCon_Commontem_info01 tr th, .subCon .subCon_Commontem_info01 tr td,
    #previewDiv .subCon_Commontem_info01 tr th, #previewDiv .subCon_Commontem_info01 tr td {border-bottom:none;}

    @media (max-width:599px){
      .subCon_Commontem_info01 tr th {font-size: 17px;padding-bottom: 5px;}
      .subCon_Commontem_info01 tr td {font-size: 15px;padding-left: 15px;}
    }



/* ETC */
/*4 block - tbl 4*/
.subCon_Commontem07_1 {width:100%;float:left;clear:both;/* margin:10px 0; */box-sizing:border-box;}
.subCon_Commontem07_1 table.vlt_listtable01 {width: 24.25%;float:left;box-sizing:border-box;margin-bottom:30px;margin-right: 1%;}
.subCon_Commontem07_1 table.vlt_listtable01:first-child {/* padding-right:10px; */}
.subCon_Commontem07_1 table.vlt_listtable01:nth-child(2) {padding:0 7px 0 3px;}
.subCon_Commontem07_1 table.vlt_listtable01:nth-child(3) {padding:0 3px 0 7px;}
.subCon_Commontem07_1 table.vlt_listtable01:last-child {padding-left:10px; margin-right:0;}

.subCon_Commontem07_1 table.vlt_listtable01 tr th {width:100%;/* min-height:100px; */overflow:hidden;vertical-align:top;border:2px dashed #bdd5ed;box-sizing:border-box;text-align:left;padding: 0;}
.subCon_Commontem07_1 table.vlt_listtable01 tr td {width:100%;text-align:left;border-bottom:2px dashed #e1e1e1;font-size: 16px;color:#636363;line-height: 150%;padding: 3px 10px 3px;}
.subCon_Commontem07_1 table.vlt_listtable01 tr td.tit {border-bottom:2px dashed #bdd5ed;font-weight:600;padding: 25px 10px 10px;font-size: 18px;color:#000;}
  .subCon_Commontem07_1 table.vlt_listtable01 tr th img {width:100%; /*border:1px solid #afaeb3;*/ box-sizing:border-box;}
  .subCon_Commontem07_1 table.vlt_listtable01 tr th img + br {display:none;}

#cntntsTmplatForm .subCon_Commontem07_1 table.vlt_listtable01 tr th,#cntntsTmplatForm .subCon_Commontem07_1 table.vlt_listtable01 tr td,
#cntntsFrm .subCon_Commontem07_1 table.vlt_listtable01 tr th,#cntntsFrm .subCon_Commontem07_1 table.vlt_listtable01 tr td,
.subCon .subCon_Commontem07_1 table.vlt_listtable01 tr th,.subCon .subCon_Commontem07_1 table.vlt_listtable01 tr td,
#previewDiv .subCon_Commontem07_1 table.vlt_listtable01 tr th,#previewDiv .subCon_Commontem07_1 table.vlt_listtable01 tr td {border:none;}

@media (min-width:700px) and (max-width:1049px){
  .subCon_Commontem07_1 table.vlt_listtable01 tr th {max-height:130px;}
  .subCon_Commontem07_1 table.vlt_listtable01 tr th img {height:100%; min-height:110px; height:148px !important;}
}
@media (max-width:699px){
  .subCon_Commontem07_1 table.vlt_listtable01 {width:49.5%;}
  .subCon_Commontem07_1 table.vlt_listtable01:nth-child(2n) {margin-right:0;}
  .subCon_Commontem07_1 table.vlt_listtable01:nth-child(2n+1) {clear:both;}
  .subCon_Commontem07_1 table.vlt_listtable01 tr {width:100%; clear:both; padding:0 !important; margin-bottom:40px;}
  .subCon_Commontem07_1 table.vlt_listtable01 tr th {width:100% !important;}
  .subCon_Commontem07_1 table.vlt_listtable01 tr td {width:100% !important; height:auto !important;}
}
@media (max-width:499px){
  .subCon_Commontem07_1 table.vlt_listtable01 tr th {max-height:none; height:auto;}
  .subCon_Commontem07_1 table.vlt_listtable01 tr th img {min-height:120px; height:120px; max-height:120px;}
}


/* 2block - img 4 */
.subCon_Commontem07 {width:100%; float:left; clear:both; margin:10px 0 30px; box-sizing:border-box; }
.subCon_Commontem07 table.vlt_listtable01 {width:50%; float:left; box-sizing:border-box; margin-bottom:30px;}
.subCon_Commontem07 table.vlt_listtable01:first-child {padding-right:15px;}
.subCon_Commontem07 table.vlt_listtable01:last-child {padding-left:15px;}

.subCon_Commontem07 table.vlt_listtable01 tr th {width:50% !important;min-height:100px;overflow:hidden;border:2px dashed #bdd5ed;box-sizing:border-box;text-align:left;outline:none;padding: 5px;}
.subCon_Commontem07 table.vlt_listtable01 tr th:first-child:not(:only-child) {padding-right:0;}
.subCon_Commontem07 table.vlt_listtable01 tr th:last-child:not(:only-child) {padding-left:0;}
.subCon_Commontem07 table.vlt_listtable01 tr td {width:100% !important;text-align:left;border-bottom:2px dashed #e1e1e1;outline:none;font-size: 16px;color: #636363;line-height: 150%;padding: 3px 10px 3px;}
.subCon_Commontem07 table.vlt_listtable01 tr td.tit {border-bottom:2px dashed #bdd5ed;font-weight:600;color:#000;padding: 25px 10px 10px;font-size: 18px;}
  .subCon_Commontem07 table.vlt_listtable01 tr th img {width:100%;}
  .subCon_Commontem07 table.vlt_listtable01 tr th img + br {display:none;}

#cntntsTmplatForm table.vlt_listtable01 tr th, #cntntsTmplatForm table.vlt_listtable01 tr td,
#cntntsFrm table.vlt_listtable01 tr th, #cntntsFrm table.vlt_listtable01 tr td,
.subCon table.vlt_listtable01 tr th, .subCon table.vlt_listtable01 tr td,
#previewDiv table.vlt_listtable01 tr th, #previewDiv table.vlt_listtable01 tr td {border:none; border-bottom:none !important;}

@media (min-width:600px) and (max-width:1049px){
  .subCon_Commontem07 table.vlt_listtable01 tr th {max-height:130px !important;}
  .subCon_Commontem07 table.vlt_listtable01 tr th img {height:100%; /*min-height:110px;*/ height:130px !important;}
}
@media (max-width:599px){
  .subCon_Commontem07 {margin:10px 0 !important;}
  .subCon_Commontem07 table.vlt_listtable01 {width:100% !important; padding-right:0 !important; padding-left:0 !important;}
  .subCon_Commontem07 table.vlt_listtable01 tr {width:100%; clear:both; padding:0 !important; margin-bottom:40px;}
  .subCon_Commontem07 table.vlt_listtable01 tr th {max-height:150px;}
  .subCon_Commontem07 table.vlt_listtable01 tr th img {/*min-height:147px;*/height:110px !important;}
}
@media (max-width:499px){
  .subCon_Commontem07 table.vlt_listtable01 tr th {height:100px !important;}
  .subCon_Commontem07 table.vlt_listtable01 tr th img {min-height:auto; height:100%;}
}














/* 신규로 수정한 컴포넌트 */

/* TITLE BAR */
/* 01 */
.subComponent_title01 {outline:2px dashed #ddd; width:100%; clear:both; display:block; position:relative; z-index:0; display:inline-block; overflow:hidden; position:relative;}
.subComponent_title01 .titleBarTbl {margin-top:30px;}
.subComponent_title01 .titleBarTbl td {width:100%; text-align:center; line-height:150%; color:white; font-size:24px; word-break:keep-all; padding:60px 10px;
                                    margin:0; box-sizing:border-box; background:transparent; opacity:1; margin-top:30px; outline:none; transition:all 1s;}
.subComponent_title01 .titleBarTbl td.hide-TD {font-size:1px;line-height:1px;padding:0;text-indent:-9999px;overflow:hidden;outline:none;}
.subComponent_title01 .bgbox {position:absolute; left:0; top:0; width:100%; height:calc(100% + 30px); padding-top:5px;
                            text-align:center; color:#333; font-weight:600; font-family:'Gulim'; overflow:hidden;z-index:-1;}
.subComponent_title01 .bgbox img {min-width:100%; min-height:100%; left:50%; position:absolute; transform:translateX(-50%);margin-top:30px;}
.subComponent_title01 .bgbox br {display:none;}

  #cntntsTmplatForm .subComponent_title01, #cntntsFrm .subComponent_title01, #previewDiv .subComponent_title01, .subCon .subComponent_title01 {outline:none;}
  #cntntsTmplatForm .subComponent_title01 .titleBarTbl, #cntntsFrm .subComponent_title01 .titleBarTbl, #previewDiv .subComponent_title01 .titleBarTbl, .subCon .subComponent_title01 .titleBarTbl{margin-top:0;}
  #cntntsTmplatForm .subComponent_title01 .bgbox, #cntntsFrm .subComponent_title01 .bgbox, #previewDiv .subComponent_title01 .bgbox, .subCon .subComponent_title01 .bgbox {padding-top:0;}
  #cntntsTmplatForm .subComponent_title01 .bgbox img, #cntntsFrm .subComponent_title01 .bgbox img, #previewDiv .subComponent_title01 .bgbox img, .subCon .subComponent_title01 .bgbox img {margin-top:0;}

    @media (min-width:700px) and (max-width:990px){
      .subComponent_title01 .titleBarTbl td {padding:45px 10px; font-size:20px;height:auto !important;}
    }
    @media (max-width:699px){
      .subComponent_title01 .titleBarTbl td {padding:30px 10px; font-size:18px;height:auto !important;}
    }


/* 02 */
.subComponent_title02 .titleBarTbl td.scTit02 {font-size:30px; text-align: left; padding: 60px 30px 10px;}
.subComponent_title02 .titleBarTbl td.scTxt02 {font-size:16.5px; text-align: left; padding: 5px 30px 70px;}

    @media (min-width:700px) and (max-width:990px){
      .subComponent_title02 .titleBarTbl td.scTit02 {padding-top:45px; font-size:25px;}
      .subComponent_title02 .titleBarTbl td.scTxt02 {padding-bottom:45px; font-size:20px;}
    }
    @media (max-width:699px){
      .subComponent_title02 .titleBarTbl td.scTit02 {padding:30px 15px 5px; font-size:22px;}
      .subComponent_title02 .titleBarTbl td.scTxt02 {padding:5px 15px 30px; font-size:15px;}
    }


/* 03 */
.subComponent_title03 .titleBarTbl td.scTit03 {font-size:30px;text-align: left;padding: 60px 15px 60px 30px;width: 40% !important;vertical-align: top;}
.subComponent_title03 .titleBarTbl td.scTxt03 {font-size:16.5px;text-align: left;padding: 60px 30px 60px 15px;width: 60% !important;}

    @media (min-width:800px) and (max-width:990px){
      .subComponent_title03 .titleBarTbl td.scTit03 {font-size:25px;}
      .subComponent_title03 .titleBarTbl td.scTxt03 {font-size:20px;}
    }
    @media (max-width:799px){
      .subComponent_title03 .titleBarTbl td.scTit03,
      .subComponent_title03 .titleBarTbl td.scTxt03 {width:100% !important; float:left; margin-top:0;}
      .subComponent_title03 .titleBarTbl td.scTit03 {padding: 40px 15px 15px;font-size:22px;}
      .subComponent_title03 .titleBarTbl td.scTxt03 {padding: 5px 15px 40px;font-size:15px;}
    }










    
/* 기존 제공하던 컴포넌트들. ~2021.05 */

/* 서브 공통레이아웃01 */  
/* 이미지 위의 제목글 */
.subCon_Commontem01 {width:100%;/*max-width:1050px;*/height:204px;clear:both;display:block;position:relative;margin-bottom:30px;z-index:  0;display:  inline-block;}
  .subCon_Commontem01 h4 {width:100%;text-align:center; height:204px;line-height: 30px; color:white; font-size:24px; margin:0; padding-top:60px;
  box-sizing:border-box; background:  transparent; opacity: 1; background: rgba(0,0,0,0.4);}
  .subCon_Commontem01 h4 span {z-index:1; height:100%; background:none; opacity:1;}
  .subCon_Commontem01 span.bg_black {position:absolute;left:0;top:0;z-index:-1;width:100%;height:204px;background:black;z-index:-1;opacity:0.4;display:  none;}
  .subCon_Commontem01 img {width:100%;height:100% !important;position:absolute;top:0;left:0;z-index:-1;/* opacity:  0.5; */}
  .subCon_Commontem01 img + br {display:none;}


  #cntntsTmplatForm .subCon_Commontem01 {overflow:hidden;}
  #cntntsFrm .subCon_Commontem01 {overflow:hidden;}
  .subCon .subCon_Commontem01 {overflow:hidden;}
  #previewDiv .subCon_Commontem01 {overflow:hidden;}

    @media (min-width:600px) and (max-width:1049px){
      .subCon_Commontem01 {height:150px;}  
      .subCon_Commontem01 h4 {height:150px; padding-top:45px; font-size:20px;}
      .subCon_Commontem01 span.bg_black {height:100%;}
    }
    @media (max-width:599px){
      .subCon_Commontem01 {height:120px; overflow:hidden; margin-bottom:20px;}  
      .subCon_Commontem01 h4 {height:120px; padding-top:34px; font-size:18px;}
      .subCon_Commontem01 span.bg_black {height:120px;}
    }


/* 서브 공통레이아웃01_1 */
.subCon_Commontem01_1 h4 {text-align:left; padding:55px 620px 10px 30px;}
.subCon_Commontem01_1 h4 span.small {font-size:10px; letter-spacing:3px; text-transform:capitalize; padding-left:3px; line-height:25px;}
.subCon_Commontem01_1 h4 p {font-size:17px; font-weight:400; letter-spacing:-1px; color:#fff;}
.subCon_Commontem01_1 h4 p strong {}
.subCon_Commontem01_1 span.bg_black {background:url("../img/trans_bg.png"); opacity:0.8;}

    @media (min-width:600px) and (max-width:1049px){
      .subCon_Commontem01_1 h4 {padding:20px 30px 10px;}
      .subCon_Commontem01_1 h4 p {font-size:16px;}
    }
    @media (max-width:599px){
      .subCon_Commontem01_1 h4 {padding:10px 15px;}
      .subCon_Commontem01_1 h4 span.small {letter-spacing:2px;}
      .subCon_Commontem01_1 h4 p {font-size:14px; line-height:18px;}
    }


/* 서브 공통레이아웃01_2 */
.subCon_Commontem01_2 {height:320px; }
  .subCon_Commontem01_2 table.tem_Commontem01_2 {width:100%; height:320px; /*border:10px double white;*/}
  .subCon_Commontem01_2 table.tem_Commontem01_2 th {width:40%; padding:75px 50px 60px 180px; font-size:30px; text-align:left; vertical-align:top; line-height:45px; box-sizing:border-box;}
  .subCon_Commontem01_2 table.tem_Commontem01_2 td {width:50%; font-size:14px; padding:65px 150px 60px 0; vertical-align:top; letter-spacing:-1px; line-height:22px; text-align:left;box-sizing:border-box;}
  .subCon_Commontem01_2 table.tem_Commontem01_2 th span.small {font-size:12px; color:#636363; font-weight:400; display:block; line-height:18px; margin:12px 0 0 3px;}
  .subCon_Commontem01_2 table.tem_Commontem01_2 th:before {content:"\2014"; width:25px; overflow:hidden; position:absolute; top:45px; margin-left:3px;}
  .subCon_Commontem01_2 span.bg_white {position:absolute; left:0; top:0; z-index:-1; width:100%; height:350px;
                                      background:url("../img/trans_bg.png") no-repeat; opacity:0.9; background-size:100% 100%;}
  .subCon_Commontem01_2 img {height:100% !important; min-height:320px;}

  .Commontem01_2wrap {height:345px; overflow:hidden;}

  #cntntsTmplatForm .subCon_Commontem01_2,
  #cntntsFrm .subCon_Commontem01_2,
  .subCon .subCon_Commontem01_2 {overflow:hidden;}
  #previewDiv .subCon_Commontem01_2 {overflow:hidden;}


    @media (min-width:800px) and (max-width:1049px){
      .Commontem01_2wrap {height:295px;}
      .subCon_Commontem01_2 {height:270px;}
      .subCon_Commontem01_2 table.tem_Commontem01_2 {height:270px;}
      .subCon_Commontem01_2 table.tem_Commontem01_2 th {width:35%; padding:45px 20px 40px 80px; font-size:24px; line-height:37px;}
      .subCon_Commontem01_2 table.tem_Commontem01_2 th:before {top:25px; width:20px;}
      .subCon_Commontem01_2 table.tem_Commontem01_2 th span.small {margin:45px 0 0 3px; font-size:11px;}
      .subCon_Commontem01_2 table.tem_Commontem01_2 td {width:65%; padding:45px 100px 40px 10px;}
    }
    @media (max-width:799px){
      .subCon_Commontem01 {overflow:hidden;}

      .Commontem01_2wrap {min-height:390px;}
      .subCon_Commontem01_2 {min-height:390px;}
      .subCon_Commontem01_2 img {z-index:0; max-height:300px;}
      .subCon_Commontem01_2 table.tem_Commontem01_2 {position:absolute; z-index:1;}
      .subCon_Commontem01_2 table.tem_Commontem01_2 th {width:100%; float:left; padding:45px 30px 20px; font-size:21px; line-height:28px;}
      .subCon_Commontem01_2 table.tem_Commontem01_2 td {width:100%; float:left; padding:20px 30px; background:white;}
      .subCon_Commontem01_2 table.tem_Commontem01_2 th:before {content:"";}
    }
    @media (max-width:599px){
      .Commontem01_2wrap, .subCon_Commontem01_2 {min-height:350px; margin-bottom:0;}
      .subCon_Commontem01_2 table.tem_Commontem01_2 th {font-size:18px; padding:30px 15px 20px; line-height:23px;}
      .subCon_Commontem01_2 table.tem_Commontem01_2 th span.small {display:inline; margin:2px 0 0; font-size:11px;}
      .subCon_Commontem01_2 table.tem_Commontem01_2 td {padding:20px 15px; line-height:20px;}
    }
    @media (max-width:399px){
      .Commontem01_2wrap, .subCon_Commontem01_2 {min-height:400px;}
    }





/* 서브 공통레이아웃02 */
/* 제목문장에 양끝에 따옴표 */
.subCon_Commontem02 {width:100%; /*max-width:1050px;*/ clear:both; display:block; padding:15px 0; margin-bottom:20px; text-align:center;}
  .subCon_Commontem02 h4 {text-align:center; font-size:24px; line-height:32px; position:relative; font-family: 'CUNanumR';}
  .subCon_Commontem02 h4:before {content:url("../img/quotes01.png");/* position:absolute; margin:-12px 0 0 -60px;*/ padding-right:20px;}
  .subCon_Commontem02 h4:after {content:url("../img/quotes02.png"); position:absolute; margin:6px 0 0 20px;}

    @media (min-width:600px) and (max-width:1049px){
      .subCon_Commontem02 {max-width:100%; overflow:hidden;}
      .subCon_Commontem02 h4, .subCon_Commontem02 h4 span {font-size:20px; box-sizing:border-box; padding:0 40px;}
    }
    @media (min-width:600px) and (max-width:799px){
      .subCon_Commontem02 {max-width:100%; overflow:hidden;}
      .subCon_Commontem02 h4:before {margin:-12px 0 0 -45px;}
      .subCon_Commontem02 h4:after {margin:6px 0 0 5px;}
    }
    @media (max-width:599px){
      .subCon_Commontem02 {padding:0;}
      .subCon_Commontem02 h4, .subCon_Commontem02 h4 span {font-size:18px; padding:20px 20px 20px 30px; line-height:25px; text-align:left;}
      .subCon_Commontem02 h4:before {content:"❝"; font-size:40px; margin:5px 0 0 -25px; color:#797979; opacity:0.5;}
      .subCon_Commontem02 h4:after {content:"❞"; font-size:40px; margin:5px 0 0 4px; color:#797979; opacity:0.5;}
    }



/* 서브 공통레이아웃02_1 */
/* 제목문장에 양끝에 따옴표, 아래 작은글씨 한줄. */
.subCon_Commontem02_1 {width:100% !important; /*max-width:1050px;*/ clear:both; display:block; padding:15px 0 0; margin-bottom:20px; text-align:center;}
  .subCon_Commontem02_1 h4 {text-align:center; font-size:24px; line-height:32px; font-weight:400; position:relative; font-family: 'CUNanumR';}
  .subCon_Commontem02_1 h4:before {content:url("../img/quotes01.png"); /*position:absolute;*/ margin-right:15px; /*margin:-12px 0 0 -60px;*/}
  .subCon_Commontem02_1 h4:after {content:url("../img/quotes02.png"); position:absolute; margin:-9px 0 0 20px;}
  .subCon_Commontem02_1 h5 {margin-left:55px; color:#636363; letter-spacing:-1px; font-size:14px; margin-top:10px; padding:0 40px; line-height:22px; }

    @media (min-width:600px) and (max-width:1049px){
      .subCon_Commontem02_1 {max-width:100%; overflow:hidden;}
      .subCon_Commontem02_1 h4 {font-size:20px; box-sizing:border-box; padding:0 40px;}
    }
    @media (min-width:600px) and (max-width:799px){
      .subCon_Commontem02_1 {max-width:100%; overflow:hidden;}
      .subCon_Commontem02_1 h4:before {margin:-12px 0 0 -45px;}
      .subCon_Commontem02_1 h4:after {margin:-6px 0 0 6px;}
    }
    @media (max-width:599px){
      .subCon_Commontem02_1 h4,.subCon_Commontem02_1 h4 span {font-size:18px; padding:20px 20px 0 30px; line-height:25px; text-align:left;}
      .subCon_Commontem02_1 h4:before {content:"❝"; font-size:40px; margin:5px 0 0 -25px; color:#797979; opacity:0.5;}
      .subCon_Commontem02_1 h4:after {content:"❞"; font-size:40px; margin:5px 0 0 4px; color:#797979; opacity:0.5;}
      .subCon_Commontem02_1 h5 {padding:0 20px 0 28px; font-size:13px; text-align:left;}
    }




/* 서브 공통레이아웃03 */
/* 표_ 기본테이블01 */
.subCon_Commontem03 {width:100%; /*max-width:1050px;*/ clear:both; display:block; margin-bottom:20px;}
  .subCon_Commontem03 table.tem_basictable01 {width:100%; clear:both; border-top:2px solid #323437; border-bottom:0px solid #323437; float:left; margin:10px 0 30px;}
  table.tem_basictable01 tr {height:30px; padding:7px 0;}
  table.tem_basictable01 thead tr th {font-size:15px; background:#f5f5f5; border-bottom:1px solid #dcdcdc; height:35px; outline:none;}
  table.tem_basictable01 tbody tr th {font-size:14px; width:25% !important; border-bottom:1px solid #dcdcdc; /*padding-left:20px;*/ outline:none; text-align:center;}
  table.tem_basictable01 tbody tr th p {width:100%; text-align:center;}
  table.tem_basictable01 tbody tr td {font-size:13px; border-bottom:1px solid #dcdcdc; text-align:center; outline:none; outline:none;}
  table.tem_basictable01 thead tr th:first-child {width:25% !important;}
  table.tem_basictable01 thead tr th:nth-child(2) {width:25% !important;}
  table.tem_basictable01 tbody tr td:last-child {padding:7px 0 7px 25px; text-align:left;}

    @media (max-width:599px){
      table.tem_basictable01 thead tr th {font-size:14px;}
      table.tem_basictable01 tbody tr th {font-size:13px; letter-spacing:-1px; padding-left:10px;}
      table.tem_basictable01 tbody tr td:last-child {padding:5px 0 5px 15px;}
    }








/* 서브 공통레이아웃05 */
/* 이미지 1개박스형*/
.subCon_Commontem05 {width:100%; /*max-width:1050px;*/ padding-top:230px; position:relative; float:left; clear:both; display:block; margin-bottom:20px;}
  .subCon_Commontem05 img {width:100%; height:230px; float:left; position:absolute; top:0;}
  .subCon_Commontem05 img + br {display:none;}

  #cntntsTmplatForm .subCon_Commontem05,
  #cntntsFrm .subCon_Commontem05,
  .subCon .subCon_Commontem05,
  #previewDiv .subCon_Commontem05 {height:230px; overflow:hidden; box-sizing: border-box;}
  @media (max-width:599px){
    .subCon_Commontem05 {height:95px; padding-top:0; overflow:hidden;}
    #cntntsTmplatForm .subCon_Commontem05, #cntntsFrm .subCon_Commontem05, .subCon .subCon_Commontem05, #previewDiv .subCon_Commontem05 {height:95px; overflow:hidden;}
    .subCon_Commontem05 img {max-height:95px;}
  }








/* 서브 공통레이아웃06 */
/* 이미지 3개박스형*/
  /* 3개단락 소개부분 */
  .subCon_txt3 {width:100%; float:left; clear:both; margin:0 0 30px; box-sizing:border-box; padding:0 25px;}
    .subCon_txt3 .textbox00 {width:33.333%; padding:0 5% 0 0; float:left; box-sizing:border-box; font-size:13px; line-height:22px; margin-bottom:30px; }

    .subCon_Commontem06 {width:100%; /*max-width:1050px;*/ float:left; clear:both; display:block; margin-bottom:20px;}
      .subCon_Commontem06 .imgbox30 {width:33.333%; float:left; position:relative; padding-top:185px;}
      .subCon_Commontem06 .imgbox30 img {width:100%; height:185px !important; position:absolute; top:0;}
      .subCon_Commontem06 .imgbox30 img + br {display:none;}


    #cntntsTmplatForm .imgbox30,
    #cntntsFrm .imgbox30,
    .subCon .imgbox30,
    #previewDiv .imgbox30 {height:185px; overflow:hidden; box-sizing: border-box;}

    @media (max-width:599px){
        .subCon_txt3 {padding:0 10px;}
        .subCon_txt3 .textbox00 {width:100%;}    

      .subCon_Commontem06 .imgbox30 {height:120px; padding-top:0; font-size:10px;}
      #cntntsTmplatForm .imgbox30, #cntntsFrm .imgbox30, .subCon .imgbox30,  #previewDiv .imgbox30 {height:120px; overflow:hidden;}
      .subCon_Commontem06 .imgbox30 img {height:120px !important;}
      #previewDiv .imgbox30 {height:120px !important;}
    }





/* 서브 공통레이아웃08 */
/* 표_ 기본테이블03 */
.subCon_Commontem_product01 {width:100%; /*max-width:1050px;*/ clear:both;display:block;margin-bottom:20px;}
  .subCon_Commontem_product01 p.tit00 {background:#eaeaea; width:100%; padding:20px 15px; font-weight:600; box-sizing:border-box; font-size:16px; color:#0061ae; text-align:left; margin-bottom:20px;}
  .subCon_Commontem_product01 p.tit00:before {content:"\b7"; padding-right:3px;}

  .subCon_Commontem_product01 table.tem_product01 {width:100%; clear:both; border-top:2px solid #323437; border-bottom:0px solid #323437; margin-top:10px;}
  table.tem_product01 tr {height:30px; padding:7px 0;}
  table.tem_product01 tbody tr th {font-size:13px; width:15% !important; border-bottom:1px solid #e5e6e6; outline:none; text-align:center;}
  table.tem_product01 tbody tr th p {float:none;}
  table.tem_product01 tbody tr td {font-size:13px; border-bottom:1px solid #e5e6e6; text-align:center; outline:none;}
  table.tem_product01 tbody tr th:first-child {border-right:1px solid #e5e6e6; color:#6c6e6f; letter-spacing:-1px; vertical-align:middle; background-color:#f3f3f3; text-align:center;}
  table.tem_product01 tbody tr td:last-child {padding:10px 0 10px 25px; text-align:left;}

    @media (max-width:599px){
      .subCon_Commontem_product01 p.tit00 {font-size:15px; letter-spacing:-1px; padding:12px 12px;}
      table.tem_product01 tbody tr th {width:20%; padding:5px; font-size:13px; letter-spacing:-1px;}
      table.tem_product01 tbody tr td:last-child {padding:5px 0 5px 15px;}
    }

  .subCon_Commontem_product01 table.tem_product01_1 {padding-left:20px;}
  table.tem_product01_1 {width:100%; clear:both; border-bottom:0px solid #323437; margin-top:10px;}
  table.tem_product01_1 tr {height:30px; padding:7px 0;}
  table.tem_product01_1 thead tr th {border:1px solid #e5e6e6; border-top:2px solid #323437; border-width:2px 1px 1px 0; background-color:#f3f3f3; outline:none; padding:10px 0; font-size:14px; color:#000; letter-spacing:-1px;}
  table.tem_product01_1 thead tr th:last-child {border-right:none;}
  table.tem_product01_1 tbody tr th {font-size:13px; width:30% !important; border-bottom:1px solid #e5e6e6;}
  table.tem_product01_1 tbody tr td {font-size:13px; width:35% !important; border-bottom:1px solid #e5e6e6; padding:7px 0 7px 20px; text-align:left; border-right:1px solid #e5e6e6; outline:none;}
  table.tem_product01_1 tbody tr th:first-child {border-right:1px solid #e5e6e6; color:#6c6e6f; letter-spacing:-1px; background-color:#fdfdfd; vertical-align:middle; outline:none;}
  table.tem_product01_1 tbody tr td:last-child { text-align:left; border-right:none;}

    @media (max-width:599px){
      .subCon_Commontem_product01 table.tem_product01_1 {padding:0 10px;}
      table.tem_product01_1 tbody tr th {width:30% !important; padding:5px; font-size:13px; letter-spacing:-1px;}
      table.tem_product01_1 tbody tr td {padding:5px 5px 5px 10px;}
      table.tem_product01_1 tbody tr td:last-child {padding:5px 0 5px 15px;}
    }




/* cuperson big tit and backimg */
.subtitle_bing3line tr th.txtbg table {margin-top:20px !important;}
.subtitle_bing3line tr th.txtbg table th {font-size:44px !important; line-height:50px !important;}
    @media (min-width:600px) and (max-width:799px){
      .subtitle_bing3line tr th.txtbg table th {font-size:40px !important; line-height:45px !important; padding-top:15px;}
    }
    @media (max-width:599px){
      .subtitle_bing3line tr th.txtbg table th {font-size:30px !important; line-height:35px !important;}
    }


/* 서브템플릿 - 인사말 모바일버전 메뉴 겹치는 오류 수정 */
.t_itd_cont td.l_txt {z-index:0 !important;}