@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 마이페이지 메인   //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.mypageMain .myp_greetings { font-size:1.6rem; }
.mypageMain .myp_greetings .myp_member { color:var(--blue01); }
.mypageMain .myListWrap { display:flex; justify-content:space-between; }
.mypageMain .myListWrap .myList { border:1px solid #efefef; flex-grow:1; flex-basis:10%; }
.mypageMain .myListWrap .myList:not(:last-child) { border-right:0; }
.mypageMain .myListWrap .myList h4 { background:var(--blue01); height:6.0rem; display:flex; justify-content:center; align-items:center; line-height:1.2; padding:0 1rem;}
.mypageMain .myListWrap .myList h4 span { color:#fff; width:100%; text-align:center; font-size:1.6rem; font-weight:400; }
.mypageMain .myListWrap .myList ul { font-size:1.4rem; padding:1rem; line-height:1.2;}
.mypageMain .myListWrap .myList ul li + li { margin-top:1.0rem; }
.mypageMain .myListWrap .myList ul li:hover a,
.mypageMain .myListWrap .myList ul li:hover span{ color:var(--blue01); }
.mypageMain .term_search { margin-top:5.0rem;}
.mypageMain .term_search .myp_search { padding:2.0rem; background:#f1f1f1; font-size:1.6rem; }
.mypageMain .term_search .myp_search .tab_term ul { display:flex; }
.mypageMain .term_search .myp_search .tab_term ul li:not(:first-child) { margin-left:-1px;}
.mypageMain .term_search .myp_search .tab_term ul li a { display:block; width:60px; height:3.2rem; line-height:3.2rem; border:1px solid #ccc; text-align:center; font-size:1.5rem; background:#fff; }
.term_search .myp_search .tab_term ul li a:active,
.term_search .myp_search .tab_term ul li a:focus { color:#fff; font-weight:600; background:var(--blue01); }
.mypageMain .term_search .myp_search .select_date_wrap { margin-top:1.0rem; display:flex; justify-content:space-between; }
.mypageMain .term_search .myp_search .select_date select { border:1px solid #ccc; width:70px; height:3.6rem; line-height:3.6rem; }
.mypageMain .term_search .myp_search .myp_search_btn_wrap { display:flex; align-items:center;  flex-shrink:0;  }
.mypageMain .term_search .myp_search .myp_search_btn {  color:#fff; width:9.0rem; font-size:1.6rem; border:0; height:100%;background:#555; border:1px solid #555; }
.mypageMain .result_list { margin-top:50px;}
.mypageMain .term_search .myp_search .select_date_wrap .select_date { display:flex; gap:0.3rem; align-items:center; }
.mypageMain .result_list .list_category ul { display:flex; justify-content:space-between; border-bottom:2px solid var(--blue01); }
.mypageMain .result_list .list_category li { flex-grow:1; width:14%;  border-bottom:0; background:#fff; display:flex; }
.mypageMain .result_list .list_category li a { font-size:1.5rem; text-align:center; width:100%; height:100%; padding:1.0rem; line-height:1.3; display:flex; align-items:center; border:1px solid #d4d4d4; } 
.mypageMain .result_list .list_category li:not(:last-child) a { border-right:0;}
.mypageMain .result_list .list_category li a span { width:100%; text-align:center; }
.mypageMain .result_list .list_category li .a_hover { background:var(--blue01); color:#fff; border-color:var(--blue01);  }

.mflexTable .mTit { display:none; }
.mflexTable .forPcTd { display:table-cell; }
.mflexTable .forMobileTd { display:none; }

/* ================================== Laptop (1024 ~ 1279) ================================== */
@media all and (max-width: 1279px) {
}

/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) {	
}

/* ================================== Mobile (767 ~ 480, 479이하) ================================== */
@media all and (max-width: 767px) { 	
    .mypageMain .myListWrap { flex-wrap:wrap; }
    .mypageMain .myListWrap .myList { flex-basis:30%; }
    .mypageMain .myListWrap .myList h4 { height:5.0rem; }
    .mypageMain .term_search .myp_search { padding:1rem; }
    .mypageMain .term_search .myp_search .select_date_wrap { flex-wrap:wrap; }
    .mypageMain .term_search .myp_search .select_date_wrap .select_date { width:100%; }
    .mypageMain .term_search .myp_search .select_date_wrap .select_date select { width:auto; }
    .mypageMain .term_search .myp_search .myp_search_btn_wrap { margin-top:1.0rem; width:100%; }
    .mypageMain .term_search .myp_search .myp_search_btn { height:3.6rem; line-height:3.6rem; }
    .mypageMain .result_list .list_category ul { flex-wrap:wrap; }
    .mypageMain .result_list .list_category ul li { width:auto; }
    .mypageMain .result_list .list_category li:not(:last-child) a { border-right:1px solid #d4d4d4;}

    .table01.mflexTable { border-top:0; }
    .mflexTable thead { display:none; }
    .mflexTable colgroup,
    .mflexTable col { display:block; width:100%; }
    .mflexTable .mTit { display:inline; font-weight:600; }    
    .mflexTable tr { display:flex; border:1px solid #d2d6de; padding:10px; flex-wrap:wrap; gap:5px 10px; border-top: 2px solid #435360; align-items:center; }
    .mflexTable tr + tr { margin-top:10px; }
    .mflexTable .subject { margin-bottom:5px; font-size:16px; color:#010101; font-weight:600; width:100%; }
    .mflexTable .num { display:none; }
    .mflexTable td {  display:block; padding:0 !important; border:0 !important; text-align:left !important;  }
    .mflexTable .forPcTd { display:none; }
    .mflexTable .forMobileTd { display:block; }
    .mflexTable .buttons br { display:none; }
    .mflexTable .buttons,
    .mflexTable .buttonsWrap { display:flex; gap:3px; }
    
}

@media all and (max-width: 479px) {     
    .mypageMain .term_search .myp_search .tab_term ul li { flex-grow:1; flex-basis:20%;}
    .mypageMain .term_search .myp_search .tab_term ul li a { width:100%; }
    .mypageMain .term_search .myp_search .myp_search_btn_wrap { justify-content:center; width:100%; }
    .mypageMain .term_search .myp_search .select_date_wrap .select_date { font-size:1.4rem; justify-content:space-between; }
    .mypageMain .term_search .myp_search .select_date_wrap .select_date select { width:auto; padding-left:2px; flex-grow:1;  } 
    .mypageMain .term_search .myp_search .select_date_wrap .select_date span { display:none; }
    .mypageMain .term_search .myp_search .select_date_wrap .select_date > div { display:flex; justify-content: space-between; width:calc(50% - 5px); gap:2px;}    

   
}	
@media all and (max-width: 359px) { 
    .mypageMain .myListWrap .myList { flex-basis:40%; }
    .mypageMain .myListWrap .myList h4 { height:4.6rem; }
}



/* -----------------------------------------------------------------------------------------------------
/////////////////////////////////////////////  행사신청 상세보기  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
.hidden { position:absolute; left:-9999px;}
.text-important { color:#fb6806; }
.text-important-1 { color:#4b7ac5; }
.text-important-2 { color:#000; }
#register_sym { width:800px; height:auto; border:1px solid var(--blue01); }
#register_sym:after { display:block; content:''; clear:both;}
#register_sym .layer_header { background:var(--blue01); }
#register_sym .layer_header span.logo { height:33px; display:block;}
#register_sym .layer_header h2 {  text-align:center; font-size:22px; font-weight:600; color:#fff; height:50px; line-height:50px;  }
#register_sym .layer_contents { padding:30px; }
#register_sym .layer_contents h3 { color:#333; font-size:15px; font-weight:600; height:50px; line-height:50px; }
#register_sym .register_form table.register_table th, .register_form table.register_table td { padding:10px 5px; border:1px solid #ccc;  }
#register_sym .register_form table.register_table th { background:#efefef; font-weight:600;}
#register_sym .layer_contents .form_bt_text_01 { padding:20px; text-align:center;}
#register_sym .layer_contents .form_bt_text_02 { padding:20px; text-align:right; line-height:22px; }
#register_sym .layer_contents .form_bt_text_03 { padding:20px; text-align:left; line-height:22px;border:1px solid #ddd;background:#f9f9f9;margin-bottom:20px; font-weight:600; color:#006ae2;}
#register_sym .layer_contents .register_form .select_sym li { margin-bottom:5px; }
#register_sym .layer_contents .register_form .purpose label { display:inline-block; margin-right:15px;}
#register_sym .layer_contents .register_benefit { border:1px solid #80b0b3; padding:10px; text-align:center; color:#2c9097; font-weight:600; margin-top:10px; }
#register_sym .layer_footer { padding:30px; text-align:center; margin-bottom:10px; }
#register_sym .layer_footer input[type="button"] { cursor:pointer; display:inline-block; padding:0 15px; height:35px; line-height:35px; color:#fff; background:#666; border:none;}
#register_sym .layer_footer input[type="submit"] { cursor:pointer; display:inline-block; padding:0 15px; height:35px; line-height:35px; color:#fff; background:#666; border:none;}
#register_sym .layer_footer input.submit { background:#3d6db9;}
#register_sym .layer_contents .register_form input[type="text"] { padding:0 5px; height:22px; line-height:24px; width:170px;}
#register_sym .layer_contents .register_form input[id="register_add"] { width:300px;}
#register_sym .layer_contents .register_form input.input_etc { width:300px;}
#register_sym input[type="button"] { cursor:pointer; }
#register_sym input[type="submit"] { cursor:pointer; }
#register_sym.register_edu { border:1px solid #e0b179; }
#register_sym.register_edu .layer_header { background:#f49c29;}


/* -----------------------------------------------------------------------------------------------------
/////////////////////////////////////////////  회원증  //////////////////////////////////////
------------------------------------------------------------------------------------------------------*/
#doc_membership { margin:30px auto; width:740px; padding:20px 50px 50px 50px; border:3px solid #333; font-size:16px; color:#333;  background:url(../../images/doc/membership_bg.png) -200px -200px; no-repeat;
line-height:1.2; color:#333; }
#doc_membership .doc_top { overflow:hidden;  }
#doc_membership .doc_top .num_member { float:right; border-bottom:1px solid #555; padding-bottom:5px;  }
#doc_membership .cnt_ko { margin-top:40px; }
#doc_membership .cnt_ko h1.title { text-align:center; color:#333; font-size:40px; font-weight:600; letter-spacing:20px; }
#doc_membership .cnt_ko .name { font-size:28px; font-weight:600; text-align:center; margin-top:30px; letter-spacing:20px;  }
#doc_membership .cnt_ko .article { margin-top:20px; text-align:center; font-size:20px; line-height:34px; letter-spacing:2px;   }
#doc_membership .cnt_en { margin-top:70px; font-family:'arial';  }
#doc_membership .cnt_en h1.title { text-align:center; color:#333; font-size:40px; font-weight:600; letter-spacing:0;  }
#doc_membership .cnt_en h1.title .small { font-size:23px; color:#777; font-weight:normal;}
#doc_membership .cnt_en .name { font-size:28px; font-weight:600; text-align:center; margin-top:30px; }
#doc_membership .cnt_en .article { margin-top:20px; text-align:center; font-size:20px; line-height:34px;  }
#doc_membership .print_date { margin-top:50px; font-size:20px; text-align:center; }
#doc_membership .doc_bottom { text-align:center; margin-top:50px;  }
#doc_membership .doc_bottom .sign { font-size:25px; font-weight:600; background:url(../../images/doc/doc_sign.png) right bottom no-repeat; height:87px; line-height:87px;}
#doc_membership .doc_bottom .sign .company { font-size:30px; }