/* text-indent 대신 처리방법 */ 
.visuallyhidden { border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; } 

/* 본문바로가기 */
#skipnavi { position:absolute; top:0; left:0; right:0; width:100%; z-index: 1001; } 
#skipnavi a { position:absolute; display:block; width:100%; height:1px; text-align:center; overflow:hidden; color:#ddd!important; z-index:10; font-size:15px } 
#skipnavi a:focus { height:auto; color:#ddd!important; background:#222; padding:10px 0; font-weight:700 } 

#content { position: relative;}

html.on {overflow:hidden;}
body.on {overflow:hidden;}

.m_hide {display:block;}
.pc_hide {display:none;}

/* header */
.btn_m_menu {display:none;}
#header {position: fixed;top:0;left:0;width:100%; border-top:1px solid #e4e4e4;z-index:99;background-color:#fff;}
#header::before {content:"";width:100%;height:0px;background-color:#fff;position:absolute;top:0;left:0;z-index:-1;}
#header.on::before {height:412px;transition: all 0.5s 0s;border-bottom:1px solid #e4e4e4;}
.header_inner {position:relative;display:flex;width:100%;max-width:1920px;margin:0 auto;padding:30px 80px;justify-content:center;}
.header_inner h1 {position:absolute;left:80px;top:33px;}
.header_inner h1 a {display:inline-block;width:177px;height:28px;background: url("../img/common/logo01.png") center no-repeat;}
.main_menu {padding-top:5px;}
.main_menu > ul {display:flex;}
.main_menu > ul > li {text-align: center;}
.main_menu > ul > li > a {color:#000;font-weight:600;display:inline-block;min-width:180px;font-size:18px;}
.main_menu > ul > li > a:focus,
.main_menu > ul > li > a:hover,
.main_menu > ul > li > a.active {color:#1e2779;}

.main_menu_depth {position:relative;padding-top:50px;padding-bottom:20px;display:none;height:100%;}
#header .main_menu_depth::before {content:"";width:1px;height:220px;background-color:#f3f3f3;position:absolute;left:0;top:60px;}
.main_menu > ul > li:first-child .main_menu_depth:before {display:none;}
.main_menu_depth li {padding-top:20px;}
.main_menu_depth li a {font-size: 15px;color: #777;}
.main_menu_depth li a:focus,
.main_menu_depth li a:hover,
.main_menu_depth li a.active {color:#1e2779;text-decoration: underline;font-weight: 700;}


.main #header { background-color:#ffffff40;}
#header.on {background-color:transparent;}

/* footer */
#footer {position:relative;background-color:#f0f1f3;}
.footer_inner {width:100%;max-width:1920px;margin:0 auto;}
.footer_inner .footer_top {display:flex;  gap:30px; padding:80px 80px;}
.footer_inner .footer_bottom {padding:20px 80px 80px;}
.footer_menu_all {width:100%;display: flex;flex-wrap: wrap; gap:90px 30px;justify-content:flex-start;}
.company_info_wrap {flex-shrink: 0;width:300px;}
.company_info_wrap ul li {margin-top:8px;color:#a3a3a3;}
.company_info_wrap ul li:first-child {margin-top:0;}
.footer_menu {width:calc( 33% - 30px );}
.footer_menu p {font-size:18px;font-weight:800;margin-bottom:20px;}
.footer_menu ul li {margin-top:10px;}
.footer_menu ul li:first-child {margin-top:0;}
.footer_top {margin-bottom:30px;}
.footer_inner .txt_copyright {color:#a3a3a3;}
.footer_inner .txt_copyright span {float: right;}

/* ckeckbox */
.checkBoxList { display:flex; flex-wrap: wrap; } 
.checkBoxList li { margin-bottom:15px; width:50%; } 
.chkBox input { display:none; }
.chkBox { display:flex; align-items:center; } 
.chkBox input:focus + label { outline:2px dotted red; border-radius:2px; } 
.chkBox input + label { position:relative; display:flex; align-items:center; cursor:pointer; font-size:16px; color:#222; } 
.chkBox input + label:before { content:""; width:18px; height:18px; border:1px solid #d8d8d8; margin-right:8px; border-radius: 5px; flex-shrink: 0; } 
.chkBox input:checked + label:after { content:''; position:absolute; top:calc(50% - 8px); left:7px; width:5px; height:10px; border-right:2px solid #fff; border-bottom:2px solid #fff; border-left:transparent; border-top:transparent; transform:rotate(40deg); } 
.chkBox input:checked + label:before { background-color:#000; border:1px solid #000; } 
.chkBox input:checked + label { color:#000; font-weight:600; } 

/* select */
.select_area {font-size:16px;margin-left:20px;background:#eee url("../img/common/bull_select_arrow.png") right 10px center no-repeat;width:100%;max-width:250px;padding:10px;}

/* div table */
.list_div_wrap {margin-top:50px;margin-bottom:100px;}
.list_div_wrap .list_div {border-top:2px solid #000;}
.list_div_wrap .list_div > div {display:flex;border-bottom:1px solid #d2d2d2;align-items: center;padding:48px;}
.list_div_wrap .list_div > div p a {display:block;font-size:24px;font-weight:700;}
.list_div_wrap .list_div .date_area {position:relative;text-align:center;padding-right:48px;margin-right:48px;width:200px;flex-shrink: 0;}
.list_div_wrap .list_div .date_area::before {content:"";position:absolute;right:0;top:50%;transform: translateY( -50% ); height:68px;width:1px;background-color:#ddd;}
.list_div_wrap .list_div .date_area .month_area {font-size:40px;font-weight:700;color:#777;}
.list_div_wrap .list_div .date_area .day_area {font-size:18px;color:#777;}

.list_detail_wrap {margin-top:50px;margin-bottom:100px;}
.list_detail_tit {text-align:center;padding:50px 20px;border-top:2px solid #000;border-bottom:1px solid #d2d2d2;}
.list_detail_tit p {font-size:32px;font-weight:700;}
.list_detail_tit .date_area {font-size:18px;color:#777;margin-top:10px;}
.list_detail_con {padding:50px;font-size:16px;min-height:400px;}
.list_detail_bottom {align-items: center; display:flex;justify-content: space-between;padding:50px;border-bottom:1px solid #d2d2d2;border-top:1px solid #d2d2d2;}
.list_detail_bottom a {display:inline-block;font-size:16px;}
.list_detail_bottom a.prev {font-weight:bold;padding-left:50px;background:url("../img/common/bull_list_prev.png") left 10px top 2px no-repeat;}
.list_detail_bottom a.next {font-weight:bold;padding-right:50px;background:url("../img/common/bull_list_next.png") right 10px top 2px no-repeat;}
.list_detail_bottom a.btn_more {border-radius:5px;display:inline-block;color:#fff;padding:10px 30px;background-color:#1e2779;}

.custom_half_wrap {display:flex;gap:20px;margin-top:100px;}
.custom_half_wrap .custom_half_tit {width:390px;font-size:24px;font-weight:700;flex-shrink: 0;}
.custom_half_div {width:100%;border-top:2px solid #000;}
.custom_half_tb {}
.custom_half_tb tr {border-bottom:1px solid #d2d2d2;}
.custom_half_tb th {min-height:73px;text-align:left;padding:24px 20px;width:20%;}
.custom_half_tb td {min-height:73px;padding:24px 20px;display:flex;gap:10px;align-items: center;}
.custom_half_tb td.flex_colum {flex-direction: column;align-items: normal;}
.custom_half_tb td.flex_colum ul li {position:relative;padding-left:20px;}
.custom_half_tb td.flex_colum ul li::before {content:"";position:absolute;left:10px;top:9px;width:3px;height:3px;border-radius:3px;background-color:#000;}
.custom_half_tb td input {width:100%;padding:10px;border:1px solid #ddd;font-size:16px;font-weight:400;}
.custom_half_tb td select {width:100%;padding:10px;border:1px solid #ddd;font-size:16px;font-weight:400;background:#eee url("../img/common/bull_select_arrow.png") right 10px center no-repeat;}
.text_area_wrap {position:relative;width:100%;background-color:#fff;padding-bottom:30px;border-radius:5px;border:1px solid #d2d2d2;}
.text_area_wrap textarea {resize:none; width:100%;background-color:transparent;padding:20px;min-height:400px;border:none;}
.text_area_wrap .txt_num_wrap {position:absolute;bottom:5px;right:10px;}
.text_area_wrap .txt_num_wrap span {font-size:14px;}

/* btn_area_wrap */
.btn_area_wrap {display: flex;gap:10px;margin-top:40px;justify-content: center;}
.btn_area_wrap a {border-radius:5px;display: inline-block;padding:15px 40px;border:1px solid #d9d9d9;font-size:16px;font-weight:600;}
.btn_area_wrap a.btn_type01 {background: #1e2779;color:#fff;border:1px solid #1e2779;}

/* popup */
.bg_dimm {display:none;position:fixed;left:0;top:0;z-index:99;width:100%;height:100%;background-color:#00000090;}
.layer_pop {display:none;width:100%;max-width:600px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.5);}
.layer_tit {font-size:22px;padding:15px 20px;}
.layer_con {padding:45px 60px;background-color:#f3f3f3;}
.img_certify {width:100%;height:auto;}
.layer_close {position:absolute;top:12px;right:12px;width:32px;height:32px;background:url("../img/common/btn_close_pop.png") center no-repeat;}

@media screen and (max-width: 1400px){
    .header_inner {padding:30px 50px;}
    .header_inner h1 a {width:127px;height:28px;background-size:127px auto;}
    .main_menu > ul > li > a {min-width:160px;font-size:16px;}
    .main_menu_depth li a {font-size:15px;}
    .footer_inner .footer_top {display:block;padding:40px;margin-bottom:0;}
    .company_info_wrap {margin-top:50px;}
    .footer_inner .footer_bottom {padding:40px;}
}

@media screen and (max-width: 1024px){
    .header_inner {padding:30px 20px;}
    .main_menu > ul > li > a {min-width:120px;font-size:15px;}
    .main_menu_depth li a {font-size:14px;}
}

@media screen and (max-width: 768px){
    html , body {overflow-x:hidden;}
    .m_hide {display:none;}
    .pc_hide {display:block;}

    #content {margin-top:-70px;}
    .header_inner {align-items: center;padding:20px 24px;height:65px;justify-content: left;}
    .header_inner.on {background-color:#fff;}
    .header_inner h1 {position:relative;left:0;top:0;}
    .header_inner h1 a {background:url("../img/common/logo_m.png") center no-repeat;background-size:127px auto;}
    .header_inner.on h1 a {background:url("../img/common/logo01.png") center no-repeat;background-size:127px auto;}
    .main .header_inner h1 a {background:url("../img/common/logo01.png") center no-repeat;background-size:127px auto;}
    .main_menu {background-color:#fff;display:none;position:fixed;top:65px;left:0;width:100%;height:calc( 100vh - 65px );}
    .main_menu > ul {display:block;}
    .main_menu > ul > li {text-align: left;}
    .main_menu > ul > li > a {padding:20px;position:relative;font-size:16px;font-weight:700;display:block;}
    .main_menu > ul > li > a:focus, .main_menu > ul > li > a:hover, .main_menu > ul > li > a.active {color:#000;}
    .main_menu > ul > li > a::before {content:"";position:absolute;right:20px;top:20px;width:21px;height:21px;background:url("../img/common/bull_m_arrow.png") center no-repeat;}
    .main_menu > ul > li > a.on::before {transform: rotate(180deg);transition: all 0.4s;}
    
    .main_menu_depth {padding:20px;background-color:#f7f7f7;height:auto;}
    .main_menu_depth li {padding-top:10px;}
    .main_menu_depth li:first-child {padding-top:0;}
    .main_menu_depth li a {font-size:14px;color:#000;display:block;opacity:1;}
    
    .btn_m_menu {position:absolute;right:20px;top:22px;width:20px;height:20px;display:inline-block;cursor:pointer;display:flex;justify-content:flex-end;}
    .btn_m_menu span {width:20px;height:2px;background-color:#fff;position:absolute;transition: .4s ease-in-out;}
    .main .btn_m_menu span {background-color:#000;}
    .btn_m_menu span:nth-child(1) {top:3px;}
    .btn_m_menu span:nth-child(2) {top:10px;}
    .btn_m_menu span:nth-child(3) {top:17px;}
    .btn_m_menu.on span:nth-child(1) {top: 10px;transform: rotate(135deg);}
    .btn_m_menu.on span:nth-child(2) {opacity: 0;}
    .btn_m_menu.on span:nth-child(3) {top: 10px;transform: rotate(-135deg);}
    .main_menu_depth.on {display:block;padding-bottom:20px;}

    .btn_m_menu.on span {background-color:#000;}

    .footer_menu_all {display:none;}
    .footer_inner .footer_top {padding:50px 20px;}
    .footer_inner .txt_copyright span {display:none;}
    .footer_inner .footer_bottom {padding:40px 20px;padding-top:0;}

    .custom_half_tb tr {display:block;width:100%;border-bottom:none;}
    
    .custom_half_tb th {display:block;width:100% !important;padding:5px;padding-top:24px;font-size:14px;min-height:auto;}
    .custom_half_tb td {display:block;width:100% !important;padding:5px;min-height:auto;}
    .custom_half_tb td.m_flex {display:flex;}
    .custom_half_tb td.flex_colum .chkBox {margin-top:20px;}
    .custom_half_tb td input {font-size:14px;padding:5px;}
    .custom_half_tb td select {font-size:12px;padding:5px;}
    .text_area_wrap textarea {min-height:200px;font-size:12px;}
    .text_area_wrap .num {font-size:12px;}
    .custom_half_tb td.flex_colum p {font-size:14px;}
    .custom_half_tb td.flex_colum ul li {font-size:14px;}
    .chkBox input + label {font-size:14px;}
    .btn_area_wrap {margin-top:25px;}
    .btn_area_wrap a {padding:15px 40px;flex-grow: 1;text-align:center;}

    .layer_con {padding:0;height:calc( 100vh - 60px );display:flex;align-items: center;overflow:hidden;}
    .layer_tit {height:60px;}
    .layer_pop {height:100vh;}

    .company_info_wrap {margin-top:0;}
    .company_info_wrap ul li {font-size:14px;margin-top:4px;}
    .footer_inner .txt_copyright {font-size:14px;}

}