@font-face {
    
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-4Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-5Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



.tg  {border-collapse:collapse;border-color:#ccc;border-spacing:0; margin-bottom:20px}
.tg td{background-color:#fff;border-color:#ccc;border-style:solid;border-width:1px;color:#333;
  font-family:Arial, sans-serif;font-size:14px;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{background-color:#f0f0f0;border-color:#ccc;border-style:solid;border-width:1px;color:#333;
  font-family:Arial, sans-serif;font-size:14px;font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-ag0s{background-color:#656565;border-color:#ffffff;color:#ffffff;text-align:center;vertical-align:top}
.tg .tg-855q{background-color:#ffffff;border-color:#c0c0c0;text-align:left;vertical-align:top}
.tg .tg-wo29{border-color:#c0c0c0;text-align:left;vertical-align:top}
.tg .tg-fzdr{border-color:#c0c0c0;text-align:center;vertical-align:top}
.tg .tg-tjwp{background-color:#efefef;border-color:#c0c0c0;text-align:center;vertical-align:top}
.tg .tg-q1q4{background-color:#656565;border-color:inherit;color:#ffffff;text-align:center;vertical-align:top}
@media screen and (max-width: 767px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}}



/* 레이아웃 */

body{
    margin: 0;
     padding: 0;
     font-family: 'S-CoreDream-4Regular'; }


/* sub01 인사말 */

.sub_wrap { width:100%; }
.sub_wrap .sub01_bg { 
    width: 100%;
    height: 40vh;
    background: url('/img/sub01_bg.png') center center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size:60px;
    color: #fff;
	font-family: 'S-CoreDream-6Bold';
}
.sub_wrap .sub01_bg li { padding-top:60px; }
.container .info-box { display:flex; margin:70px 0; }
.container .info-img { margin:60px 0; }
.container .info-text { width:50%; padding-left:30px;}
.container .info-text li {
    margin:20px 0;
    line-height:2em;
	font-size:17px;
}
.container .info-text .subtitle { font-family: 'S-CoreDream-6Bold'; font-size:20px; line-height:1.5em; }
.container .info-text h1 { font-family: 'S-CoreDream-6Bold'; font-size:40px; line-height:1.5em; }
.container .info-text h1 span { color:#343D92; }
.container .up-line { border-bottom:2px solid #343D92; width:100px; }
.container .under-line { border-bottom:1px solid #bbb; padding-top:10px; }


/* sub02 회사개요 */
.sub_wrap .sub02_bg { 
    width: 100%;
    height: 40vh;
    background: url('/img/sub02_bg.png') center center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size:60px;
    color: #fff;
	font-family: 'S-CoreDream-6Bold';
}
.sub_wrap .sub02_bg li { padding-top:60px; }
.container .s-title { margin-top:80px; }
.container .s-title h2 { font-family: 'S-CoreDream-6Bold'; font-size:50px; text-align:center; margin-bottom:30px; }
.container .s-title li { font-size:18px; text-align:center; }
.container .up-line2 { width:100px; margin:0 auto; border:1px solid #343D92; margin-top:30px; }
.container .list { display:flex; flex-wrap:wrap; margin:40px 0; }
.container .list .item { 
    display:flex;
    align-items:center;
    flex-direction:column;
    width:25%;
    vertical-align:top;
    border:1px solid #bbb;
    margin-left:-1px;
    text-align:center;
    box-sizing:border-box;
    padding:45px 0 50px;
}
.container .list .item:nth-of-type(n + 5) {
    width:33.333333%; margin-top:-1px;
}
.container .item figure {
    margin:10px;
}
.container .item h3 { font-family: 'S-CoreDream-6Bold'; font-size:17px; margin:10px 0; }
.container .item p { font-size:15px; margin:5px 0; }



/* sub03 회사연혁*/
.sub_wrap .sub03_bg { 
    width: 100%;
    height: 40vh;
    background: url('/img/sub03_bg.png') center center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size:60px;
    color: #fff;
	font-family: 'S-CoreDream-6Bold';
}
.sub_wrap .sub03_bg li { padding-top:60px; }
.container .og { width:800px; margin:60px auto; }
.container .og img { width:800px; }




/* 연혁 */
#sub03_title{padding: 50px 0;}
#sub03_title .s3_title{text-align: center;}
#sub03_title .s3_title h2{font-size: 2vh; padding:20px 0; font-family: 'S-CoreDream-4Regular';}
#sub03_title .s3_title h2 span{font-size: 5vh; color: #343E92; font-family: 'S-CoreDream-6Bold';} 

#sub03_title .top_layout{text-align: center;}
#sub03_title .s3_top{display: inline-block; width: 60px; height: 60px; background: url(/img/s3_top.png)}


#sub03_title .bar_layout{text-align: center;}
#sub03_title .bar{display: inline-block; width: 200px; height: 3px; background: #ccc;}


#intro{padding: 100px 0; background: url(/img/sub03_bgb.png) no-repeat; background-size: cover;}
.intro-history > div { position: relative; }

.intro-history > div:after { content: ''; display: block; clear: both; }

.intro-history .intro-history-moving-area { float: left; margin-left: 105px; margin-top: -50px; }

.intro-history .intro-history-moving-area.is-fixed { position: fixed; top: 150px; }

.intro-history .intro-history-moving-area.is-not-fixed { position: absolute; bottom: 253px; top: auto; padding-left: 50px; }

.intro-history .intro-history-box { float: right; }

.intro-history .history-year-front, .intro-history .history-year { display: block; font-family: 'montserrat'; font-weight: 700; font-size: 14rem; line-height: 1.4; line-height: 1; font-weight: 700; color: #444; }

.intro-history .history-year-front + p { margin-top: 52px; font-size: 24px; line-height: 1.4; color: #555; }

.intro-history-list > li { position: relative; }

.intro-history-list > li + li { margin-top: 150px; }

.intro-history-list .no-history-img .history-year { position: static; line-height: 1; }

.intro-history-list .history-year { position: absolute; left: 0; top: -50px; }

.intro-history-list .history-img { padding-top: 90px; }

.intro-history-list .history-month { margin-top: 22px; }

.intro-history-list .history-month li:after { content: ''; display: block; clear: both; }

.intro-history-list .history-month li + li { margin-top: 2px; }

.intro-history-list .history-month li strong { float: left; width: 47px; font-family: 'montserrat'; font-weight: 700; font-size: 1.8rem; line-height: 1.4; line-height: 1.5; }

.intro-history-list .history-month li p { float: left; width: calc(100% - 47px); line-height: 2.5; font-size:17px}

.intro-history-list .history-month .history-award { color: #b50031; }

.intro-history-list .history-month .history-award p { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.intro-history-list .history-month .history-award p > i { margin-left: 5px; }

.intro-history-list .history-month .history-hide-month strong { opacity: 0; }





@media (max-width: 768px) {
    .row{padding: 10px;}

	#sub03_title .s3_title h2{font-size: 17px; letter-spacing: -1px; font-family: 'S-CoreDream-4Regular';} 
	#sub03_title .s3_title h2 span{font-size: 22px;  font-family: 'S-CoreDream-6Bold';} 
	.sub_wrap .sub03_bg li{}
	.intro-history .intro-history-moving-area.is-fixed{top: 170px;}
    .intro-history .intro-history-moving-area{
        float: left;
        margin-left: 10px;
        margin-top: -80px;
    }
	.intro-history .history-year-front + p{font-size: 12px; margin-top: 20px;}
    .intro-history .history-year-front, .intro-history .history-year{font-size: 5rem;}

    .intro-history-list .history-img{padding-top: 0;}
    .intro-history-list .history-img img{width: 100%;}
    .intro-history .intro-history-box{width: 65%;}
    .intro-history-list > li + li { margin-top: 150px; }
    .intro-history-list .history-month li p{line-height: 1.5; font-size: 14px; margin-top:10px}
	.intro-history-list .history-month li p span{font-size:11px; color:#ccc}
    .intro-history-list .history-year{top: -80px;}
    .intro-history-list .history-month{margin-left: 0px;}
}






/* sub04 조직도 */
.sub_wrap .sub04_bg { 
    width: 100%;
    height: 40vh;
    background: url('/img/sub04_bg.png') center center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size:60px;
    color: #fff;
	font-family: 'S-CoreDream-6Bold';
}
.sub_wrap .sub04_bg li { padding-top:60px; }
.container .og { width:800px; margin:60px auto; }
.container h2.coo_h2 {font-size: 2vh; padding:20px 0; font-family: 'S-CoreDream-4Regular'; text-align:center;}
.container h2.coo_h2 span{font-size: 5vh; color: #343E92; font-family: 'S-CoreDream-6Bold';} 
.container .og img { width:800px; }
.container .coo { width:800px; margin:60px auto; }
.container .coo img { width:800px; }

.oversea_img1 { width:758px; margin:30px auto; }
.oversea_img2 { width:1000px; margin:30px auto; }

/* sub05 업무협조체계
.sub_wrap .sub05_bg { 
    width: 100%;
    height: 40vh;
    background: url('/img/sub05_bg.png') center center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size:60px;
    color: #fff;
	font-family: 'S-CoreDream-6Bold';
}
.sub_wrap .sub05_bg li { padding-top:60px; }
.container h2 { 
.container .coo { width:800px; margin:60px auto; }
.container .coo img { width:800px; } */


/* sub06 업무실적*/
.sub_wrap .sub06_bg { 
    width: 100%;
    height: 40vh;
    background: url('/img/sub06_bg.png') center center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size:60px;
    color: #fff;
	font-family: 'S-CoreDream-6Bold';
}
.sub_wrap .sub06_bg li { padding-top:60px; }
.container .og { width:800px; margin:60px auto; }
.container .og img { width:800px; }



/* sub07 주민약속*/
.sub_wrap .sub07_bg { 
    width: 100%;
    height: 40vh;
    background: url('/img/sub07_bg.png') center center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size:60px;
    color: #fff;
	font-family: 'S-CoreDream-6Bold';
}
.sub_wrap .sub07_bg li { padding-top:60px; }

.container .pro_title {
    width:900px;
    margin:60px auto 20px auto;
    padding:10px 0; 
    background-color:#343D92; 
    color:#fff; 
    font-size:30px;
    text-align:center;
    font-weight:700;
}

.container .pro_contents { 
    display:flex; 
    width:900px;
    margin:40px auto;
    flex-wrap:wrap;
}
.container .pro_contents li { 
    width:50%;
    box-sizing:border-box;
    padding:20px;
    border:1px solid #bbb;
    margin-left:-1px;
	font-size:17px;
}
.container .pro_contents h2 { text-align:center; color:#343D92; font-size:22px; font-weight:700; margin-bottom:10px; }
.container .pro_contents p { box-sizing:border-box; padding:0 30px; }

.container .pro_contents2 { margin:40px auto; }
.container .pro_contents2 li { 
    border:1px solid #bbb; 
    width:900px; 
    margin:0 auto;
    box-sizing:border-box;
    padding:20px;
	font-size:17px;

}

.container .pro_contents3 { 
    margin:40px auto;     
    border:1px solid #bbb;
    width:900px;
    box-sizing:border-box;
    padding:20px;
}
.container .pro_contents3 li { 
    padding:10px;
	font-size:17px;
    font-weight:700;
}



.container .pro_contents4 {
    display:flex;
    align-items:center;
    width:900px;
    flex-wrap:wrap;
    vertical-align:top;
    text-align:center;
    margin:40px auto;
}
.container .pro_contents4 li {
    border:1px solid #bbb;
    margin-left:-1px;
    box-sizing:border-box;
    padding:20px;
    width:50%;
	font-size:17px;
}
.container .pro_contents4 figure { width:250px; margin:0 auto; }
.container .pro_contents4 h3 { text-align:center; color:#343D92; margin:20px 0px 7px; font-size:20px; font-weight:700; letter-spacing:-1px;}






/* 공지사항 */
.sub_wrap .notice_bg { 
    width: 100%;
    height: 40vh;
    background: url('/img/notice.png') center center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size:60px;
    color: #fff;
	font-family: 'S-CoreDream-6Bold';
}
.sub_wrap .notice_bg li { padding-top:60px; }






/* 채용공고 */
.sub_wrap .recruit_bg { 
    width: 100%;
    height: 40vh;
    background: url('/img/recruit.png') center center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size:60px;
    color: #fff;
	font-family: 'S-CoreDream-6Bold';
}
.sub_wrap .recruit_bg li { padding-top:60px; }


/* 모바일 */
@media (max-width: 768px) {
    .container { width:95%; margin:0 auto; }

	/* sub01 ceo인사말 */
	.sub_wrap .sub01_bg { font-size:32px; } 
	.sub_wrap .sub01_bg li {  margin-top:20px; }
    .container .info-box { display:block;  }
	.container .info-text { padding:0 5px; }
	.container .info-text .subtitle { font-size: 15px; }
    .container .info-box .info-img { max-width:100%; }
    .container .info-box .info-img img { max-width:100%;}

    .container .info-text { width:100%; }
    .container .info-text .title { font-size:25px;  }
    .container .info-text li { font-size:13px; }

	/* sub02 회사개요*/
    .sub_wrap .sub02_bg { font-size:32px; }
	.sub_wrap .sub02_bg li {  margin-top:20px; }
	.container .s-title h2 { font-size:28px; }
	.container .s-title li { font-size:13px; }
    .container .list .item {
        padding:30px 14px 20px;
        width:50%; margin-top:-1px; 
    }
    .container .list .item:nth-of-type(n + 5) { width:100%; }
	

	/* sub03 연혁*/
	.sub_wrap .sub03_bg { font-size:32px; margin-top:10px }


	/* sub04 조직도 */
    .sub_wrap .sub04_bg { font-size:32px; margin-top:10px; }
    .container .og { max-width:100%; }
    .container .og img { max-width:100%;}

	.oversea_img1 { width:100%; margin:30px auto; }
	.oversea_img2 { width:100%; margin:30px auto; }
	.oversea_img1 img { max-width:100%; }
	.oversea_img2 img { max-width:100%; }

    /* sub05 업무협조체계 */
    .sub_wrap .sub05_bg { font-size:32px; margin-top:10px; }
    .container .coo { max-width:100%; }
    .container .coo img { max-width:100%;}

	/* sub06 주요실적 */
	.sub_wrap .sub06_bg { font-size:32px; margin-top:10px; height: 32vh; }

	/* sub07 주민약속 */
    .sub_wrap .sub07_bg { font-size:32px; margin-top:10px }
    .container .pro_title { max-width:100%; font-size:20px; }

    .container .pro_contents,
    .container .pro_contents2 li,
    .container .pro_contents2,
    .container .pro_contents3,
    .container .pro_contents4 { max-width:100%; }
	.container .pro_contents2 li { font-size:13px; }
	.container .pro_contents4 li {width: 100%; }
    .container .pro_contents h2 { font-size:17px; }
    .container .pro_contents li { font-size:13px; }
    .container .pro_contents p { padding:5px; }

    .container .pro_contents3 li { font-size:13px; }

    .container .pro_contents4 figure { max-width:100%; }
    .container .pro_contents4 h3 { font-size:16px; }

	/* 공지사항 */
	.sub_wrap .notice_bg { font-size:32px; }
	.sub_wrap .notice_bg li {  margin-top:20px; }

	/* 채용공고 */
	.sub_wrap .recruit_bg { font-size:32px; }
	.sub_wrap .recruit_bg li {  margin-top:20px; }


}