@charset "utf-8";

.page-title {display:block;margin-bottom:4.15rem;text-align:left;font-size:2rem;line-height:1;color:#424242;font-weight:500;}
.page-title.mb25 {margin-bottom:1.25rem}
.sub-title {font-size:1.2rem;color:#1c1c1c;font-weight:500;line-height:1;}
.sub-title2 {font-size:1.2rem;color:#cf2953;font-weight:500;line-height:1;}
@media screen and (max-width:1000px){ 
    .page-title {margin-bottom:2.5rem}
}

.cont-img {max-width:100%;height:auto;}
.color-brown {color:#ebac01 !important;}
.color-blue {color:#0075ce !important;}
.color-green {color:#53ac2b !important;}
.color-red {color:#e0295a !important;}

.ul-type1 {position:relative;}
.ul-type1 li {position:relative;padding-left:0.55rem;font-size:0.9rem;line-height:1.3;color:#424242;margin-bottom:0.3rem;font-weight:300;}
.ul-type1 li::before {
    content:"";
    display:block;
    position:absolute;
    top:0.4rem;
    left:0;
    width:0.2rem;
    height:0.2rem;
    background-color:#444;
    border-radius:100%;
}
.ul-type1 li:last-child {margin-bottom:0}
.sub-txt {font-size:0.9rem;line-height:1.5;color:#424242;}
.sub-txt2 {font-size:0.9rem;line-height:1.5;color:#767676;}

/* tab */
.tab-scroll {-webkit-overflow-scrolling: touch;}
.tab {position:relative;margin-bottom:3rem}
.tab ul {position:relative;padding-left:1px;height:2.6rem;}
.tab ul.w16 li {width:16.66666666666667%}
.tab ul.w33 li {width:33.3333333333333%}
.tab ul.w25 li {width:25%}
.tab ul.w20 li {width:20%}
.tab ul.w50 li {width:50%}
.tab ul li {float:left;height:2.6rem;margin-left:-1px;text-align:center;vertical-align:top;}
.tab ul li a {
    display:table;
    width:100%;
    color:#8f8f8f;
    font-size:1rem;
    vertical-align:middle;
    font-weight:300;
    border:1px solid #b9b9b9;
}
.tab ul li a .txt {
    display:table-cell;
    width:100%;
    height:2.6rem;
    vertical-align:middle;
    line-height:1.2;    
    padding:0.3rem
}
.tab ul li.on a,
.tab ul li a:hover {color:#fff;border-color:#cf2953;background-color:#cf2953;font-weight:500;}
.tab ul li:nth-child(2) a {border-left-width:0;}
.tab ul li:last-child a {border-left-width:0;}
.tab > * {font-family:"Noto Sans KR","Nanum Gothic","Gulim", Gulim, Dotum, "돋움", sans-serif;}

.tab2 {position:relative;margin-bottom:2rem}
.tab2 ul {position:relative;padding-left:1px;height:2.6rem;}
.tab2 ul.w16 li {width:16.66666666666667%}
.tab2 ul.w33 li {width:33.3333333333333%}
.tab2 ul.w50 li {width:50%}
.tab2 ul.w25 li {width:25%}
.tab2 ul li {float:left;height:2.3rem;margin-left:-1px;text-align:center;vertical-align:top;}
.tab2 ul li a {
    display:table;
    width:100%;
    color:#8f8f8f;
    font-size:0.75rem;
    vertical-align:middle;
    font-weight:300;
    border:1px solid #b9b9b9;
    border-bottom-width:0;
}
.tab2 ul li a .txt {
    display:table-cell;
    width:100%;
    height:2.3rem;
    vertical-align:middle;
    line-height:1.2;
    padding:0.3rem
}
.tab2 ul li.on a,
.tab2 ul li a:hover {color:#fff;border-color:#6eb800;background-color:#6eb800;font-weight:500;}
.tab2 ul li:nth-child(2) a {border-left-width:0;}
.tab2 ul li:last-child a {border-left-width:0;}
@media screen and (max-width:600px){
    .tab ul li a,
    .tab2 ul li a {font-size:0.9rem}
    .tab ul,
    .tab2 ul,
    .tab ul li,
    .tab2 ul li,
    .tab ul li a .txt,
    .tab2 ul li a .txt {height:2.8rem}
    .tab ul li .tab-block {display:block;}
    .tab ul.w16 li {width:20%}
    .tab-scroll {overflow-x:auto;overflow-y:hidden;}
}


.mt5 {margin-top:0.25rem}
.mt10 {margin-top:0.5rem}
.mt20 {margin-top:1rem}
.mt30 {margin-top:1.5rem}
.mt50 {margin-top:2.5rem}

.underline {display:inline-block;position:relative;padding-bottom:1px;border-bottom:1px solid #101001}

.table-box {position:relative;-webkit-overflow-scrolling: touch;}
.tbl-type1 {width:100%;border:1px solid #dadada;border-bottom-width:0}
.tbl-type1 td,
.tbl-type1 th {
    font-size:0.9rem;
    color:#4e4e4e;
    text-align:left;
    border:1px solid #dadada;
    padding:0.5rem 0.5rem;
    font-weight:300;
    vertical-align:middle;
    border-width:0 1px 1px;
}
.tbl-type1 th {font-weight:500;text-align:center;border-top-width:0;}
.tbl-type1 th {background-color:#eeeeee;}
.tbl-type1 .bg1 {background-color:#fbfafa !important}
.tbl-type1 th:first-child,
.tbl-type1 td:first-child {border-left-width:0}
.tbl-type1 th:last-child,
.tbl-type1 td:last-child {border-right-width:0}
.tbl-type1 tr:last-child td,
.tbl-type1 tr:last-child th {border-bottom-width:1px}
.tbl-type1 td {border-left-width:0}
.tbl-type1 th {border-left-width:0}

/*조직도_업무소개 테이블*/
.tbl-type2 {width:100%;border:1px solid #dadada;border-bottom-width:0; margin-top:30px; border-right:none;}
.tbl-type2 td,
.tbl-type2 th {
    font-size:0.9rem;
    color:#4e4e4e;
    text-align:center;
    border:1px solid #dadada;
    padding:0.5rem 0.5rem;
    font-weight:300;
    vertical-align:middle;
    border-width:0 1px 1px;
}
.tbl-type2 td:nth-child(2) {text-align:left;}

.tbl-type2 th {font-weight:500;text-align:center;border-top-width:0;}
.tbl-type2 th {background-color:#eeeeee;}
.tbl-type2 .bg1 {background-color:#fbfafa !important}
.tbl-type2 th:first-child,
.tbl-type2 td:first-child {border-left-width:0}
.tbl-type2 th:last-child,
.tbl-type2 td:last-child {border-left-width:0}
.tbl-type2 tr:last-child td,
.tbl-type2 tr:last-child th {border-bottom-width:1px}
.tbl-type2 td {border-left-width:0}
.tbl-type2 th {border-left-width:0}

/* 라디오 버튼, 체크박스 스타일 */
.md-checkbox2,
.md-checkbox, .md-radio {
    position: relative;
    display: inline-block;
    padding-left: 1rem;
    margin: 0;
    cursor: pointer;
    font-size:0.8rem;
    color:#424242;
}
.md-checkbox2 input,
.md-checkbox input, .md-radio input {
    position: absolute;
    z-index: 1;
    width: 1rem;
    height: 1rem;
    margin-left: -1rem;
    cursor: pointer;
    opacity: 0;
}
.md-checkbox2 input {width:1.05rem;height:1.05rem}

.md-checkbox > em {
    position:relative;
    display:inline-block;
    width:0;
    height:0.8rem;
    margin-top: -2px;
    margin-right:0.8rem;
    margin-left: -1rem;
    line-height: 1;
    vertical-align: middle;
}
.md-radio > em {
    position:relative;
    display:inline-block;
    width:0;
    height:0.95rem;
    margin-top: -2px;
    margin-right:0.95rem;
    margin-left: -1rem;
    line-height: 1;
    vertical-align: middle;
}
.md-checkbox > em::before {
    content:"";
    display:block;
    position:absolute;
    top:-2px;
    left:0;
    width:0.8rem;
    height:0.8rem;
    background:url(../imgs/sub/check_off.png) no-repeat 0 0;
    background-size:100% auto;
}
.md-checkbox > input:checked ~ em::after {
    content:"";
    display:block;
    position:absolute;
    top:-2px;
    left:0;
    width:0.8rem;
    height:0.8rem;
    background:url(../imgs/sub/check_on.png) no-repeat 0 0;
    background-size:100% auto;
}
.md-radio > em::before {
    content:"";
    display:block;
    position:absolute;
    top:-1px;
    left:0;
    width:19px;
    height:19px;
    background:url(../imgs/sub/radio_off.png) no-repeat 0 0;
    background-size:100% auto;
}
.md-radio > input:checked ~ em::after {
    content:"";
    display:block;
    position:absolute;
    top:-1px;
    left:0;
    width:19px;
    height:19px;
    background:url(../imgs/sub/radio_on.png) no-repeat 0 0;
    background-size:100% auto;
}

.alt-box {border:1px solid #ddd;padding:1rem;text-align:center;margin-bottom:1rem;font-weight:700;font-size:1rem;background-color:#f1f1f1;color:#cf2953}