/*introduce_history.css*/
@charset "utf-8";

/*공통서식*/
.content1{width: 100%;}
.content1>.contentWrap{
    width: 100%;
    height: 1750px;
    text-align: center;
    position: relative;
}
.content1>.contentWrap>img{z-index: 3000; position: inherit;}
.content1>.contentWrap>img:nth-child(2){display: none;}
.content1>.contentWrap>.contentTxt{
    text-align: left;
}
.content1>.contentWrap>.contentTxt>li{
    width: 50%;
    border-bottom: 1px dashed #B7B7B7;
    padding: 40px 0;
    position: absolute;
}

.content1>.contentWrap>.contentTxt>li>h3{
    color: #002E7E;
    font-size: 28px;
    line-height: 50px;
    display: block;
}
.content1>.contentWrap>.contentTxt>li>p{
    font-size: 16px;
    line-height: 25px;
    display: block;
}

.content1>.contentWrap>.contentTxt>.Txt_R{overflow: hidden; right: 50%; padding-right: 40px;}
.content1>.contentWrap>.contentTxt>.Txt_R h3{float: right;}
.content1>.contentWrap>.contentTxt>.Txt_R p{text-align: right; float: right;}

.content1>.contentWrap>.contentTxt>.Txt_L{overflow: hidden; left: 50%; padding-left: 40px;}
.content1>.contentWrap>.contentTxt>.Txt_L h3, p{float: left;}


/*개별서식*/
.content1>.contentWrap>.contentTxt>li:nth-child(1){top: 34px;}
.content1>.contentWrap>.contentTxt>li:nth-child(1) h3{margin: 0px 30px;}

