@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
.contents{float:left;width:100%;}
.contents>section{width: 1200px;margin:0 auto;}
div.Wrap{ height:auto;position: relative;}
div.ct01>section{width:100%;}
div.contents>section>article>.subVisual{background:url(/bbs/img/sub01Bg.jpg);height: 175px;background-size: cover;background-position: center;display: flex;justify-content: space-around;flex-flow: column;}
div.contents>section>article>.sub02{background:url(/bbs/img/sub02Bg.jpg);}
div.contents>section>article>.sub03{background:url(/bbs/img/sub03Bg.jpg);}
div.contents>section>article>.sub04{background:url(/bbs/img/sub04Bg.jpg);}
div.contents>section>article>.sub05{background:url(/bbs/img/sub05Bg.jpg);}
div.contents>section>article>.subVisual>*{color: white;text-align:center;}
div.contents>section>article>.subVisual>h2{font-size: 32px;}
div.contents>section>article>.subVisual>p{font-size: 12px;}
div.ct02>section>article{float: left;width: 100%;padding:0 10px;}
div.ct01>section>article>.snb{padding-top: 25px;width: 100%;float: left;border-bottom: 1px solid #c7c7c7;padding-bottom: 20px;}
div.ct01>section>article>.snb>ul{width: 55%;margin: 0 auto;}
div.ct01>section>article>.snb>ul>li{font-weight:600;margin: 0 auto;}
div.ct01>section>article>.snb>ul>li>h2{font-size:25px;color:#5b5b5b;font-weight: 600;float: left;padding-right: 30px;border-right: 1px solid #c7c7c7;}
div.ct01>section>article>.snb>ul>li>h2>a>img{margin-right:40px;}
div.ct01>section>article>.snb>ul>li>ul>li{float:left;margin-right: 3%;}
div.ct01>section>article>.snb>ul>li>ul>li>a{font-size:18px;color:#474747;margin: 0 15px;}
div.ct01>section>article>.snb>ul>li>ul>li:first-child>a{margin-left:30px;}
div.ct01>section>article>.snb>ul>li>ul>li:last-child>a{margin-right:0;}
div.ct02>section>article>.ct_area{float: left;width: 100%;margin-bottom: 40px;}
div.ct02>section>article>.ct_area>h2{font-size:40px;text-align: center;margin-top: 70px;}
div.ct02>section>article>.ct_area>p{font-size:18px;color:#cccccc;text-align: center;margin-top: 10px;border-bottom: 1px solid #cccccc;padding-bottom: 50px;}
div.ct02>section>article>.ct_area>.pgroup{margin:60px 0;}
div.ct02>section>article>.ct_area>.pgroup>p{font-size:16px;line-height:30px;color:#333333;text-align:center;margin:20px 0;}
div.ct02>section>article>.ct_area>.box>ul{display:flex;justify-content:space-around;width: 1084px;margin: auto;margin-bottom: 80px;}


/* 연혁 */

.history_area>.table_area>ul{display:flex;justify-content: space-between;}
.history_area>.table_area>ul>li:nth-of-type(2)>img{float:right;margin-right:20px;margin-top:106px;}
.history_area>.table_area table:first-child{margin-top: 80px;}
.history_area>.table_area table{width:100%;margin: 30px 0;}
.history_area>.table_area table tr *{padding:10px 0;}
.history_area>.table_area table tr th{width: 21%;font-size:20px;vertical-align: top;}
.history_area>.table_area table tr td{font-size:16px;vertical-align:top;}
.history_area>.table_area table tr td:nth-of-type(1){color:#9e0b10;padding-top: 12px;width: 23%;}
.history_area>.table_area table tr td:nth-of-type(2){color:#333333;}







/* 조직도 */

.Organization_area{display:flex;justify-content:center;margin-top: 80px;}
.Organization_area>img:first-child{display:block;}
.Organization_area>img:nth-of-type(2){display:none;}


/* 오시는길 */
.location_area{display:flex;justify-content:center;flex-direction: column;align-items: center;}
.location_area>div{width:910px;}
.location_area>.table_area table{width:100%;border-top:2px solid #9e0b10;margin-top:10px;}
.location_area>.table_area table tr *{font-size:16px;padding:8px 0;text-align: left;border-bottom:1px solid #cccccc;padding-left: 20px;}
.location_area>.table_area table tr th{color:#9e0b10;width: 80px;}
.location_area>.table_area table tr td{;color:#333333;padding-left:20px;}






/* 모바일 */
@media screen and (max-width:1200px){
    .contents>section{width:100%;}
    div.ct01>section>article>.snb>ul>li:first-child{display:none;}
    div.ct01>section>article>.snb>ul>li{width:50%;}
    div.ct02>section>article>.ct_area>.box>ul{width:100%;flex-flow: row wrap;}
    div.ct02>section>article>.ct_area>.box>ul>li{width: 32%;}
    div.ct02>section>article>.ct_area>.box>ul>li>img{width:100%;}

    /* 연혁 */
    .history_area>.table_area>ul{flex-direction: column;}
    .history_area>.table_area>ul>li:nth-of-type(2)>img{float:left;width:100%;margin:0;}



    /* 조직도 */
    .Organization_area>img:first-child{display:none;}
    .Organization_area>img:nth-of-type(2){display:block;}


    /* 오시는길 */
    .location_area>div{width:100%;}
}
@media screen and (max-width:800px){
    div.ct02>section>article>.ct_area>.box>ul>li:first-child{
        margin-bottom:6%;
    }
    div.ct02>section>article>.ct_area>.box>ul>li{
        width: 100%;
    }
}