@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/*reset*/
* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: inherit;
}

li {
    list-style: none;
    color: inherit;
}

body {
    font: 15px 'Noto Sans KR', sans-serif;
    color: #333;
    width: 1920px;
    /* background: url(../images/index.jpg) no-repeat;*/
    /*height: 2950px;*/
}

.wrap {
    margin: 0 auto;
    width: 1000px;
    /*outline: 1px dotted red;*/
}

.wrap_header {
    margin: 0 auto;
    width: 1200px;
    display: flex;
    justify-content: space-between;
    /*outline: 1px dotted red;*/
}

.outline {
    /* outline: 1px dotted blue; */

}


/* 기본색 */
/*:root {
    --line-color: #e1e1e1;
    --primary-color: #000;
    --secondary-color-lightgray: #DCDCDC;
    --secondary-color-mediumgray: #BEBEBE;
    --secondary-color-darktgray: #777;
    --point-color: #e55204;
    --point-color2: #1F87E6;
}*/



/* 헤더 영역*/
#header {
    width: 100%;
    height: 120px;
    background: #000;
    box-sizing: border-box;
}

#logo {
    width: 210px;
    height: 100px;
    float: left;
    margin-left: 100px;
    padding-top: 40px;
}

#logo a {
    display: block;
    width: 210px;
    box-sizing: border-box;
}

/* depth 1 메뉴 */
#nav {
    width: 750px;
    height: 120px;
    float: left;
    margin-top: 60px;
}

#nav > ul {
    width: 750px;

}

#nav > ul:after {
    display: block;
    content: "";
    clear: both;
}

#nav > ul > li {
    width: 150px;
    height: 50px;
    float: left;
}

#nav > ul > li > a {
    display: block;
    width: 150px;
    height: 60px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    transition: 0.5s;
}


/* 서브내러가도 주메뉴에 하이라이트*/
#nav > ul > li:hover > a {
    /*background: #0076be;
    color: #fff;*/
    border-bottom: 2px solid #e55204;
    box-sizing: border-box;
}

/* 전체메뉴 배경박스 */

.w_me {
    position: absolute;
    left: 0;
    top: 120px;
    width: 1920px;
    height: 300px;
    background: rgba(255, 255, 255, 0.8);
    /*padding: 10px 0;*/
    display: none;
    z-index: 100;
}

/*마우스오버일때 보이게 하기*/
/*마우스오버일때 보이게 하기, 제이쿼리로 넣어줄때는 이거 주석처리*/

#nav > ul > li:hover .w_me {
    /*display: block;*/

}


/* depth 2 메뉴 */
.sub {
    width: 750px;
    height: 300px;
    /*outline: 1px dotted green;*/
    position: absolute;
    top: 0px;
    left: 810px;
    /*background: rgba(255, 255, 255, 0.8);*/
    /*overflow: hidden;*/
    z-index: 300;
}

.sub ul {
    width: 20%;
    float: left;
}

.sub ul li {
    width: 150px;
}

.sub ul li a {
    display: block;
    width: 150px;
    height: 40px;
    letter-spacing: -0.05em;
    text-align: left;
    transition: 0.5s;
    /* outline: 1px dotted blue; */

}

.sub ul li a:not(last-child) {
    line-height: 40px;
    padding-top: 10px;
    box-sizing: border-box;
}

.sub ul li a:last-child {
    font-size: 14px;
    line-height: 25px;
}

.sub ul li a:hover {
    color: #e66b27;
    font-weight: 400;
}




/* 경로 */
.bread {
    position: absolute;
    top: 120px;
    left: 0;
    width: 1920px;
    background: rgba(0, 0, 0, 0.7);
}

.bread ol {
    padding-left: 460px;
    display: flex;

}

.bread a {
    display: block;
    font-size: 0.875rem;
    padding: 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
}

.bread ol li:last-child a {
    color: #e55204;
}

/*.bread a:after {content: '\f054'; font-family: 'fontAwesome';}*/
.bread a:hover {}

.bread i {
    opacity: 0.3;
}

/* int_bg*/
#int_bg {
    width: 1920px;
    height: 280px;
}

/* container */
.container {
    /*outline: 1px dotted blue;*/
    width: 1000px;
}





/* 연혁*/
.histroy {
    padding-bottom: 100px;
    /*outline: 1px dotted red;*/
    margin-top: 80px;
    padding-top: 74px;
    width: 1000px;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
}


.aboutus_box + .aboutus_box.list {
    margin-top: 74px;
}

.aboutus_box .h2_tit {
    font-size: 21px;
    color: #000;
    font-weight: normal;
    letter-spacing: -0.05em;
    text-align: center;
}

