@charset "utf-8";
/* subpage contents COMPONENT  */
/* 2024.01.25 SSJ  */


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






/* 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, #bbs_area .subComponent_title01 {outline:none;}
  #cntntsTmplatForm .subComponent_title01 .titleBarTbl, #cntntsFrm .subComponent_title01 .titleBarTbl, #previewDiv .subComponent_title01 .titleBarTbl, .subCon .subComponent_title01 .titleBarTbl, #bbs_area .subComponent_title01 .titleBarTbl {margin-top:0;}
  #cntntsTmplatForm .subComponent_title01 .bgbox, #cntntsFrm .subComponent_title01 .bgbox, #previewDiv .subComponent_title01 .bgbox, .subCon .subComponent_title01 .bgbox, #bbs_area .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, #bbs_area .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;}
    }
    
    
/* title04 */
.subComponent_title04 {float:left; clear:both; width:100%;}
  .subComponent_title04 .intro_tit01 {width:100%; border-left:2px solid #3e424a; margin-left:auto; margin-right:auto; margin-bottom:30px;}
  .subComponent_title04 .intro_tit01 td {font-family:'Noto Sans KR' !important; padding:12px 0 12px 30px; line-height:1.4em; word-wrap:break-word; word-break:keep-all; word-break:break-all; box-sizing:border-box;}
  .subComponent_title04 .intro_tit01 p {font-family:'Noto Sans KR' !important; vertical-align:top; word-wrap:break-word; word-break:keep-all; box-sizing:border-box;}
  .subComponent_title04 .intro_tit01 td img {width:auto; max-width:100%;}
  .subComponent_title04 .intro_tit01 .tit {font-size:24px; font-weight:600; line-height:1.5em;}
  .subComponent_title04 .intro_tit01 .txt {font-size:16px; line-height:1.4em;}

  @media (max-width:799px){
    .subComponent_title04 .intro_tit01 .tit {font-size:20px;}
    .subComponent_title04 .intro_tit01 .txt {font-size:14px;}
  }
  
  
/* title05 */
.subComponent_title05 {float:left; clear:both; width:100%;}
  .subComponent_title05 .intro_tit02 {width:100%; border-bottom:2px solid #3e424a; margin-left:auto; margin-right:auto; margin-bottom:30px;}
  .subComponent_title05 .intro_tit02 td {font-family:'Noto Sans KR' !important; padding:12px 0; height:1.3em; vertical-align:top; word-wrap:break-word; word-break:keep-all; box-sizing:border-box;}
  .subComponent_title05 .intro_tit02 td p {font-family:'Noto Sans KR' !important; vertical-align:top; word-wrap:break-word; word-break:keep-all; box-sizing:border-box;}
  .subComponent_title05 .intro_tit02 td img {width:auto; max-width:100%;}
  .subComponent_title05 .intro_tit02 tr:nth-last-child(1) td {padding-bottom:20px;}
  .subComponent_title05 .intro_tit02 .tit {font-size:24px; font-weight:600; line-height:1.5em;}
  .subComponent_title05 .intro_tit02 .txt {font-size:16px; line-height:1.4em;}

  @media (max-width:799px){
    .subComponent_title05 .intro_tit02 .tit {font-size:20px;}
    .subComponent_title05 .intro_tit02 .txt {font-size:14px;}
  }
  
  
/* title06 */
.subComponent_title06 {float:left; clear:both; width:100%; margin-bottom:30px;}
	.subComponent_title06 .intro_tit03 {width:100%; margin-left:auto; margin-right:auto; margin-bottom:30px;}
	.subComponent_title06 .intro_tit03 td {font-family:'Noto Sans KR' !important; line-height:1.3em; vertical-align:top; word-wrap:break-word; word-break:keep-all; box-sizing:border-box;}
	.subComponent_title06 .intro_tit03 p {font-family:'Noto Sans KR' !important; vertical-align:top; word-wrap:break-word; word-break:keep-all; box-sizing:border-box;}
	.subComponent_title06 .intro_tit03 td img {width:auto; max-width:100%;}
	.subComponent_title06 .intro_tit03 .img_box {width:180px; height:200px; padding-right:30px;}
	.subComponent_title06 .intro_tit03 .img_box img {display:block; width:auto !important; max-width:100%; height:auto; max-height:100%;}
	.subComponent_title06 .intro_tit03 .tit {padding-bottom:20px; font-size:24px; font-weight:600; line-height:1.5em;}
	.subComponent_title06 .intro_tit03 .txt {font-size:16px; line-height:1.4em;}

  @media (max-width:799px){
    .subComponent_title06 .intro_tit03 .tit {font-size:20px;}
    .subComponent_title06 .intro_tit03 .txt {font-size:14px;}
  }
  








/* 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, 
    #bbs_area .subCon_Commontem_info01 tr th, #bbs_area .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;}
    }



/* 04 list : bullet style */
.subCon_Commontem_bullet01 {width:100%; float:left; clear:both; display:block; margin-left:auto; margin-right:auto;}
  .subCon_Commontem_bullet01 .info_wrap td {line-height:1.4em; padding:8px 0; vertical-align:top; font-family:'Noto Sans KR' !important; word-wrap:break-word; word-break:keep-all; box-sizing:border-box;}
  .subCon_Commontem_bullet01 .info_wrap p {font-family:'Noto Sans KR' !important; word-wrap:break-word; word-break:keep-all; box-sizing:border-box;}
  .subCon_Commontem_bullet01 .info_wrap .name {padding-bottom:30px; font-size:40px;}
  .subCon_Commontem_bullet01 .info_wrap .bullet_line .tit {width:120px; padding:8px 20px 8px 20px; font-size:15px; color:#7e7e7e; border-left:1px solid #7e7e7e;}
  .subCon_Commontem_bullet01 .info_wrap .bullet_line .txt {font-size:16px;}
  
  @media (max-width:1299px){ 
    .info_wrap td {padding:5px 0;}
    .info_wrap .name {padding-bottom:20px; font-size:34px;}
    .info_wrap .bullet_line .tit {width:110px; padding:5px 15px 5px 12px; font-size:14px;}
    .info_wrap .bullet_line .txt {font-size:15px;}
  }


/* 05 list : bullet style */
.subCon_Commontem_bullet02 {width:100%; float:left; clear:both; display:block; margin-left:auto; margin-right:auto;}
  .subCon_Commontem_bullet02 .list_wrap {margin-top:50px;}
  .subCon_Commontem_bullet02 .list_wrap td,
  .subCon_Commontem_bullet02 .list_wrap p {font-family:'Noto Sans KR' !important; word-wrap:break-word; word-break:keep-all; box-sizing:border-box;}
  .subCon_Commontem_bullet02 .list_wrap .list_tit {float:none;}
  .subCon_Commontem_bullet02 .list_wrap .list_tit td {display:flex !important; flex-flow:row wrap; font-size:20px; font-weight:600; line-height:1.4em;}
  .subCon_Commontem_bullet02 .list_wrap .list_tit td::after {content:''; display:block; width:100%; height:15px;}
  .subCon_Commontem_bullet02 .list_wrap .list_tit td img {display:inline-block; width:auto !important; max-height:20px; margin-top:5px; margin-right:10px;}
  .subCon_Commontem_bullet02 .list_wrap .line td {height:15px; border-top:1px solid #eaeaea;}
  .subCon_Commontem_bullet02 .list_wrap .stit td {font-weight:600; font-size:17px;}
  .subCon_Commontem_bullet02 .list_wrap .stit td::after {content:''; display:block; width:100%; height:10px;}
  .subCon_Commontem_bullet02 .list_wrap .bullet_dot td {position:relative; padding:5px 0 5px 15px; font-size:16px; line-height:1.5em;}
  .subCon_Commontem_bullet02 .list_wrap .bullet_dot td::before {position:absolute; top:16px; left:0; content:''; width:3px; height:3px; border-radius:50%; background-color:#212121;}









/* 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,
    #bbs_area .subCon_Commontem07_1 table.vlt_listtable01 tr th,#bbs_area .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,
    #bbs_area table.vlt_listtable01 tr th, #bbs_area 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%;}
    }
    
    
    
    
    

/* introduce 01 */
.subCon_Commontem_introduce01 {clear:both; float:left; display:flex; flex-flow:row wrap; width:100% !important; box-sizing:border-box;}

    .subCon_Commontem_introduce01 .intro_mem {float:left; width:100%;}
	.subCon_Commontem_introduce01 .intro_mem td,
  	.subCon_Commontem_introduce01 .intro_mem p {font-family:'Noto Sans KR' !important; vertical-align:top; word-wrap:break-word; word-break:keep-all; box-sizing:border-box;}
	.subCon_Commontem_introduce01 .intro_mem .img_box {width:20%; max-width:150px;}
	.subCon_Commontem_introduce01 .intro_mem .img_box img {display:block; width:100%; height:auto; max-height:100%; margin-left:auto; margin-right:auto; border:8px solid #fff; outline:1px solid #ddd; box-sizing:border-box;}
	
	.subCon_Commontem_introduce01 .intro_mem .info_box {padding-left:20px;}
	.subCon_Commontem_introduce01 .intro_mem .info_box .info_wrap {position:relative; width:100%;}
	.subCon_Commontem_introduce01 .intro_mem .info_box .info_wrap::after {position:relative; display:block; content:''; width:100%; height:20px;}
	
	.subCon_Commontem_introduce01 .intro_mem .name_box {padding:0 15px 5px 15px; font-size:22px; font-weight:600; color:#121212; line-height:1.4em;}
	.subCon_Commontem_introduce01 .intro_mem .pos {padding:15px 15px 20px 15px; line-height:1.4em; font-size:17px; color:#3e424a;}
	.subCon_Commontem_introduce01 .intro_mem .line td {position:relative; height:20px;}
	.subCon_Commontem_introduce01 .intro_mem .line td::after {position:absolute; top:5px; left:15px; content:''; width:calc(100% - 15px); height:1px; background-color:#eaeaea;}
	.subCon_Commontem_introduce01 .intro_mem .bullet {position:relative; width:120px; padding:8px 30px 8px 28px; vertical-align:top; line-height:1.4em; font-size:15px; color:#7e7e7e;}
	.subCon_Commontem_introduce01 .intro_mem .bullet::after {position:absolute; top:18px; left:15px; content:''; width:4px; height:4px; border-radius:50%; background-color:#666; font-size:15px;}
	.subCon_Commontem_introduce01 .intro_mem .txt {padding:8px 0; vertical-align:top; line-height:1.4em; color:#333; word-break:break-all;}


	  /* layout */
	  .cmp_layerTBL.layer04form>tbody>tr>td .intro_mem,
	  .cmp_layerTBL.layer02form>tbody>tr>td.td30 .intro_mem,
	  .cmp_layerTBL.layer04form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem > tbody,
	  .cmp_layerTBL.layer02form>tbody>tr>td.td30 .subCon_Commontem_introduce01 .intro_mem > tbody,
	  .cmp_layerTBL.layer04form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem > tbody > tr,
	  .cmp_layerTBL.layer02form>tbody>tr>td.td30 .subCon_Commontem_introduce01 .intro_mem > tbody > tr,
	  .cmp_layerTBL.layer04form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem > tbody > tr > td,
	  .cmp_layerTBL.layer02form>tbody>tr>td.td30 .subCon_Commontem_introduce01 .intro_mem > tbody > tr > td {display:block !important; width:100% !important; margin:0 auto; box-sizing:border-box;}
	  .cmp_layerTBL.layer04form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem .img_box,
	  .cmp_layerTBL.layer02form>tbody>tr>td.td30 .subCon_Commontem_introduce01 .intro_mem .img_box {width:300px; margin-bottom:20px; margin-left:0;}
	  .cmp_layerTBL.layer04form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem .info_box,
	  .cmp_layerTBL.layer02form>tbody>tr>td.td30 .subCon_Commontem_introduce01 .intro_mem .info_box {padding-left:0;}
	  .cmp_layerTBL.layer04form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem .bullet,
	  .cmp_layerTBL.layer02form>tbody>tr>td.td30 .subCon_Commontem_introduce01 .intro_mem .bullet {min-width:120px; padding-right:15px;}  
	  
	  .cmp_layerTBL.layer04form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem .info_wrap td:not(.bullet):not(.txt) {padding-left:0 !important;}
	  .cmp_layerTBL.layer04form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem .line td::after {left:0;}
	  .cmp_layerTBL.layer04form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem .bullet {min-width:auto; padding:2px 0 2px 10px;}
	  .cmp_layerTBL.layer04form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem .bullet::after {top:10px; left:0;}
	  .cmp_layerTBL.layer04form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem .txt {padding:2px 0 2px 10px !important;}
	  

	@media (min-width:991px){
	  .subCon_Commontem_introduce01 .intro_mem {width:100%; margin-top:30px; margin-bottom:50px; box-sizing:border-box;}
	}		
	@media (max-width:990px){
	  .subCon_Commontem_introduce01 .intro_tit {width:96% !important; margin:0 auto 20px;}
	  .subCon_Commontem_introduce01 .intro_layout,
	  .subCon_Commontem_introduce01 .intro_layout > tbody,
	  .subCon_Commontem_introduce01 .intro_layout > tbody > tr,
	  .subCon_Commontem_introduce01 .intro_layout > tbody > tr > td {display:block !important; width:98% !important; margin:0 auto; box-sizing:border-box;}
	  .subCon_Commontem_introduce01 .intro_layout .layout_space {display:none !important;}
	
	  .subCon_Commontem_introduce01 .intro_mem {margin-bottom:50px;} 
	  .subCon_Commontem_introduce01 .intro_mem .name_box {font-size:18.5px;}
	  .subCon_Commontem_introduce01 .intro_mem .pos {padding-top:10px; font-size:16px;}
	  .subCon_Commontem_introduce01 .intro_mem .bullet,
	  .subCon_Commontem_introduce01 .intro_mem .txt {font-size:14px;}
	  .subCon_Commontem_introduce01 .intro_mem .bullet::after {top:16px;}
	}
	@media (max-width:990px) and (min-width:600px){
	    /* layout */
	    .cmp_layerTBL.layer02form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem,
	    .cmp_layerTBL.layer02form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem > tbody,
	    .cmp_layerTBL.layer02form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem > tbody > tr,
	    .cmp_layerTBL.layer02form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem > tbody > tr > td {display:block !important; width:100% !important; margin:0 auto; box-sizing:border-box;}
	    .cmp_layerTBL.layer02form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem .img_box {width:300px; margin-bottom:20px; margin-left:15px;}
	    .cmp_layerTBL.layer02form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem .info_box {padding-left:0;}
	}
	@media (min-width:800px){	
	    /* layout */
	    .cmp_layerTBL.layer03form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem,
	    .cmp_layerTBL.layer03form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem > tbody,
	    .cmp_layerTBL.layer03form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem > tbody > tr,
	    .cmp_layerTBL.layer03form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem > tbody > tr > td {display:block !important; width:100% !important; margin:0 auto; box-sizing:border-box;}
	    .cmp_layerTBL.layer03form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem .img_box {width:300px; margin-bottom:20px; margin-left:15px;}
	    .cmp_layerTBL.layer03form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem .info_box {padding-left:0;}

	  .cmp_layerTBL.layer04form>tbody>tr>td .intro_mem,
	  .cmp_layerTBL.layer04form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem tbody,
	  .cmp_layerTBL.layer04form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem tbody > tr,
	  .cmp_layerTBL.layer04form>tbody>tr>td .subCon_Commontem_introduce01 .intro_mem tbody > tr > td {display:block !important; width:100% !important; margin:0 auto; box-sizing:border-box;}
	}
	@media (max-width:599px){
	  .subCon_Commontem_introduce01 .intro_mem,
	  .subCon_Commontem_introduce01 .intro_mem > tbody,
	  .subCon_Commontem_introduce01 .intro_mem > tbody > tr,
	  .subCon_Commontem_introduce01 .intro_mem > tbody > tr > td {display:block !important; width:100% !important; margin:0 auto;}
	  .subCon_Commontem_introduce01 .intro_mem .info_box {padding-left:0;}
	
	  .subCon_Commontem_introduce01 .intro_mem {margin-bottom:40px; border:1px solid #ddd;}
	  .subCon_Commontem_introduce01 .intro_mem .info_box .info_wrap {width:90% !important; margin:20px auto 0;}
	  .subCon_Commontem_introduce01 .intro_mem .img_box {margin-left:auto !important; margin-right:auto !important;}
	  .subCon_Commontem_introduce01 .intro_mem .img_box img {min-width:auto; border:0; outline:0; margin-top:20px;}
	}
	
	
	
	
	
/* introduce 02 */
.subCon_Commontem_introduce02 {clear:both; float:left; display:flex; flex-flow:row wrap; width:100% !important; box-sizing:border-box;}

  .subCon_Commontem_introduce02 .card_wrap {position:relative; width:100%; border:1px solid #eaeaea; box-shadow:5px 5px 15px 0 rgba(0,0,0,.08); -webkit-transition:border 0.5s; transition:border 0.5s;}
  .subCon_Commontem_introduce02 .card_wrap::after {content:''; display:block; width:100%; height:30px;}
  .subCon_Commontem_introduce02 .card_wrap:hover,
  .subCon_Commontem_introduce02 .card_wrap:active {border-color:#7e7e7e;}
  .subCon_Commontem_introduce02 .card_wrap td {padding-left:40px; font-family:'Noto Sans KR' !important; vertical-align:top; word-wrap:break-word; word-break:keep-all; box-sizing:border-box;}
  .subCon_Commontem_introduce02 .card_wrap p {font-family:'Noto Sans KR' !important; vertical-align:top; word-wrap:break-word; word-break:keep-all; box-sizing:border-box;}
  .subCon_Commontem_introduce02 .card_wrap .name td {padding-top:40px; padding-right:40px; line-height:1.4em; vertical-align:top; font-size:22px; font-weight:600;}
  .subCon_Commontem_introduce02 .card_wrap .position td {padding-bottom:20px; padding-right:40px; vertical-align:top; font-size:18px;}
  .subCon_Commontem_introduce02 .card_wrap .img_box {width:130px; height:100px; padding:0 30px 0 0 !important; overflow:hidden;}
  .subCon_Commontem_introduce02 .card_wrap .img_box::before {content:''; display:block; width:100%; height:40px;}
  .subCon_Commontem_introduce02 .card_wrap .img_box img {display:block; width:auto !important; max-width:100%; max-height:100%; margin-left:auto; margin-right:auto;}
  .subCon_Commontem_introduce02 .card_wrap .line td {position:relative; height:32px; padding-bottom:5px; color:#3e424a;}
  .subCon_Commontem_introduce02 .card_wrap .bullet td {position:relative; width:100px; padding-top:6px; padding-bottom:6px; padding-left:50px; vertical-align:top; line-height:1.4em; font-size:15px; color:#7e7e7e; word-break:break-all;}
  .subCon_Commontem_introduce02 .card_wrap .bullet td::before {position:absolute; top:16px; left:40px; content:''; width:3px; height:3px; border-radius:50%; background-color:#666;}

  @media (min-width:800px){
    .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td .subCon_Commontem_introduce02 .card_wrap,
    .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td .subCon_Commontem_introduce02 .card_wrap > tbody,
    .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td .subCon_Commontem_introduce02 .card_wrap > tbody > tr,
    .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td .subCon_Commontem_introduce02 .card_wrap > tbody > tr > td {display:block !important; width:100% !important; margin:0 auto; box-sizing:border-box;}
    .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td .subCon_Commontem_introduce02 .card_wrap tr:not(.name):not(.bullet) td {padding-left:30px !important;}
    .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td .subCon_Commontem_introduce02 .card_wrap .name td:not(.img_box) {padding:30px 30px 0 !important;}
    .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td .subCon_Commontem_introduce02 .card_wrap .img_box {height:150px; padding:10px 0 10px 30px !important;}
    .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td .subCon_Commontem_introduce02 .card_wrap .img_box::before {display:none;}
    .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td .subCon_Commontem_introduce02 .card_wrap .img_box img {margin-left:0;}
    .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td .subCon_Commontem_introduce02 .card_wrap .bullet td {padding-left:40px; padding-right:20px}
    .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td .subCon_Commontem_introduce02 .card_wrap .bullet td::before {top:12px; left:30px;}
  }

  @media (max-width:990px){
    .subCon_Commontem_introduce02 .card_wrap .name td {font-size:18.5px;}
    .subCon_Commontem_introduce02 .card_wrap .position td {font-size:16px;}
    .subCon_Commontem_introduce02 .card_wrap .bullet td {font-size:14px;}
    .subCon_Commontem_introduce02 .card_wrap .bullet td::before {top:15px;}
  }		
  @media (max-width:599px){
    .subCon_Commontem_introduce02 .card_wrap td {padding-left:30px;}
    .subCon_Commontem_introduce02 .card_wrap .line td::after {left:30px;}
    .subCon_Commontem_introduce02 .card_wrap .position td,
    .subCon_Commontem_introduce02 .card_wrap .bullet td {padding-right:40px;}
    .subCon_Commontem_introduce02 .card_wrap .bullet td {padding-left:40px;}
    .subCon_Commontem_introduce02 .card_wrap .bullet td::before {left:30px;}
  }






/* introduce 03 */
.subCon_Commontem_introduce03 {clear:both; float:left; display:flex; flex-flow:row wrap; width:100% !important; box-sizing:border-box;}

  .subCon_Commontem_introduce03 .card_box {position:relative; width:100%; border:1px solid #eaeaea; box-shadow:5px 5px 15px 0 rgba(0,0,0,.08); -webkit-transition:border 0.5s; transition:border 0.5s;}
  .subCon_Commontem_introduce03 .card_box::after {content:''; display:block; width:100%; height:30px;}
  .subCon_Commontem_introduce03 .card_box:hover,
  .subCon_Commontem_introduce03 .card_box:active {border-color:#7e7e7e;}
  .subCon_Commontem_introduce03 .card_box tr {display:flex; flex-flow:row wrap;}
  .subCon_Commontem_introduce03 .card_box tr td {display:inline-flex; padding-left:40px; font-family:'Noto Sans KR' !important; vertical-align:top; word-wrap:break-word; word-break:keep-all; box-sizing:border-box;}
  .subCon_Commontem_introduce03 .card_box p {font-family:'Noto Sans KR' !important; vertical-align:top; word-wrap:break-word; word-break:keep-all; box-sizing:border-box;}
  .subCon_Commontem_introduce03 .card_box tr:is(.name, .position, .line) td {width:100%;}
  .subCon_Commontem_introduce03 .card_box .name td {padding-top:30px; padding-right:40px; padding-bottom:5px; line-height:1.4em;}
  .subCon_Commontem_introduce03 .card_box .position td {padding-bottom:15px; padding-right:40px;}
  .subCon_Commontem_introduce03 .card_box .line td {position:relative; height:32px; padding-bottom:5px; color:#3e424a;}
  .subCon_Commontem_introduce03 .card_box .bullet td {position:relative; padding-top:6px; padding-bottom:6px; vertical-align:top; line-height:1.4em;}
  .subCon_Commontem_introduce03 .card_box .bullet .tit {position:relative; flex-basis:100px; width:100px; padding-left:50px; color:#7e7e7e;}
  .subCon_Commontem_introduce03 .card_box .bullet .tit::before {position:absolute; top:13px; left:40px; content:''; width:3px; height:3px; border-radius:50%; background-color:#666;}
  .subCon_Commontem_introduce03 .card_box .bullet .txt {flex-grow:1; padding-right:40px; color:#333; word-break:break-all;}
  
  @media (min-width:600px){
	  .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td .subCon_Commontem_introduce03 .card_box .bullet td {width:100%; flex-basis:100%;}
	  .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td .subCon_Commontem_introduce03 .card_box .bullet .tit {padding-top:8px;}
	  .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td .subCon_Commontem_introduce03 .card_box .bullet .tit::before {top:15px;}
	  .cmp_layerTBL.layer04form.layerPadding>tbody>tr>td .subCon_Commontem_introduce03 .card_box .bullet .txt {padding-top:0; padding-left:50px;}
  }
	
  @media (max-width:599px){
    .subCon_Commontem_introduce03 .card_box td {padding-left:30px;}
    .subCon_Commontem_introduce03 .card_box .line td::after {left:30px;}
    .subCon_Commontem_introduce03 .card_box .position td,
    .subCon_Commontem_introduce03 .card_box .bullet .txt {padding-right:40px;}
    .subCon_Commontem_introduce03 .card_box .bullet .tit {padding-left:40px;}
    .subCon_Commontem_introduce03 .card_box .bullet .tit::before {left:30px;}
  }


















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