@charset "utf-8";


/* Mobile */
.head .admin{position: absolute;top: 40px;right: 75px;}
.head .admin a{display: block;width: 25px;height: 25px;overflow: hidden;font-size: 0;background: var(--btnbg) no-repeat -171px -40px;}

.main_container{position:relative;}
.main_container:before{display:block;content:"";width:100%;height:335px;background:var(--color1);position:absolute;top:0;left:0;z-index:-1;}

.m_top{background:url("/images/15_pool/main/top_bg1.png") no-repeat -50px top;background-size:60%}

.vis_txt{text-align:right;padding:40px 20px;color:var(--white);font-size:24px;text-shadow: 2px 5px 6px #1759a3;}
.vis_txt span{display:block;word-break: keep-all;}
.vis_txt span strong{font-size:36px;vertical-align: baseline;}

.f_gm{font-family: GmarketSans;}

/*공지*/
.notice{position:relative;background:var(--white);box-shadow:0 10px 20px rgba(0, 0, 0, 0.05);border-radius:40px;padding:30px 35px 15px 35px;margin:0 20px;}
.notice h2{color:#2573ca;font-size:22px;background:url("/images//15_pool/main/nt_icon.png") no-repeat left 3px;background-size:28px;padding-left:35px;}

.notice ul li{position:relative;border-bottom:dashed 1px #c9e3ff;padding:10px 0 10px 10px;}
.notice ul li:last-child{border:none;}
.notice ul li:before{display:block;content:"";background:#14d1e6;width:5px;height:5px;border-radius:5px;position:absolute;top:19px;left:0;}
.notice ul li a{display:inline-block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:15px;}
.notice ul li span{display:block;font-size:13px;color:#666;text-align:right;padding:7px;}

.notice .more{position:absolute;top:34px;right:35px;}
.notice .more a{position:relative;display:block;font-size:13px;padding-left:18px;}
.notice .more a:before{display:block;content:"";background:var(--btnbg) no-repeat -1px -80px;width:12px;height:12px;position:absolute;top:3px;left:0;}

/*인포존*/
.info_zone{position:relative;padding:30px 20px;}
.info_zone .info_list div{box-shadow:0 10px 20px rgba(0, 0, 0, 0.05);border-radius:30px;}
.info_zone .info_list div img{width:100%;border-radius:30px;}

.info_zone .control{position:absolute;left:50%;bottom:0;transform:translate(-50%,-50%)}
.info_zone .control .btn{background:var(--white);border:solid 1px var(--gray3);border-radius:30px;display:inline-block;padding:5px 20px 0 20px;}
.info_zone .control .btn span{display:inline-block;font-size:13px;padding-top:2px;margin-left:10px;}
.info_zone .control .btn span strong{display:inline-block;padding-top:2px;color:var(--color1)}

/*바로가기링크*/
.m_link{position: relative;padding: 30px 20px;}
.link_list li{margin: 30px 0;}
.link_list li a{display: block;position: relative;padding: 30px 20px;text-align: center;border: 1px solid #ddd;border-radius: 30px;background: #fff;}
.link_list li a:hover, .link_list li a:focus{background: #fff;border-color: #2573ca;}
.link_list li a:before{display: block;width: 80px;height: 80px;margin: 0 auto;background: url("/images/28_edupay/main/m_bt_icon2.png") no-repeat;content: "";}
.link_list li.li01 a:before{background-position: center 0;}
.link_list li.li02 a:before{background-position: center -80px;}
.link_list li.li03 a:before{background-position: center -160px;}
.link_list li.li04 a:before{background-position: center -240px;}
.link_list li a strong{display: block;margin: 30px 0 20px;font-size: 18px;color: #222;word-break: keep-all;}
.link_list li a span{display: block;font-size: 15px;}
.link_list li a span em{display: block;font-style: normal;font-weight: 600;color: #2573ca;}
.link_list li a i{display: inline-block;position: relative;font-size: 13px;font-style: normal;padding-left: 18px;}
.link_list li a i:before{position: absolute;content: "";width: 12px;height: 12px;top: 3px;left: 0;background: var(--btnbg) no-repeat -1px -80px;}
.link_list li a i.bg_none{padding-left:0;}
.link_list li a i.bg_none:before{display:none;}

/*모바일 순서 조정*/
.link_list li.mb_none{display: none;}

/*배너모음사용 안함*/
footer{border-top: 1px solid #ddd;}


/* Tablet */
@media (min-width: 768px) {
.vis_txt br{display:none;}
.vis_txt strong{display:inline-block;margin-top:4px;}
.vis_txt span strong{margin-top:-10px;}

.info_zone .control{bottom:8px;}
.info_zone .control .btn{border:none;border-radius:15px 15px 0 0;padding:15px 20px 5px 20px;}
.info_zone .control .btn button{display:inline-block;margin:0 5px;}
.info_zone .control .btn span{font-size:16px;padding:0;margin-top:-4px;}

.link_list ul{overflow: hidden;}
.link_list li{float: left;width: calc(50% - 30px);margin: 15px;}
.link_list li a{background: rgba(255,255,255,0.8);}
	
.link_list{padding-bottom:0}
/*.link_list li:first-child{position:relative;width: calc(50% - 30px);}*/

/*241223*/
.link_list ul{display: flex;flex-wrap: wrap;}
.link_list li{float: none;display: inline-flex;}
.link_list li a{width: 100%;}
}

/* Desktop */
@media all and (min-width:1023px) {
.head .admin{right: 90px;}
.menu{margin-right: 150px;}
.menu>ul>li{margin: 0;}
.menu>ul>li>a{padding-right: 20px;min-width: 150px;font-weight: 600;}
.menu>ul>li.menu5>a{padding-right: 30px;}
.depth_box:before{height: 290px;}
	
.main_container:before{height:407px;}
.main_container:after{display:block;content:"";width:100%;height:572px;background:url("/images//28_edupay/main/m_bt_bg.jpg") no-repeat left bottom /cover;position:absolute;left:0;bottom:0;z-index:-2;}
    
.m_top{position:relative;background-position:0 0;background-size:auto;z-index:-1;height:526px;}
.m_top:after{display:block;content:"";width:354px;height:298px;background:url("/images//15_pool/main/top_bg2.png") no-repeat right 0;position:absolute;top:0;right:0;z-index:-1}
.m_top .mt_wrap{max-width:1400px;margin:0 auto;position:relative;}

.vis_txt{text-align:left;padding:100px 0 90px 0;color:var(--white);font-size:28px;}
.vis_txt strong{margin-top:6px;}
.vis_txt span strong{font-size:54px;margin-top:-12px;}


/*공지*/
.notice{background:none;box-shadow:none;border-radius:40px;padding:30px 30px 15px 0;margin:0;max-width:620px;width: 48%;}
.notice:before{display:block;content:"";background:var(--white);box-shadow:0 10px 20px rgba(0, 0, 0, 0.05);border-radius:0 40px 0 0;position:absolute;top:0;left:-50%;width:150%;height:208px;z-index:-1;}
.notice h2{font-size:26px;background-position:0 0;background-size:auto;padding-left:50px;}
.notice ul{padding-top:20px;}
.notice ul li:after{display:block;content:"";clear:both;}
.notice ul li a{font-size:18px;width:75%;float:left;}
.notice ul li span{font-size:16px;float:right;padding:0;}

/*인포존*/
.info_zone{position:absolute;right:0;bottom:-20px;padding:0;max-width: 668px;width: 49%;}
.info_zone .info_list div{border-radius:80px;}
.info_zone .info_list div img{width:auto;max-width: 100%;border-radius:80px;}
.info_zone .control{bottom: -22px;}

.m_link{padding: 140px 0 100px;}
.link_list li{width: calc((100% - 90px)/4);margin: 0 0 0 30px;}
.link_list li:first-child{margin: 0;}
/*.link_list li:first-child{margin: 0;width: calc((100% - 120px)/4);}*/
.link_list li a{padding: 40px 30px 50px;}
.link_list li a strong{height: 2.4em;font-size: 22px;line-height: 1.2em;}	
	
/*모바일 순서 조정*/
.link_list li.mb_none{display: flex;}
.link_list li.pc_none{display: none;}

.head .t_logo{padding-right: 0;}
.head .t_logo h1{width: auto;max-width: 205px;}
}

/*240227*/
.head .t_logo{padding: 20px 0 20px 10px;}
.head button{width: 40px;height: 40px;padding: 0;font-size: 0;overflow: hidden;background: url("/images/28_edupay/main/top_btn.png") no-repeat center -120px;right: 0;top: 25px;}
.head .login{top: 25px;right: 40px;}
.head .login a{width: 40px;height: 40px;padding: 0;font-size: 0;overflow: hidden;background: url("/images/28_edupay/main/top_btn.png") no-repeat center -40px;}
.head .login.out a{width: 40px;background: url("/images/28_edupay/main/top_btn.png") no-repeat center -80px;}
.head .admin{top: 25px;right: 80px;}
.head .admin a{width: 40px;height: 40px;background: url("/images/28_edupay/main/top_btn.png") no-repeat center 0;}
.m_pay.main_container:before{height: 400px;background: url("/images/28_edupay/main/top_bg.gif") no-repeat center bottom /contain #fff9e2;}
.m_pay .m_top{background: none;}
.m_pay .vis_txt{text-align: left;padding-bottom: 0;}
.m_pay .link_list li a{padding: 40px 20px;background: #fff;border: 3px solid #4a4b99;}
.m_pay .link_list li a:hover, .m_pay .link_list li a:focus{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.m_pay .link_list li.li01 a{border-color: #eb6168}
.m_pay .link_list li.li02 a{border-color: #00ada9;}
.m_pay .link_list li.li03 a{border-color: #ec7818;/*padding-bottom: 0;*/}
.m_pay .link_list li a strong{margin: 20px 0;color: #002b69}
.m_pay .link_list li a span{font-size: 18px;}
.m_pay .link_list li a span em{margin-bottom: 10px;color: #4a4b99;}
.m_pay .link_list li.li01 a span em{color: #eb6168}
.m_pay .link_list li.li02 a span em{color: #00ada9}
.m_pay .link_list li.li03 a span em, .m_pay .link_list li.li03 a span b{color: #ec7818;margin: 10px 0;}

@media all and (max-width:767px) {
.m_pay .vis_txt{display: none;}
.m_pay .link_list li a{padding-left: 100px;text-align: left;}
.m_pay .link_list li a:before{position: absolute;top: 50%;left: 10px;transform: translateY(-50%);}
.m_pay .link_list li a strong{margin-top: 0;}
.m_pay .link_list li a span{font-size: 15px;}
}

@media all and (min-width:768px) {	
.m_pay .vis_txt{text-shadow: none;color: #333;}
.m_pay .link_list li a br{display: none;}
}

@media all and (min-width:1023px) {
.head .tsitemap a{top: 25px;right: 0;width: 40px;height: 40px;padding: 0;font-size: 0;overflow: hidden;background: url("/images/28_edupay/main/top_btn.png") no-repeat center -120px;}
.translated-ltr .head .admin{top: 70px;}
.m_pay .m_top{height: auto;}
.m_pay .vis_txt{display: block;padding-bottom: 90px;}
.m_pay .m_link{padding-top: 60px;}
.m_pay .wrap{padding-bottom: 80px;}
.m_pay .wrap:after{display: block;clear: both;content: "";}
.m_pay .notice{float: left;padding: 40px;margin: 0;border-radius: 40px;background: var(--white);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);max-width: 680px;max-height: 420px;height: 30vw;}
.m_pay .notice:before{display: none;}
.m_pay .info_zone{position: relative;float: right;width: 48%;max-width: 680px;bottom: auto;}
.m_pay .link_list li a br{display: block;}
.m_pay .m_top:after{display: none;}
.m_top .mt_wrap:after{position: absolute;width: 551px;height: 356px;background: url("/images/28_edupay/main/mt_img.png") no-repeat;top: 44px;right: 0;content: "";}
.m_pay.main_container:before{background-size: auto;}
}