/* reset */

html,body { font-size:14px; color:#333; word-break:break-all; margin:0px; font-family:'NotoSansCJK', sans-serif; line-height:1; }
img {border:0px; vertical-align:middle;}
select {border: 1px solid #cfcfcf; padding: 0 0 0 5px; height: 26px; line-height: 26px; vertical-align: middle; background-color:white}
input {border: 1px solid #cfcfcf; padding: 0 0 0 5px; height: 24px; line-height: 24px; vertical-align: middle; display:inline-block;}
input[readonly="readonly"] {background-color:#cfcfcf}
button {border:0px; background:none; margin:0px; padding:0px; cursor:pointer; font-family:'NotoSansCJK'}
ul,ol,dl,dd {list-style:none; margin:0px; padding:0px;}
li {list-style:none; padding:0px;}
a {text-decoration:none; color:#333;}
a:hover {text-decoration:none;}
fieldset {font-size:0; border:0; margin:0; padding:0}
h1,h2,h3,h4,h5,h6 {margin:0}
strong {font-weight:600}
textarea {width:100%; resize:none; border:0; padding:0}

.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.skip {font-size:0; width:0; height:0; text-indent:1000px; line-height:0; overflow:hidden;}
caption {font-size:0; text-indent:-9999px; overflow:hidden; height:0;}

  
.buttonBox {margin:20px 0; text-align: center; display: inline-block;  width: 100%;}
.buttonBox ul {display:inline-block}
.buttonBox ul li {float:left;  margin: 0 8px;}

  .bu_radius {border-radius:5px}

  .bu_f {width:100%; height:60px; font-size:18px; font-weight:600;}
  .bu_n {width:240px; height:55px; font-size: 18px; font-weight:500;}
  .bu_l {width:198px; height:58px; font-size: 18px; margin:0 4px}
  .bu_r {width:258px; height:58px; font-size: 18px; margin:0 4px}  

  .bu_white {background-color:white;  border:1px solid #007ac3; color:#007ac3; transition:0.3s all ease}
  .bu_white:hover {background-color:#007ac3; color:white}
  .bu_blue {background-color:#007ac3;  border:1px solid #007ac3; color:white; transition:0.3s all ease}
  .bu_blue:hover {background-color:white; color:#007ac3}
  .bu_red {background-color:#e03337;  border:1px solid #e03337; color:white; transition:0.3s all ease}
  .bu_red:hover {background-color:white; color:#e03337}
  .bu_orange {background-color:#ec6941;  border:1px solid #ec6941; color:white; transition:0.3s all ease}
  .bu_orange:hover {background-color:white; color:#ec6941}
  .bu_gray {background-color:#aaaaaa;  border:1px solid #aaaaaa; color:white; transition:0.3s all ease}
  .bu_gray:hover {background-color:white; color:#aaa}
  .bu_gray_b {background-color:#e5e5e5;  border:1px solid #afafaf; color:#888888; transition:0.3s all ease}
  .bu_gray_b:hover {background-color:white; color:#aaa}

   h2 {color:black; font-size:32px; font-weight:600; margin:0 0 30px}
   h3 {font-weight:600; font-size:24px; color:#000; margin:0 0 30px}
   h3 span {font-size:16px; font-weight:400; margin:0 0 0 5px}
  .txt_default {color:#4e4e4e; font-size:15px; line-height:1.5}
  .txt_white {color:white}
  .txt_black {color:black}
  .txt_orange {color:#ff7c21}

.w100 {width:100%}

.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt75{margin-top:75px;}
.mt80{margin-top:80px;}
.mt85{margin-top:85px;}
.mt90{margin-top:90px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb75{margin-bottom:75px;}
.mb80{margin-bottom:80px;}
.mb85{margin-bottom:85px;}
.mb90{margin-bottom:90px;}
.pt50{padding-top:50px;}


.header {position: fixed; top: 0; left: 0; width: 100%; background: white;  z-index: 21;  transition: 0.3s all ease; box-shadow: 0 2px 5px rgba(0,0,0,0.5);}
 .menu_area {height:30px; line-height:30px; border-bottom:1px solid #dddddd}
 .menu_area ul {float:right}
 .menu_area ul li {float:left; margin:0 10px}
 .menu_area ul li a {font-size:12px; font-weight: 500; color:#666; position:relative}
 .menu_area ul li a .num_txt {position:absolute; top: 3px;  right: -13px; width:16px; height:16px; line-height:16px; background-color:#3e8ddc; border-radius:50%; color:white; font-size:11px; text-align:center;}

 .mobile_menu {display:none}

 .gnb {height:74px; line-height: 74px;}
 .gnb .logo {float:left}
 .gnb .logo a {display:block}
 .gnb .ico_cart {display:none;}
 .gnb .link {display:inline-block; float:right}
 .gnb .link ul li {float:left; margin:0 67px 0 0}
 .gnb .link ul li:last-child {margin:0 30px 0 0}
 .gnb .link ul li a {font-size:16px; color:black; display:block;}
 .gnb .link ul li a:hover {color:#3e8ddc; font-weight:600}

.container {max-width:1080px; margin:0 auto; position:relative}

.tab_normal {width:100%}
.tab_normal.type02 ul {margin:0}
.tab_normal.type02 ul li {width:33.33%}
.tab_normal ul {overflow:hidden; margin:0 0 20px}
.tab_normal ul li {float:left; width:16.66%; text-align:center; background-color:white; height:52px; line-height:1.5; display:table}
.tab_normal ul li a {color:#333333; font-size:17px; border:1px solid #bcbcbc; border-bottom:2px solid #3e8ddc; display:table-cell; vertical-align:middle;}
.tab_normal ul li.on {background-color:#3e8ddc;}
.tab_normal ul li.on a {color:white; font-weight:500; border: 1px solid #3e8ddc;}

.tabBox {display:none}
.tabBox.on {display:block}

.table_normal {width:100%;margin:10px 0;border-top: 1px solid #99989c;border-bottom: 1px solid #99989c;}
.table_normal table {width:100%}
.table_normal thead tr th {background-color:#e6e7e8;border-left: 1px solid #b2b3b4;border-top: 1px solid #b2b3b4;font-weight:500;color:#333;font-size:16px;padding:13px 0;}
.table_normal thead tr td {padding:10px; text-align:center}
.table_normal tbody tr th {padding: 5px 10px; background-color:white; text-align: left; color: black; font-size: 14px;  font-weight: 400; line-height: 1.5;  border-left: 0;  border-top: 1px solid #9fa0a0;}
.table_normal tbody tr td {padding:10px;line-height:1.3;background-color:White;color:black;font-size:14px;text-align:center;border-left: 1px solid #b1b1b1;border-top: 1px solid #b1b1b1;}
.table_normal tbody tr td:first-child {border-left:0}
.table_normal .bl0 {border-left:0}
.table_normal tbody tr td .link {color:#007efd; position:relative; font-weight:500}
.table_normal tbody tr td .link:after {content:""; position:absolute; bottom:-3px; left:0; right:0; border-bottom:1px solid #007efd}

.BoradBox {margin:30px 0 0; background-color:white; overflow:hidden}

.table_board {width:100%; border-top:2px solid black;}
.table_board table {width:100%}
.table_board thead tr th {background-color:#e5e5e5; border-bottom:1px solid #b2b3b4; font-weight:500; color:#333; font-size:14px; padding:15px 0;}
.table_board thead tr td {padding:10px; text-align:center}
.table_board tbody tr th {padding:5px 10px; background-color:white; text-align: left; color: black; font-size:14px;  font-weight: 400; line-height: 1.5;  border-left: 0;  border-top: 1px solid #9fa0a0;}
.table_board tbody tr td {padding:12px 10px; line-height:1.3; background-color:White; color:#7c7c7c; font-size:12px; text-align:center; border-bottom:1px solid #bcbcbc;}
.table_board tbody tr td .txt_black {font-size:13px}
.table_board tbody tr td:first-child {border-left:0}
.table_board .bl0 {border-left:0}
.table_board tbody tr td .link {color:#3e8ddc; position:relative}
.table_board tbody tr td .link:after {content:""; position:absolute; bottom:-3px; left:0; right:0; border-bottom:1px solid #3e8ddc}

.table_board_view {width:100%; border-top:2px solid black;}
.table_board_view table {width:100%}
.table_board_view thead tr th , .table_board_view thead tr td {background-color:#e5e5e5; border-bottom:1px solid #b2b3b4; font-weight:500; color:#333; font-size:14px; padding:15px 0;}
.table_board_view thead tr td {padding:10px; font-size:16px; text-align:center; background-color:white}
.table_board_view tbody tr th {padding:5px 10px; background-color:#e5e5e5; border-bottom: 1px solid #bcbcbc; text-align:center; color: black; font-size:14px;  font-weight: 400; line-height: 1.5;  border-left: 0;}
.table_board_view tbody tr td {padding: 20px; line-height: 1.5; background-color: White;  color: #333;  font-size: 14px;  text-align:left;  border-bottom: 1px solid #bcbcbc;}
.table_board_view tbody tr td .txt_black {font-size:13px}
.table_board_view tbody tr td:first-child {border-left:0}
.table_board_view .bl0 {border-left:0}
.table_board_view tbody tr td .link {color:#3e8ddc; position:relative}
.table_board_view tbody tr td .link:after {content:""; position:absolute; bottom:-3px; left:0; right:0; border-bottom:1px solid #3e8ddc}


.gray_btn {display:inline-block; padding:0 15px; height:23px; line-height:23px; color:#333; font-size:12px; background-color:#c1c1c1; border:1px solid #a0a0a0; border-radius:3px; font-weight:bold}
.blue_btn {display:inline-block; padding:0 15px; height:23px; line-height:23px; color:#ffffff; font-size:12px; background-color:#3e8ddc; border:1px solid #3e8ddc; border-radius:3px; font-weight:bold}


/* 푸터 영역 */

.section.footer {padding:0}


  .footer > .fp-tableCell {vertical-align:bottom}

  .M_footerLayout {width:100%; background-color:#303039; padding:0 0 30px 0}

  .footerLayoutIn {position:relative; z-index: 2;}

  .footer_info {background-color:#303039; overflow:hidden}
  .footer_infoIn {width: 1080px; margin:45px auto 35px; color:white; position:relative}

  .footer_BI {margin:0 0 20px}

  .footer_one_logo {position:absolute; top:62px; right:0; z-index:1;}
  .footer_one_logo ul li a {display:block; text-align:right}
  .footer_one_logo ul li.second {float:right; margin:8px 0 0}
  .footer_one_logo ul li.second select {width:178px; height:27px; border:0; font-size:12px; font-family: 'Nanum Barun Gothic', sans-serif;}

  .footer_sns {overflow:hidden; float:right}
  .footer_sns ul li {float:left; margin:0 0 0 15px}
  .footer_sns ul li a {display:block}
  .footer_sns ul li a:hover {animation: pulsate 0.3s;}

  .footer_company {margin:0 0 30px; overflow:hidden}
  .footer_company ul li {float:left; padding:0 7px; color:#bebebe; font-size:12px; position:relative}
  .footer_company ul a {color:#bebebe}
  .footer_company ul a:hover {color:#adc1ef}
  .footer_company ul li:first-child {padding-left:0}
  .footer_company ul li:before {content:""; position:absolute; top:0; left:0; bottom:0; border-left:2px solid #909092}
  .footer_company ul li:first-child:before {display:none}

  .footer_company02 {overflow:hidden; margin: 0 0 15px;}
  .footer_company02 ul li {float:left; padding:0 7px; color:#bebebe; font-size:12px; position:relative; line-height:18px}
  .footer_company02 ul li:first-child {padding-left:0; width:100%; margin:0 0 6px}
  .footer_company02 ul li:before {content:""; position:absolute; top:3px; bottom:3px; left:0; border-left:2px solid #909092}
  .footer_company02 ul li:first-child:before {display:none}
  .footer_company02 select {height:20px; margin:0; padding:0; border:1px solid #9e9e9f; font-size:13px}
  .footer_company02 ul li.select {padding-left:0; border:0;}
  .footer_company02 ul li.select:before {display:none}
  .footer_company02 ul li a {color:#bebebe; transition:0.3s all ease}
  .footer_company02 ul li a:hover {color:#45abe6}
  .footer_company02 ul li img {margin:0 0 0 5px}

  .footer_num {font-size:14px; overflow:hidden;}
  .footer_num ul {overflow:hidden; margin: 0 0 18px;}
  .footer_num ul li {float:left; position:relative; color:#bfbfbf; padding:0 10px}
  .footer_num ul li:before {content:""; position:absolute; top:0; left:0; bottom:0; border-left:2px solid #909092}
  .footer_num ul li:first-child {padding-left:0}
  .footer_num ul li:first-child:before {display:none}
  .footer_num .txt_default01 {color:#bfbfbf; font-size:12px; font-weight:bold; margin: 0 0 15px;}
  .footer_num .txt_default02 {color:#969696; font-size:12px; margin: 0}
  .footer_num .txt_default02 a {color:#969696;}

  .footer_num .txt_red {color:#ee6363}
  .footer_num .txt_blue {color:#4aa9f1}
  .footer_num .txt_green {color:#36ccc5}

  .footer_logo {background-color:#303039; overflow:hidden;  border-top: 1px solid #3b3c44;}
  .footer_logoIn {width: 1080px; margin: 0 auto;}
  .footer_logoIn ul { display:flex; height:67px; align-items:center; }
  .footer_logoIn ul li { width:175px; text-align:center;  }


@keyframes pulsate {
  0% {
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }
  50% {
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  transform: scale3d(0.8, 0.8, 0.8); }
  100% {
  -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }
}


/* End : 푸터 영역 */

/* 모바일 메뉴 */

.mobile_menu , .menuAllBox {display:none}


@media all and (min-width:640px) and (max-width:1100px){/* tablet */

  .mob_display {display:none}
    .tablet_display {display:none}
    
  .menu_area {padding:0 20px}
  .gnb .logo {margin-left:20px}
  .gnb .logo img {width:180px}
    .gnb .link ul li {margin:0 50px 0 0}
 
   /* 메인 */

   .M_Client_section {display:none}


   /* 푸터 */

   .footerLayout {padding:0; margin: 0;}
   .footer_infoIn {width:auto; margin: 30px 20px 42px;}
     .footer_one_logo {position:static;}
     .footer_one_logo {display:inline-block; width:100%; margin:0 0 10px}
     .footer_one_logo ul li {float:left}
     .footer_one_logo ul li:first-child {margin:0 0 10px}
     .footer_one_logo ul li.second {display:none}
   .footer_one_logo ul li.thrid select {display:none}

     .footer_company , .footer_company ul li , .footer_company02 ul li , .footer_num ul li {margin:0 0 10px 0}

     .footer_logo {display:none}

      .fp-section , .fp-tableCell {height:auto !important;}

    .confirm .txt01 {font-size:18px}
    .confirm .txt02 {font-size:60px}
    .confirm .txt03 {font-size:18px}

    /* EOD : 푸터 */
  
   
  h3 {font-size:18px; margin:0 0 20px}



}


@media all and (max-width:640px) { /* phones */

  .table_board_view thead tr td {font-size:14px}
  .table_board_view tbody tr td {font-size:13px; padding: 15px;}

  h3 {font-size:16px; margin:0 0 20px}

  .pc_display {display:none}
  .mob_display {display:inline-block}

  .header {height:55px}
  .gnb {position:relative; height:55px; line-height:55px}
  .gnb .logo {position:absolute; top:0; left:30%;}
  .gnb .logo img {width:136px}
  .gnb .ico_cart {display:block; position:absolute; right:15px; top:15px;}
  .gnb .ico_cart img { width:25px; height:25px;}
  .menu_area , .gnb .link {display:none}

  .tab_normal ul li {width:33.33%; height:40px}
  .tab_normal ul li a {font-size:13px; border-bottom:1px solid #bcbcbc}
  
  .table_normal thead tr th {font-size:13px; padding:10px 0}
  .table_normal tbody tr td {font-size:13px}
  .table_normal tbody tr td .link:after {display:none}

  .emb_table .gray_btn , .emb_table .blue_btn  {padding:0 5px; font-weight: 500;  font-size: 11px;}
  
   /* 메인 */
   

   .M_Client_section {display:none}

  
  .M_footerLayout {position:static; padding:0}
  .footerLayout {margin:0}
  .footer_BI {text-align:center}
  .footer_infoIn {width:auto; margin:20px 0 0}
    .footer_one_logo {position:static; text-align:center;}
    .footer_one_logo ul li:first-child {margin:0 0 20px}
    .footer_one_logo ul li.second {display:none}
    .footer_one_logo ul li a {text-align:center}
    .footer_company , .footer_company02 ,  .footer_num , .footer_num > ul , .footer_sns , .footer_logo  {display:none}
  

    /* 모바일 메뉴 */

  .mobile_menu {display:block;}
  .mobile_menu_btn {position:absolute; top:0px; left:0;}
  .mobile_menu_btn button {font-size:24px; width: 55px; height: 55px; line-height: 55px;}

  .menuAllBox {display:block; width:300px; position:fixed; top:0; right:-300px; height:100%; max-height:100%; background:#fff; z-index:1001; text-align: left;}
  .mob_menuBg {display:none; position: fixed; left:100%; width: 100%; bottom: 0; top: 0; left: 0; z-index:1000; background-color:rgba(0,0,0,0.7)}
  .menuAllBox.on {left:0; transition:all 0.33s;}
  .menuAllBoxIn { overflow-y: auto; height: 100%;}

  .mobAll_header {height:54px; line-height:54px; background-color:#eee;}
  .mobAll_header .txt {font-size:13px; color:black; margin: 0 0 0 10px; display:inline-block; font-weight: 500; vertical-align: middle;}
  .mobAll_header .inline_menu {float:right; display:inline-block; vertical-align:middle}  
  .mobAll_header .btn {background-color:white; margin-right:8px; padding: 9px 7px;  display: inline-block; vertical-align: middle; border: 1px solid #535353;  border-radius: 3px;  line-height: 1;  color: black;  font-size: 12px;  font-weight: 500; letter-spacing: -0.05em;}
  .mobAll_header .btn.type02 {margin-right:2px; padding:9px 5px; }
  .mobAll_header .menu_close {margin-right:12px; vertical-align: middle; display: inline-block; line-height: 1;}
  .mobAll_header .menu_close img {width:20px}

  .mobAll_list ul li {line-height:42px; border-top:1px solid #c1c1c1; text-indent:10px}
  .mobAll_list ul li:first-child {border-top:1px solid #838383}
  .mobAll_list ul li a {font-size:13px; display:block; font-weight: 600; }
  
  /* End : 모바일 메뉴 */
    
  .buttonBox {margin:10px 0}
    .bu_f , .bu_n {height:40px; font-size:15px; margin:10px 0}
  .bu_r , .bu_l {width:100%; height:40px; margin:5px 0}

}


/* 개인정보보호책임보험 팝업 추가 2023-01-13 */
.insurance_open,
.insurance_close { cursor:pointer; }
.insurance_popup,
.insurance_dim { left:0; right:0; bottom:0; top:0; }
.insurance_close,
.insurance_dim { position:absolute; }
.insurance_popup { position:fixed;  z-index:100; }
.insurance_popup .insurance { position:absolute; top:calc(50% - 250px); left:calc(50% - 195px); }
.insurance_close { top:0; right:0; width:30px; height:30px; opacity:0; }
.insurance_dim { opacity:0; background-color:rgba(0,0,0,0.4); transition:opacity 0.6s; }

.insurance_popup.this_show .insurance { animation:0.3s fadeDown; }
.insurance_popup.this_hide .insurance { opacity:0; animation:0.3s fadeUp; }

.insurance_popup.this_show .insurance_dim { opacity:1; }
.insurance_popup.this_hide .insurance_dim { opacity:0; }

@keyframes fadeDown {
    from { opacity:0; transform:translate3d(0, -50px, 0); }
    to { opacity:1; transform:translate3d(0); }
}
@keyframes fadeUp {
	from { opacity:1; transform:translate3d(0); }
	to { opacity:0; transform:translate3d(0, -50px, 0); }
}