@charset "UTF-8";

body{letter-spacing: -1px;}
.inner-xxl{max-width: 1232px;}
.container{padding-bottom: 120px;}
.contents{padding-top: 32px;}

#wrap.fixed .header-wrap{position: fixed;top: 0;left: 0;transition: 0.2s;transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31);z-index: 999;}
#wrap.header-roll-up .header-wrap{-webkit-transform: translateY(-150%);-ms-transform: translateY(-150%);transform: translateY(-150%);}

#wrap.fixed.header-roll-up .aside{top: 32px !important;}
#wrap.fixed .aside{top: 127px !important;}

/* 메인 */                                                                                                                                                                                                                                                                                                                                 
#main.container{padding-top: 24px;padding-bottom:0;}                                                                                                                                                                                                                                                                                                          
                                                                                                                                                                                                                                                                                                                                         
                                                                                                                                                                                                                                                                                                                            

/* header */                                                                                                                                                                                                                                                                                                                                            
.header{position: relative;z-index: 99;}                                                                                                                                                                                                                                                                                                                
.header-inner{position: relative;max-width: 1232px;height: 100%;margin: 0 auto;padding: 0 16px;}                                                                                                                                                                                                                                                        
.util-wrap{height: 33px;border-bottom: 1px solid #ddd;}                                                                                                                                                                                                                                                                                                 
.util-menu{display: flex;align-items: center;justify-content: flex-end;height: 32px;}                                                                                                                                                                                                                                                                   
.util-menu > li{float: left;margin-left: 24px;}                                                                                                                                                                                                                                                                                                         
.util-menu > li:first-child{margin-left: 0;}                                                                                                                                                                                                                                                                                                            
.util-menu > .util > a{display:block;}                                                                                                                                                                                                                                                                                                                  
.util-menu > .util i{margin-right: 4px;}                                                                                                                                                                                                                                                                                                                
.util-menu > .util span{height: 32px;line-height: 32px;font-size: 12px;color: rgba(0, 0, 0, 0.58);font-weight: 500;}                                                                                                                                                                                                                                                     
.util-menu > .childSelect select{min-width: 86px;height: 24px;line-height: 24px;font-size: 12px;}                                                                                                                                                                                                                                                       
.util-menu > .lang{position: relative;margin-left: 16px;cursor: pointer;}                                                                                                                                                                                                                                                                               
.util-menu > .lang:hover .lang-select{display: block;}                                                                                                                                                                                                                                                                                                  
.util-menu > .lang .lang-select{display: none;position: absolute;top: 35px;left: -36px;width: 94px;padding: 8px 0;background: #FFF;border: 1px solid #EEE;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);border-radius: 8px;text-align: center;z-index: 9;}                                                                                                
.util-menu > .lang .lang-select::before{display: block;content: '';position: absolute;top: -28px;left: 0;width: 94px;height: 30px;z-index: -1;}                                                                                                                                                                                                         
.util-menu > .lang .lang-select li a{display: block;padding: 8px 0;line-height: 18px;font-size: 13px;}                                                                                                                                                                                                                                                  
.util-menu > .lang .lang-select li a.active, .util-menu > .lang .lang-select li a:hover{color: #383838;color: var(--theme-color);}                                                                                                                                                                                                                      
.header-wrap{height: 96px; width: 100%;border-bottom: 1px solid #ddd; background-color: #fff; transition: all 0.3s;}                                                                                                                                                                                       
.header-wrap .header-inner{}
.logo{position: relative; top: 50%; transform: translateY(-50%);float: left;}                                                                                                                                                                                                                                                                                      
.logo .logo-wrap {display: flex;align-items: center;}  
.logo .logo-wrap a {display: flex;align-items: center;}                                                                                                                                                                                                                                                                                                        
.logo img{max-width: 168px;max-height: 64px;vertical-align: middle;}                                                                                                                                                                                                                                                                                    
.logo .no-img{display: inline-block;vertical-align: middle;font-size: 24px;color: #000;}                                                                                                                                                                                                                                                                
.logo .campus{display: inline-block;height: 25px;vertical-align: middle;}                                                                                                                                                                                                                                                                               
.logo .campus span{display: inline-block;max-width: 107px;height: 25px;margin-left: 16px;padding:1px 8px;background-color:#383838;background-color:var(--theme-color);border-radius: 4px;color: #fff;border: 1px solid rgba(0, 0, 0, 0.38);border: 1px solid var(--theme-color);font-weight: bold;font-size: 13px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.logo .campus.partner span{margin-left:0;border-radius: 0 4px 4px 0;background-color:#fff;border: 1px solid rgba(0, 0, 0, 0.38);color: rgba(0, 0, 0, 0.58);}

.gnb{float:right;}
.gnb .gnb-menu{position: relative;line-height: 96px;}


.gnb .gnb-list li{display: inline-block;padding-left: 12px;}
.gnb .gnb-list li:first-child{padding-left:0;}
.gnb .gnb-list li a{position: relative;display: inline-block;height: 100%; padding: 0 4px;font-weight: bold;text-align: center;}
.gnb .gnb-list li a span{position: relative;z-index: 1;}
.gnb-bar{display: block;position: absolute;top: 48px;width: 0;height: 10px;background-color: #383838;background-color: var(--theme-color);opacity: 0.35;}
.gnb .gnb-list li a.direct span{padding-right: 15px;}
.gnb .gnb-list li a.direct span::after{content: ""; position:absolute; top:0; right:0; width:11px; height:11px; background: url(/images/common/ico_blank_menu_2x.png) no-repeat center / 11px 11px;}
                                                                                                                                                                                                                                                           
                                                                                                                                                                                                                                                                                                                                                        
/* 헤더 스크롤 */                                                                                                                                                                                                                                                                                                                                            
.header .header-wrap.rolldown{position: fixed; top: -100px; left: 0; z-index: 100;}                                                                                                                                                                                                                                                                     
.header .header-wrap.rolldown.active{top: 0;}                                                                                                                                                                                                                                                                                              
                                                                                                                                                                                                                                                                                                                                                        
#sideMenu{position: fixed;right: -100%;top: 0;width: 100%;height: 100%;background-color: #fff;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;overflow-y: auto;z-index: 99999;}                                                                                                                              
#sideMenu.mm-open{right: 0;}                                                                                                                                                                                                                                                                                                                            
.sideMenu-btn{display:none;position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 48px;height: 48px;}                                                                                                                                                                                                                                  
.sideMenu-btn::before{content: '';position: absolute;left: 12px;top: 20px;display: block;width: 24px;height: 2px;background: #000;}                                                                                                                                                                                                                     
.sideMenu-btn::after{content: '';position: absolute;left: 12px;bottom: 19px;display: block;width: 24px;height: 2px;background: #000;}                                                                                                                                                                                                                   
.sideMenu-home{position: absolute;top: 14px;right: 64px;display: block;width: 48px;height: 48px;background: url("/images/common/ico_home_2x.png") no-repeat center;background-size:16px 15px;font-size: 0;text-indent: -999px;}                                                                                                                         
.sideMenu-close{position: absolute;top: 14px;right: 16px;display: block;width: 48px;height: 48px;background: url("/images/common/ico_m_close_2x.png") no-repeat center;background-size:20px 20px;font-size: 0;text-indent: -999px;}                                                                                                                     
.lnb-member{display: flex; padding: 24px 16px;border-bottom: 1px solid #D8D8D8;}                                                                                                                                                                                                                                                                        
.lnb-member > p{display: flex; align-items: center;}                                                                                                                                                                                                                                                                                                    
.lnb-member > p a, .lnb-member > p span{font-weight: bold;border-bottom: 1px solid rgba(0, 0, 0, 0.78);}                                                                                                                                                                                                                                                
.lnb-member > a{margin-left: 8px;font-size: 12px;padding: 3px 8px;}                                                                                                                                                                                                                                                                                     
.m-childSelect{width: 100%;background: #F5F5F5;}                                                                                                                                                                                                                                                                                                        
.m-childSelect .selectBoxB{background: url("/images/common/ico_arrow_bottm_2x.png") no-repeat right 12px center;background-size: 12px 8px;}                                                                                                                                                                                                             
.m-childSelect .selectOptions{border-left: none;border-right: none;}                                                                                                                                                                                                                                                                                    
                                                                                                                                                                                                                                                                                                                                                        
.lnb-menu{margin-top: 16px;}                                                                                                                                                                                                                                                                                                                            
.lnb-menu > .gnb-depth1::after{display: block;content: '';clear: both;}                                                                                                                                                                                                                                                                                 
.lnb-menu .gnb-depth1 > li{position: relative;cursor: pointer;}                                                                                                                                                                                                                                                                                         
.lnb-menu .gnb-depth1 > li .menu-tgl-button{position: absolute;top: 16px;right: 16px;width: 18px;height: 18px;background: url("/images/common/ico_depth1_close_2x.png") no-repeat center;background-size: 10px 7px;font-size: 0;}                                                                                                                       
.lnb-menu .gnb-depth1 > li .menu-tgl-button.active{background-image: url("/images/common/ico_depth1_open_2x.png");}                                                                                                                                                                                                                                     
.lnb-menu .gnb-depth1 > li > a{display: block;padding: 16px;color: rgba(0, 0, 0, 0.58);border-bottom: 1px solid #eee;font-weight: bold;}                                                                                                                                                                                                                                  
.lnb-menu .gnb-depth1 > li > a.active, .lnb-menu .gnb-depth1 > li > a:hover{color: #383838;color: var(--theme-color);}                                                                                                                                                                                                                                  
.lnb-menu .gnb-depth2{display: none;padding: 8px 0px;background: #f5f5f5;}                                                                                                                                                                                                                                                                              
.lnb-menu .gnb-depth1 > li a.active + .gnb-depth2{display: block;}
.lnb-menu .gnb-depth1 > li a.direct span{padding-right:15px; position: relative;}
.lnb-menu .gnb-depth1 > li a.direct span::after{content: ""; position:absolute; top:0; right:0; width:11px; height:11px; background: url(/images/common/ico_blank_menu_2x.png) no-repeat center / 11px 11px;}                                                                                                                                                                                                                                                                                      
.lnb-menu .gnb-depth2 > li{position: relative;}                                                                                                                                                                                                                                                                                                         
.lnb-menu .gnb-depth2 > li .menu-tgl-button{position: absolute;top: 19px;right: 17px;width: 16px;height: 16px;background: url("/images/common/ico_depth2_close_2x.png") no-repeat center;background-size: 8px 6px;font-size: 0;}                                                                                                                     
.lnb-menu .gnb-depth2 > li .menu-tgl-button.active{background-image: url("/images/common/ico_depth2_open_2x.png");}                                                                                                                                                                                                                                     
.lnb-menu .gnb-depth2 > li:last-child{margin-bottom: 0;}                                                                                                                                                                                                                                                                                                
.lnb-menu .gnb-depth2 > li > a{display: block;line-height: 22px;color: rgba(0, 0, 0, 0.78); padding: 16px;font-weight: bold;}                                                                                                                                                                                                                                              
.lnb-menu .gnb-depth2 > li > a.active, .lnb-menu .gnb-depth2 > li > a:hover{color: #383838;color: var(--theme-color);}                                                                                                                                                                                                                                  
.lnb-menu .gnb-depth2 > li > a + .gnb-depth3{margin-top: 16px;padding-left: 32px;}                                                                                                                                                                                                                                                                      
.lnb-menu .gnb-depth2 > li > a.active + .gnb-depth3{display:block;}                                                                                                                                                                                                                                                                                     
.lnb-menu .gnb-depth3{display: none;}                                                                                                                                                                                                                                                                                                                   
.lnb-menu .gnb-depth3.active{display: block;}                                                                                                                                                                                                                                                                                                           
.lnb-menu .gnb-depth3 > li{margin-bottom: 8px;}                                                                                                                                                                                                                                                                                                         
.lnb-menu .gnb-depth3 > li:last-child{margin-bottom: 0;}                                                                                                                                                                                                                                                                                                
.lnb-menu .gnb-depth2 > li:last-child .gnb-depth3{margin-bottom: 16px;}                                                                                                                                                                                                                                                                                 
.lnb-menu .gnb-depth3 > li > a{display: block;line-height: 20px;font-size: 13px;color: rgba(0, 0, 0, 0.58);font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}                                                                                                                                                           
.lnb-menu .gnb-depth3 > li > a.active, .lnb-menu .gnb-depth3 > li > a:hover{color: #383838;color: var(--theme-color);font-weight: bold;}                                                                                                                                                                                                                
                                                                                                                                                                                                                                                                                                                                                        
.m-etc-service{padding: 16px;border-bottom: 1px solid #dbdbdb;}                                                                                                                                                                                                                                                                                         
.m-etc-service > ul{display: flex;flex-wrap: wrap;}                                                                                                                                                                                                                                                                                                     
.m-etc-service > ul > li{margin-right: 16px;}                                                                                                                                                                                                                                                                                                           
.m-etc-service > ul > li:last-child{margin-right: 0;}                                                                                                                                                                                                                                                                                                   
.m-etc-service > ul > li a{position: relative;display: block;width: 160px;height: 48px;line-height: 48px;background: #FFF;border: 1px solid #DDD;border-radius: 8px;text-align: center;}                                                                                                                                                                
.m-etc-service .free-trial{position: relative;}                                                                                                                                                                                                                                                                                                         
.m-etc-service .free-trial a span{display: block;padding-top: 3px;padding-right: 44px;}                                                                                                                                                                                                                                                                 
.m-etc-service .free-trial a em{position: absolute;top: 8px;right: 20px;display: block;width: 42px;height: 20px;line-height: 20px;background-color: #383838;background-color: var(--theme-color);opacity: 0.8;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);border-radius: 8px;color: #fff;text-align: center;}                                           
.m-etc-service .mpay-trial a{}                                                                                                                                                                                                                                                                                                                          
.m-etc-service .mpay-trial a img{display: inline-block; width: 53px;vertical-align: text-bottom;}                                                                                                                                                                                                                                                       
.m-etc-service .mpay-trial a span{display: inline-block; margin-left: 4px;}                                                                                                                                                                                                                                                                             
                                                                                                                                                                                                                                                                                                                                                        
                                                                                                                                                                                                                                                                                                                                                        
.m-quick{display: flex;flex-wrap: wrap;padding: 24px 12px 16px;border-bottom: 1px solid #eee;}                                                                                                                                                                                                                                                                          
.m-quick::after{display: block;content: '';clear: both;}                                                                                                                                                                                                                                                                                                
.m-quick > li{float: left;width: 48%;margin: 1%;border: 1px solid #D8D8D8;border-radius: 8px;text-align: center;}                                                                                                                                                                                                                                    
.m-quick > li > a{display: flex;justify-content: center;align-items: center;padding: 18px 0;}                                                                                                                                                                                                                                                           
.m-quick > li > a > span{display: inline-block;margin-left: 8px; font-weight: bold;color: rgba(0, 0, 0, 0.58);}                                                                                                                                                                                                                                         
.m-quick_banner{display: flex;flex-wrap: wrap;padding:16px 12px;}                                                                                                                                                                                                                                                                                       
.m-quick_banner > li{margin: 0 4px 8px 4px;}                                                                                                                                                                                                                                                                                                            
.m-quick_banner > li > a{display:block;width: 128px;height: 64px;border: 1px solid #D8D8D8;border-radius: 8px;background-color: #fff;overflow: hidden;}                                                                                                                                                                                                 
.m-quick_banner > li > a img{width: 126px;height: auto;object-fit: cover;}                                                                                                                                                                                                                                                                         
                                                                                                                                                                                                                                                                                                                                                        
                                                                                                                                                                                                                                                                                                                                                        
/* footer */                                                                                                                                                                                                                                                                                                                                            
.footer{position: relative;width: 100%;border-top: 11px solid #F5F5F5;background-color: #fff;z-index: 9;}
.footer::before{position: absolute;top: -12px;left: 0;display: block;content: '';width: 100%;height: 1px;background: #D8D8D8;}
.footer-inner{max-width: 1232px;margin: 0 auto;padding: 0 16px;}
.footer-wrap{display: flex;justify-content: space-between;padding: 67px 0 89px;}
.ft-info{flex-grow: 1}
.ft-menu{margin-bottom: 27px;}
.ft-menu-list{display: inline-block;vertical-align: middle;}
.ft-menu-list li{display: inline-block;margin-right: 12px;}

.ft-menu-list li a{font-weight: bold;}
.ft-menu-list li a.ft_compInfo{}
.ft-menu-list li a.ft_compInfo::after{display:inline-block;content:'';width: 2px;height: 12px;margin-left: 16px;background: #D8D8D8;}
.ft-menu .aca-search{position: relative;display: inline-block;margin: 0 12px;padding: 3px 12px;vertical-align: middle;border: 1px solid #D8D8D8;border-radius: 4px;font-weight: bold;}
.ft-menu .aca-search::after{display: inline-block;content: '';position: absolute;left: -16px;top: 50%;margin-top: -6px;width: 2px;height: 12px;background: #D8D8D8;}
.ft-sns{display: inline-block;}
.ft-sns::before{display: inline-block;content: '';width: 2px;height: 12px;margin-right: 12px;background: #D8D8D8;vertical-align: middle;}
.ft-sns li{display: inline-block;margin-right: 2px;vertical-align: middle;}
.ft-sns li:last-child{margin-right: 0;}
.ft-sns li a i{transition: 0.2s;transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);}
.ft-addres-copy h2{margin-bottom: 10px;font-weight: bold;font-size: 18px;line-height: 120%;color: rgba(0, 0, 0, 0.78);}
.ft-addres-copy .address{margin-bottom: 10px; color: rgba(0, 0, 0, 0.58);}
.ft-addres-copy .copy{color: rgba(0, 0, 0, 0.58);}
.ft-app{position: relative;padding: 0 32px 0 67px;}
.ft-app::before{position: absolute;top: 0;left: 30px;display: inline-block;content: '';width: 1px;height: 136px;background: #D8D8D8;opacity: 0.4;}
.ft-app h3{margin-bottom: 24px;font-weight: bold;font-size: 18px;line-height: 120%;}
.ft-app ul li{width: 145px;height: 40px;line-height: 37px;border: 1px solid rgba(216, 216, 216, 0.5);box-sizing: border-box;border-radius: 8px;}
.ft-app ul li.google{margin-bottom: 8px;background: url("/images/skin/card/ico_google_2x.png") no-repeat left 20px center;background-size:18px 21px;}
.ft-app ul li.apple{background: url("/images/skin/card/ico_apple_2x.png") no-repeat left 20px top 5px;background-size:22px 26px;}
.ft-app ul li a{display: block;font-weight: bold;font-size: 14px;color: rgba(0, 0, 0, 0.58);text-align: center;}
.ft-app ul li.google a{padding-left: 25px;}
.ft-app ul li.apple a{padding-left: 18px;}                                                                                                                                                                                                                                                                                                          
.address li{display: flex; padding-left: 19px;line-height: 24px;font-weight: normal;}                                                                                                                                                                                                                                                                   
.address li.addr{background: url("/images/common/ico_location_grey_2x.png") no-repeat left top 3px;background-size:11px 16px;}                                                                                                                                                                                                                         
.address li.tell{background: url("/images/common/ico_call_grey_2x.png") no-repeat left top 3px;background-size:11px 16px;}                                                                                                                                                                                                                             
.address li.business{background: url("/images/common/ico_info_grey_2x.png") no-repeat left top 4px;background-size:10px 16px;}                                                                                                                                                                                                                         
.address li span{position: relative;margin-right: 8px;}                                                                                                                                                                                                                                                                                                 
.address li span::after{display: inline-block;content: '';width: 2px;height: 12px;margin-left: 8px;background-color: #dbdbdb;vertical-align: middle;}                                                                                                                                                                                                   
.address li span:last-child::after{display: none;} 


/* 약관동의 화면 */
.header.util_header .header-wrap{box-shadow:none;}
.header.util_header .logo{top:0; transform:none;}
.footer.util_footer{position:absolute; bottom:0;}
.agreement-page.join_layer{padding-bottom:300px;}                                                                                                                                                                                                                                                                                                     


/* 스킨 공통 */
#main section .inner{position: relative;}
#main section .more{position: absolute;top: 0;right: 16px;display: block;width: 36px;height: 28px;background-color: #FFF;border: 1px solid #D8D8D8;border-radius: 4px;background: url("/images/skin/card/ico_more_2x.png") no-repeat center;background-size:14px 14px; transition: 0.2s;transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);}
#main section .more:hover{background-color: #f5f5f5;}
.main-title{margin: 0;padding: 0 0 16px;font-weight: bold;font-size: 20px;border-top: none;line-height: 120%;color: #000;}
.main-small-title{font-weight: bold;font-size: 20px;line-height: 120%;color: #000;}





/* 메인 페이지 */
#main{padding-bottom: 0;}
#main .main-contents{position: relative;margin-bottom: 64px;}
.main-banner .inner{overflow: hidden;}
.main-map .map-control{right:32px;}


/* 수시합격예측 배너 */
.inner{position: relative;max-width: 1232px;margin-left: auto;margin-right: auto;padding-left: 16px;padding-right: 16px;}
.ipsi-banner{letter-spacing: -1px;}
.ipsi-banner .banner-cont{border-radius: 8px; overflow: hidden; position: relative; width: 100%; height: 160px; border: 1px solid #d8d8d8; background-color: #F1F7F9; padding-left: 80px; padding-top: 28px; margin-bottom: 16px;}
.ipsi-banner .img-box{background: url(/images/skin/ipsi/img_ipsi_banner_1x.gif) no-repeat -624px -2px / 1200px 160px; width: 465px; height: 160px; position: absolute; top: 0; right: 9%;}

.ipsi-banner .cont-box{display: flex; position: relative; z-index: 3;}
.ipsi-banner .cont-box .label{font-size: 12px; padding: 3px 8px 4px 8px; border-radius: 4px; border: 1px solid rgba(0,0,0,.2); flex: none; height: 27px; font-weight: 700;}
.ipsi-banner .cont-box .label span{position: relative; padding-left: 20px;}
.ipsi-banner .cont-box .label span::before{content: ""; position: absolute; width: 16px; height: 16px; top: 0; bottom: 0; left: 0; display: block; margin: auto 0; background: url(/images/common/ico_ipsi_label_2x.png) no-repeat center / 16px 16px;}/* 장식 아이콘 */
.ipsi-banner .cont-box .link-box{padding-left: 32px;}
.ipsi-banner .cont-box .link-box strong{font-size: 24px; color: rgba(0,0,0,.78); margin-top: -2px;}
.ipsi-banner .cont-box .link-box strong span{display: block; line-height: 29px; font-weight: 700;}
.ipsi-banner .cont-box .link-box strong span:first-child{position: relative; padding-right: 45px;}
/* .ipsi-banner .cont-box .link-box strong span:first-child::after{content: ""; position: absolute; top: 0; bottom: 0; right: 0; display: block; margin: auto 0; width: 32px; height: 3px; background-color: rgba(0,0,0,.78);} *//* 선 */
.ipsi-banner .cont-box .link-box .btn-box{margin-top: 8px; display: flex;}
.ipsi-banner .cont-box .link-box .btn-box a{width: 144px; padding: 9px 18px 9px 24px; border-radius: 4px; background-color: #fff; box-shadow: 0px 4px 8px 0px rgba(24, 78, 107, 0.18); font-size: 14px; font-weight: 700; display: flex; justify-content: center; align-items: center; margin-left: 8px; transition: all 0.3s;}
.ipsi-banner .cont-box .link-box .btn-box a:first-child{margin-left: 0;}
.ipsi-banner .cont-box .link-box .btn-box a i{flex: none; transition: all 0.3s;}
.ipsi-banner .cont-box .link-box .btn-box a .ico-box{position: relative; margin-left: auto;}
.ipsi-banner .cont-box .link-box .btn-box a i.active{opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0;}
.ipsi-banner .cont-box .link-box .btn-box a.go-ipsi .ico-box{width: 18px; height: 14px;}
.ipsi-banner .cont-box .link-box .btn-box a.go-step .ico-box{width: 18px; height: 18px;}
.ipsi-banner .cont-box .link-box .btn-box a.go-ipsi i{width: 18px; height: 14px; background: url(/images/common/ico_go_ipsi_2x.png) no-repeat center / 18px 14px;}
.ipsi-banner .cont-box .link-box .btn-box a.go-step i{width: 18px; height: 18px; background: url(/images/common/ico_go_step_2x.png) no-repeat center / 18px 18px;}
.ipsi-banner .cont-box .link-box .btn-box a.go-ipsi i.active{background-image: url(/images/common/ico_go_ipsi_white_2x.png);}
.ipsi-banner .cont-box .link-box .btn-box a.go-step i.active{background-image: url(/images/common/ico_go_step_white_2x.png);}

.ipsi-banner .cont-box .link-box .btn-box a:hover{background-color: var(--theme-color); color: #fff; border-radius: 8px;}
.ipsi-banner .cont-box .link-box .btn-box a:hover i{opacity: 0; visibility: hidden;}
.ipsi-banner .cont-box .link-box .btn-box a:hover i.active{opacity: 1; visibility: visible;}


/* 수시합불 이벤트 배너 */
.ipsi-banner2{letter-spacing: -1px;}
.ipsi-banner2 .banner-cont{border-radius: 8px; overflow: hidden; position: relative; width: 100%; height: 160px; /* border: 1px solid transparent; */ background: linear-gradient(92.04deg, #2874E8 26.59%, #6440E5 72.32%); padding-left: 80px; padding-top: 0; margin-bottom: 16px; display: flex; align-items: center;}
.ipsi-banner2 .banner-cont .deco-box{position: absolute; width: 230px; height: 100%; right: 400px;}/* 장식 배경 */
.ipsi-banner2 .banner-cont .deco-box div{position: absolute;}
.ipsi-banner2 .banner-cont .deco-box .c-dot{width: 109px; height: 81px; background: url(/images/skin/ipsi/img_bn_deco1_1x.png) no-repeat center; bottom: 0; right: 0;}
.ipsi-banner2 .banner-cont .deco-box .c-donut{width: 40px; height: 40px; background: url(/images/skin/ipsi/img_bn_deco2_1x.png) no-repeat center; bottom: 42px; right: 80px;}
.ipsi-banner2 .banner-cont .deco-box .coin1{width: 75px; height: 60px; background: url(/images/skin/ipsi/img_coin1_1x.png) no-repeat center; bottom: -16px;}
.ipsi-banner2 .banner-cont .deco-box .coin2{width: 51px; height: 43px; background: url(/images/skin/ipsi/img_coin2_1x.png) no-repeat center; right: 70px; bottom: 58px;}
.ipsi-banner2 .banner-cont .deco-box .coin3{width: 44px; height: 47px; background: url(/images/skin/ipsi/img_coin3_1x.png) no-repeat center; right: 0; bottom: 8px;}

.ipsi-banner2 .img-box{background: url(/images/skin/ipsi/img_cu_coupon_1x.png) no-repeat center; width: 349px; height: 159px; position: absolute; top: 0; right: 95px;}
.ipsi-banner2 .img-box::after{content: ""; background: url(/images/skin/ipsi/img_coin4_1x.png) no-repeat center; position: absolute; right: 82px; top: 70px; display: block; width: 45px; height: 28px;}/* 동전 */

.ipsi-banner2 .cont-box{display: flex; position: relative; z-index: 3; align-items: center;}
.ipsi-banner2 .cont-box .label{font-size: 12px; padding: 4px 8px 4px 7px; border-radius: 4px; border: 1px solid rgba(255,255,255,.38); flex: none; height: 27px; font-weight: 700; align-self: flex-start;}
.ipsi-banner2 .cont-box .label span{position: relative; padding-left: 20px; color: #fff;}
.ipsi-banner2 .cont-box .label span::before{content: ""; position: absolute; width: 16px; height: 15px; top: 0; bottom: 0; left: 0; display: block; margin: auto 0; background: url(/images/skin/ipsi/ico_notice_bn_2x.png) no-repeat center / 16px 15px;}/* 장식 아이콘 */
.ipsi-banner2 .cont-box .link-box{padding-left: 60px;}
.ipsi-banner2 .cont-box .link-box strong{font-size: 24px; color: rgba(0,0,0,.78); margin-top: -2px; color: #fff;}
.ipsi-banner2 .cont-box .link-box strong br{display: none;}
.ipsi-banner2 .cont-box .link-box strong span{display: block; line-height: 29px; font-weight: 700;}
.ipsi-banner2 .cont-box .link-box .desc{position: relative; display: block;}
.ipsi-banner2 .cont-box .link-box strong + .desc{margin-top: 6px; font-size: 16px; color:#C3CBFC; font-weight: 700; display: block;}
.ipsi-banner2 .cont-box .link-box .desc::after{content: ""; position: absolute; width: 155px; height: 25px; background: url(/images/skin/ipsi/img_bn_underline_2x.png) no-repeat center / 155px 25px; display: block; left: 124px; top: 16px;}
.ipsi-banner2 .cont-box .link-box .date{font-size: 13px; margin-top: 8px; color: #FFF572; font-weight: 700; letter-spacing: -0.5px;}


.ani-coin{transform: translateY(150px); transition: all 0.3s; animation: up 0.5s 0.3s forwards , up_down 1.8s 1s infinite alternate-reverse ease-in-out;}
.ipsi-banner2 .img-box::after{transform: translateY(150px); transition: all 0.3s; animation: up 0.5s 0.3s forwards , down_up 1.8s 1s infinite alternate-reverse ease-in-out;}
@keyframes up{
    0%{transform: translateY(150px);}
    100%{transform: translateY(0px);}
}

@keyframes up_down{
    0%{transform: translateY(-30px);}
    /* 50%{transform: translateY(0px);} */
    100%{transform: translateY(0px);}
}
@keyframes down_up{
    0%{transform: translateY(30px);}
    /* 50%{transform: translateY(0px);} */
    100%{transform: translateY(0px);}
}





/* 공지배너 */
.main-subject .subject-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.subject-list li{position: relative;top: 0;height: 162px;margin-bottom: 10px;background-color: #fff;border: 1px solid #D8D8D8;box-sizing: border-box;border-radius: 12px;transition: .2s ease;transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);z-index: 1;}
.subject-list li:hover{top: -10px;border: 1px solid #383838;border: 1px solid var(--theme-color);box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31);}
.subject-list li .subject b{font-size: 18px;color: rgba(0, 0, 0, 0.78);word-break: keep-all;}
.subject-list li span{color: #383838;color: var(--theme-color);font-weight: bold;font-size: 12px;}
.subject-list li a{display: block;width: 100%;height: 100%;padding: 24px;background-repeat: no-repeat;background-position: right 24px bottom 24px;}
.subject-list li.subject-korean a{background-image: url("/images/skin/lecturer/ico_subject_korean.png");}
.subject-list li.subject-math a{background-image: url("/images/skin/lecturer/ico_subject_math.png");}
.subject-list li.subject-english a{background-image: url("/images/skin/lecturer/ico_subject_english.png");}
.subject-list li.subject-social a{background-image: url("/images/skin/lecturer/ico_subject_social.png");}
.subject-list li.subject-science a{background-image: url("/images/skin/lecturer/ico_subject_science.png");}
.subject-list li.subject-essay a{background-image: url("/images/skin/lecturer/ico_subject_essay.png");}
.subject-list li.subject-etc a{background-image: url("/images/skin/lecturer/ico_subject_etc.png");}
.subject-list li.subject-analysis a{background-image: url("/images/skin/lecturer/ico_subject_analysis.png");}
.subject-list li.subject-consult a{background-image: url("/images/skin/lecturer/ico_subject_consult.png");}
.subject-list li.subject-info a{background-image: url("/images/skin/lecturer/ico_subject_info.png");}
.subject-list li.subject-news a{background-image: url("/images/skin/lecturer/ico_subject_news.png");}
.subject-list li.subject-smart-analysis a{background-image: url("/images/skin/lecturer/ico_subject_smart_analysis.png");}

.subject-list li:first-child:nth-last-child(1) {width: 100%;}
.subject-list li:first-child:nth-last-child(2),.subject-list li:first-child:nth-last-child(2) ~ li {width: 49.5%;}
.subject-list li:first-child:nth-last-child(3),.subject-list li:first-child:nth-last-child(3) ~ li {width: 32.6%;}
.subject-list li:first-child:nth-last-child(4),.subject-list li:first-child:nth-last-child(4) ~ li {width: 24.4%;}
.subject-list li:first-child:nth-last-child(5),.subject-list li:first-child:nth-last-child(5) ~ li {width: 19.4%;}
.subject-list li:first-child:nth-last-child(6),.subject-list li:first-child:nth-last-child(6) ~ li {width:16%;}
.subject-list li:first-child:nth-last-child(7),.subject-list li:first-child:nth-last-child(7) ~ li {width:13.6%;}
.subject-list li .subject i.new{margin-left: 4px;}
.main-notice-wrap{display: flex;justify-content: space-between;margin-top: 14px;}
.main-notice-wrap .notice-banner-left{display: flex;justify-content: space-between; width: 49%;}

.bnr-wrap{z-index: 9 !important;}
.bnr-list-box{height: 373px !important;margin-top: 48px;z-index: 2 !important;}
.bnr-list-box::after{display: block;content: '';clear: both;}
.bnr-list{width: 280px !important;height: 373px !important;}
.bnr-list:first-child{}
.bnr-list > a{display: block;width: 280px;height: 373px;border-radius: 12px;box-sizing: initial;overflow: hidden;/*transition: .2s ease;transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);*/}
.bnr-list > a:hover{top:-16px;filter: drop-shadow(0px 10px 6px rgba(68, 68, 68, 0.06)) drop-shadow(0px 0px 1px rgba(68, 68, 68, 0.21)) !important;}
.bnr-text{padding: 35px 32px 0;}
.bnr-cate{margin-bottom: 24px;}
.bnr-cate i{float: left;}
.bnr-cate span{margin-left: 5px;font-weight: bold;font-size: 13px;}
.bnr-title{height: 48px;font-weight: bold;font-size: 20px;line-height: 120%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;   overflow: hidden;}
.bnr-list .date{display: block;margin-top: 8px; font-size: 12px;color: rgba(0, 0, 0, 0.58);}
.bnr-notice .bnr-cate i{width: 23px;height: 23px;background: url("/images/common/ico_mainbanner_notice_title.png") no-repeat;}
.bnr-reserv .bnr-cate i{width: 26px;height: 22px;background: url("/images/common/ico_mainbanner_reservation_title.png") no-repeat;}
.bnr-schedule .bnr-cate i{width: 28px;height: 28px;background: url("/images/common/ico_mainbanner_schedule_title.png") no-repeat;}
.bnr-schedule .bnr-cate span{position: relative;top: 4px;}
.bnr-img{position: absolute;bottom: 0px;left: 0px;width: 280px;height: 158px;overflow: hidden;}
.bnr-notice-A .bnr-back .bnr-img::after, .bnr-schedule-A .bnr-back .bnr-img::after, .bnr-reserv-A .bnr-back .bnr-img::after{display:block;content:'';position: absolute;top: 0;left: 0;width:100%;height:100%;background:rgba(0,0,0,0.02);}
.bnr-notice-A .bnr-img img, .bnr-schedule-A .bnr-img img, .bnr-reserv-A .bnr-img img{width: 100%;}
.bnr-img .default-img{position: absolute;right: 17px;bottom: 32px;}
.bnr-notice .bnr-img .default-img{display:block;width:108px;height:71px;background:url("/images/common/ico_mainbanner_notice.png") no-repeat 0 0;background-size:108px 71px;}
.bnr-reserv .bnr-img .default-img{display:block;width:95px;height:91px;background:url("/images/common/ico_mainbanner_reservation.png") no-repeat 0 0;background-size:95px 91px;}
.bnr-schedule .bnr-img .default-img{display:block;width:92px;height:104px;background:url("/images/common/ico_mainbanner_schedule.png") no-repeat 0 0;background-size:92px 104px;}
.bnr-schedule.bnr-notice-img a:hover::after{display:none;}
.bnr-notice-B a::after, .bnr-reserv-B a::after, .bnr-schedule-B a::after{position: absolute;bottom: -50px;right: 21px;display: block;content: '';width: 48px;height: 48px;border-radius: 50%;background: #383838;background: var(--theme-color);opacity: 0.4;transition: 0.2s;transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);}
.bnr-notice-B a:hover::after, .bnr-reserv-B a:hover::after, .bnr-schedule-B a:hover::after{bottom: 21px;}
.bnr-schedule .bnr-img .date{position: absolute;bottom: 32px;left: 32px; display: inline-block;font-size: 12px;}
.bnr-schedule .bnr-img .date .t{margin-right: 10px; font-weight: bold;color: rgba(0, 0, 0, 0.78);}
.bnr-schedule .bnr-img .date .d{color: rgba(0, 0, 0, 0.58);}
.bnr-reserv .d-day{position: absolute;top: 34px;right: 32px;font-size: 12px;color: rgba(0, 0, 0, 0.58);}
.bnr-text .price{margin-top: 18px; font-weight: bold;font-size: 12px;line-height: 120%;}
.bnr-text .price span{position: relative;top: 1px;margin-right: 4px; font-size: 16px;color: #383838;color: var(--theme-color);}
.bnr-list .grade{display: block;margin-top: 8px; color: rgba(0, 0, 0, 0.58);}
/*.main-notice .swiper-pagination-progressbar{top: inherit !important;bottom: 0 !important;left: auto !important;right:0;width: 588px !important;background: rgba(0, 0, 0, 0.1);border-radius: 4px;overflow: hidden;}
.main-notice .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: rgba(0, 0, 0, 0.2);border-radius: 4px;}*/
.bnr-list-box .bnr-last-moreBtn{float: left;width: 130px !important;height: 373px !important;margin-left: 16px;padding-left: 50px;}
.bnr-list-box .bnr-last-moreBtn > a{position: absolute;top: 50%;transform: translateY(-50.1%);display: block;width: 80px;height: 80px;padding-top: 38px;border-radius: 50%;text-align: center;background: #fff;border: 1px solid #dbdbdb;box-sizing: border-box;}
.bnr-list-box .bnr-last-moreBtn > a:hover{border: 1px solid #dbdbdb;box-shadow: none;}
.bnr-list-box .bnr-last-moreBtn > a > span{padding-top:18px;font-weight: bold;font-size: 11px;color: rgba(0, 0, 0, 0.58);background: url("/images/common/ico_arrow_right_bar_2X.png") no-repeat top center;background-size:14px 12px;}



.card-bnr-slide{position: relative;width: 280px;height: 373px;margin-right: 16px;border-radius: 8px;overflow: hidden;transition: .2s border, box-shadow ease;transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);}
.card-bnr-slide .swiper-slide{width: 280px;height: 373px;}
.card-bnr-slide .swiper-slide a{display: block;width: 100%;height: 100%;}
.card-bnr-slide .swiper-control{position: absolute;bottom: 36px;left: 32px;}
.card-bnr-slide .swiper-control .swiper-pagination{position: absolute;bottom: 45px;left: 0;display: inline-block;width: auto;padding: 2px 8px;color:#fff;font-size: 13px;text-align: left;}
.card-bnr-slide .swiper-control .swiper-pagination::after{display:inline-block;content:'';position: absolute;top: 0;left: 0;width: -webkit-fill-available;min-width: 100%;min-width: -moz-available;min-width: -webkit-fill-available;min-width: fill-available;height: 26px;background: rgba(0, 0, 0, 0.12);border-radius: 4px;z-index: -1;}
.card-bnr-slide .swiper-control .swiper-pagination .swiper-pagination-current{margin-right: 2px;font-weight: bold;}
.card-bnr-slide .swiper-control .swiper-pagination .swiper-pagination-total{margin-left: 2px;color: rgba(255, 255, 255, 0.58);}
.card-bnr-slide .swiper-control .swiper-button-wrap{position: relative;z-index: 1;}
.card-bnr-slide .swiper-control .swiper-button-wrap::after{display:inline-block;content:'';position: absolute;bottom: 0;left: 0;width:76px;height: 40px;background: rgba(0, 0, 0, 0.12);border-radius: 4px;z-index: -1;}
.card-bnr-slide .swiper-control .swiper-button{position: relative;top: auto;left: 4px;bottom:-1px;right: auto;display: inline-block;width: 32px;height: 32px;background: url("/images/skin/lecturer/ico_arrow_box.png") no-repeat 0 0;cursor: pointer;}
.card-bnr-slide .swiper-control .swiper-button::after{display: none;}
.card-bnr-slide .swiper-control .swiper-button.swiper-button-next2{margin-left: 1px;background-position: 0 -32px;}
.card-bnr-slide .swiper-slide .bnr-notice-img {width: 100%;height: auto;border-radius: 8px;object-fit: contain;image-rendering: -webkit-optimize-contrast;overflow: hidden;}
.card-bnr-slide .swiper-slide .cardBnr-list{width: 100%;height: 100%;border-radius: 8px;overflow: hidden;}
.card-bnr-slide .swiper-slide .cardBnr-list a::before{display: block;content: '';position: absolute;top: 0;left: 0; width: 100%;height: 100%;border: 1px solid #D8D8D8;box-sizing: border-box;border-radius: 8px;overflow: hidden;z-index: 1;}
.cardBnr-list.bnr-reserv-A .bnr-img img{position: absolute;top: 50%;transform: translateY(-50%);height: auto;min-height: 158px;object-fit: cover;border-radius: 0 0 8px 8px;}

.cardBnr-list .bnr-text .date{display: block;margin-top: 8px;font-size: 12px;color: rgba(0, 0, 0, 0.58);}


.bnr-notice-txt a::after, .bnr-schedule-txt a::after{position: absolute;bottom: -50px;right: 21px;display: block;content: '';width: 48px;height: 48px;border-radius: 50%;background: #383838;background: var(--theme-color);opacity: 0.4;transition: 0.2s;transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);}
.bnr-notice-txt a:hover::after, .bnr-schedule-txt a:hover::after{bottom: 21px;}

.bnr-schedule .schedule-schyear{display: inline-block;margin-top: 8px;font-size: 14px;color: rgba(0, 0, 0, 0.58);}
.bnr-schedule .schedule-open-date{display: inline-block;font-size: 12px;}
.bnr-schedule .schedule-open-date .t{margin-right: 10px;font-weight: bold;color: rgba(0, 0, 0, 0.78);}
.bnr-schedule .schedule-open-date .d{color: rgba(0, 0, 0, 0.58);}
.bnr-schedule-txt .schedule-open-date{position: absolute;bottom: 32px;left: 32px;}
.bnr-schedule-thum .schedule-open-date{float: right;margin-top: 8px;}


.main-notice2 .notice-banner-left .card-bnr-fix{flex-grow: 1;}
.main-notice2 .notice-banner-left .card-bnr-fix > div{position: relative; height: 178px;padding: 32px 16px 16px 32px;border: 1px solid #D8D8D8;border-radius: 8px;transition: .2s ease;transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);}
.main-notice2 .notice-banner-left .card-bnr-fix > div:hover{border: 1px solid #383838;border: 1px solid var(--theme-color);box-shadow: 0px 18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31);}
.main-notice2 .notice-banner-left .card-bnr-fix > div a{display: block;width: 100%;height: 100%;}
.main-notice2 .notice-banner-left .card-bnr-fix > div strong { font-weight: bold;font-size: 18px; display: flex; justify-content: flex-start; align-items: center;}
.main-notice2 .notice-banner-left .card-bnr-fix > div span{display: block;margin-top: 8px; font-size: 13px;color: rgba(0, 0, 0, 0.58);}
.main-notice2 .notice-banner-left .card-bnr-fix .card-schedule, .main-notice2 .notice-banner-left .card-bnr-fix .card-lecturer{margin-bottom: 17px;background: #FFF;}
.main-notice2 .notice-banner-left .card-bnr-fix .card-schedule a{background: url("/images/skin/ipsi/ico_reservation2.png") no-repeat right 1px bottom;}
.main-notice2 .notice-banner-left .card-bnr-fix .card-lecturer a{background: url("/images/skin/ipsi/ico_lecturer_2x.png") no-repeat right 5px bottom;background-size:103px 70px;}
.main-notice2 .notice-banner-left .card-bnr-fix .card-schedule i.new3{margin-left: 4px;}
.main-notice2 .notice-banner-left .card-bnr-fix .card-reservation{background: #F1F7F9;}
/*.main-notice2 .notice-banner-left .card-bnr-fix .card-reservation a{background: url("/images/skin/pm/ico_reservation2.png") no-repeat right 1px bottom;}*/
.main-notice2 .notice-banner-left .card-bnr-fix .card-reservation a{background: url("/images/skin/ipsi/ico_piggymom_mall_card.png") no-repeat right 1px bottom;}
.main-notice2 .notice-banner-left .card-bnr-fix .card-reservation .cnt{position: absolute;top: -5px;right: 24px;display: inline-block;width: 32px;height: 28px;}
.main-notice2 .notice-banner-left .card-bnr-fix .card-reservation .cnt svg path{fill: var(--theme-color);;}
.main-notice2 .notice-banner-left .card-bnr-fix .card-reservation .cnt i{position: absolute;top: 0;left: 50%;transform: translateX(-50%);display: block;padding-right: 1px;font-style: normal;font-weight: bold;font-size: 12px;color: #fff;z-index: 1;}

#main .main-notice2 .more{right:0;}
.main-notice2 .notice-board-right{position: relative; width: 49%;}
.main-notice2 .notice-board-right h3{border-bottom: 1px solid #000;}
.main-notice2 .notice-board-right .board-list li a{padding:0;height: 100%;}
.main-board-contents .main-board-list{height: 335px;}
.main-board-list-box, .promotion-list-box{border-top: 2px solid #222; clear: both;}
.main-board-list li{border-bottom: 1px solid #eee;}
.main-board-list li a{position: relative; display: block;padding:0;height: 100%;}
.main-board-list li a:hover strong{text-decoration: underline;}
.main-board-list li a::after{display: block;content: '';clear: both;}
.main-board-list li .subject{padding-right: 80px;font-weight: bold;font-size: 16px;line-height: 120%;}
.main-board-list li .subject span{color: #383838;color: var(--theme-color);margin-right: 8px;vertical-align: middle;}
.main-board-list li .subject span + strong{max-width: 80%;padding-right: 2px;}
.main-board-list li .subject strong{display: inline-block;max-width: 90%;color: rgba(0, 0, 0, 0.78);vertical-align: text-bottom;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main-board-list li .subject i.new{margin-left:4px;}
.main-board-list li .date{position: absolute;top: 50%;right: 0;transform: translateY(-50%);font-size: 12px;color: rgba(0, 0, 0, 0.38);}

/* 메인 공지 3개 피기맘 220519 */
.main-notice2 .notice-board33{}
.main-notice2.notice33 .main-notice-wrap{margin-top: 24px;}
.main-notice2.notice33 .main-board-contents .main-board-list li .subject span + strong{}
.main-notice2.notice33 .notice-board33 .main-board-contents .main-board-list li .subject strong{max-width: calc(100% - 120px);}
.main-notice2 .notice-board33{position: relative; width: 31%;}
.main-notice2 .main-board-contents .main-board-list.auto-height{min-height: 67px; height: auto;}
.main-notice2 .main-board-contents .main-board-list.auto-height li{height: 67px;}
.main-notice2 .notice-board33 h3{border-bottom: 1px solid #000;}
.main-notice2 .notice-board33 .board-list li a{padding:0;height: 100%;}



.main-board-contents .main-board-list li{height:20%;}
.main-board-contents .main-board-list li .subject{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;padding-right:0;font-size: 14px;}
.main-board-contents .main-board-list li .subject span{vertical-align: middle;}
.main-board-contents .main-board-list li .subject span + strong{max-width: 75%;}
.main-board-contents .main-board-list li .subject strong{max-width: 80%;font-weight: normal;vertical-align: middle;}
.main-board-contents .main-board-list li .subject i.new{vertical-align: text-top;}
.main-board-contents .main-board-list .empty{position: relative; height: 202px !important;}
.main-board-contents .main-board-list .empty p{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%; padding-top: 60px; text-align: center;}
.main-board-contents .main-board-list .empty p::after{content: ""; position:absolute; top:0; left:0; right:0; display:block; margin: 0 auto; background: url(/images/common/ico_emptyFolder_2x.png) no-repeat center / 46px 42px; width: 46px; height: 42px;}/* 공지없음 아이콘 */
.main-map{margin-top: 32px;}
.main-map .map-cont{width: 100%;height: 480px;background: #f4f4f4;border: 1px solid #D8D8D8;border-radius: 12px;overflow: hidden;}
.main-map .map-control{bottom: 24px;}
i.new{display: inline-block;width: 22px;height: 22px;border-radius: 4px;vertical-align: middle;font-size: 0;background: url("/images/common/ico_new.png") no-repeat center;background-color: #383838;background-color: var(--theme-color);}
i.new2{position: relative;display: inline-block;width: 22px;height: 22px;border-radius: 4px;vertical-align: top;font-size: 0;background: url("/images/common/ico_new2.png") no-repeat top 2px left 2px;background-color: #383838;background-color: var(--theme-color)}
i.new3{position: relative;display: inline-block;width: 22px;height: 22px;border-radius: 4px;vertical-align: top;font-size: 0;background: url("/images/common/ico_new_wbg_2x.png") no-repeat top 2px left 2px; background-color: var(--theme-color)}

/* 메인 tab 게시판 피기맘 220519 */
.main-notice3 .main-notice-wrap{margin-top: 64px;}
.main-notice3 .notice-board-center100{width: 100%;}                                                                                                                                                                                                                                                                       
.main-notice3 .notice-board-center100 h3{font-size:28px; text-align: center; padding-bottom: 0;}
.main-notice3 .notice-board-center100 .desc{font-size: 13px; letter-spacing: -1px; text-align: center; color: rgba(0, 0, 0, 0.58);}
.main-board-contents .main-tab-btns{display: flex; margin-top: 28px; margin-bottom: 28px;}
.main-board-contents .main-tab-btns a{display: flex; height: 42px; justify-content: center; align-items: center; font-size: 14px; font-weight:700; color: rgba(0,0,0,.3); border-bottom: 3px solid #ddd;}
.main-board-contents .main-tab-btns a.active{border-bottom-color: var(--theme-color); color: var(--theme-color);}
.main-board-contents .main-tab-btns.tab20 a{width: 20%;}
.main-board-contents .main-tab-btns.tab25 a{width: 25%;}
.main-board-contents .main-tab-btns.tab33 a{width: 33.33%;}
.main-board-contents .main-tab-btns.tab50 a{width: 50%;}

.main-board-contents .main-tab-panels .panel .empty{position: relative; height: 202px !important; width: 100%; border-bottom: 1px solid #ddd;}
.main-board-contents .main-tab-panels .panel .empty p{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%; padding-top: 60px; text-align: center;}
.main-board-contents .main-tab-panels .panel .empty p::after{content: ""; position:absolute; top:0; left:0; right:0; display:block; margin: 0 auto; background: url(/images/common/ico_emptyFolder_2x.png) no-repeat center / 46px 42px; width: 46px; height: 42px;}/* 공지없음 아이콘 */

.main-board-contents .main-tab-panels .panel{display: none; flex-wrap: wrap;}
.main-board-contents .main-tab-panels .panel.active{display: flex;}
.main-board-contents .main-tab-panels .panel li{width: calc(20% - 13px); margin-left: 16px;}
.main-board-contents .main-tab-panels .panel li:first-child{margin-left: 0;}
.main-board-contents .main-tab-panels .panel .img-box{padding: 19px; border-radius: 8px; border: 1px solid #D8D8D8; transition: all 0.3s;}
.main-board-contents .main-tab-panels .panel .img-box span{border-radius: 8px; overflow: hidden; display:block; padding-bottom: 99%; background-repeat: no-repeat;background-position: center;background-size: cover;}
.main-board-contents .main-tab-panels .panel .img-box span.no-img{background: url(/images/common/no_img2_2x.png) no-repeat center / 64px 79px; background-color: #F7F7F7; border: 1px solid #EEEEEE;}
.main-board-contents .main-tab-panels .panel .img-box span img{max-width:none;}
.main-board-contents .main-tab-panels .panel li:hover .img-box{border-color: var(--theme-color); box-shadow: 0px 0px 1px 0px rgba(38, 62, 43, 0.31), 0px 10px 20px 0px rgba(68, 68, 68, 0.16);}             
.main-board-contents .main-tab-panels .panel .txt-box{display: flex; flex-direction: column; min-height: 100px;}
.main-board-contents .main-tab-panels .panel .txt-box .tab-name{}
.main-board-contents .main-tab-panels .panel .txt-box span{display: block; letter-spacing: -1px; max-height: 38px; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 1.4; margin-top:4px;}
.main-board-contents .main-tab-panels .panel .txt-box .tab-name{font-size: 13px; font-weight: 700; color: var(--theme-color); margin-top:16px;}
.main-board-contents .main-tab-panels .panel .txt-box .post-sub{font-size: 14px; color: rgba(0, 0, 0, 0.78);}
.main-board-contents .main-tab-panels .panel .txt-box .date{font-size: 12px; color: rgba(0, 0, 0, 0.38); margin-top: auto;}
.main-board-contents .main-tab-panels .panel .txt-box .post-sub .flag.new{margin-top: -2px;}

/* 갤러리 게시판 리스트 피기맘 220519 */
.board-gallery-type1{margin-left: -11px;}
.board-gallery-type1 > li{padding-left: 10px;}
.board-gallery-type1 .gall-thumb{background-color: transparent; padding-bottom: 100%;}

.board-gallery-type1 .gall-thumb span{margin:20px; width: calc(100% - 40px); height: calc(100% - 40px); padding-bottom: calc(100% - 40px); border-radius: 8px; overflow: hidden; background-color: #f5f5f5; border: 1px solid #ddd;}
.board-gallery-type1 .gall-thumb.no-img span{background-image: url(/images/common/no_img2_2x.png); background-size: 64px 79px;}
.board-gallery-type1 .gall-cont .subject strong{font-size: 14px; color: rgba(0, 0, 0, 0.78); font-weight: 400; letter-spacing: -1px; line-height: 1;}
.board-gallery-type1 .gall-cont .date{font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.38);}
 
                                         
/* 서브 컨텐츠 */                     
.container .location{display:none;}
.container .contents{max-width: 1200px;margin:0 auto;}
.aside-inner-sm{max-width: 620px;margin-left:264px;}
.aside-inner-md{max-width: 926px;margin-left:264px;}
.container .contents-faq .aside-inner-sm{max-width: 926px;margin-left:264px;}

/* aside */
.inner-aside-wrap{position: relative;}
.aside{position:absolute;top: 0;left:-264px;width: 160px;z-index: 9;}
.aside.fixed{position: fixed;}
.aside > h2{margin-bottom: 40px;font-weight: bold;font-size: 28px;line-height: 38px;color: #000;word-break: keep-all;}
.aside-menu{/*overflow: auto;*/}
.aside-menu::-webkit-scrollbar {width: 10px;height: 10px;}
.aside-menu::-webkit-scrollbar-thumb {background-color: #d1d1d1;border-radius: 10px;background-clip: padding-box;border: 3px solid transparent;}
.aside-menu::-webkit-scrollbar-corner{display: none;}
.aside-menu > li{margin-bottom: 16px;}
.aside-menu > li:last-child{margin-bottom: 0;}
.aside-menu > li > a{position: relative;display: block;padding: 4px 0;font-weight: bold;color: rgba(0, 0, 0, 0.58);}
.aside-menu > li > a.active{color: #383838;color: var(--theme-color);}
.aside-menu > li > a.active .nlbLine{}
.aside-menu .childMenuY{cursor: default;}
.aside-menu .aside-depth3{margin-top: 16px;}
.aside-menu .aside-depth3 > li{margin-bottom: 12px;margin-left: 8px;}
.aside-menu .aside-depth3 > li:last-child{margin-bottom:0;}
.aside-menu .aside-depth3 > li > a{padding-left: 8px;color: rgba(0, 0, 0, 0.58); font-size:13px;}
.aside-menu .aside-depth3 > li > a.active, .aside-menu .aside-depth3 > li > a:hover{color: #383838;color: var(--theme-color);font-weight: bold;}
.aside-menu .aside-depth3 > li > a:before{display:inline-block;content:"";position: absolute;top: 50%;left: -7px;width:4px;height:4px;margin-top: -2px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.3);}
.aside-menu .aside-depth3 > li > a.active:before, .aside-menu .aside-depth3 > li > a:hover:before{background-color: #383838;background-color: var(--theme-color);}

.nlbLine{transition: width 0.5s; position: absolute;bottom: -4px;left: 0; display: block;width: 0;height: 4px;background-color: #383838;background-color: var(--theme-color);}

/* quick menu */
#wrap.fixed.header-roll-up .quick-menu{position: fixed;top: 32px !important;}
#wrap.fixed .quick-menu{position: fixed;top: 127px !important;z-index: 999;}
.quick-menu{top: 161px;}



/* page title */
.page-title-type1{margin-bottom: 16px;}
.page-title-type1 h2{}
.page-title-type1 p{font-weight: bold;font-size: 24px;line-height: 120%;color: #000;}

.page-title-type2{margin-bottom: 32px;}
.page-title-type2 h2{font-size: 34px;}
.page-title-type2 p{margin-top: 8px;font-weight: normal;color: rgba(0, 0, 0, 0.58);}

.page-title-type3{margin-bottom: 12px;}
.page-title-type3 h2{font-size: 18px;}

.board-wrap{}
.board-header{display: flex;justify-content: space-between;align-items: flex-end;min-height: 32px;}
.board-header .board-type{margin-bottom: 0;}
.board-header .board-type select{background-color: #f5f5f5;border: none;border-radius: 0;}

    




@media only screen and (max-width:1024px){

.service-tab .tab{margin-bottom: 40px;}

}





/* icon */
.product-sample.modal-wrap i.great{width: 22px; height: 21px; background: url(/ariimg/etc/ipsi/ico_great_2x.png) no-repeat center / 22px 21px;}
.product-sample.modal-wrap i.good{width: 22px; height: 21px; background: url(/ariimg/etc/ipsi/ico_good_2x.png) no-repeat center / 22px 21px;}
.product-sample.modal-wrap i.normal{width: 22px; height: 21px; background: url(/ariimg/etc/ipsi/ico_normal_2x.png) no-repeat center / 22px 21px;}
.product-sample.modal-wrap i.bad{width: 22px; height: 21px; background: url(/ariimg/etc/ipsi/ico_bad_2x.png) no-repeat center / 22px 21px;}
.product-sample.modal-wrap i.disable{width: 22px; height: 21px; background: url(/ariimg/etc/ipsi/ico_disable_2x.png) no-repeat center / 22px 21px;}
.product-intro i.plus{position: relative; width: 12px; height: 12px;}
.product-intro i.plus span{position: absolute; width: 12px; height: 2px; background-color: #444; top: 50%; left: 50%;}
.product-intro i.plus span.line1{transform: translate(-50%, -50%);}
.product-intro i.plus span.line2{transform: translate(-50%, -50%) rotate(90deg);}




/* modal */
.product-sample.modal-wrap{display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 10000;}
.product-sample.modal-wrap .modal-inner{position: absolute; width: 600px; max-width: 90%; background-color: #fff; border-radius: 12px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.product-sample.modal-wrap .title-box h3{padding-bottom: 12px;}
.product-sample.modal-wrap .count-box{font-size: 14px; color: rgba(0, 0, 0, 0.58); font-weight: 700;}
.product-sample.modal-wrap .count-box .cnt{color: var(--theme-color); margin-left: 4px;}
.product-sample.modal-wrap .modal-close{position: absolute; width: 32px; height: 32px; right: 24px; top: 28px;}
.product-sample.modal-wrap .modal-close span.line{position: absolute; width: 20px; height: 2px; background-color: #000; left: 50%; top: 50%;}
.product-sample.modal-wrap .modal-close span.line:nth-child(2){transform: translate(-50%, -50%) rotate(45deg) ;}
.product-sample.modal-wrap .modal-close span.line:nth-child(3){transform: translate(-50%, -50%) rotate(-45deg) ;}


.product-sample.modal-wrap .frm-input.underLine{box-shadow: none; border-bottom: 1px solid #ddd;}
.product-sample.modal-wrap .modal-inner{padding: 28px 0 48px 0; max-height: 90%; overflow-y: auto; width: auto;}
.product-sample.modal-wrap .title-box{padding: 0 24px;}
.product-sample.modal-wrap .title-box h3{font-size: 24px; font-weight: 700; border-bottom: 1px solid #000;}
.product-sample.modal-wrap .cont-box{margin-top: 16px; padding: 0 24px;}
.product-sample.modal-wrap .frm-input.underLine::placeholder{font-size: 14px; letter-spacing: -1px;}
.product-sample.modal-wrap .search-box{position: relative;}
.product-sample.modal-wrap .search-box .search{position: relative;}
.product-sample.modal-wrap .search-box .search select{color: rgba(0, 0, 0, 0.78); letter-spacing: -1px; font-weight: 700; padding: 0 8px; background: url(../../images/front/ico_arrow_bottm_2x.png) no-repeat 90% center / 12px 8px;}
.product-sample.modal-wrap .search-box .search-btn{position: absolute; top: 0; right: 0; width: 36px; height: 36px;}
.product-sample.modal-wrap .search-box input{height: 36px; border-bottom: 1px solid #ddd;}
.product-sample.modal-wrap .count-box{margin-top: 16px;}
.product-sample.modal-wrap .result-list{border-top: 1px solid #222; margin-top: 8px;}
.product-sample.modal-wrap .result-list .list{border-bottom: 1px solid #d8d8d8; padding: 16px 0; display: flex; align-items: center;}
.product-sample.modal-wrap .result-list .list .btn{font-size: 12px; color: rgba(0, 0, 0, 0.78); padding: 5px 5px;}



/* table */
/* 학생정보 표 */
.product-sample .table-c{text-align: center; font-size: 13px;}
.product-sample .table-c .col{display: flex;}
.product-sample .table-c .row{width: 25%; margin-left: 5px; display: flex; justify-content: center; align-items: center;}
.product-sample .table-c .row.w50{width: 50% !important;}
.product-sample .table-c .row:first-child{margin-left: 0;}
.product-sample .table-c .thead .row{background-color: #F1F7F9; padding: 4px 0; color: var(--theme-color); font-weight: 700;}
.product-sample .table-c .thead .row.black{color: #000;}
.product-sample .table-c .thead .col:first-child .row{border-top: 2px solid var(--theme-color);}
.product-sample .table-c .tbody .row{min-height: 45px; padding: 12px 0; border-bottom: 1px solid #ddd; color: #000;}
.product-sample .table-c .tbody .row.theme{color: var(--theme-color); font-weight: 700;}


.product-sample .table-d{text-align: center; font-size: 13px; text-align: center; justify-content: center;}
.table-d .btn{padding: 4px 0; border-radius: 4px; transition: all 0.3s; font-size: 13px; width: 62px; letter-spacing: -1px;}
.product-sample .table-d .btn.basic{border: 1px solid #ddd; color: rgba(0, 0, 0, 0.58);}
.product-sample .table-d .btn.theme{background-color: var(--theme-color); color: #fff;}
.product-sample .table-d .btn.theme:hover{background-color: var(--theme-color); color: #fff;}
.product-sample .table-d .btn.yellow{background-color: #F8BD3B; color: #fff;}
.product-sample .table-d .btn.yellow:hover{background-color: #EE9732;}
.product-sample .table-d .btn.theme:hover{background-color: #365594;}
.product-sample .table-d .btn.basic:hover{background-color: #f7f7f7;}
.product-sample .table-d .col{display: flex;}
.product-sample .table-d .row{margin-left: 4px; justify-content: center;}
.product-sample .table-d .row:first-child{margin-left: 0;}
.product-sample .table-d .thead .col:first-child .row{border-top: 2px solid var(--theme-color);}
.product-sample .table-d .thead .row{border-bottom: 1px solid #ddd; padding: 4px 0; color: #000; font-weight: 700; display: flex; align-items: center;}
.product-sample .table-d .tbody .row{padding: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.58); border-bottom: 1px solid #eee; height: 45px; display: flex; align-items: center;}
.product-sample .table-d .tbody .row.th{justify-content: left; font-weight: 700; color: rgba(0, 0, 0, 0.78); text-align: left;}
.product-sample .table-d .tbody .row.result{background-color: #F1F7F9;}
.product-sample .table-d .tbody .row i{flex: none; margin-right: 8px;}

.product-sample .table-d .row-box{display: flex; flex-wrap: wrap;}
.product-sample .table-d .row-box .row{border-bottom: 1px solid #ddd; margin-left: 4px;}
.product-sample .table-d .row.txt-theme{color: var(--theme-color);}
.product-sample .table-d .tbody .row-box .row{border-bottom: 1px solid #eee;}
.product-sample .table-d .row.bb-n{border-bottom: none !important;}
.product-sample .table-d .row.bt-n{border-top: none !important;}
.product-sample .table-d .row.br-n{border-right: none !important;}
.product-sample .table-d .row.bl-n{border-left: none !important;}
.product-sample .table-d .row.ml-0{margin-left: 0 !important;}
.product-sample .table-d .row.mr-0{margin-right: 0 !important;}
.product-sample .table-d .row.mt-0{margin-top: 0 !important;}
.product-sample .table-d .row.mb-0{margin-bottom: 0 !important;}

.product-sample .table-d .row-box .row.w100{width: calc(100% - 4px) !important;}
.product-sample .table-d .row-box .row.w50{width: calc(50% - 4px) !important;}
.product-sample .table-d .row-box .row.w33{width: calc(33.33% - 4px) !important;}
.product-sample .table-d .row-box .row.w25{width: calc(25% - 4px) !important;}
.product-sample .table-d .row-box .row.w20{width: calc(20% - 4px) !important;}
.product-sample .table-d .row-box .row.w16{width: calc(16.66% - 4px) !important;}
.product-sample .table-d .row-box .row.w14{width: calc(14.28% - 4px) !important;}

.product-sample .table-d .col-wrap{/* align-items: center; */}
.product-sample .table-d .col-box{display: flex; flex-direction: column; width: 100%;}
.product-sample .table-d .col-box > div{display: flex;}
.product-sample .table-d .col-box{margin-left: 4px;}
.product-sample .table-d .col-wrap .row.h90{height: 90px !important;}
.product-sample .table-d .col-wrap .row.h180{height: 180px !important;}
.product-sample .table-d .col-wrap .row.h240{height: 240px !important;}

.product-sample .table-d .row.tal{text-align: left;}
.product-sample .table-d .row.tar{text-align: right;}
.product-sample .table-d .row.tac{text-align: center;}
.product-sample .table-d .row.jcc{justify-content: center; text-align: center;}
.product-sample .table-d .row.jcl{justify-content: left; text-align: left;}
.product-sample .table-d .row.jcr{justify-content: right; text-align: right;}




/* 상품소개 페이지 공통 */
.product-intro{margin-top: 60px; letter-spacing: -1px;}
.product-intro > .title-box{text-align: center;}
.product-intro > .title-box .title{position: relative;}
.product-intro > .title-box h2{font-size: 40px; font-weight: 700; color: rgba(0, 0, 0, 0.78);}
.product-intro > .title-box h2 span{color: var(--theme-color); margin-left: 8px;}
.product-intro > .title-box .label{width: 60px; padding: 5px 0; font-size: 14px; font-weight: 700; position: absolute; transform: rotate(-15deg) translateX(-50%); left: 50%; top: -18px; z-index: -1;}
.product-intro > .title-box .label.theme{background-color: #2B8FC5; color: #DEE4E8;}
.product-intro > .title-box .label.light{background-color: #DEE4E8; color: #4B80B0;}
.product-intro > .title-box .label.yellow{background-color: #F8BD3B; color: #fff;}
.product-intro > .title-box .desc{font-size: 16px; color: rgba(0, 0, 0, 0.58); margin-top: 4px;}

.product-intro .move-btn-box{display: flex; justify-content: space-between;}
.product-intro .move-btn-box > div{display: flex; align-items: center;}
.product-intro .move-btn-box > div span{font-size: 14px; font-weight: 700; color: rgba(0, 0, 0, 0.78);}
.product-intro .move-btn-box > div.left span{margin-left: 12px;}
.product-intro .move-btn-box > div.right span{margin-right: 12px;}
.product-intro .move-btn-box a{width: 64px; height: 64px; border: 1px solid #ddd; border-radius: 8px; background: url(/ariimg/etc/ipsi/ico_arrow_prev_big_2x.png) no-repeat center / 15px 27px;}
.product-intro .move-btn-box div.right a{background-image: url(/ariimg/etc/ipsi/ico_arrow_next_big_2x.png);}

.product-intro .ad-img-box{margin-top: 8px; height: 264px; border-radius: 8px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.product-intro .ad-img-box .ad-txt{font-size: 32px; font-weight: 700; color: #fff;}
.product-intro .ad-img-box.type1 .ad-txt{text-align: center;}
.product-intro .ad-img-box .btn{width: 137px; padding: 12px 0; border: 1px solid #fff; border-radius: 50px; color: #fff; margin-top: 16px; font-size: 16px;}
.product-intro .ad-img-box.type2{display: flex; flex-direction: row;}
.product-intro .ad-img-box .rolling{width: 97px; height: 97px; margin: 0 16px; position: relative;}
.product-intro .ad-img-box .rolling::after{content: ""; position: absolute; top: 0; left: 0; display: block; width: 97px; height: 97px; background: url(/ariimg/etc/ipsi/img_rolling_txt_2x.png) no-repeat center / 97px 97px; animation: rolling 38s linear infinite;}
@keyframes rolling{
    100% { transform: rotate(360deg); }
}

.product-intro .ad-img-box .rolling i{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.product-intro .ad-img-box .rolling i span{background-color: #fff; width: 16px; height: 4px;}

.product-intro .intro-list{margin-top: 80px;}
.product-intro .intro-list.storng{margin-top: 45px;}
.product-intro .intro-list > .title{font-size: 32px; text-align: center; font-weight: 700; color: rgba(0, 0, 0, 0.78); margin-bottom: 16px;}

.product-intro .intro-list.storng .list-box{display: flex;}
.product-intro .intro-list.storng .list-card{display: flex; flex-direction: column; min-height: 332px; border: 1px solid #ddd; border-radius: 8px; padding: 30px; margin-left: 16px; width: 25%;}
.product-intro .intro-list.storng .list-card:first-child{margin-left: 0;}
.product-intro .intro-list.storng .list-card i{width: 64px; height: 64px; background: url(/ariimg/etc/ipsi/ico_strong3_2x.png) no-repeat center / 64px 49px;}
.product-intro .intro-list.storng .list-card h3{font-size: 18px; margin-top: 64px;}
.product-intro .intro-list.storng .list-card p{font-size: 16px; color: rgba(0, 0, 0, 0.58); margin-top: 16px;}
.product-intro .intro-list.storng .list-card.link{border-radius: 0; border: 0; position: relative; background-color: #F7F7F7; margin-left: 34px;}
.product-intro .intro-list.storng .list-card.link h3{margin-top: 0;}
.product-intro .intro-list.storng .list-card.link .line{width: 20px; height: 1px; background-color: #58595B; margin: 36px 0;}
.product-intro .intro-list.storng .list-card.link p{font-weight: 700; color: rgba(0, 0, 0, 0.78); margin-top: 0;}
.product-intro .intro-list.storng .list-card.link a{background-color: #F8BD3B; border-radius: 8px; color: #fff; font-size: 16px; padding: 11px 0; width: 160px; text-align: center; font-weight: 700; margin-top: 36px; transition: all 0.3s;}
.product-intro .intro-list.storng .list-card.link a:hover{background-color: #FF9800;}
.product-intro .intro-list.storng .list-card.link::after{content: ""; position: absolute; left: -17px; display: block; width: 1px; height: 40px; background-color: #ddd; top: 50%; transform: translateY(-50%);}
.product-intro .intro-list.storng .list-card.link::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; display: block; height: 2px; background-color: #444; border-radius: 50px ;}/* 선 */

.product-intro .intro-list.apply-step{}
.product-intro .intro-list.apply-step .list-box{background-color: var(--theme-color); border-radius: 8px; color: #fff; min-height: 274px; display: flex; padding: 64px;}
.product-intro .intro-list.apply-step .list-box .list{width: 20%; position: relative; margin-left: 80px;}
.product-intro .intro-list.apply-step .list-box .list:first-child{margin-left: 0;}
.product-intro .intro-list.apply-step .list-box .list::after{content: ""; width: 12px; height: 21px; position: absolute; top: 12px; display: block; right: -24px; background: url(/ariimg/etc/ipsi/ico_arrow_apply_step_2x.png) no-repeat center / 12px 21px;}/* 화살표 아이콘 */
.product-intro .intro-list.apply-step .list-box .list:last-child::after{display: none;}
.product-intro .intro-list.apply-step .list-box h3{opacity: 0.5; font-size: 14px; margin-top: 48px;}
.product-intro .intro-list.apply-step .list-box p{margin-top: 4px; font-size: 18px; font-weight: 700;}
.product-intro .intro-list.apply-step .list-box span{margin-top: 4px; font-size: 16px; font-weight: 300;}
.product-intro .intro-list.apply-step .list-box i{width: 49px; height: 50px; background: url(/ariimg/etc/ipsi/ico_step1_2x.png) no-repeat center / 49px 50px; margin-left: 32px;}
.product-intro .intro-list.apply-step .list-box .list:nth-child(2) i{background-image: url(/ariimg/etc/ipsi/ico_step2_2x.png);}
.product-intro .intro-list.apply-step .list-box .list:nth-child(3) i{background-image: url(/ariimg/etc/ipsi//ico_step5_2x.png);}
.product-intro .intro-list.apply-step .list-box .list:nth-child(4) i{background-image: url(/ariimg/etc/ipsi/ico_step4_2x.png);}
.product-intro .intro-list.apply-step .list-box .list:nth-child(5) i{background-image: url(/ariimg/etc/ipsi//ico_step3_2x.png);}

.product-intro .intro-list.apply-info{}
.product-intro .intro-list.apply-info .list-box{display: flex;}
.product-intro .intro-list.apply-info .list-box .list{width: 50%; margin-left: 16px; border: 1px solid #ddd; border-radius: 8px; padding: 32px; display: flex; justify-content: space-between; align-items: stretch;}
.product-intro .intro-list.apply-info .list-box .list:first-child{margin-left: 0;}
.product-intro .intro-list.apply-info .list-box .list i{width: 80px; height: 80px; background: url(/ariimg/etc/ipsi/ico_target_2x.png) no-repeat center / 56px 64px;}
.product-intro .intro-list.apply-info .list-box .list h3{font-size: 24px; color: rgba(0, 0, 0, 0.78);}
.product-intro .intro-list.apply-info .list-box .list p{font-size: 16px; font-weight: 700; color: rgba(0, 0, 0, 0.58); margin-top: 8px;}
.product-intro .intro-list.apply-info .list-box .list span{color: rgba(0, 0, 0, 0.58); font-size: 16px;}
.product-intro .intro-list.apply-info .list-box .list.item2 i{background-image: url(/ariimg/etc/ipsi/ico_date_2x.png); background-size: 62px 62px;}


.product-intro .intro-list.apply-step2 .list-box{display: flex; border-top: 2px solid #444; padding-top: 40px; padding-bottom: 32px;}
.product-intro .intro-list.apply-step2 .list-box .list{text-align: center; position: relative;}
.product-intro .intro-list.apply-step2 .list-box .list::after{content: ""; position: absolute; top: 0; bottom: 0; display: block; width: 8px; height: 12px; margin: auto 0; background: url(/ariimg/etc/ipsi/ico_arrow_apply_step2_2x.png) no-repeat center / 8px 12px; right: 0;}/* 화살표 아이콘 */
.product-intro .intro-list.apply-step2 .list-box .list:last-child::after{display: none;}
.product-intro .intro-list.apply-step2 .list-box .list.w25{width: 25%;}
.product-intro .intro-list.apply-step2 .list-box .list.w20{width: 20%;}
.product-intro .intro-list.apply-step2 .list-box .list i{width: 64px; height: 64px; background: url(/ariimg/etc/ipsi/ico_apply1_ico.png) no-repeat center / 47px 51px; margin: 0 auto;}
.product-intro .intro-list.apply-step2 .list-box .list:nth-child(2) i{width: 64px; height: 64px; background: url(/ariimg/etc/ipsi/ico_apply2_ico.png) no-repeat center / 41px 47px; margin: 0 auto;}
.product-intro .intro-list.apply-step2 .list-box .list:nth-child(3) i{width: 64px; height: 64px; background: url(/ariimg/etc/ipsi/ico_apply3_ico.png) no-repeat center / 45px 35px; margin: 0 auto;}
.product-intro .intro-list.apply-step2 .list-box .list:nth-child(4) i{width: 64px; height: 64px; background: url(/ariimg/etc/ipsi/ico_apply4_ico.png) no-repeat center / 36px 48px; margin: 0 auto;}

.product-intro .intro-list.apply-step2 .list-box .list i{}
.product-intro .intro-list.apply-step2 .list-box .list h3{font-size: 18px; color: rgba(0, 0, 0, 0.78); margin-top: 24px;}
.product-intro .intro-list.apply-step2 .list-box .list p{font-size: 16px; color: rgba(0, 0, 0, 0.58); line-height: 22px; margin-top: 8px;}


.product-intro .intro-list.add-coupon{}
.product-intro .intro-list.add-coupon .coupon-box{height: 186px; background: url(/ariimg/etc/ipsi/img_cupon_bg_2x.png) no-repeat; background-size: 100% 186px; padding: 32px; display: flex; justify-content: space-between; align-items: center;}
.product-intro .intro-list.add-coupon .coupon-box .label{width: 77px; text-align: center; padding: 4px 0 6px 0; font-weight: 700; border-radius: 4px; font-size: 12px; background-color: #427EB4; color: #fff;}
.product-intro .intro-list.add-coupon .coupon-box .label.light{background-color: #DEE4E8; color: var(--theme-color);}
.product-intro .intro-list.add-coupon .coupon-box strong{font-size: 24px; margin-top: 8px; font-weight: 700; color: #fff; line-height: 28px;}
.product-intro .intro-list.add-coupon .coupon-box span{font-weight: 500; color: #fff; font-size: 13px; margin-top: 8px; display: block;}
.product-intro .intro-list.add-coupon .coupon-box .buynow{width: 160px; font-size: 16px; color: #fff; padding: 16px 0; text-align: center; border-radius: 8px; border: 2px solid #fff; font-weight: 700; margin-right: 16px; transition: all 0.3s;}
.product-intro .intro-list.add-coupon .coupon-box .buynow:hover{background-color: #fff; color: var(--theme-color);}


/* 상품소개 페이지 - 수시합격예측 리포트 - 샘플 modal */
.product-sample-bg{cursor: pointer; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}
.product-sample.modal-wrap{background-color: transparent;}
.product-sample.modal-wrap .modal-inner{width: 900px; z-index: 10;}
.product-sample.modal-wrap .modal-inner .list-wrap{padding: 0;}
.product-sample.modal-wrap .report-list .title-box{padding: 0;}
.product-sample.modal-wrap .report-box{margin-top: 0;}
.product-sample.modal-wrap .report-result-box .report-list.chart-list .scroll-box{width: 100vw;}
.product-sample.modal-wrap .report-result-box .item7.table-style-a.report-list .table-d .row-box{width: 36%;}
.product-sample.modal-wrap .report-result-box .item7.table-style-a.report-list .table-d .thead .row:nth-child(5), .product-sample.modal-wrap .report-result-box .item7.table-style-a.report-list .table-d .tbody .row:nth-child(5){width: 14%;}
.product-sample.modal-wrap .report-result-box .item7.table-style-a.report-list .table-d .tbody .row:nth-child(5){font-weight: 700;}
.product-sample.modal-wrap .report-result-box .chart-cont img{margin: 0 auto; margin-top: 45px;}
.product-sample.modal-wrap .report-result-box .chart-box:nth-child(1) .chart-cont img.only-mobile{width: 293px; height: 146px;}
.product-sample.modal-wrap .report-result-box .chart-box:nth-child(2) .chart-cont img{margin-top: 8px;}
.product-sample.modal-wrap .report-result-box .chart-box:nth-child(2) .chart-cont img.only-mobile{height: 180px;}
.product-sample.modal-wrap .report-result-box .report-list.item3 .chart-cont{padding-bottom: 28px;}
.product-sample.modal-wrap .report-result-box .report-list.item3 .chart-cont img{margin-top: 0;}
.product-sample.modal-wrap .ad-info-box{padding: 0;}



/* 리포트 공통 */

.report-box .list-wrap > .report-list{margin-top: 35px;}
.report-box .list-wrap > .report-list:first-child{margin-top: 0;}
.report-list > .title{font-size: 16px; margin-bottom: 16px;}
.report-list > .title-box{margin-bottom: 16px;}
.report-list > .title-box .title{font-size: 16px;}

/*
.report-result-box .used-code{text-align: left; margin-bottom:0; margin-right:auto;}
.report-result-box .product-title{font-size: 24px; color: var(--theme-color); border: 4px solid var(--theme-color); padding: 14px 0; font-weight: 700; text-align: center; position: relative;}
.report-result-box .product-title span{font-size: 12px; position: absolute; top: 50%; transform: translateY(-50%); right: 35px;}
.report-result-box .print-btns{display: flex; justify-content: right; margin-bottom: 8px; align-items: center;}
.report-result-box .print-btns .btn, .report-result-box .print-btns a{padding: 4px 16px; border-radius: 0; border: 1px solid var(--theme-color); font-weight: 700; letter-spacing: -1px; color: var(--theme-color); font-size: 13px; margin-left: 4px;}
.report-result-box .print-btns .btn.print span{position: relative; padding-left: 26px;}
.report-result-box .print-btns .btn.print span::before{content: ""; position: absolute; top: 0; bottom: 0; display: block; width: 16px; height: 15px; margin: auto 0; background: url(../../images/front/ico_print_2x.png) no-repeat center / 16px 15px;}/* 버튼 아이콘 */
*/

.report-result-box .list-wrap > .report-list{margin-top: 32px;}
.report-result-box .report-list{position: relative;}
.report-result-box .report-list .title{color: #000;}
.report-result-box .report-list .title span{color: var(--theme-color); margin-right: 4px;}
.report-result-box .report-list .title-box{display: flex; justify-content: space-between; align-items: center;}
.report-result-box .report-list .title-box .btn{letter-spacing: -1px; padding: 4px 16px 5px 16px; background-color: var(--theme-color); color: #DEE4E8; font-size: 12px; border-radius: 0;}
.report-result-box .report-list .title-box .btn:hover{background-color: #365594;}

.report-result-box .report-list.chart-list{display: flex; flex-wrap: wrap;}
.report-result-box .report-list.chart-list .chart-box .title{font-size: 16px; font-weight: 700; color: rgba(0, 0, 0, 0.58); text-align: center; margin-bottom: 8px;}
.report-result-box .report-list.chart-list .chart-box .title .unit{font-size: 12px; font-weight: 700; color: var(--theme-color); margin-left: 4px;}
.report-result-box .report-list.chart-list .chart-box{position: relative;border: 1px solid #ddd; padding-top: 24px; margin-left: 8px; display: flex; flex-direction: column; min-height: 300px;}
.report-result-box .report-list.chart-list .chart-box:first-of-type{margin-left: 0;}
.report-result-box .report-list.chart-list .chart-box.w50{width: calc(50% - 4px);}
.report-result-box .report-list.chart-list .chart-box.w100{width: 100%;}
.report-result-box .report-list.chart-list .scroll-box{width: 100%;}
.report-result-box .report-list.chart-list .chart-box .chart-name{text-align: center; font-size: 12px; position: absolute; font-weight: 700; display: block; left: 50%; transform: translateX(-50%); padding-left: 10px; bottom: 24px; color: rgba(0,0,0,0.58);}
.report-result-box .report-list.chart-list .chart-box .chart-name::before{content: ""; position: absolute; top: 7px; left: 0; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--theme-color);}
.report-result-box .report-list.chart-list .chart-box .y-label{position: absolute;top: 8px;left: 35px;font-size: 12px;color: rgba(0, 0, 0, 0.38);}

.chart-box.pos-rel{position: relative;}
.toastui-chart-wrapper{display: flex; justify-content: center;}


.report-result-box .report-list.item3{align-items: flex-start;}

.report-result-box .report-box .list-wrap{max-width: 870px; margin: 0 auto; padding: 16px;}
.report-result-box .table-style-a.report-list .table-d .thead .col{height: 80px;}
.report-result-box .table-style-a.report-list .table-d .thead .row:nth-child(1), .report-result-box .table-style-a.report-list .table-d .thead .row:nth-child(3){width: 13%;}
.report-result-box .table-style-a.report-list .table-d .thead .row-box{width: 74%; flex-wrap: wrap;}
.report-result-box .table-style-a.report-list .table-d .thead .row-box .row:nth-child(1), .report-result-box .table-style-a.report-list .table-d .thead .row-box .row:nth-child(3){height: 30px;}

.report-result-box .table-style-a.report-list .table-d .thead .row-box .row:nth-child(4), .report-result-box .table-style-a.report-list .table-d .thead .row-box .row:nth-child(5), .report-result-box .table-style-a.report-list .table-d .thead .row-box .row:nth-child(6), .report-result-box .table-style-a.report-list .table-d .thead .row-box .row:nth-child(7), .report-result-box .table-style-a.report-list .table-d .thead .row-box .row:nth-child(8), .report-result-box .table-style-a.report-list .table-d .thead .row-box .row:nth-child(9){height: calc(100% - 30px);}

.report-result-box .table-style-a.report-list .table-d .tbody .row-box{width: 74%; flex-wrap: wrap;}
.report-result-box .table-style-a.report-list .table-d .tbody .row:nth-child(1), .report-result-box .table-style-a.report-list .table-d .tbody .row:nth-child(3){width: 13%;}

.report-result-box .table-style-b.report-list .table-d .row:nth-child(1), .report-result-box .table-style-b.report-list .table-d .row:nth-child(2), .report-result-box .table-style-b.report-list .table-d .row:nth-child(3){width: 27%;}
.report-result-box .table-style-b.report-list .table-d .row:nth-child(4){width: 18%;}
.report-result-box .table-style-b.report-list .table-d .tbody .row:nth-child(4){font-weight: 700; padding-left: 0; padding-right: 0;}

.report-result-box .item7.table-style-a.report-list .table-d .thead .row-box .row:nth-child(3){height: calc(100% - 30px);}
.report-result-box .item7.table-style-a.report-list .table-d .row-box{width: 20%;}
.report-result-box .item7.table-style-a.report-list .table-d .tbody .row-box .row:nth-child(1){font-weight: 700;}
.report-result-box .item7.table-style-a.report-list .table-d .row:nth-child(2){width: 19%;}
.report-result-box .item7.table-style-a.report-list .table-d .row:nth-child(1), .report-result-box .item7.table-style-a.report-list .table-d .row:nth-child(3){width: 15%;}
/*.report-result-box .item7.table-style-a.report-list .table-d .row:nth-child(5){width: 8%;}*/
.report-result-box .item7.table-style-a.report-list .table-d .row:nth-child(6){width: 8%; }
.report-result-box .item7.table-style-a.report-list .table-d .row:nth-child(7){width: 8%; }
.report-result-box .item7.table-style-a.report-list .table-d .row:nth-child(8){width: 13%; font-weight: 700;}
.report-result-box .item7.table-style-a.report-list .table-d .tbody .row-box .row:nth-child(5){font-weight: 400;}
.report-result-box .item7.table-style-a.report-list .table-d .row-box .row:nth-child(2) .right{font-weight: 700;}
.report-result-box .item7.table-style-a.report-list .table-d .row-box .row:nth-child(2){width: calc(50% - 4px);}
.report-result-box .item7.table-style-a.report-list .table-d .row-box .row:nth-child(3){width: calc(50% - 4px);}
.report-result-box .item7.table-style-a.report-list .table-d .tbody .row-box .row:nth-child(2){width: calc(50% - 4px);}
.report-result-box .item7.table-style-a.report-list .table-d .tbody .row-box .row:nth-child(3){width: calc(50% - 4px);}
.report-result-box .item7.table-style-a.report-list .table-d .tbody .row-box .row:nth-child(5){width: calc(30% - 4px);}
.report-result-box .item7.table-style-a.report-list .table-d .thead .row:nth-child(5){width: 8%;}
.report-result-box .item7.table-style-a.report-list .table-d .thead .row:nth-child(6){width: 8%;}
.report-result-box .item7.table-style-a.report-list .table-d .thead .row:nth-child(7){width: 13%;}
.report-result-box .item7.table-style-a.report-list .table-d .tbody .row:nth-child(5){}

/*
.report-result-box .comment-box{display: flex; min-height: 215px; align-items: center; border-top: 2px solid var(--theme-color); border-bottom: 1px solid #eee;}
.report-result-box .comment-box i{flex: none; width: 35px; height: 39px; background: url(../../images/front/ico_comment_1x.png) no-repeat center; display: block; margin: 0 24px;}
.report-result-box .comment-box .txt-box{padding: 34px; font-size: 13px; color: rgba(0, 0, 0, 0.58); line-height: 1.6;word-break: keep-all;}
.report-result-box .comment-box .txt-box .to{font-weight: 700; margin-bottom: 16px;}
*/


/* 수시전략리포트 컨설팅 결과 */
.product-b-report.report-result-box .item5-next.report-list .table-d .thead .row:nth-child(1){width: 52%;}
.product-b-report.report-result-box .item5-next.report-list .table-d .thead .row:nth-child(2){width: 16%;}
.product-b-report.report-result-box .item5-next.report-list .table-d .thead .row:nth-child(3){width: 16%;}
.product-b-report.report-result-box .item5-next.report-list .table-d .thead .row:nth-child(4){width: 16%;}

.product-b-report.report-result-box .item5-next.report-list .table-d .tbody .row:nth-child(1){width: 20%;}
.product-b-report.report-result-box .item5-next.report-list .table-d .tbody .row:nth-child(2){width: 32%;}
.product-b-report.report-result-box .item5-next.report-list .table-d .tbody .row:nth-child(3){width: 16%;}
.product-b-report.report-result-box .item5-next.report-list .table-d .tbody .row:nth-child(4){width: 16%;}
.product-b-report.report-result-box .item5-next.report-list .table-d .tbody .row:nth-child(5){width: 16%;}
.product-b-report.report-result-box .item5-next.report-list .table-d .tbody .col-box{width: 81%;}
.product-b-report.report-result-box .item5-next.report-list .table-d .tbody .col-box .row:first-child{width: 40%;}
.product-b-report.report-result-box .item5-next.report-list .table-d .tbody .col-box .row:nth-child(2){width: 20%;}
.product-b-report.report-result-box .item5-next.report-list .table-d .tbody .col-box .row:nth-child(3){width: 20%;}
.product-b-report.report-result-box .item5-next.report-list .table-d .tbody .col-box .row:nth-child(4){width: 20%;}

.product-b-report.report-result-box .consult_chart.chart-box{border: 1px solid #ddd; margin-top: 34px;}
.product-b-report.report-result-box .item5-next.report-list .scroll-box{overflow-x: auto;}
.product-b-report.report-result-box .item5-next.report-list .scroll-box .chart-box{min-width: 838px;}


/* 합격비율 설명 영역 */
.pass-rate{margin-top: 24px; padding-top: 16px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.pass-rate em{text-align: center; font-size: 12px; font-weight: 700; color: var(--theme-color); }
.pass-rate em span{position: relative; display: inline-block; padding:  0 30px;}
.pass-rate em span::before, .pass-rate em span::after{content: ""; position: absolute; bottom: 0; top: 0; display: block; margin: auto 0; width: 20px; height: 1px; background-color: var(--theme-color); left: 0;}/* 장식 선 */
.pass-rate em span::after{left: initial; right: 0;}
.pass-rate ul{display: flex;}
.pass-rate ul li{width: 20%; height: 70px; display: flex; justify-content: center; align-items: center; color: rgba(0, 0, 0, 0.58); font-size: 13px; flex-wrap: wrap;}
.pass-rate ul li .txt1{font-weight: 700; margin-left: 10px;}
.pass-rate ul li .txt2{margin-left: 8px;}
.pass-rate ul li .txt1 br{display: none;}
.pass-rate ul li i{flex: none;}


/* 광고영역 */
.ad-info-box{margin-top: 32px; padding: 0 16px;}
.ad-info-box .pr-area{background-color: #F1F7F9; border-top: 2px solid var(--theme-color); display: flex; justify-content: center; padding: 40px 0; align-items: center;}
.ad-info-box .pr-area .ico.ad-deco{width: 48px; height: 48px; background: url(/ariimg/etc/ipsi/ico_deco_ad_2x.png) no-repeat center / 48px 48px;}
.ad-info-box .pr-area .txt-box{padding-left: 32px;}
.ad-info-box .pr-area .txt-box strong{font-size: 20px; font-weight: 700; color: var(--theme-color);}
.ad-info-box .pr-area .txt-box strong + span{margin-top: 6px; font-size: 13px; color: rgba(0, 0, 0, 0.58); line-height: 1.5; display: block; letter-spacing: -0.5%;}
.ad-info-box .product-link-box{display: flex; margin-top: 40px; justify-content: center;}
.ad-info-box .product-link-box .btn{width: 200px; text-align: center; font-size: 14px; font-weight: 700; color: var(--theme-color); padding: 14px 0; border: 2px solid var(--theme-color); border-radius: 0; margin-left: 8px;}
.ad-info-box .product-link-box .btn:first-child{margin-left: 0;}


/* 설명글 리스트 */
.product-sample.modal-wrap .reference{margin-top: 16px;}
.product-sample.modal-wrap .reference span::before{display: none;}
.product-sample.modal-wrap .reference .txt{display: flex; font-size: 12px; color: rgba(0, 0, 0, 0.58); letter-spacing: -0.5%; margin-top: 3px; text-align: left;}
.product-sample.modal-wrap .reference .txt:first-child{margin-top: 0;}
.product-sample.modal-wrap .reference i{flex: none; width: 4px; height: 4px; border-radius: 50%; background-color: var(--theme-color); margin-top: 7px; margin-right: 6px;}


/* tab-type1 ui 수정 */
.tab-type1{width: 100%;}
.tab-type1 > li{width: 33.33%; margin-right: 0;}
.tab-type1 > li > a{border-radius: 0; border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; font-size: 18px; font-weight: 700; height: auto; color: rgba(0,0,0,.38); display: flex; justify-content: center; height: 100%; align-items: center; line-height: normal; padding: 12px 9px;}
.tab-type1 > li > a.active, .tab-type1 > li > a:hover{border-top-color: #000; border-bottom-color: #000; background-color: transparent; color: #000; border-left: none; border-right: none; border-radius: 0; -webkit-text-stroke: transparent;}
/* .inner.ipsi-lecture{max-width: 1232px; margin: auto;} */