@charset "utf-8";

@font-face { 
	font-family:'Nanum Gothic'; 
	src: url(font/NanumGothic.ttf) format('truetype');
	src: url(font/NanumGothic.otf);
	src: url(font/NanumGothic.eot);
	src: url(font/NanumGothic.woff);
	
}	
/*hide css*/

.hide{
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    /*fixed*/
    visibility: hidden;
}

/*hide css end*/


/*SMART css document*/


#Wrap{
    width:1280px;
    height:720px;
    font-family:'Nanum Gothic','돋움','Dotum',sans-serif;
}


/*headerWrap*/

#headerWrap{
    width:100%;
    height:175px;
    position:relative;
}
#headerWrap header{
    width:1220px;
    height:auto;
    margin:0 auto;
}

/*title*/
#headerWrap header h1{
    position:absolute;
    left:45px;
    top:50px;
}
#headerWrap header h1 span.school{
    font-size:20px;
    line-height:30px;
    font-weight:700;
}
#headerWrap header h1 span.subject{
    font-size:60px;
    line-height:62px;
    font-weight:700;
}
#headerWrap header h1 span.head_copy{
    font-size:10px;
    line-height:22px;
}
/*title end*/

/*t_menu*/
#t_menu{
    position:absolute;
    right:15px;
    top:15px;
}
#t_menu ul{
    overflow: hidden;
}
#t_menu ul li{
    float:left;
    width:85px;
    height:16px;
}
#t_menu ul li:first-child{
    border-right:1px solid #333333;
}
#t_menu ul li:last-child{
    width:16px;
    margin-left:20px;
    cursor:pointer;
}
#t_menu ul li a{
    display:block;
    width:100%;
    height:100%;
    font-size:13px;
    line-height: 16px;
    font-weight:700;
    text-align: center;
}
#t_menu ul li:first-child a img{
    width:54px;
    height:auto;
}
/*t_menu end*/


/*headerWrap end*/


/*contentWrap*/

#contentWrap{
    width:100%;
    height:485px;
    position:relative;
}
#contentWrap section{
    width:1220px;
    height:100%;
    margin:0 auto;
}

#contentWrap section .m_tit{
    position:absolute;
    right:0;
    top:0;
    width:465px;
    height:100%;
    padding-left:45px
}
/*contentWrap end*/

/*snb*/
#snb{
    width:270px;
    height:445px;
    border-radius:16px;
    position:absolute;
    left:50px;
    top:20px;
    box-sizing: border-box;
    background:url(../images/math_h/lib_l_box_bg.png) no-repeat 70px 289px;
}
#snb .big_tit_wrap{
    margin-top:65px;
    padding:0 20px;
}
#snb .big_tit_wrap ul{
    width:100%;
    height:auto;
}
#snb .big_tit_wrap ul li{
    width:100%;
    text-indent:20px;
    font-weight: 700;
}

#snb .snb_ft{
    width:100%;
    height:42px;
    border-radius: 0 0 16px 16px;
    padding:14px 0;
    box-sizing:border-box;
}
#snb .snb_ft ul{
    overflow: hidden;
    margin:0 auto;
    width:204px;
    height:14px;
}
#snb .snb_ft ul li{
    float:left;
    width:102px;
    height:14px;
    background:url(../images/common/down_icon.png) no-repeat 84px 3px;
    box-sizing:border-box;
}
#snb .snb_ft ul li:first-child{
    text-indent:26px;
    border-right:1px solid #e3e3e3;
    background-position:69px 3px;
}
#snb .snb_ft ul li:last-child{
    text-indent:10px;
}
#snb .snb_ft ul li a{
    display:block;
    width:100%;
    height:100%;
    font-size:10px;
    line-height:14px;
    color:#fff;
}
/*snb end*/


/*footerWrap*/
#footerWrap{
    width:100%;
    height:60px;
    position:relative;
}
#footerWrap footer{
    width:1220px;
    height:100%;
    margin:0 auto;
}
#footerWrap footer h1{
    position:absolute;
    left:30px;
    top:20px;
}
#footerWrap footer h1 img{
    width:146px;
    height:auto;
}
#footerWrap footer p{
    font-size:11px;
	line-height:18px;
    color:rgba(255,255,255,0.6);
    position:absolute;
    left: 206px;
    top:15px;
}


/*footerWrap end*/


