@font-face {
    font-family: brsg;
    src: url(/lms/css/font/aBRSG.woff) format('woff');
}
@font-face {
    font-family: vitamin;
    src: url(/lms/css/font/avitamin.woff) format('woff');
}


li {list-style: none;}
span,p {color: #000;}
a {text-decoration: none;}
img {display: block;}

section {width: 100%; overflow: hidden;}
article {width: 1200px;margin: 0 auto; overflow: hidden;}

/* nav */
header {width: 100%;}
header .bg {
    position: absolute;
    top: 154px;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 420px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
nav {width: 1200px;margin: 0 auto;font-size: 18px;font-weight: 500;}
nav .mainMenu {position: relative;top: 0;left: 0;}
nav .mainMenu, .subWrap li {display: flex;justify-content: space-between;}
nav .subWrap {width: 100%;padding-top: 10px;}
nav .mainMenu>li, .subWrap a {
    display: block;
    padding: 5px 20px;
    width: 200px;
    text-align: center;
    margin-bottom: 8px;
    /* border: 1px solid red; */
}
nav .mainMenu>li { margin-bottom: 15px;}
nav .subWrap a {font-size: 16px; font-weight: 300;}
nav .mainMenu>li>a:hover {
    border-bottom: 2px solid #ee394d;
    color: #ee394d; 
    font-weight: bold;
}
nav .subWrap a:hover {color: #ee394d;}
nav .subWrap {
    position: absolute;
    width: 1200px;
    height: 400px;
    background: #fff;
    z-index: 200;
}

/* //nav */

/* ========== main start ==============*/
#main {
    width: 100%;
    overflow: hidden;
    background: url(/lms/data/file/B01/20a01/lhj_law/bg.png) no-repeat center / cover #88e5b6;
    font-size: 20px;
        font-family: 'Noto Sans KR', sans-serif;
}
#main article {
    height: 900px;
    background: url(/lms/data/file/B01/20a01/lhj_law/main_img.png) no-repeat bottom left / auto 470px;
}
#main .logo {height: 10%;padding-top: 30px;}
#main .subTittle {height: 6%;display: flex;margin-top: 30px;}
#main .subTittle div:nth-child(1) {
    width: 51%;
    text-align: center;
    line-height: 56px;
    color: #fff;
    border-right: 6px solid gray;
    margin-left: 7rem;
    background-color: #2a9e66;
    font-size: 20px;
    font-family: 'Noto Sans KR', sans-serif;
}
#main .subTittle div:nth-child(2) p {
    font-weight: 600;
    color: #004295;
    margin-left: 20px;
    font-size: 20px;
    font-family: 'Noto Sans KR', sans-serif;
}
#main .mainTittle {display: flex; flex-direction: column; align-items: flex-end;}
#main .mainTittle div:nth-child(1) {height: 35%;padding-top: 50px;overflow: hidden;}
#main .mainTittle div:nth-child(2) {font-weight: 600;margin-top: 20px;margin-right: 5.5rem;}
#main .mainTittle div:nth-child(3) {
    width: 400px;
    height: 55px;
    border-radius: 55px;
    text-align: center;
    line-height: 55px;
    background-color: #34c383;
    margin-top: 20px;
    margin-right: 5.5rem;
}
#main .mainTittle div:nth-child(3) a {
    font-size: 22px;
    color: #fff;
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
}
#main .mainTittle div:nth-child(3):hover {background-color: #2a9e66;}
/* ========== main end ==============*/

/* ========== sub01 start ==============*/
#sub01 article {padding: 8rem 0;}
#sub01 .txt01 {
    width: 400px;
    height: 5%;
    display: flex;
    margin: 0 auto;
}
#sub01 .txt01 div {
    width: 124px;
    height: 37px;
    border-radius: 37px;
    background-color: #bddcef;
    font-size: 20px;
    text-align: center;
    line-height: 37px;
    margin-right: 10px;
    font-weight: 500;
}
#sub01 .txt02 {
    height: 20%;
    margin: 0 auto;
    text-align: center;
    padding-top: 10px;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
}
#sub01 .txt02 div:nth-child(1) {
    display: flex;
    font-size: 60px;
    color: #43a388;
    font-family: brsg;
}
#sub01 .txt02 div:nth-child(1) img {height: 74px; margin-right: 10px;margin-left: 6rem;}
#sub01 .txt02 div:nth-child(1) span {color: #ff004b;}
#sub01 .txt02 div:nth-child(2) span {
    background: linear-gradient(to bottom, #52ff7f 0%, #52ff7f 100%) no-repeat;
    background-size: calc(100%) calc(50%);
    background-position: bottom;
    font-weight: 500;
    font-size: 20px;
    font-family: 'Noto Sans KR', sans-serif;
}
#sub01 .img {width: 100%; overflow: hidden;}
#sub01 .img img {width: 100%; object-fit: cover;}
/* ========== sub01 end ==============*/

/* ========== sub02 start ==============*/
#sub02 {background-color: #eef9ff;}
#sub02 article {padding: 8rem 0;}
#sub02 div {margin: 0 auto;}
#sub02 div img {width: 100%;object-position: center;object-fit: cover;}
/* ========== sub02 end ==============*/

