@charset "UTF-8";

@import url("../fonts/Pretendard/Pretendard.css");
@import url("../fonts/remixicon/remixicon.css?v=20240614");
@import url("https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-kr@5.2.5/index.min.css");


*{font-family:inherit;outline:none;text-shadow:none;box-shadow:none;-webkit-text-size-adjust:none;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;
-webkit-user-select:none; /* Safari */
-ms-user-select:none; /* IE 10 and IE 11 */
user-select:none; /* Standard syntax */
font-size:inherit;color:inherit;line-height:inherit;font-family:inherit;font-weight:inherit;
}

input,select,textarea{-ms-user-select:auto;-moz-user-select:auto;-webkit-user-select:auto;-khtml-user-select:auto;user-select:auto;}

html{margin:0;padding:0;}
body{position:relative;margin:0;padding:0;font-family:"Pretendard",Sans-serif;background-color:#ffffff;}

.sitewidth{max-width:2000px;margin:0;padding:0 30px;box-sizing:border-box;}
.sitewidth.size_fhd{max-width:1920px;}
.sitewidth.size_full{max-width:auto;}

@media all and (max-width:1000px){
	.sitewidth{;padding:0 15px;}
}


#wrap{position:relative;background-color:#fafafa;}

#wrap_main{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#ffffff;}

#header{position:absolute;z-index:10;left:0;top:0;width:250px;height:100%;border-right:1px solid #e2e2e2;background-color:#ffffff;box-sizing:border-box;overflow:auto;}
#header .divider{position:relative;padding:20px 20px;}
#header .divider + .divider{border-top:1px solid #e2e2e2;}
#header .divider .divider_title{position:relative;margin:0;padding:0;margin-left:15px;font-size:14px;font-weight:400;line-height:1.4;color:#000000;}
#header .divider .divider_content{position:relative;}
#header .divider .divider_title + .divider_content{margin-top:10px;}
#header .divider .divider_content > *{margin-left:15px;}
#header .logo{position:relative;display:flex;margin:0;margin-left:15px;padding:20px 20px;min-height:80px;box-sizing:border-box;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#header .logo a{position:relative;display:block;width:100%;text-decoration:none;}
#header .logo img{position:relative;display:block;max-width:100%;}
#header .menu{position:relative;margin-left:0 !important;}
#header * + .menu{margin-top:10px;}
#header .menu ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex:wrap;flex-direction:column;row-gap:5px;}
#header .menu ul:after{content:"";display:block;clear:both;}
#header .menu ul li{position:relative;}
#header .menu ul li.title{padding-left:15px;font-size:13px;font-weight:400;line-height:1.4;color:#000000;}
#header .menu ul li + li.title{margin-top:15px;}
#header .menu .item{position:relative;margin:0;padding:0 10px;text-decoration:none;width:100%;height:45px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;border-top-left-radius:5px;border-bottom-left-radius:5px;transition:background-color ease 0.2s,color ease 0.2s;cursor:pointer;}
#header .menu .item:hover:after{opacity:0.5;}
#header .menu .item.active:after{opacity:1;}
#header .menu .item .icon{position:relative;width:30px;flex-shrink:0;}
#header .menu .item .icon:before{content:"";display:block;padding-bottom:100%;}
#header .menu .item .icon:after{content:"";font-family:"remixicon";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:18px;}
#header .menu .item .title{position:relative;flex-grow:1;font-size:14px;font-weight:400;line-height:1.4;margin-left:3px;}
#header .menu .item:hover{background-color:#f6f9fb;}
#header .menu .item.active{background-color:#e6f0fb;color:#0070f0;background-image:linear-gradient(90deg, rgba(230,240,251,1) 56%, rgba(255,255,255,1) 100%);}
#header .menu .item.active .title{font-weight:500;}
#header .menu .item .icon.icon_home:after{content:"\ee2b";}
#header .menu .item .icon[class*="icon_grammar"]:after{content:"\EC9B";}
#header .menu .item .icon[class*="icon_dsat"]:after{content:"\ED0F";}
#header .menu .item .icon[class*="icon_ap__"]:after{content:"\EA7E";}
#header .menu .item .icon.icon_notice:after{content:"\ef9a";}
#header .menu .item .icon.icon_qna:after{content:"\f045";}
#header .menu .item .icon.icon_faq:after{content:"\f048";}
#header .menu .item .icon.icon_account:after{content:"\F264";}
#header .menu .item .icon.icon_sign_out:after{content:"\EEDE";}
#header .user{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;}
#header .user .icon{position:relative;width:50px;border-radius:50%;background-color:#e6f0fb;background-image:url(../img/layout/icon_user.png);background-size:cover;background-position:center top 5px;background-repeat:no-repeat;animation:ani_user_icon ease 2s 0.5s infinite alternate;}
#header .user .icon:before{content:"";display:block;padding-bottom:100%;}
#header .user .user_name{position:relative;flex-grow:1;font-size:16px;font-weight:400;line-height:1.4;margin-left:10px;}

@keyframes ani_user_icon{
	0%{background-position:center top 5px;}
	20%{background-position:center top;}
	100%{background-position:center top;}
}

@media all and (max-width:1000px){
	#header{padding:0 15px;width:100%;height:55px;border:0;border-bottom:1px solid #e2e2e2;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
	#header .logo{margin:0;padding:0;min-height:0;}
	#header .logo img{max-height:30px;max-width:150px;}
	#header .divider{display:none;}
}


#content{position:absolute;right:0;top:0;width:calc(100% - 250px);height:100%;overflow:auto;overflow-x:hidden;}

#content_path{position:relative;background-color:#ffffff;height:50px;border-bottom:1px solid #e2e2e2;box-sizing:border-box;}
#content_path .inner{positino:relative;height:100%;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;}
#content_path ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;gap:24px;flex-grow:1;align-items:center;}
#content_path ul li{position:relative;}
#content_path ul li:nth-child(n+2):before{content:"\EA6E";font-family:"remixicon";display:block;font-size:18px;font-weight:400;color:#000000;position:absolute;left:-2px;top:50%;transform:translate(-100%,-50%);}
#content_path ul li .item{position:relative;text-decoration:none;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;gap:5px;flex-grow:1;align-items:center;}
#content_path ul li .item .icon{position:relative;margin:0;font-size:20px;font-weight:500;color:#000000;}
#content_path ul li .item .icon:after{content:"";font-family:"remixicon";display:block;}
#content_path ul li .item .title{position:relative;display:block;width:100%;font-size:16px;font-weight:500;color:#000000;line-height:1.4;overflow:hidden;text-overflow:ellipsis;word-break:break-all;}
#content_path ul li .item .icon.icon_home:after{content:"\ee2b";}

@media all and (max-width:1000px){
	#content{width:100%;top:55px;height:calc(100% - 110px);}
}

#content_main{position:relative;}
#content_main #page.page_padding .page_inner.sitewidth{margin:0;margin-right:auto;}



#footer{position:relative;padding:50px 0;padding-bottom:calc(50px + env(safe-area-inset-bottom));background-color:#f6f9fb;}
#footer .inner{margin:0;}
#footer .logo{position:relative;}
#footer .logo img{position:relative;display:block;max-height:35px;max-width:200px;}
#footer .info{position:relative;margin-top:20px;font-size:14px;font-weight:400;color:#000000;line-height:1.4;}
#footer .info .row{position:relative;}
#footer .info .row + .row{margin-top:5px;}
#footer .info ul{position:relative;margin:0;padding:0;list-style:none;}
#footer .info ul:after{content:"";display:block;clear:both;}
#footer .info ul li{position:relative;float:left;white-space:nowrap;}
#footer .info ul li:nth-child(n+2){padding-left:20px;}
#footer .info ul li:nth-child(n+2):before{content:"";display:block;position:absolute;left:10px;top:50%;transform:translate(-50%,-50%);width:1px;height:0.8em;background-color:#555555;}
#footer .info a{color:inherit;text-decoration:none;}

@media all and (max-width:1000px){
	#footer{padding:30px 0;padding-bottom:calc(30px + env(safe-area-inset-bottom));}
	#footer .logo img{max-height:25px;margin:0 auto;}
	#footer .info{font-size:13px;text-align:center;}
	#footer .info ul li{float:none;}
	#footer .info ul li:nth-child(n+2){margin-top:5px;padding-left:0;}
	#footer .info ul li:nth-child(n+2):before{display:none;}
}


#menu{position:fixed;z-index:10;bottom:0;left:0;margin:0;padding:5px 0 0;width:100%;height:calc(55px + env(safe-area-inset-bottom));background-color:#ffffff;border-top:1px solid #e2e2e2;box-shadow:0 0 10px rgba(0,0,0,0.1);box-sizing:border-box;display:none;}
#menu .inner{padding:0;}
#menu ul{position:relative;margin:0;padding:0;list-style:none;margin:0 auto;max-width:1000px;display:flex;flex-wrap:nowrap;flex-direction:row;column-gap:10px;}
#menu ul li{position:relative;flex:1;}
#menu ul li .item{position:relative;text-decoration:none;text-align:center;cursor:pointer;display:block;max-width:100px;margin:0 auto;}
#menu ul li .item .icon{position:relative;margin:0 auto;width:25px;font-size:25px;font-weight:500;color:#4a4d52;}
#menu ul li .item .icon:before{content:"";display:block;padding-bottom:100%;}
#menu ul li .item .icon:after{content:"";font-family:"remixicon";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
#menu ul li .item .title{position:relative;display:block;width:100%;font-size:12px;font-weight:500;color:#4a4d52;margin-top:5px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;word-break:break-all;}
#menu ul li .item.active .icon{color:#0070f0;}
#menu ul li .item.active .title{color:#0070f0;}
#menu ul li .item .icon.icon_home:after{content:"\ee2b";}
#menu ul li .item .icon[class*="icon_grammar"]:after{content:"\EC9B";}
#menu ul li .item .icon[class*="icon_dsat"]:after{content:"\ED0F";}
#menu ul li .item .icon[class*="icon_ap__"]:after{content:"\EA7E";}
#menu ul li .item .icon.icon_notice:after{content:"\ef9a";}
#menu ul li .item .icon.icon_qna:after{content:"\f045";}
#menu ul li .item .icon.icon_faq:after{content:"\f048";}
#menu ul li .item .icon.icon_account:after{content:"\F264";}
#menu ul li .item .icon.icon_sign_out:after{content:"\EEDE";}

@media all and (max-width:1000px){
	#menu{display:block;}
}