@charset "utf-8";

/* 미지원브라우저 레이어 */
.browser_layer_w{background:url("../images/dim_70.png");position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;overflow-y:auto;visibility:hidden;}
.browser_layer_w.complete{visibility:visible;}
.browser_layer{width:640px;margin:0 auto;text-align:center;position:absolute;top:50%;left:50%;margin:0 0 0 -320px;}
.brow_top{color:#fff;font-size:40px;line-height:1;background:#4967b0;padding:33px 20px;}
.brow_mid{background:#5d7fb9;padding:50px 30px;}
.brow_mid_p{color:#dfe5f1;font-size:22px;line-height:1.3;padding-bottom:30px;}
.brow_btn{display:inline-block;width:176px;height:101px;background:url("../images/ie_ex.png") no-repeat 0 0;margin:0 auto;}
/* // 미지원브라우저 레이어 */


.front_body{}
.page_wrap{min-width:320px;}
.header_wrap{border-bottom:1px solid #dddddd;height:100px;position:relative;box-sizing: border-box;z-index:50;background:#fff;}
.header_inner{}

.top_hlogo{height:100px;display:flex;align-items: center;position:absolute;top:0;left:4.16666666666667%;}
.top_hlink{display:inline-block;width:110px;height:48px;background:url("../images/toplogo.png") no-repeat 0 0;}
.touchmode .top_hlink{background:url("../images/toplogo_high.png") no-repeat 0 0/cover;}
.btn_htuil_tb_w{position:absolute;top:0;right:4.16666666666667%;height:100px;display:flex;align-items: center;}
.btn_htuil_tb_w:after{display:block;content:'';clear:both;}
.btn_htuil_tb{display:table;float:right;font-size:0;line-height:0;}
.btn_htuil_td{display:table-cell;vertical-align: middle;padding-right:5px;}
.btn_htuil_td:last-of-type{padding-right:0}
.hutil_link{display:inline-block;border:1px solid #ddd;padding:8px 10px 7px;border-radius:100px;font-size:16px;color:#666666;position:relative;line-height:1;}

.hutil_link.has_ico{position:relative;}
.hutil_link.has_ico .hutil_link_in{padding-left:24px;}
.hutil_link.has_ico .hutil_link_in .ico{display:inline-block;width:24px;height:24px;background:url("../images/ico_topmen_high.png") no-repeat 50% 0/cover;border-radius: 100%;position:absolute;top:50%;left:5px;margin-top:-12px;}


.hgnblist_wrap{}
.hgnb_list{display:table;margin:0 auto;height:100px;}
.hgnb_list > li{display:table-cell;vertical-align: middle;padding:0 32px;}
.hgnb{display:inline-block;white-space: nowrap;font-size:18px;color:#333333;font-weight:700;font-family: 'NanumSquare';position:relative;transition:.4s;}
.hgnb:after{display:block;content:'';width:0;height:2px;background:#da3838;position:absolute;bottom:-5px;left:0;transition:.4s;opacity:0;}

.hgnb_list > li.active .hgnb{color:#da3838;}
.hgnb_list > li.active .hgnbtwo_list_w{display:block;}
.hgnb_list > li.active .hgnb:after{width:100%;opacity: 1;}
.hgnbtwo_list_w{display:none;position:absolute;top:100px;left:0;width:100%;background:#fff;border-bottom:1px solid #ddd;}
.hgnbtwo_list{margin:0 auto;display:table;height:63px;}
.hgnbtwo_list > li{display:table-cell;vertical-align: middle;padding:0 24px;}
.hgnbtwo{font-size:15px;color:#666;}
.hgnbtwo_list > li.active .hgnbtwo,
.hgnbtwo:hover{color:#da3838;}

.btn_hmymb{display:none;width:55px;height:55px;position:absolute;top:0;right:0;background:url("../images/ico_topmen_mb.png") no-repeat 50% 50%/40% auto;}
.btn_htotal{display:none;width:55px;height:55px;position:absolute;top:0;left:0;}
.htotal_in{display:inline-block;position:absolute;top:50%;left:50%;width:13px;height:1px;background:#000;margin-left:-11px;}
.htotal_in:before,
.htotal_in:after{display:block;content:'';width:22px;height:1px;background:#000;position:absolute;top:0;left:0;}
.htotal_in:before{transform:translateY(7px)}
.htotal_in:after{transform:translateY(-7px)}

.mbtotal_zw{position:fixed;top:0;left:0;height:100%;width:100%;z-index:100;overflow:hidden;display:none;}
.mbtotal_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;transition:.5s;}
.mbtotal_w{position:absolute;top:0;left:-80%;width:80%;background:#fff;height:100%;transition:.5s;}

.mbtotal_zw.active{}
.mbtotal_zw.active .mbtotal_w{left:0;}
.mbtotal_zw.active .mbtotal_bg{opacity:.5;}
.btn_mdtotal_close{display:block;width:55px;height:55px;background:url("../images/btn_topclose.png") no-repeat 50% 50%/60% auto;position:absolute;top:0;right:-55px;}

.mdtotal_low01{border-bottom:1px solid #b5b5b5;}
.mdtotal_low02{background:#f0f0f0;padding:15px;border-bottom:1px solid #b5b5b5;}
.mdtotal_low03{}
.mdt_cintb{display:table;width:100%;height:55px;box-sizing:border-box;padding:0 0 0 15px;font-size:0;line-height:0;}
.mdt_cintd{display:table-cell;vertical-align: middle;}
.mdt_cintd.mdt_cleft{}
.mdt_cintd.mdt_cleft img{width:70px;}
.mdt_cintd.mdt_cright{text-align:right;}
.btn_mdtico{display:inline-block;width:55px;height:55px;background:url("../images/btn_topalarm.png") no-repeat 50% 50%/70% auto;}
.mdtlog_ment{text-align:center;color:#535353;}
.mdtlog_ment.type2{text-align:left;}
.btn_mdtlog_tb_w{margin:5px -10px -10px;}
.btn_mdtlog_tb{display:table;width:100%;border-spacing: 10px;table-layout: fixed;}
.btn_mdtlog{background:#fff;border:1px solid #2065e4;color:#2065e4;padding:8px 10px 9px;text-align:center;line-height:1;}
.btn_mdtlog_td{display:table-cell;vertical-align: middle;background:#fff;border:1px solid #2065e4;color:#2065e4;padding:8px 10px 9px;text-align:center;line-height:1;}
.btn_mdtlog_td.vshidden{visibility: hidden;}
.mdtotal_ca{background:#535353;color:#fff;padding:5px 15px;}
.mdtotal_gnblist_w{padding:15px 0 0 0;}
.mdtotal_gnblist{padding:0 15px;}
.mdtotal_gnblist > li{padding:10px 0;}
.mdtotal_gnblist > li:last-of-type{}
.mdtm_list{padding:10px 15px;}
.mdtm_list > li{position:relative;padding-left:10px;margin-bottom:10px;}
.mdtm_list > li:before{display:block;content:'-';position:absolute;top:0;left:0;color:#737373;}
.mdtm_list > li:last-of-type{margin-bottom:0;}
.mdtm{font-size:13px;color:#737373;display:inline-block;}
.mdtgm{display:inline-block;font-size:17px;font-family: 'NanumSquare';font-weight:700;border-bottom:1px solid transparent;}
.mdtgm:hover,
.mdtotal_gnblist > li.active .mdtgm{border-color:#da3838;color:#da3838;}
.mdtm:hover,
.mdtm_list > li.active .mdtm{color:#da3838;}
.mdtm_list > li.active:before{color:#da3838}
.mbtotal_isc{position:absolute;top:0;left:0;width:100%;}
.midsection_wrap{padding-top:64px;}
.page_wrap.main_wrap .midsection_wrap{padding-top:100px;}

.msc_inwrap{margin:0 auto;padding:0 30px;}
.msc_inwrap.type3{max-width:1140px;padding:100px 30px;}
.msc_inwrap.type4{max-width:1200px;padding:100px 30px;}

.footer_wrap{border-top:1px solid #ddd;padding:70px 0;}
.foot_tb{display:table;margin:0 auto;}
.footer_td{display:table-cell;vertical-align: middle;padding:0 40px;}
.foot_para{font-size:16px;color:#999;word-break: keep-all;line-height:1.5;}
.front_body.sgform_body{min-height:100vh;display:flex;justify-content: center;align-items: center;}
.page_wrap.sgform_page{}
.sgform_form_wrap{width:720px;margin:0 auto;}
.sgform_form_wrap.type2{width:auto;max-width:1140px;margin:0 auto;padding:120px 30px 130px;}

@media (max-width:1679px){
    .top_hlogo{left:30px}
    .btn_htuil_tb_w{right:30px;}
    .hgnb_list > li{padding:0 20px;}
    .hgnbtwo_list > li{padding:0 12px;}
}
 
@media (max-width:1279px){
    .top_hlogo{left:20px}
    .btn_htuil_tb_w{right:20px;}
    .hgnb_list > li{padding:0 15px;}
    .hgnbtwo_list > li{padding:0 12px;}
    .hgnb{font-size:16px;}
    .hutil_link{font-size:13px;}
    .hutil_link.has_ico .hutil_link_in .ico{width:22px;height:22px;margin-top:-11px;}
    .btn_htuil_tb{display:block;text-align:right;}
    .btn_htuil_td{display:block;margin-bottom:5px;padding:0}
    .btn_htuil_td:last-of-type{margin-bottom:0;}
    .hutil_link{display:block;text-align:center;}
    .footer_wrap{padding:35px 0;}
    .footer_td{padding:0 20px;}
    .foot_para{font-size:14px;}
}

@media (max-width:1023px){
    .midsection_wrap{padding-top:55px;}
    .header_wrap{position:fixed;top:0;left:0;width:100%;height:55px;z-index:10;
        -webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.4);
        -moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.4);
        box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.4);
      }
    .msc_inwrap.type3{padding:30px 15px 60px;}
    .msc_inwrap.type4{padding:30px 15px 60px;}
    .hgnblist_wrap,
    .btn_htuil_tb_w{display:none;}
    .btn_hmymb,
    .btn_htotal{display:inline-block;}
    .footer_wrap{padding:20px 15px;}
    .foot_tb{display:block;}
    .footer_td{display:block;margin-bottom:10px;padding:0}
    .footer_td:last-of-type{margin-bottom:0}
    .top_hlink{background:url("../images/toplogo_high.png") no-repeat 50% 50%/80% auto !important;text-align:center;height:55px;margin:0 auto;display:block;width:90px;}
    .top_hlogo{position:static;height:55px;}
    .page_wrap.sgform_page{box-sizing:border-box;min-width:100%;padding:15px;}
    .sgform_form_wrap{width:100%;}

    .sgform_form_wrap.type2{padding:30px 15px 35px;}
}