/* ========== sub03 start ==============*/
#sub03 {
    background: #34c383 url(/lms/data/file/B01/20a01/lhj_law/bg.png) no-repeat center / cover;
}
#sub03 article {padding: 5rem 0;}
#sub03 .txt {text-align: center; height: 20%;}
#sub03 .txt p{font-family: brsg; font-size: 60px; color: #6183ff;}
#sub03 .txt p:nth-child(1) {text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;}
#sub03 .txt p:nth-child(2) {display: flex; justify-content: center; color: #fff;}
#sub03 .txt p img {height: 70px;}

#sub03 .img {width: 100%;}
#sub03 .img img {width: 90%;object-position: center;margin-left: 3rem;}
/* ========== sub03 end ==============*/

/* ========== sub04 start ==============*/
#sub04 {background-color: #fcfcfc;}
#sub04 article {padding: 7rem 2rem;}
#sub04 .txt01 {text-align: center; height: 10%;}
#sub04 .txt01 p:nth-child(1) {font-size: 25px;font-weight: 700;font-family: 'Noto Sans KR', sans-serif;}
#sub04 .txt01 p:nth-child(2) {
    height: 50px;
    font-size: 50px; 
    font-weight: 700;
    color: #6183ff; 
    font-family: 'Noto Sans KR', sans-serif;
    margin: 0;
}

#sub04 .img {margin-top: 50px; display: flex; flex-wrap: wrap;justify-content: space-between;}
#sub04 .img div {text-align: center;}
#sub04 .img div p {
    font-size: 18px;
    font-weight: 500;
    color: #999;
    font-family: 'Noto Sans KR', sans-serif;
}
#sub04 .txt02 { text-align: center;margin-top: 30px;}
#sub04 .txt02 h6 {font-size: 20px;font-weight: 400;font-family: 'Noto Sans KR', sans-serif;}
/* ========== sub04 end ==============*/

/* ========== sub05 start ==============*/

#sub05 {background-color: #e3f0ff;}
#sub05 article {padding: 8rem 2rem;}
#sub05 .upWrap {text-align: center;}
#sub05 .upWrap p {font-size: 25px;font-weight: 600;font-family: 'Noto Sans KR', sans-serif;}
#sub05 .upWrap h1 {color: #6183ff;font-size: 60px;font-weight: 400;font-family: brsg;}
#sub05 .upWrap h1 span {color: #ff004b;}
/* =================== */
#sub05 .downWrap {display: flex;justify-content: space-between;}
#sub05 .downWrap .img {
    width: 48%;
    background: url(/lms/data/file/B01/20a01/lhj_law/display.png) no-repeat bottom / 540px auto;
}
/* =========== txtWrap ============ */
#sub05 .downWrap .txtWrap {width: 50%;margin-top: 30px;}
#sub05 .downWrap .txtWrap .txt {
    width: 100%;
    height: 170px;
    background: url(/lms/data/file/B01/20a01/lhj_law/sub04.png) no-repeat center / cover;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-bottom: 3%;
}
#sub05 .downWrap .txtWrap .txt div {width: 90%;margin: 0 auto;justify-content: center;}
#sub05 .downWrap .txtWrap .txt h4 {
    font-size: 25px;
    font-weight: 400;
    font-family: vitamin;
    padding: 10px 0;
    border-bottom: 3px dashed #34c383;
}
#sub05 .downWrap .txtWrap .txt p {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Noto Sans KR', sans-serif;
    padding: 10px 0;
}
/* ========================= */
#sub05 .downWrap .txtWrap .txtImg {width: 100%;margin-bottom: 20px;}
#sub05 .downWrap .txtWrap .txtImg img {margin: 0 auto;}
/* ========== sub05 end ==============*/

/* ========== sub06 start ==============*/
#sub06 article {padding: 8rem 0;}
#sub06 .title {text-align: center;}
#sub06 .title h1 {
    color: #6183ff;
    font-size: 60px;
    font-weight: 400;
    font-family: brsg;
}
#sub06 .title h1 span {color: #ff004b;}
#sub06 .title p {
    font-size: 25px;
    font-weight: 600;
    font-family: 'Noto Sans KR', sans-serif;
}
#sub06 .imgWrap {
    height: 300px;
    background-color: #3d3d3d;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    align-content: center;
    justify-content: center;
}
#sub06 .imgWrap > div {
    width: 360px;
    height: 206px; 
    text-align: center;
    border-right: 1px solid #fff;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
#sub06 .imgWrap>div:last-child {border: none;}
#sub06 .imgWrap .img {width: 100px;height: 55%;margin: 0 auto;overflow: hidden;}
#sub06 .imgWrap div img {width: 100%;height: 100%; object-fit:contain;object-position: center;}
#sub06 .imgWrap div p {
    margin-top: 10px;
    font-size: 20px;
    font-family: 'Noto Sans KR', sans-serif;
    color: #fff;
}
#sub06 .btnWrap {padding-top: 30px;}
#sub06 .btnWrap div {
    width: 300px;
    height: 80px;
    border-radius: 50px;
    margin: 0 auto;
    background-color: #34c383;
    font-size: 25px;
    font-family: 'Noto Sans KR', sans-serif;
    color: #fff;
}
#sub06 .btnWrap div:hover {background-color: #2a9e66;}
#sub06 .btnWrap div a {color: #fff;line-height: 80px;display: block;text-align: center;}
#sub06 .btnWrap img {position: relative; bottom: 35px;left: 57.5%;}
#sub06 .endTxt p {
    font-size: 25px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
}
#sub06 .endTxt p >span {color: #ff004b;}
/* ========== sub06 end ==============*/