/*공통css*/
.con1300 { width: 100%; max-width: 1300px; margin: 0 auto;}
.s_title {text-align: center;}
.s_title h2 {font-size: 17px;font-family: 'NanumSquare',sans-serif; color:#ffa800; margin-bottom: 10px; font-weight: 600; }
.s_title h1 {font-size: 36px;font-family: 'NanumSquare',sans-serif; color:#333; font-weight: 600; }


/*Content CSS*/
#about_c1 {display: flex; flex-direction: row; padding-top: 50px;}
#about_c1 > div {width: 50%;}

#about_c1 .title {position: relative; z-index: 3}
#about_c1 .title h1 {font-family: 'NanumSquare',sans-serif; font-size:72px;  color:#333; word-break: keep-all;font-weight: 800;}
#about_c1 .title h1 span { color:#ffa800; }

#about_c1 .txt {position: relative; z-index: 3; padding-left: 115px; border-left: 1px solid #ddd;}
#about_c1 .txt p { font-weight: 400; font-size: 20px; line-height: 35px; color:#777; word-break: keep-all; font-family: 'NanumSquare',sans-serif;}
#about_c1 .txt h2 {font-size: 14px; color:#ffa800; letter-spacing: 6px; font-family: 'NanumSquare',sans-serif; margin-top: 25px; text-transform: uppercase;}

#about_c2 {margin-top: 100px; background: url('../img/dot_bg.jpg'); padding: 100px 0;}

#about_c2 .top_title {display: flex; justify-content: space-between; align-items: center; }
#about_c2 .top_title h1 {font-size: 36px; font-family: 'NanumSquare',sans-serif; color:#333; font-weight: 800; text-transform: uppercase; }
#about_c2 .top_title h1 span {color:#ffa800; }
#about_c2 .top_title h1 img {margin-right: 30px;}
#about_c2 .top_title .addr {font-size: 14px; font-weight: 300; color:#666;}
#about_c2 .top_title .addr span {font-size: 16px; font-weight: 500; color:#ffa800; margin-right: 16px;}
.map_con {width: 100%; margin: 35px 0;}
.map_box {width: 100%!important;}

#about_c2 .info_box ul {display: flex;}
#about_c2 .info_box ul li {margin-right: 70px;font-size: 14px; font-weight: 300; color:#666;}
#about_c2 .info_box ul li:last-child {display: none;}
#about_c2 .info_box ul li span {font-size: 16px; font-weight: 500; color:#ffa800; margin-right: 16px;}

#about_c2 .org {margin-bottom: 100px; }
#about_c2 .org .img {background: #fff; width: 100%; padding:65px 0; text-align: center;  margin-top:35px; }



@media screen and (max-width:1600px) {
    #about_c1 {padding: 50px 30px 0;}
    #about_c2 {padding: 100px 30px;}


}

@media screen and (max-width:1300px) {

}


@media screen and (max-width:1200px) {
    #about_c1 {padding: 30px 80px 0;}
    #about_c1 {display: block; text-align: center;}
    #about_c1 > div {width: 100%;}
    #about_c1 .title {margin-bottom: 20px}
    #about_c1 .txt {padding-left: 0; border-left: 0;}
    #about_c1 .txt p br {display: none;}

    #about_c2 {padding: 70px 80px;}
    #about_c2 .top_title {display: block; text-align: center;}
    #about_c2 .top_title .addr {display: none}
    #about_c2 .info_box ul {display: block;;}
    #about_c2 .info_box ul li {margin-right: 0;}
    #about_c2 .info_box ul li:nth-child(2n) {}
    #about_c2 .info_box ul li:last-child {display: block; width: 100%;}

    #about_c2 .org .img {padding:50px ;}
    #about_c2 .org .img img {max-width: 100%; }

}

@media screen and (max-width: 960px) {
    #about_c1 {padding: 30px 80px 0;}
    #about_c1 .title h1 { font-size: 25px; line-height: 40px;}
    #about_c1 .title::after {width: 100px;}
    #about_c1 .title h1 br {display: none;}
    #about_c1 .txt p { font-size: 14px; line-height: 24px;}
    #about_c1 .txt h2 { font-size: 13px; line-height: 20px; }


    #about_c2 .top_title h1 {font-size: 25px;}
    #about_c2 .top_title h1 img {margin-right: 20px;}
    #about_c2 .info_box ul li {font-size: 14px; letter-spacing: -0.5px}

    #about_c2 .org .img {padding:30px ;}
    .s_title h1 { font-size: 25px; line-height: 40px;}

}

@media screen and (max-width: 640px) {
    #about_c1 {padding: 20px 20px 0;}
    #about_c2 {padding: 60px 20px; margin-top: 60px;}

    #about_c2 .org .img {padding:20px ;}
    .s_title h2 {font-size: 14px;  margin-bottom: 5px;}
    .s_title h1 {font-size: 30px;}


}