.content1>.contentWrap>.contentTxt>li:nth-child(2){top: 120px; border-top: 1px dashed #B7B7B7; }
.content1>.contentWrap>.contentTxt>li:nth-child(2) h3{margin: 0px 30px;}
.content1>.contentWrap>.contentTxt>li:nth-child(2) p{padding: 11px 0;}

.content1>.contentWrap>.contentTxt>li:nth-child(3){top: 220px; padding: 0px 30px 40px;}
.content1>.contentWrap>.contentTxt>li:nth-child(3) h3{margin: 0px 30px;}
.content1>.contentWrap>.contentTxt>li:nth-child(3) p{padding: 11px 0;}

.content1>.contentWrap>.contentTxt>li:nth-child(4){top: 260px; padding: 40px 40px; }
.content1>.contentWrap>.contentTxt>li:nth-child(4) h3{margin: 0px 30px; text-align: center;}

.content1>.contentWrap>.contentTxt>li:nth-child(5){top: 350px; padding: 22px 40px;}
.content1>.contentWrap>.contentTxt>li:nth-child(5) h3{margin: 0px 30px;}
.content1>.contentWrap>.contentTxt>li:nth-child(5) p{padding: 11px 0;}

.content1>.contentWrap>.contentTxt>li:nth-child(6){top: 460px; padding: 22px 40px; border-bottom: none;}
.content1>.contentWrap>.contentTxt>li:nth-child(6) h3{margin: 0px 30px;}
.content1>.contentWrap>.contentTxt>li:nth-child(6) p{padding: 11px 0; }

.content1>.contentWrap>.contentTxt>li:nth-child(7){top: 550px; padding: 60px 40px;}
.content1>.contentWrap>.contentTxt>li:nth-child(7) h3{margin: 0px 30px;}
.content1>.contentWrap>.contentTxt>li:nth-child(7) p{padding: 11px 0;}

.content1>.contentWrap>.contentTxt>li:nth-child(8){top: 650px; border-top: 1px dashed #B7B7B7; border-bottom: none;}
.content1>.contentWrap>.contentTxt>li:nth-child(8) h3{margin: 0px 30px;}
.content1>.contentWrap>.contentTxt>li:nth-child(8) p{padding: 11px 0; font-weight: bold;}

.content1>.contentWrap>.contentTxt>li:nth-child(9){top: 780px; padding: 40px 40px 80px;}
.content1>.contentWrap>.contentTxt>li:nth-child(9) h3{margin: 0px 30px;}

.content1>.contentWrap>.contentTxt>li:nth-child(10){top: 900px; border-top: 1px dashed #B7B7B7; border-bottom: none;}
.content1>.contentWrap>.contentTxt>li:nth-child(10) h3{margin: 0px 30px;}
.content1>.contentWrap>.contentTxt>li:nth-child(10) p{padding: 11px 0;}

.content1>.contentWrap>.contentTxt>li:nth-child(11){top: 1000px; padding: 40px 40px;}
.content1>.contentWrap>.contentTxt>li:nth-child(11) h3{margin: 0px 30px;}
.content1>.contentWrap>.contentTxt>li:nth-child(11) p{padding: 11px 0;}

.content1>.contentWrap>.contentTxt>li:nth-child(12){top: 1100px; border-top: 1px dashed #B7B7B7; border-bottom: none;}
.content1>.contentWrap>.contentTxt>li:nth-child(12) h3{margin: 0px 30px;}
.content1>.contentWrap>.contentTxt>li:nth-child(12) p{padding: 11px 0;}

.content1>.contentWrap>.contentTxt>li:nth-child(13){ top:1280px; left:50%}

.content1>.contentWrap>.contentTxt>li:nth-child(14){top: 1415px; border-top: 1px dashed #B7B7B7;  }
.content1>.contentWrap>.contentTxt>li:nth-child(14) h3{margin: 0px 30px;}
.content1>.contentWrap>.contentTxt>li:nth-child(14) p{padding: 11px 0;}


/*혼코드 박스*/
.honcode{
    width: 100%;
    background-color: #F2F2F2;
    overflow: hidden;
}
.honcode>.honcodeWrap{
    width: 100%;
    margin: 23px 40px 23px 0;
    overflow: hidden;
    float: left;
}
.honcode>.honcodeWrap>img{float: left;  margin: 5px 40px; }
.honcode>.honcodeWrap>.subTxt{
    float: left;
    margin-left: 20px;
    text-align: left;
}
.honcode>.honcodeWrap>.subTxt>h4{
    font-size: 24px;
    line-height: 50px;
    font-weight: 500;
}
.honcode>.honcodeWrap>.subTxt>p{
    font-size: 14px;
    line-height: 20px;
}



@media screen and (max-width:1080px){
    
    .content1>.contentWrap{width: 80%; height: 2800px; margin: 0 auto; margin-bottom: 120px;}
    
    .content1>.contentWrap>img:first-child{display: none;}
    .content1>.contentWrap>img:nth-child(2){display: block;}
    
    .content1>.contentWrap>.contentTxt>li{width: 100%; left: 1.5% !important; ; padding: 40px 0 !important;}
    .content1>.contentWrap>.contentTxt>li>h3{
        width: 100%;
        text-align: left !important;
        float: left !important;
        margin: 0 !important;
        margin-left: 60px !important;
        line-height: 30px;
    }
    .content1>.contentWrap>.contentTxt>li>p{
        text-align: left !important;
        float: left !important;
        margin-left: 60px !important;
        line-height: 20px;
    }
    
    /*개별서식*/
    .content1>.contentWrap>.contentTxt>li:nth-child(1){top: 0px;}
    .content1>.contentWrap>.contentTxt>li:nth-child(1) p{margin-top: 20px;}
    .content1>.contentWrap>.contentTxt>li:nth-child(2){top: 200px; border-top: none;}
    .content1>.contentWrap>.contentTxt>li:nth-child(2) p{margin-top: 20px;}
    .content1>.contentWrap>.contentTxt>li:nth-child(3){top: 380px;}
    .content1>.contentWrap>.contentTxt>li:nth-child(3) p{margin-top: 10px;}
    .content1>.contentWrap>.contentTxt>li:nth-child(4){top: 622px; border-top: none;}
    .content1>.contentWrap>.contentTxt>li:nth-child(4) p{margin-top: 20px;}
    .content1>.contentWrap>.contentTxt>li:nth-child(5){top: 800px; border-top: none;}
    .content1>.contentWrap>.contentTxt>li:nth-child(5) p{margin-top: 10px;}
    .content1>.contentWrap>.contentTxt>li:nth-child(6){top: 1054px;}
    .content1>.contentWrap>.contentTxt>li:nth-child(7){top: 1240px; border-bottom: none; border-top: 1px dashed #B7B7B7;}
    .content1>.contentWrap>.contentTxt>li:nth-child(8){top: 1480px; }
    .content1>.contentWrap>.contentTxt>li:nth-child(9){top: 1650px; border-top: 1px dashed #B7B7B7; }
    .content1>.contentWrap>.contentTxt>li:nth-child(10){top: 1820px; border-top: none; }
    .content1>.contentWrap>.contentTxt>li:nth-child(11){top: 1950px; border-top: 1px dashed #B7B7B7; }
    .content1>.contentWrap>.contentTxt>li:nth-child(12){top: 2100px; border-top: none }
    .content1>.contentWrap>.contentTxt>li:nth-child(13){top: 2330px; }
    .content1>.contentWrap>.contentTxt>li:nth-child(14){top: 2680px; border-top: none }
    .content1>.contentWrap>.contentTxt>li:nth-child(9) p,  .content1>.contentWrap>.contentTxt>li:nth-child(13) p,  .content1>.contentWrap>.contentTxt>li:nth-child(14) p{margin-top: 20px;}
    
    /*혼코드 박스*/
    .honcode>.honcodeWrap{margin: 23px 0px 23px 50px; float: left;}
    .honcode>.honcodeWrap>img{float: left;}
    .honcode>.honcodeWrap>.subTxt{float: left; margin: 0 0 0 20px; text-align: left;}

    }

@media screen and (max-width:780px){
    
    .content1>.contentWrap{width: 90%;}
    .content1>.contentWrap>.contentTxt>li{width: 95%; left: 0; !important; margin-left: 3px !important;}
    .content1>.contentWrap>.contentTxt>li:nth-child(9){padding: 30px 0 !important;}
    
    .honcode>.honcodeWrap{width: 95%; margin: 23px 0px 23px 30px; float: left;}
    
}

@media screen and (max-width:630px){
    
    
    .honcode>.honcodeWrap>img{width: 150px; float: none; display: block; margin:0;}
    .honcode>.honcodeWrap>.subTxt{margin: 0; float: none; display: block;}
    .honcode>.honcodeWrap>.subTxt>h4{line-height: 36px; font-size: 20px;}

}


@media screen and (max-width:480px){
    
    .content1>.contentWrap>.contentTxt>li>p{font-size: 15px; margin-left: 30px !important;}
    
}