/* history 설정*/
.history_zone {
    position: relative;
    width: 1000px;
    margin: 38px auto 0;
}

.history_zone:after {
    display: block;
    clear: both;
    content: "";
}

.history_menu {
    float: left;
    margin: 0;
    padding: 0 40px 0 242px;
    text-align: left;
}

.history_menu ul {
    display: inline-block;
}

.history_menu li {
    margin-top: 23px;
}

.history_menu li:first-child {
    margin-top: 0;
}

.history_menu a {
    font-size: 18px;
    color: #999;
    cursor: pointer;
}

.history_menu .on a {
    color: #333;
    border-bottom: 1px solid #333;
}

.history_tit {
    margin-top: 53px;
    text-align: center;
}

.history_tit a {
    font-size: 40px;
    color: #333;
}

.history_list {
    float: left;
    margin: 0;
    padding-left: 39px;
    border-left: 1px solid #efefef;
}

.history_list ol {
    display: inline-block;
    width: 400px;
    margin-top: -1px;
    background: #fff;
}

.history_list li {
    margin-top: 22px;
    text-align: left;
}

.history_list li:first-child {
    margin-top: 0;
}

.history_list li:after {
    display: block;
    clear: both;
    content: ""
}

.history_list .tit {
    float: left;
    margin-top: -1px;
    font-size: 15px;
    color: #666;
    font-weight: normal;
}

.history_list .desc {
    display: block;
    width: 417px;
    padding-left: 93px;
    line-height: 15px;
    font-size: 13px;
    color: #666;
    letter-spacing: -0.04em;
}

/*
#tab { position: relative; overflow: hidden; }
#tab ul.hidden {  display: none; }
*/


/* 이미지+글*/

.img_text {
    padding: 60px 0 20px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 18px;
}

.img_text img {
    transition: 0.5s;
}

.img_text img:hover {
    opacity: 0.8;
}

.img_text p {
    text-align: center;
    margin-top: 60px;
    color: #666;
    letter-spacing: -0.05em;
    font-weight: lighter;
    line-height: 24px;
    margin-bottom: 64px;
}


/* 파일 다운로드 및 QR코드*/
.file {}

.file .company_report_box {
    width: 1000px;
    margin-top: 80px;
    padding: 39px 0;
    background: #fafafa;
    text-align: center;
    text-align: center;

}

.file .company_report_box .tit {
    font-size: 21px;
    color: #000;
    font-weight: normal;
    letter-spacing: -0.05em;
}

.btn_article {
    margin-top: 22px;
}

#moreResult {
    display: flex;
    padding: 0 300px;
}

#moreResult li {
    flex: 1;
}

.btn_type05 {
    display: inline-block;
    padding: 0 30px;
    line-height: 37px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    transition: 0.3s;
}

.company_report_box .btn_article .btn_type05:hover {
    background: #1F87E6;
    color: #fff;
    border-color: #fff;
}

.adobe_link {
    margin-top: 24px;
    font-size: 13px;
    color: #777;
    transition: 0.3s;
}

.adobe_link:hover {
    color: #1F87E6;
}

.adobe_desc {
    margin-top: 5px;
    font-size: 13px;
    color: #999;
}

.company_report_box.digital_book {
    margin: 10px 0 50px;
}

.tit:last-child {
    transition: 0.3s;
}

.tit:last-child:hover {
    color: #e55204;
}

.company_report_box.digital_book .adobe_desc {
    margin-top: 16px;
    line-height: 18px;
}

.company_report_box.digital_book .qr_img {
    margin-top: 14px;
}


/* 푸터 영역 */
#footer {
    width: 100%;
    height: 190px;
    background: #fafafa;
    color: #999;
    padding-top: 30px;
    box-sizing: border-box;
}


.footD ul {
    width: 100%;
    justify-content: center;
    display: flex;
}

.footD a {
    display: block;
    width: 2em;
    /* = 24px */
    margin-right: 15px;
    line-height: 2em;
    text-align: center;
    font-size: 16px;
    transition: 0.3s;
}

.footD a:hover {
    color: #e55204;
}

.footD ul li:nth-child(4) {
    margin-right: 15px;

}

.sel {
    border: 1px solid #ccc;
    padding: 4px 10px 10px 11px;
    color: #777;
}

#address {
    margin-left: 300px;
    width: 400px;
    margin-top: 20px;
    display: flex;
}

#address p {
    flex: 1 1 auto;
    justify-content: flex-end;
    font-size: 11px;
}

#copy {
    margin-top: 10px;
    width: 1000px;
    height: 20px;
    text-align: center;
    font-size: 11px;
}


#f_logo {
    width: 1000px;
    text-align: center;
}

#f_logo a img {
    width: 105px;

}