/**************************************************************************************
    Media query
**************************************************************************************/
@media screen and (min-width: 992px) {
   /**************************************************************************************
        ÇмúÁö / ³í¹®Áý / Çмú´ëȸ - sub06_1, sub06_2, sub06_2_a, sub06_3
    **************************************************************************************/
    .cmag-list > ul > li {
        width: 25%;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    
        
}

@media screen and (max-width: 767px) {
    
    /* layout */
    body {
	    width: 100%;
	    min-width: 100%;
	    overflow-y: scroll;
    }

    .innerWrap {
        position: relative;
        width: 100%;
    }
    
    /* common */
    .nav-justified.nav-tabs > li > a {
        font-size: 15px;
        font-weight: 700;  
        outline: none;
        border-radius: 2px 2px 0 0;
    }
    .nav-tabs.nav-justified > .active > a, 
    .nav-tabs.nav-justified >.active > a:focus, 
    .nav-tabs.nav-justified >.active > a:hover {
        color: #1f67a6;
        border: 1px solid #1f67a6;
        border-bottom: 1px solid transparent;
    }
    .nav-tabs.nav-justified > li > a {
        color: #767676;
        border-bottom: 1px solid #1f67a6;
    } 
    
    /* board-page */
    #frm_contents .table-responsive {
        border: 0;   
    }
    #frm_contents .table-responsive > .table {
        border-top: 3px solid #1f67a6;
    }
    #frm_contents .table-responsive > .table th,
    #frm_contents .table-responsive > .table td {
        vertical-align: middle;
    }
    
   
}

@media screen and (max-width: 640px) {
    
    /* ³í¹®Áý ¸ÞÀÎ - directory_main.asp */
    .paper-section {
        width: auto;
    }
        .paper-section dl {
            overflow: hidden;
        }
            .paper-section dl dt {
                float: none;
                width: auto; 
                margin: 0 0 10px;
                padding: 20px;
                text-align: center;
                border: 1px solid #eee;
                border-radius: 5px;
                background-color: #fafafa;
            }
            .paper-section dl dd {
                float: none;
                margin: 0;
            }
                .paper-section dl dd ul {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                }
                .paper-section dl dd ul li {
                    margin: 0 0 10px;
                    padding: 0;
                    list-style: none;
                }
                    .paper-section dl dd ul li a {
                        font-size: 15px;
                        font-weight: 700;
                        color: #1f67a6;
                    }
                        .paper-section dl dd ul li a i {
                            font-size: 15px;
                        }
    
    /* ÇÐȸÁö, ³í¹®Áý ¸®½ºÆ® - gby_cmag.asp */
    .gby-cmag {
        width: auto;
    }
        #frm_container .gby-cmag .thm {
            float: none;
            width: auto; 
            margin-bottom: 20px;
            padding: 20px;
            text-align: center;
            border: 1px solid #eee;
            border-radius: 5px;
            background-color: #fafafa;
        }
        #frm_container .gby-cmag .tb-list {
            width: 100%;
            margin: 0;
            border: 0;
        }
        
    /* ¹ßÇ¥ÀÚ·á - directory.asp */
    #frm_container .tb-paper {
        
    }
        #frm_container .tb-paper {
            
        }
            #frm_container .tb-paper .date {
                display: inline-block;
                margin: 0 0 5px 0;
            }
            #frm_container .tb-paper .title {
                display: block;
            }
      
    /* ³í¹®Áý ¸®½ºÆ® */
    /* .rdoc-year-menu */
    .doc-main-list {
        width: auto;
    }
        .doc-main-list .thm {
            float: none;
            width: auto;
            margin-bottom: 20px;
            padding: 20px;
            border: 1px solid #eee;
            border-radius: 5px;
            background-color: #fafafa; 
        }
            .doc-main-list .thm p {
                text-align: center;
            }
    	
    .rdoc-year-menu {
        float: none;
    	width: 100%;
    }
    	.rdoc-year-menu li.menu a.title{
    		width: auto;
    	}
    	
   
    /**************************************************************************************
        ÇмúÁö / ³í¹®Áý / Çмú´ëȸ - sub06_1, sub06_2, sub06_2_a, sub06_3
    **************************************************************************************/
    .cmag-list > ul > li {
        width: 33.33333%;
    }
        
}

@media screen and (max-width: 480px) {
    
    /* modify */
    .table-responsive > table {
        table-layout: auto;
    }
    
    /**************************************************************************************
        ÇмúÁö / ³í¹®Áý / Çмú´ëȸ - sub06_1, sub06_2, sub06_2_a, sub06_3
    **************************************************************************************/
    .cmag-list > ul > li {
        width: 50%;
    }
    
}

@media print { 
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}