@import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css);


body,p,div,span
{
    font-family: '맑은고딕', 'Malgun Gothic', 'Yoon Gothic', Arial, Helvetica, sans-serif;
}

.table > h1,h1,h2,h3,h4,h5,h6
{
    font-family: '맑은고딕', 'Malgun Gothic', 'Yoon Gothic', Arial, Helvetica, sans-serif;
}



body,p,div,span{
font-size:100%;
line-height:170%
}

.table > h1{font-size:24px;font-weight:300}


#res > .container > h1
{
    font-family:  'Nanum Gothic', sans-serif;
}
#res > .container > h2
{
    font-family: '맑은고딕', 'Malgun Gothic', 'Yoon Gothic', Arial, Helvetica, sans-serif;
}

#links > a {
    font-family: '맑은고딕', 'Malgun Gothic', 'Yoon Gothic', Arial, Helvetica, sans-serif;
    font-size: 14px;

}

.middle-box0 > div {font-size: 92%;line-height: 180%}
.slider > .ct-col1 > span{line-height:160%}

footer h1 {color:#ddd;}
footer p {color:#aaa;line-height:120%}


.slider > .ct-col3 .slideup span {margin:5px 5px 20px;line-height:220%}


@media screen and (max-device-width: 768px) and (orientation:portrait), screen and (max-device-width: 1024px) and (orientation:landscape), screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (-webkit-min-device-pixel-ratio: 2){     
    #links > a{
        padding-left: 1.1%;
        padding-right: 1.1%;
    }

}

@media screen and (max-device-width: 720px) and (max-device-height: 1280px) and (orientation:portrait), screen and (max-device-width: 1280px) and (max-device-height: 720px) and (orientation:landscape), screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
    #links > a{
        padding-left: 1.0%;
        padding-right: 1.0%;
    }
}