@charset "utf-8";
@import "common.css";
@import "layoutCenter4.css";

/* common 메인메뉴 */
a:hover {color:#0470B0;}
.topLogo {float:left; width:185px; height:41px; background:url('/web/images/ci.png') no-repeat; text-indent:-9999em;}

/* 메인페이지 */
#mainImg {color:#FFF; font-size:1.333em; background-color:#4B79AD;}
#mainImg p {padding:2.5em 10em;}
#mainArea {background-color:#FFFFFF; text-align:center;}
#mainArea main {padding:2em 0;}
#mainArea main > ol > li {display:inline-block; height:455px; vertical-align:top; text-align:left; background-color:#FFF; padding:2em; margin:.4em;}
#mainArea main > ol > li:first-of-type {width:350px;}
#mainArea main > ol > li:last-of-type {width:720px;}
#mainArea main > ol > li h3 {font-size:1.250em; padding-bottom:.5em; border-bottom:1px solid;}

/* 메인페이지 게시물 추출 */
.noticeWrap .list li {margin:.45em .3em;}
.noticeWrap h4 {font-size:1.250em;}
.noticeWrap ul {margin-top:30px;}
.noticeWrap .more {margin-top:7px; font-size:1.000em;}
/* 서브메뉴 */
main nav h2 {border-color:#4388BF; background-color:#4388BF;}
main nav ul li {background-color:#F8F8F8;}
main nav ul li:hover, main nav ul li a.nowPage:hover {border-color:#AAD1EC; background-color:#AAD1EC;}
main nav ul li a.nowPage {background-color:#FFF;}

/* 서브페이지 */
main > section > article {min-height:155px;}

/**26-01-29 추가됨 */
/* ===============================
   모바일 반응형 (원본 구조 영향 없음)
   =============================== */
@media screen and (max-width: 768px) {

    /* ===== 로고 ===== */
    .topLogo {
        float:none;
        display:block;
        width:180px;
        height:45px;
        margin:10px auto;
        background-position:center center;
        background-size:contain;
    }

    /* ===== 메인 메뉴 영역 정렬 깨짐 방지 ===== */
    header, 
    #header, 
    .header {
        text-align:center;
    }

    /* ===== 서브메뉴 ===== */
    main nav {
        width:100%;
        margin-bottom:20px;
    }

    main nav h2 {
        font-size:1.1em;
        padding:12px 0;
        text-align:center;
    }

    main nav ul {
        padding:0 10px;
    }

    main nav ul li {
        margin-bottom:8px;
        border-radius:6px;
    }

    main nav ul li a {
        display:block;
        padding:14px 10px;
        font-size:15px;
        text-align:center;
    }

    /* 현재 페이지 강조 */
    main nav ul li a.nowPage {
        font-weight:600;
    }

}