@charset "utf-8";

table.tb01{table-layout:fixed;width:100%;border-top:2px solid #333;} 
table.tb01 th{font-size:0.9em;color:#333;border:1px solid #eee;padding:9px 0;}
table.tb01 th:last-child{border-right:1px solid #eee}
table.tb01 td{padding:10px 0;border-bottom:1px solid #ddd;}
table.tb01 td:last-child{border-right:1px solid #eee}
table.tb01 td.tl{text-align:left;}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
	margin:2rem 0px;
}

table.pre--table{table-layout:fixed;width:100%;border-top:2px solid #333;font-size:1.5rem;min-width:728px;} 
table.pre--table th{color:#333;border:1px solid #ddd;padding:9px 0;vertical-align: middle!important;}
table.pre--table thead th p {font-weight: bold;font-size: 1.5rem;}
table.pre--table thead th:first-child{font-weight: bold;font-size: 2.4rem!important;}
table.pre--table th:last-child{border-right:1px solid #eee}
table.pre--table td{padding:10px 0;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size: 1.5rem;}
table.pre--table td:last-child{border-right:1px solid #eee}
table.pre--table td.tl{text-align:left;}
table.pre--table .pre-list{padding: 0.5rem;}
table.pre--table .pre-list li{list-style:circle ;padding-left: 1rem;list-style-position:inside;font-size: 1.2em;}
table.pre--table tbody th p {font-weight: bold;font-size: 2.0rem!important;}
table.pre--table tbody th  {font-size: 1.6rem;line-height: 1.3;}
.pre--dl dt{font-weight: bold;display:block;float:none;width:100%;font-size:1.6rem!important;}
.pre--dl  dd{font-size: 1.4rem!important;line-height: 1.2;margin: 0px;padding: 8px 10px!important;display:block}

.system .subtit{position: relative;color:#fff;font-size:2.7rem;font-weight:500; letter-spacing:-1px;text-align: center;margin-bottom:80px;padding:50px 0;background-repeat: no-repeat;background-position: 0 0;}
.system .subtit strong{font-weight:600;padding: 0 0.5rem;}
.system .subtit.tit1{background-image:url(/img_up/shop_pds/pgam/design/img/page/p0201.jpg);}
.system .subtit.tit2{background-image:url(/img_up/shop_pds/pgam/design/img/page/p0301.jpg);}
.system .subtit.tit8{background-image:url(/img_up/shop_pds/pgam/design/img/page/p0801.jpg);}
.system .subtit.tit82{background-image:url(/img_up/shop_pds/pgam/design/img/page/p0802.jpg);margin-bottom: 4rem!important;}
.system .subtit.tit83{background-image:url(/img_up/shop_pds/pgam/design/img/page/p0803.jpg);margin-bottom: 4rem!important;background-size: cover;}
.system .subtit.tit9{background-image:url(../img/page/nonsul-top.jpg);height: 20rem;display: flex;justify-content: center; align-items: center;}/*논술*/
.system .subtit.tit10{background-image:url(../img/page/college-top.jpg);height: 20rem;display: flex;justify-content: center; align-items: center;background-position: 100% 0;}/*수능수학*/
.system .subtit.tit101{background-image:url(../img/page/college-top2.jpg);height: 20rem;display: flex;justify-content: center; align-items: center;background-position: 100% 0;}/*수능영어*/
.system .subtit.tit102{background-image:url(../img/page/college-top3.jpg);height: 20rem;display: flex;justify-content: center; align-items: center;background-position: 100% 0;}/*수능국어*/
.system .subtit.tit11{background-image:url(../img/page/math1-top.jpg);height: 24rem;display: flex;justify-content: center; align-items: center;background-position: 100% 0;}/*수학1*/
.system .subtit.tit12{background-image:url(../img/page/math6-top.jpg);height: 24rem;display: flex;justify-content: center; align-items: center;background-position: 100% 100%;}/*수학1*/
.system .subtit.tit13{background-image:url(../img/page/math7-top.jpg);height: 24rem;display: flex;justify-content: center; align-items: center;background-position: 100% 100%;}/*초등1*/
.system .subtit.tit14{background-image:url(../img/page/math5-top.jpg);height: 24rem;display: flex;justify-content: center; align-items: center;background-position: 100% 0;}/*수학1*/
.system .subtit.tit15{background-image:url(../img/page/math3-top.jpg);height: 24rem;display: flex;justify-content: center; align-items: center;background-position: center center;}/*수학1*/
@media screen and (max-width:768px) {
	.system .subtit{background-size: cover;height: 120px;}
	.system .subtit.tit1{background-image:url(/img_up/shop_pds/pgam/design/img/page/p0201-m.jpg);}
	.system .subtit.tit2{background-image:url(/img_up/shop_pds/pgam/design/img/page/p0301-m.jpg);}
	.system .subtit.tit8{background-image:url(/img_up/shop_pds/pgam/design/img/page/p0801-m.jpg);}
	.system .subtit.tit82{background-image:url(/img_up/shop_pds/pgam/design/img/page/p0802-m.jpg);}
	.system .subtit.tit83{background-image:url(/img_up/shop_pds/pgam/design/img/page/p0803-m.jpg);}
	.system .subtit.tit9{background-image:url(../img/page/nonsul-top-m.jpg);}
	.system .subtit.tit13,.system .subtit.tit12{background-position: center 100%;}
}
@media screen and (max-width:480px) {
	.system .subtit{height: 68px!important;background-position: 100% 0;}
	
}
@media screen and (max-width:320px) {
	.system .subtit{font-size: 1.6rem!important;}
}

.time-link{font-size: 1.6rem;background-color: #000;color:white;padding: 1rem;border-radius: 0.375rem;margin-left: 1rem;position: absolute;z-index: 1;top:2rem;right:2rem;transition: all 0.2s ease-in;transform: scale(1);}/*230620-링크*/
.time-link:hover{transform: scale(1.1);}

.non-title2{font-size: 1.5em!important;line-height: 1.3;color:#555!important;font-weight: normal;}
.system h1{position:relative;display:block;margin:40px 0 20px;padding-top:40px;font-size:2.9rem;text-align:center;color:#000;}

.system h1:before {content: '';position:absolute;top:0;left:50%;width:1px;height:30px;background:#FFB191;}
.system h1.plus:after {content: '';position:absolute;top:20%;left:50%;width:30px;height:1px;background:#FFB191;transform: translate(-50%);}
.system h1 strong{font-weight:600;}
.mb-4 {margin-bottom:1rem!important;display: block;line-height: 1.3;}
h1.text-center p{font-size: 0.86em;color:gray;line-height: 1.5;}
.system h2{position:relative;display:block;margin:10px 0;font-size:2.4rem;color:#000;padding-top:15px;margin-bottom:20px;}
.system h2:before {content: '';position:absolute;top:0;left:0;width:20px;height:4px;background:#FF6F30;}
.system h3.pre--h3{position:relative;display:block;margin:10px 0;font-size:1.8rem;color:#000;padding-top:15px;margin-bottom:20px;font-weight: bolder;padding-left:1rem}
.system h3.pre--h3::before {content: '';position:absolute;top:50%;left:3px;width:2px;height:1rem;background:#666;transform: translateY(40%);}
.system .txt1{font-size:1.9rem;color:#555;margin-bottom:40px;text-align:center;}
.system .boxWrap{overflow:hidden;margin:20px 0 40px;margin-left:-2%;}
.system .boxWrap .box{float:left;word-break: keep-all;margin-left:2%;border:1px solid #FFDDCE;/*box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);*/background-color:#FFFEFB;margin-bottom:1.5rem;}
.system .boxWrap.b0 .box{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 35px;
    border-radius: 20px;width:98%;word-break: keep-all;margin-left:2%;border:1px solid #FFDDCE;/*box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);*/background-color:#FFFEFB;margin-bottom:1.5rem;}
.system .boxWrap .box h2{line-height:140%;}
.system .boxWrap.b1 .box{float:inherit; padding:3rem 60px;border-radius:10px;margin-bottom:15px;border:0;background-color:#F7F7F7;}
.system .boxWrap.b1 .box h2{line-height:140%;font-size:2.1rem;padding-top:0;padding-left:15px;margin:0 0 1rem 0;}
.system .boxWrap.b1 .box h2:before {content: '';position:absolute;top:15px;left:0;margin-top:-2px;width:4px;height:4px;background:#FF6F30;}
.system .boxWrap.b2 .box{width:48%;padding:40px 60px;border-radius:20px;min-height:300px;}
.system .boxWrap.b3 .box{width:31.333333%;padding:35px;border-radius:20px;min-height:340px;}
.system .boxWrap.b3--pre .box{width:31.333333%;padding:35px;border-radius:20px;min-height:350px;}
.system .boxWrap.b4 .box{width:23%;padding:30px;border-radius:20px;min-height:340px;}
.system .boxWrap.b2-1,.system .boxWrap.b3-1{margin:30px 0 5px;margin-left:-2%;}
.system .boxWrap.b2-1 .box{width:48%;border-radius:20px;min-height:340px;}
.system .boxWrap.b2-1-1 .box{min-height: 200px!important;}
.system .boxWrap.b3-1 .box{width:31.333333%;padding:35px;border-radius:20px;min-height:270px;}

@media screen and (min-width:768px)  {
	.system .boxWrap.b2-1,.system .boxWrap.b3-1{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
	.system .boxWrap.b2-1 .box{padding:2rem;}
	
}
@media screen and (min-width:1024px)  {
	
	.system .boxWrap.b2-1 .box{padding:40px 60px;}

}
/*논술*/
.nonsul{position: relative;height: auto;width: 100%;}
.nonsul-top,.college-top,.math-top{background-image: url(../img/page/nonsul.jpg);height: 45vh;background-size: cover;background-position: center center;margin-top: 2rem;background-repeat: no-repeat;position: relative;animation: fade-in 1s forwards;overflow: hidden;}
@keyframes fade-in {
	0% { opacity: 0;transform: scale(1.1); }
	100% { opacity: 1; transform: scale(1);}
  }
.nonsul-top::after,.college-top::after,.math-top::after{content:'';position: absolute;z-index: 1;top:0px;left:0px;background-color: rgba(0,0,0,0.3);width: 100%;height: 100%;}
.nonsul-title{cursor:pointer; display:flex;flex-direction: column;justify-content: center; align-items: center;height: 100%;font-size: 2rem;z-index: 50;position: relative;gap:0px}
.nonsul-title p{transition: all 0.1s ease-in;}
.nonsul-title:hover p:first-child{transform: translateY(-0.5rem);}
.nonsul-title:hover p:last-child{transform: translateY(0.5rem);}
.nonsul-title p:first-child,.nonsul-title p:last-child{color:white;}
.nonsul-title p:nth-child(2){font-size: 2em;color: #FF6F30;font-weight: 600;margin: 0.5rem 0;text-shadow: -1px 0 rgba(255,255,255,1), 0 1px rgba(255,255,255,1), 1px 0 rgba(255,255,255,1), 0 -1px rgba(255,255,255,1);line-height: 1;}
.nonsul-body{padding: 3rem 0rem;position: relative;display: flex;flex-direction: row; flex-wrap: wrap;min-height: 180px;height: auto;gap:1rem;justify-content: space-between;}/*공통*/
.nbox{position: relative;width: calc(100% / 3.1);margin-top: 2rem;}
.nbox h3{font-size: 1.8rem;font-weight: 600;position: relative;margin-bottom: 2rem;}
.nbox h3::before{content:'';position: absolute;z-index: 1; top:-1rem;left:0px;width: 1.6rem;height: 3px;background-color: #ff6f30;}
.nbox ul{margin: 2rem 0;font-size: 1.5rem;display: flex;flex-direction: column;gap:1rem;padding: 0;}
.nbox:not(:first-child) ul a{display: flex;justify-content: space-between;align-items: center; width: 100%;height: 4rem;border:1px solid #dfdfdf;padding: 1rem;}
.nbox ul a:hover{background-color: #f9f9f9;}
.pr{border-bottom:1px solid #fff}
.p0{padding: 0px;}
.nonsul .prize-link{padding: 0 1rem 4rem;}
@media screen and (max-width:820px) {
	.nonsul-top{background-size: 100%;height: 26vh;padding:1rem;background-position: center center;overflow: hidden;}
	.nonsul-title{font-size: 1.3rem;}
	.nonsul-title p:nth-child(2){margin:  0;}
}
@media screen and (max-width:768px) {
	.nonsul-top
	{
		margin-top:56px ;
	}
	.nonsul-title
	{
		gap:1rem
	}
	
}
@media screen and (max-width:577px) and (orientation:landscape) {
	.nonsul-top{ height: 260px;}
	
}
@media screen and (max-width:680px) {
	.nonsul-body .nbox:first-child{width: 100%!important;margin-bottom: 3rem;}
	.nonsul-body .nbox:not(:first-child){width: 48%;}
}
@media screen and (max-width:500px) {
	.nonsul-title{font-size: 1.1rem;gap:1rem}
	
}
.process{position: relative;display: grid;grid-template-columns: repeat(3,1fr); justify-content: space-between;padding: 0;margin: 1rem 0;padding: 1.2rem 0;gap:3rem}
.process .item{position: relative;display: flex;flex-direction: column; justify-content: stretch; align-items: center; width: 100%;height: 14rem;border:1px solid #ddd; background-color: #fff;border-radius: 1rem;}
.process .item:not(:last-child)::after{	content: "\F135";font-family: 'bootstrap-icons';position: absolute;z-index: 1;right: -2.6rem;font-size: 2.4rem;top:50%;transform: translateY(-50%);}
.process .item h4{font-size: 1.8rem;width: 100%;border-bottom: 1px solid #ddd;height: 30%;display: flex;justify-content: center; align-items: center; line-height: 1;background-color: #ededed;}
.process .item p{font-size: 1.5rem;height: 68%;display: flex;justify-content: center; align-items: center;text-align: center;}

.sub-text{font-size: 1.4rem; border:1px solid #ddd;padding: 1rem;background-color: #fff;border-radius: 0.5rem;margin: 0.5rem 0;}

.nonsul-book{display: flex; gap:1rem;align-items: center;}
.nonsul-book p {font-size: 1.6rem;padding: 0 1rem; word-break: keep-all;}
.nonsul-book  img{border:1px solid #eee;object-fit: contain;}
.nonsul-book figure{width: 25%;}
.nonsul-book  p{width: 60%;}
.nonsul-book figcaption{display: none;}
.pc{display: block;}
.mobile{display: none;}

@media screen and (max-width:768px) {
	.process .item p{font-size: 1.2rem;}
	.nonsul-book{flex-direction: column;}
	.nonsul-book figure{margin-bottom: 1rem;width: 100%;text-align: center;}
	.nonsul-book p{font-size: 1.4rem;;width: 100%;}
	.pc{display: none;}
	.mobile{display: block;}
	
}
@media screen and (max-width:390px) {
	.process
	{
		grid-template-rows: repeat(3,1fr);
		grid-template-columns: 1fr
	}
	.process .item
	{
		width: 100%!important;
	}
	.process .item:not(:last-child)::after
	{
		left:46%;
		top:105%;
		width: 2rem;
		height: 2rem;
		transform:rotate(90deg) translateX(-50%);
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

/*논술선생님보기*/
.teacher_view{position: relative;width: 100%;margin: 1rem 0; padding: 1rem 0;display: flex;flex-direction: column;gap: 0rem;font-size: 1.4rem;justify-content:center}
.teacher-head{background-color: #fafafa;border: 1px solid #ededed;padding:2rem;}
.teacher_view .outlink{display: none;}
.teacher-head figure{float: left; margin-right: 1.2rem;}
.teacher-head figure img{width: 100%;max-width: 194px;}
@media screen and (max-width:640px) {
	.teacher_view{font-size: 1.2rem;}
	.teacher-head figure img{max-width: 120px;}  
}
@media screen and (max-width:320px) {
	.teacher-head figure{float: none; margin: 0 auto; width: 100%;display: block;text-align: center;margin-bottom: 1.2rem;}  
}
.teacher_view .brief {display: flex;flex-direction: column; gap: 1rem;}
.teacher_view h3{font-size:2.6em;font-weight: bold;}
.teacher_view h4{font-size: 1.3em}
.teacher_view h3 span{font-size: 0.6em;font-weight: normal;}
.teacher-body{display: none;}
 .teacher_view> h3,.teacher-body h3{font-weight: 500;line-height: 1.2;font-size: 1.8rem;text-align: center;height: 5rem;display: flex;align-items: center;justify-content: center;margin: 3rem 0;border: 1px solid #ccc;width:20rem;border-radius:5rem;margin:3rem auto;font-weight:bold;position: relative;color:white;background-color:black}
.teacher-detail{border-top:1px dotted #ddd;padding-top:2rem;font-size:1.5rem}
.teacher-detail img{max-width: 100%; margin:1rem auto;display: block;}
	.teacher_view_btn {margin-top:20px;text-align:center}
	.teacher_btn_type1 {box-sizing:border-box;display:inline-block;position:relative;height:35px;margin:2px 0;padding:6px 20px;border:1px solid #dfdfdf;background:#dfdfdf;font-size:1.4rem;color:#5f5f5f;font-weight:bold;cursor:pointer;font-weight:300}
	.teacher_btn_type1:hover:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, .03)}
	.teacher_btn_type1.teacher_highlight {border:1px solid #4e4e4e;background:#4e4e4e;color:#ffffff}
	.teacher_btn_type1.teacher_highlight:hover:before {background:rgba(255, 255, 255, .1)}
/*출판 20230619*/
/*공통*/
.sub-box{border:1px solid #ddd;padding: 1rem;background-color: #fff;border-radius: 1rem;font-size: 1.4rem;}
.sub-box h4{font-size: 1.2em;line-height: 2;}
.sub-box .nonhead{position: relative;text-align: center;}
.sub-box .nonhead::before{content:'';display: none;}
.textbooks{position: relative;height: auto;width: 100%;}
.textbook{position: relative;width: 100%;font-size: 1.5rem;}/*교재단독*/
.textbook figure{margin-bottom: 1rem;}
.textbook figcaption{display: none;}
.textbook img{max-width: 100%;}
.textbooks-top{position: relative;margin-top: 2rem;padding: 0;width: 100%;display: flex;flex-direction: column;gap:2rem}
.tb-big{position: relative;height: 300px;background-color: #f7f7f7;}
.tb-big .swiper a{background-position: center center;background-repeat: no-repeat;background-size: cover;display: block;width: 100%;height: 100%;}
@media screen and (max-width:768px) {
	.tb-big{height: 200px;}	
	.tb-big .swiper a{background-position: 60% center}
}
.textbooks-ext{border: 1px solid #fefefe;padding-bottom: 2rem;background-color: #fafafa;border-radius: 0.375rem;overflow: hidden;}
.swiper {width: 100%;height: 100%;}
.swiper-slide {position: relative;text-align: center;	font-size: 18px;display: flex!important;justify-content: center;align-items: center;width: inherit;height: inherit;background-position: center center;background-repeat: no-repeat;background-size: cover; }
.swiper-slide a {display: block;width: 100%;height: 100%;object-fit: cover; }
/*ext*/
.ext-container{position: relative;display: flex;flex-direction: row; flex-wrap: wrap;gap:0px;margin: 0;padding: 1rem 0;min-height: 380px;}

.ext-taps{display: flex;flex-direction:column;flex-wrap:wrap; width: 30%;height: inherit;gap:2rem 1rem;justify-content:flex-start; align-items: center;}
.ext-taps > div {display: flex;width: 100%;margin: 0;height: 6rem;}
.ext-taps h3{font-size: 2rem!important;font-weight: 600;padding: 1rem 0;font-weight: bold;border-bottom: 2px solid #000;}
.ext-taps a{width:40%;padding: 1rem;border:1px solid #ddd;margin: 0;display: flex;justify-content: center;align-items:center;height: 3.6rem;background-color: #fff;border-radius: 2rem;font-size: 1.5rem;}
.ext-taps a.on,.ext-taps a:hover{color:#FE6F30;border-color:#FE6F30}
.ext-contents{width: 70%;height: inherit;}
.ext-contents .swiper{display: none;}
.ext-contents .active{display: flex;}
.ext-contents a {position: relative;width: 100%;height: 100%;display: flex;justify-content: center; align-items: center;background-position:  0 0;background-repeat: no-repeat;}
.ext-contents a img{object-fit: cover;border:1px solid #eee}
.ext-contents [class^="swiper-button-"]{background-color: rgba(221,221,221,0.8);display: flex;justify-content: center;align-items: center;border-radius: 50%;width: 3rem;height: 3rem;aspect-ratio: 1/1;}	
.ext-contents .bi{transform: translateX(75%);}
@media screen and (max-width:768px) {
	.ext-taps{flex-direction: row!important;justify-content: center;}
	.ext-taps > div {height: 5rem;}
	.ext-container{flex-direction: column!important;gap:2rem}
	.ext-container > div{width: 100%;}	
    .ext-taps a{width: calc(100%/4.3)}
}

/*230619추가 데이타없음- 공통*/
.empty-data{width: 100%;display: flex;flex:1;flex-direction: column;justify-content: center; align-items: center;height: 100%;min-height: 300px;background-color: #fafafa;margin-bottom: 3rem;}
.empty-data p{font-size: 2rem;}
.empty-data  .bi{transform: scale(3);color:cornflowerblue;margin-bottom: 3rem;}
.textbooks-current{text-align: right;font-size: 1.4rem;color:#666;border-bottom:1px solid #eee;padding: 1rem;}
.paging{position: relative;text-align: center; padding: 1rem;}
.note{font-size: 1.3rem;line-height: 1.2;margin-top: 1.2rem;color:#666}

/*테이블 게시판 포함 */
.teacher-table tbody tr:nth-child(odd){background-color: #fafafa;}

/*출판 끝.*/

/*출판학년별목록*/
.tb-focus{background-color: #f7f7f7;padding: 2rem;border-radius: 1rem;}
.tb-focus h2{font-size: 2rem;line-height: 2;font-weight: bold;}
.textbooks-list{position: relative;width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;gap:2rem;justify-content: space-between;margin-top: 1rem;margin-bottom: 2rem;background-color: #fff;border-bottom: 1px solid #eee;padding-bottom: 4rem;}
.tb-item{width: calc(50% - 1rem);position: relative;display: flex;gap:1rem;align-items: flex-start;transition: all 0.2s ease-in;}

.tbi-content{width:60%;}
.tb-item figcaption{display: none;}
.tb-item img{object-fit: contain;border:1px solid #eee;height: 100%;}
.tb-item h3{font-size: 1.8rem;font-weight: 700;margin-bottom: 2rem;}
.tb-item p{font-size: 1.5rem;word-break: keep-all;}
@media screen and (max-width:1024px) {
	.tb-item{width: 100%; }	
}
@media screen and (max-width:768px) {
.tb-item{flex-direction: column!important;justify-content: center;padding: 1rem 0;}
.tb-item:nth-child(even){background-color: #fafafa;}
.tb-item figure{width: 100%;text-align: center;margin-bottom: 2rem;}
.tbi-content{width:100%;}
.tb-item h3,.tb-item p {text-align: center;}

	
}
/*출판학년별 목록 끝.*/
/*수능*/
.college-top{background-image: url(../img/page/college.jpg)}
.college-en{position: relative;width: 100%;display: flex;flex-direction: column;row-gap:1rem;align-content: stretch;}
.en-item{width: 100%;position: relative;display: flex;flex-direction: row;flex-wrap: wrap;padding: 0;margin: 0;}
.en-item > div{width: 50%;display: flex;position: relative;flex-direction: column;gap:1rem;align-items: center;justify-content: center;font-size: 1.6rem;line-height: 1;padding:2rem 1rem;align-content: center;transition: all 0.2s ease-in;}
.en-item > div > p{margin: 0;}
.en-item > div > p:first-child{font-weight: bold;text-transform: capitalize;}
.en-item > div:first-child{background-color: #d5eeed;}
.en-item > div:nth-child(2){background-color: #ededed;}
.en-item > div:nth-child(2)::before{content:'';width: 2rem;height: 2rem;background-color: #ededed;display: block;transform: rotate(45deg) translateX(-1.5rem);position: absolute;z-index: 1;top:50%;left:0;}
.en-item > div:nth-child(2) > p:first-child{font-size: 1.5rem;}
.en-item > div:nth-child(2) span{position: absolute;z-index: 2;top:0px;left:20%;color:#F46A2E;transform: translate(-50% ,-50%);}
.en-item > div:nth-child(2) span .bi{margin-right: 0.3rem;}
@media screen and (max-width:768px) {
	.en-item > div {font-size: 1.3rem;justify-content: space-evenly;}
	
}
@media screen and (max-width:390px) {
	.en-item > div{width: 100%;}
	.en-item > div:nth-child(2)::before{top:0px;left:50%}
}
/*수능 끝.*/
/*수학*/
.math-top{background-image: url(../img/page/math.jpg)}
.math-box{position: relative;width: 100%;font-size: 1.8rem;padding: 2rem 0;display: flex;flex-direction: column; justify-content: center;gap:1.1rem;text-align: center;}
.math-box h3{position: relative;width: auto;}

/*history*/
.history{position: relative;width: 100%;margin: 0;padding: 0;display: flex;flex-direction: column;gap:1rem}
.history .time-event{display: flex;flex-direction:row;width: 100%;padding: 1rem;border:1px solid #fafafa;background-color: #fff;font-size: 1.56rem;gap:1rem;align-items: center;}
.history .time-event span.title {color:#FF6F30;font-weight: bold;}
.history .time-event span.expend{padding: 0.5rem 1rem;background-color: #efefef;border-radius: 2rem;}
@media screen and (max-width:1000px) {
	.history .time-event{flex-direction: column;justify-content: center;gap:0.5rem;padding: 2rem 1rem;}
	
}
.list-decimal-zero{font-size: 1.5rem;list-style-type: none;counter-reset: item-counter;padding: 0;}
.list-decimal-zero li{position: relative;padding-left: 20px;margin-bottom: 10px;}
.list-decimal-zero li::before{
	content: counter(item-counter) ") ";
	counter-increment: item-counter;
	position: absolute;
	left: 0;
	top: 0;
  }
  .boxes {position: relative;display: flex;gap:0rem;justify-content: space-between;flex-wrap: wrap;font-size: 1.4rem;}
  .boxes .item{position: relative;display: flex;flex-direction: column; justify-content: stretch; align-items: center; width: 100%;height: 14rem;border:1px solid #ddd; background-color: #fff;border-radius: 1rem;overflow: hidden;transition: all 0.2s ease-in;}/*공통박스형*/
  .boxes .item h4{background-color: #fff6da;height: 4.5rem;width: 100%;display: flex;justify-content: center;align-items: center;border-bottom: 1px solid #ffeaab;}
  .boxes .item ul{font-size: 1.475rem;padding: 1rem;display: flex;align-items: center;flex-direction: column;justify-content: center;}
  .boxes .item ul > li{text-align: center;}
  .boxes .item ul > li:first-child{font-weight: 600;font-size: 1.1em;}
  .boxes.b2{row-gap: 2rem;}
  .boxes.b2 .item{min-width:48%!important;}
  .boxes .item ol{font-size: 1.3rem;padding: 0.375rem 1rem;background-color: #eee;border-radius: 0.375rem;margin: 0;}
  .boxes .item ol li{line-height: 1.2;}
  @media screen and (max-width:1024px) {
	.boxes {row-gap:1rem}
	.boxes .item{min-width:48%!important}
	.boxes .item ul{font-size: 1.4rem;}
	.system .boxWrap.elmentary .box
	{
		width: 48%;
	}
	.system .boxWrap.elmentary .box:first-child
	{
		width: 100%;
	}
	.iq-boxes .item:nth-child(n+3)
	{
		width: 100%!important;
	}
  }
  @media screen and (max-width:720px) {

	.boxes.thd3 .item:nth-child(n+3)
	{
		width: 100%!important;
	}
	
  }
  /**중등부**/
  .mid-box{position: relative;padding: 1rem;background-color: #fff;border: 1px solid #ddd;border-radius: 0.375rem;}

 /*230621 공통추가 tools*/
 .flex-c-center{display: flex;justify-content: center; align-items: center!important;flex-direction: column;}
 .flex-r-center{display: flex;justify-content: center; align-items: center!important;flex-direction: row;}
 .normal-text{font-size: 1.5rem;line-height: 1.2;padding: 1rem 0;}

 /*아이콘딸린 박스*/
 .iq-box{padding: 2rem;font-size: 1.5rem;text-align: center;min-height:18rem;}
 .iq-box figure{margin: 0;padding: 0;}
 .iq-box figure img{width: 6rem;}
 .iq-box p{padding:1rem;word-break: keep-all;height: 100%;display: flex;justify-content: center;align-items: center;align-self: stretch;word-break: keep-all;flex-wrap: wrap;}
 
 /*텍스트딸린 왼쪽 정렬 박스*/
 .two-long{row-gap: 2rem;}
 .two-long .txt-box {width: 48%!important;}
 .txt-box h4{font-size: 1.6rem;font-weight: 600;padding:0.5rem 1rem ;}
 .txt-box li{font-weight: normal!important;font-size: 1em!important;text-align: left!important; width: 100%;}
 .txt-box li::before{content:'- '}
 .txt-box li span{font-size: 0.8em;}

@media screen and (max-width:996px) {
	.two-long .txt-box{width: 100%!important;}
	
}

/*subwrap img-box*/
.img-box{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;gap:0px;margin-top: 2rem;}
.img-box.im2 img{width: 50%;}
.img-box.im3 img{width: calc(100% / 3);}
@media screen and (max-width:480px) {
	.img-box {flex-direction: column;gap:1rem}
	.img-box img{width: 100%!important;}
}
/*img1-txt 이미지1장+텍스트*/
.img1-txt{position: relative;display: flex;flex-direction: row;gap:2rem;padding: 2rem;background-color: #fefefe;border:1px solid #eee;border-radius: 1rem;}
.img1-txt img{max-height: 20rem;}
.img1-txt p{font-size: 1.5rem;}

.text-sample{font-size: 1.4rem;padding: 2rem;background-color:rgb(187, 236, 255);margin-top: 2rem;border-radius: 1rem;}
.text-sample h3{font-size: 1.2em;line-height: 2;font-weight: bold;}
.text-sample ol{padding: 0;font-size: 0.9em;}
.text-sample li{list-style-type: decimal;}

/*수학 끝.*/
.system .txt > li{font-size:1.6rem;color:#555;margin-bottom:5px;background:url(/img_up/shop_pds/pgam/design/img/main/dot.png) no-repeat 0 10px;padding-left:10px;}
.bg-none{background:none!important;}
.system .boxWrap.elmentary .txt li{font-size: 1.4rem;}
.box--up li{font-size:1.8rem!important;}
.system .txt > li strong{font-weight:500;color:#000;}
.system .txt > li ul{margin:10px 0;padding-left:10px;}
.system .txt > li ul li{background:none;}
.system .txt > li > span{font-size: 0.8em;}
.system .txt ol{padding: 0;margin: 0.3rem 0;position: relative;}
.system .txt ol li{font-size: 0.9em;padding: 0;line-height: 1.1;}
.system .txt ol li::before{content:'-';padding-right: 0.5rem;}
.system .txt ol > li span{font-weight: 500;}
.system dl{overflow:hidden;}
.system dl dt{float:left;font-size:2.3rem;margin-right:70px;color:#000;}
.system dl dd{overflow:hidden;background-color:#F7F7F7;padding:30px;}
.system .Img4{overflow:hidden;margin:0 0 30px;background: #67544B;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #9a8478, #67544B);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #9a8478, #67544B); }
.system .Img4 .tit{float:left;font-size:3rem;width:23%;font-weight:500;color:#fff;padding:40px;}
.system .Img4 .tit span{display:block;}
.system .Img4 ul{overflow:hidden;background-color:#fff;}
.system .Img4 li{float:left;width:24%;margin-left:1%;}
.system .Img4 li img{width:100%;height:auto;}
.system .Img2{overflow:hidden;margin:30px 0;background: #67544B;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #9a8478, #67544B);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #9a8478, #67544B);}
.system .Img2 .tit{float:left;font-size:3rem;width:23%;font-weight:500;color:#fff;padding:40px;}
.system .Img2 .tit span{display:block;font-size:2.5rem;}
.system .Img2 ul{overflow:hidden;background-color:#fff;}
.system .Img2 li{float:left;width:49%;margin-left:1%;}
.system .Img2 li img{width:100%;height:auto;}

.system .iconbox{overflow:hidden;background-color:#F7F7F7;padding:40px;}
.system .iconbox .box{float:left;width:50%;background-image:url(/img_up/shop_pds/pgam/design/img/page/0401.png); background-repeat: no-repeat;}
.system .iconbox .box.q01{background-position:50% 0;}
.system .iconbox .box.q02{background-position:50% -300px;}
.system .iconbox .box.q03{background-position:50% -610px;}
.system .iconbox .box.q04{background-position:50% -920px;}
.system .iconbox .box h4{word-break: keep-all; font-size:1.8rem;font-weight:500;text-align:center;padding-top:140px;padding-left:20px;padding-right:20px;line-height:140%;}

@media screen and (min-width:1024px) {
	.system .Img4 .tit{font-size:2rem;}
}
@media screen and (max-width: 768px) {
	.system .subtit{font-size:1.8rem;padding:30px 20px;margin-bottom:30px;height: 16rem!important;}
	.system h1{font-size:2rem;margin:10px 0 10px;padding-top:40px; word-break: keep-all;}
	.system h1:before{height:30px;}
	.system h2{font-size:2rem;margin-bottom:10px;}
	.system .txt1{font-size:1.6rem;}
	.system .boxWrap{margin:20px 0 20px;margin-left:inherit;}
	.system .boxWrap .box{float:inherit;margin-bottom:10px;margin-left:inherit;}
	.system .boxWrap.b2-1, .system .boxWrap.b3-1{margin:10px 0 5px;margin-left:inherit;}
	.system .boxWrap.b2-1 .box{width:inherit;min-height:inherit;padding:20px;border-radius: 10px;}
	.system .boxWrap.b3-1 .box{width:inherit;min-height:inherit;padding:20px;border-radius: 10px;}
	.system .boxWrap.b3--pre .box{width:inherit;min-height:inherit;padding:20px;border-radius: 10px;}	
	.system .boxWrap.b1 .box{padding:20px;}
	.system .boxWrap.b1 .box h2{font-size:1.9rem;}
	.system .boxWrap.b2 .box{width:inherit;min-height:inherit;border-radius:10px;padding:20px;}
	.system .boxWrap.b3 .box{width:inherit;min-height:inherit;border-radius:10px;padding:20px;}
	.system .boxWrap.b4 .box{width:inherit;min-height:inherit;border-radius:10px;padding:20px;}
	.system .Img4{background:none;}
	.system .Img4 .tit{float:inherit;width:inherit;font-size:2rem;padding:0;color:#000;margin-bottom:10px;}
	.system .Img4 .tit span{display:inline-block;}	
	.system .Img2{background:none;}
	.system .Img2 .tit{float:inherit;font-size:1.8rem;width:inherit;font-weight:500;color:#000;padding:0;margin-bottom:10px;}
	.system .Img2 .tit span{display:inline-block;font-size:1.8rem;}
	.system .Img2 ul{overflow:hidden;background-color:#fff;}
	.system .Img2 li{float:left;width:49%;margin-left:1%;}
	.system .Img2 li img{width:100%;height:auto;}
	.system dl{overflow:hidden;}
	.system dl dt{float:inherit;font-size:2.3rem;margin-right:0;color:#000;}
	.system dl dd{overflow:hidden;background-color:#F7F7F7;padding:20px;}
	.system .iconbox {padding:20px 10px;}
	.system .iconbox .box{background-size:70px 491px;}
	.system .iconbox .box.q01{background-position:50% 0;}
	.system .iconbox .box.q02{background-position:50% -144px;}
	.system .iconbox .box.q03{background-position:50% -288px;}
	.system .iconbox .box.q04{background-position:50% -432px;}
	.system .iconbox .box h4{font-size:1.5rem;font-weight:500;padding-top:80px;padding-left:10px;padding-right:10px;}
}
.system2 h1{position:relative;display:block;margin:70px 0 20px;padding-top:80px;font-size:2.9rem;text-align:center;color:#000;}
.system2 h1:before {content: '';position:absolute;top:0;left:50%;width:1px;height:50px;background:#FFB191;}
.system2 h1 strong{font-weight:600;}
.system2 h2{position:relative;display:block;margin:10px 0;font-size:2.4rem;color:#000;padding-top:15px;margin-bottom:20px;}
.system2 h2:before {content: '';position:absolute;top:0;left:0;width:20px;height:4px;background:#FF6F30;}
.system2 .txt1{font-size:1.9rem;color:#555;margin-bottom:40px;text-align:center;}
.system2 .boxWrap{overflow:hidden;margin:70px 0 5px;}
.system2 .boxWrap .box{float:left;word-break: keep-all;border:1px solid #FFDDCE;/*box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);*/background-color:#FFFEFB;}
.system2 .boxWrap .box h2{line-height:140%;}
.system2 .boxWrap.b1 .box{float:inherit; padding:30px 60px;border-radius:10px;margin-bottom:15px;border:0;background-color:#F7F7F7;}
.system2 .boxWrap.b1 .box h2{line-height:140%;font-size:2.1rem;padding-top:0;padding-left:15px;margin:0;}
.system2 .boxWrap.b1 .box h2:before {content: '';position:absolute;top:50%;left:0;margin-top:-2px;width:4px;height:4px;background:#FF6F30;}
.system2 .txt li{font-size:1.6rem;color:#555;margin-bottom:5px;background:url(/img_up/shop_pds/pgam/design/img/main/dot.png) no-repeat 0 10px;padding-left:10px;}
.system2 .txt li strong{font-weight:500;color:#000;}
.system2 .txt li ul{margin:10px 0;padding-left:10px;}
.system2 .txt li ul li{background:none;}
.system2 .etc{font-size:1.5rem;margin-left:20px;}
.system2 .etc2{font-size:1.5rem;font-weight:500;margin-top:10px;}
@media screen and (max-width: 768px) {
	.system2 h1{font-size:2rem;margin:30px 0 10px;padding-top:40px;}
	.system2 h1:before{height:30px;}
	.system2 h2{font-size:2rem;margin-bottom:10px;}
	.system2 .boxWrap{margin:20px 0 20px;margin-left:inherit;}
	.system2 .boxWrap .box{float:inherit;margin-bottom:10px;margin-left:inherit;}	
	.system2 .boxWrap.b1 .box h2{font-size:1.9rem;margin-bottom:5px;}
	.system2 .boxWrap.b1 .box{padding:20px;}
	.system2 .txt1{font-size:1.5rem;}
}

.Subbanner{margin-bottom:30px;padding:50px 0;background-color: #1e130c;
background-color: -webkit-linear-gradient(to right, #9a8478, #1e130c);
background-color: linear-gradient(to right, #9a8478, #1e130c);}
.Subbanner.tit1{background-image:url(/img_up/shop_pds/pgam/design/img/page/p0201.jpg);}
.Subbanner.tit2{background-image:url(/img_up/shop_pds/pgam/design/img/page/p0301.jpg);}
.Subbanner.tit8{background-image:url(/img_up/shop_pds/pgam/design/img/page/p0801.jpg);}
.Subbanner.tit83{background-image:url(/img_up/shop_pds/pgam/design/img/page/p0803.jpg);}
.Subbanner p{color:#fff;font-size:2.9rem;font-weight:500;margin-bottom:20px;letter-spacing:-1px;text-align: center;}
.Subbanner ul li{font-size:1.55rem;color:#fff;text-align: center;margin-bottom:5px;}
.Subbanner ul li strong{font-weight:500;font-size:1.6rem;color:#FF6F30;margin-right:10px;}
@media screen and (max-width: 768px) {
	.Subbanner{padding: 30px 20px;margin-bottom: 30px;}	
	.Subbanner p{font-size:2rem;margin-bottom:5px;}
	.Subbanner ul li{font-size:1.4rem;}
	.Subbanner ul li strong{font-size:1.4rem;}
	.Subbanner.tit2 p{margin-bottom:10px;}
	.Subbanner.tit2 ul li{text-align:left; }
}
.system3{margin-top:40px;}
.system3 h1{position:relative;display:block;margin:70px 0 20px;padding-top:80px;font-size:2.9rem;text-align:center;color:#000;}
.system3 .boxWrap{overflow:hidden;}
.system3 .boxWrap .box{overflow:hidden;padding:30px 60px;border-radius:10px;margin-bottom:15px;border:0;background-color:#F7F7F7;}
.system3 .boxWrap .box h2{position:relative;line-height:140%;font-size:2.1rem;padding-top:0;padding-left:15px;margin:0;}
.system3 .boxWrap .box h2:before {content: '';position:absolute;top:50%;left:0;margin-top:-2px;width:4px;height:4px;background:#FF6F30;}
.system3 .txt li {font-size: 1.6rem;color: #555;margin-bottom:5px;background: url(/img_up/shop_pds/pgam/design/img/main/dot.png) no-repeat 0 10px;padding-left: 10px;}
.system3 h3{font-size:1.4rem;font-weight:500;display:block;margin:20px 0 10px 10px;}
.system3 .ex{float:left;width:24%;background-color:#fff;margin:0.5%;min-height:205px;word-break: keep-all;}
.system3 .ex h4{display:block;font-size:1.4rem;margin:20px 20px;}
.system3 .ex dl{font-size:1.4rem;margin:0 20px 20px;}
.system3 .ex dl dt{float:left;width:60px;}
.system3 .ex dl dd{overflow:hidden;font-size:1.3rem;}
.system3 .txt li{font-size:1.6rem;color:#555;margin-bottom:5px;background:url(/img_up/shop_pds/pgam/design/img/main/dot.png) no-repeat 0 10px;padding-left:10px;}
.system3 .txt li strong{font-weight:500;color:#000;}
.system3 .txt li ul{margin:10px 0;padding-left:10px;}
.system3 .txt li ul li{background:none;}
.system3 .fl{float:left;width:20%;margin-right:30px;}
.system3 .fl ul{overflow:hidden;}
.system3 .fl li{float:left;width:48%;margin-right:1%;}
.system3 .fl li img{width:100%;height:auto;}
.system3 .txt{overflow:hidden;}
.system3 .etc{font-size:1.5rem;font-weight:500;margin-top:10px;}
@media screen and (max-width: 768px) {
	.system3 .boxWrap .box{padding:20px;}
	.system3 .boxWrap .box h2{font-size:1.8rem;}
	.system3 .ex{float:inherit; width:inherit;min-height:inherit;padding:5px;margin-bottom:5px;}
	.system3 .fl{float:inherit;width:inherit;margin-bottom:10px;}
}
.consulting p.txt1{text-align:center;font-size:1.65rem;margin:30px 0 60px;word-break: keep-all;}
.consulting p.txt2{text-align:center;font-size:2.1rem;margin-bottom:20px;color:#333;background-color:#FFFEFB;padding:40px;border: 1px solid #FFDDCE;}
.consulting .timg{text-align: center;}
.consulting > dl{overflow:hidden;font-size:1.55rem;width:350px;margin:0 auto;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px;}
.consulting > dl dt{float:left;width:60px;margin-right:20px;margin-left:10px;}
.consulting > dl dd{overflow:hidden;}
.consulting h2{position: relative; display:block;font-size:1.5rem;width:30%;margin:50px auto 5px;color:#000;padding:10px 10px;}
.consulting h2:before {content: '';position:absolute;top:50%;left:0;margin-top:-2px;width:4px;height:4px;background:#FF6F30;}
.consulting ul.step{overflow:hidden;width:30%;margin:0 auto;}
.consulting ul.step li{font-size:1.45rem;background-color:#988276;color:#fff; text-align: center;margin-bottom:10px;padding:10px 0;}
.consulting ul.step li.arr{background-color:#fff;padding:0 0 5px;color:#988276;margin-bottom:0;}

.consulting .box{padding:50px 60px 0 500px;border-radius:10px;margin-bottom:40px;border:0;background-color: #F7F7F7;background-image:url(/img_up/shop_pds/pgam/design/img/page/070201.png); background-repeat: no-repeat; background-position:120px 100%;}
.consulting .box.b1{background-image:url(/img_up/shop_pds/pgam/design/img/page/0703.png); }

.consulting .box h3 {color:#FE6F30;display:inline-block;position: relative;line-height:140%;font-size:2.7rem;padding-top:0;margin-bottom:15px;}
.consulting .box h3 span{font-weight:normal;font-size:1.8rem;color:#000;margin-left:10px;}
.consulting .box ul{padding-bottom:50px;overflow:hidden; }
.consulting .box li{font-size:1.6rem;color: #555;margin-bottom: 5px;padding-left: 10px;background:url(/img_up/shop_pds/pgam/design/img/main/dot.png) no-repeat 0 10px;}

.consulting .box2{padding:40px 60px 0 500px;border-radius:10px;margin-bottom:40px;border:0;background-color: #F7F7F7;background-image:url(/img_up/shop_pds/pgam/design/img/page/070202.png); background-repeat: no-repeat; background-position:120px 100%;}
.consulting .box2 h3 {color:#FE6F30;display:inline-block;position: relative;line-height:140%;font-size:2.7rem;padding-top:0;margin-bottom:15px;}
.consulting .box2 h3 span{font-weight:normal;font-size:1.8rem;color:#000;margin-left:10px;}
.consulting .box2 ul{padding-bottom:40px;overflow:hidden; }
.consulting .box2 li{font-size:1.6rem;color:#555;margin-bottom:5px;background:url(/img_up/shop_pds/pgam/design/img/main/dot.png) no-repeat 0 10px;padding-left:10px;}

.consulting .box3 {overflow:hidden;padding:30px 60px;border-radius:10px;margin-bottom:40px;border:0;background-color: #F7F7F7;}
.consulting .box3 h3 {display:block;position: relative;line-height:140%;font-size:2.1rem;padding-top:0;padding-left:15px;margin-bottom:25px;}
.consulting .box3 h3:before {content: '';position:absolute;top:50%;left:0;margin-top:-2px;width:4px;height:4px;background:#FF6F30;}

.consulting .box3 dl{margin-right:1%;background-color:#fff;padding:20px;margin-bottom:10px;}
.consulting .box3 dt{float:left;margin-right:40px;font-size:1.65rem;font-weight:500;margin-bottom:8px;}
.consulting .box3 dd{overflow:hidden;font-size:1.55rem;color: #555;}
@media screen and (max-width:1200px) {
	.consulting .timg{text-align: center;width:50%;margin:0 auto;}
	.consulting .timg img{width:100%;height:auto;}
	.consulting .box{padding:40px 60px 0 400px; background-position:10px 100%;}
	.consulting .box ul{padding-bottom:40px; }
	.consulting .box2{padding:40px 60px 0 400px; background-position:10px 100%;}
	.consulting .box2 ul{padding-bottom:40px; }
	
}
@media screen and (max-width:995px) {
	.consulting .box2{padding:20px;text-align:left;background-image:none;}
}
@media screen and (max-width: 769px) {
	.consulting p.txt2{font-size:1.6rem;word-break: keep-all;padding:20px;}
	.consulting .box{padding:20px;text-align:left;background-image:none;}
	.consulting .box h3{margin-bottom:10px;font-size:2rem;}
	.consulting .box ul{padding-bottom:0;overflow:hidden; }
	.consulting .box li{text-align:left;}
	.consulting > dl{width:inherit;}
	.consulting h2{width:inherit;}
	.consulting ul.step{width:inherit;}
	.consulting .box2{padding:20px;text-align:left;background-image:none;}
	.consulting .box2 h3{margin-bottom:10px;font-size:1.9rem;}
	.consulting .box2 ul{padding-bottom:0;overflow:hidden; }
	.consulting .box3{padding:20px;text-align:left;margin-bottom:20px;}
	.consulting .box3 h3{margin-bottom:10px;font-size:1.9rem;}
	.consulting .box3 dt{float:inherit;margin-bottom:10px;}
}
.interview .txt2{text-align: center;font-size: 2.1rem;margin-bottom: 30px;color: #333;background-color: #FFFEFB;padding:40px;border: 1px solid #FFDDCE;word-break: keep-all;}
.interview h2{position:relative;display:block;margin:16px 0;font-size:2.4rem;color:#000;padding-top:15px;margin-bottom:20px;}
.interview h2:before {content: '';position:absolute;top:0;left:0;width:20px;height:4px;background:#FF6F30;}
.interview .box{padding:20px 40px;border-radius:10px;margin-bottom:20px;border:0;background-color: #F7F7F7;}
.interview .box h3 {display:block;position: relative;line-height:140%;font-size:2rem;padding-top:0;padding-left:15px;margin-bottom:5px;}
.interview .box h3:before {content: '';position:absolute;top:50%;left:0;margin-top:-2px;width:4px;height:4px;background:#FF6F30;}
.interview .box p{font-size:1.6rem;color:#555;margin-bottom:5px;background:url(/img_up/shop_pds/pgam/design/img/main/dot.png) no-repeat 0 10px;padding-left:10px;}
.interview h4{position: relative; display:block;font-size:1.5rem;width:30%;margin:50px auto 5px;color:#000;padding:10px 10px;}
.interview h4:before {content: '';position:absolute;top:50%;left:0;margin-top:-2px;width:4px;height:4px;background:#FF6F30;}
.interview ul.step{overflow:hidden;width:30%;margin:0 auto;}
.interview ul.step li{font-size:1.45rem;background-color:#988276;color:#fff; text-align: center;margin-bottom:10px;padding:10px 0;}
.interview ul.step li.arr{background-color:#fff;padding:0 0 5px;color:#988276;margin-bottom:0;}
@media screen and (max-width: 769px) {
	.interview h2{font-size:2rem;}
	.interview .txt2{font-size:1.6rem;padding:20px;}
	.interview .box {padding:20px;}
	.interview .box h3{font-size:1.8rem;}
	.interview .box p{font-size:1.4rem;}
	.interview h4{width:inherit;margin-top:10px;}
	.interview ul.step{width:inherit;}
}
.college{margin-top:60px;}
.college ul{overflow:hidden;margin-left:-1%;}
.college ul li{float:left;width:16%;margin-bottom:3%;font-size:1.65rem;font-weight:500;text-align:center;background-color:#fff;color:#333;min-height:150px;padding:0 10px;}
.college ul li.arr{background-image:url(/img_up/shop_pds/pgam/design/img/page/arr.png);background-repeat:no-repeat; background-position:50% 50%;width:40px;}
.college ul li em{display:inline-block;width:81px;height:81px;background-image:url(/img_up/shop_pds/pgam/design/img/page/0701.png);background-repeat: no-repeat;margin-bottom:10px;}
.college ul li em.q01{background-position:50% 0;} 
.college ul li em.q02{background-position:50% -82px;} 
.college ul li em.q03{background-position:50% -163px;} 
.college ul li em.q04{background-position:50% -244px;} 
.college ul li em.q05{background-position:50% -325px;} 
.college ul li em.q06{background-position:50% -406px;} 
.college ul li em.q07{background-position:50% -487px;} 
.college ul li em.q08{background-position:50% -568px;} 
.college ul li p{word-break: keep-all;}
@media screen and (max-width:1200px) {
	.college ul li{float:left;width:20%;min-height:180px;font-size:1.5rem;}
}
@media screen and (max-width: 769px) {
	.college{margin-top:20px;}
	.college ul li{float:left;width:38%;padding:10px 10px;margin-bottom:0;min-height:135px;font-size:1.3rem;}
	.college ul li.arr{background-size:20px 28px;}
	.college ul li em{display:inline-block;width:60px;height:60px;background-size:60px 481px;}
	.college ul li em.q01{background-position:50% 0;} 
	.college ul li em.q02{background-position:50% -61px;} 
	.college ul li em.q03{background-position:50% -121px;} 
	.college ul li em.q04{background-position:50% -181px;} 
	.college ul li em.q05{background-position:50% -241px;} 
	.college ul li em.q06{background-position:50% -301px;} 
	.college ul li em.q07{background-position:50% -361px;} 
	.college ul li em.q08{background-position:50% -421px;} 
}




/*오시는길*/
.mapwrap{margin:15px 0 40px;}
.mapwrap .map{overflow:hidden;margin:20px 0 20px;}
.mapwrap .col-md-6,.mapwrap.container{padding-left:0;padding-right:0;}
.mapwrap h2{display:block;position:relative;margin:0 0 20px;font-size:3.5rem;font-weight:500;color:#000;letter-spacing:-.03em;line-height:1.4em;}
.mapwrap  .add{display:block;margin-bottom:30px;padding:0;font-size:18px;font-weight:400;color:#444444;letter-spacing:0;line-height:1.4em;}
.mapwrap dl{overflow:hidden;margin-bottom:15px;}
.mapwrap dl dt{float:left;width:100px;font-size:1.8rem;font-weight:500;color:#000;letter-spacing: 0;}
.mapwrap dl dd{overflow:hidden;font-size:1.8rem;color:#000; letter-spacing: 0.5px;}
.mapwrap dl dd a{color:#000;letter-spacing: 0.5px;}
.mapwrap dl dd em{font-size:1.5rem;}
.mapwrap .traffic{margin-bottom:50px;}
.mapwrap .traffic .figure{display: block;float:left;margin-right:15px;}
.mapwrap .traffic .caption {display:block;overflow: hidden;}
.mapwrap .traffic .caption  h4{display:block;font-size:1.9rem;font-weight:500; color:#000;margin-bottom:10px;}
.mapwrap .traffic .caption  .cont{display:block;font-size: 1.55rem;}
.mapwrap .traffic .caption  .cont p{margin-bottom:10px;}
.mapwrap .traffic .caption  .cont li{margin-bottom:5px;}
.mapwrap .traffic .caption  .cont span{margin-right:5px;padding:0 4px;color:#fff;}
.mapwrap .traffic .caption  .cont .q01{background-color:#D4AF52;}
.mapwrap .traffic .caption  .cont .q02{background-color:#7182F5;}
.mapwrap .traffic .caption  .cont .q03{background-color:#5FB73C;}
.mapwrap .traffic .caption  .cont .q04{background-color:#3353A2;}
.mapwrap .traffic .caption  .cont .q06{background-color:#8445CE;}
.pmap{display:block;}
.mmap{display:none;}
@media screen and (max-width: 769px) {
	.pmap{display:none;}	
	.mmap{display:block;width:330px;margin:0 auto;}
	.mapwrap{margin:0;}
	.mapwrap .map{margin:0;}
	.mapwrap .mb50{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee;}	
	.mapwrap h2{margin:0 0 10px;font-size:2.5rem;}
	.mapwrap .add{font-size:1.5rem;margin-bottom:15px;}
	.mapwrap dl{margin-bottom:10px;}
	.mapwrap dl dt{font-size:1.6rem;}
	.mapwrap dl dd{font-size:1.6rem;}
	.mapwrap .traffic .caption h4{font-size:1.6rem;}
}

.cafe h2{display:block;font-size:3rem;color:#000;text-align:center;font-weight:500;margin:50px 0;}
.cafe .boxWrap{overflow:hidden;margin-left:-3%;margin-bottom:70px;}
.cafe .boxWrap .box{float:left;width:47%;margin-left:3%;border:1px solid #eee;padding:40px;border-radius:20px;min-height:220px;background-color:#FAFAFA;}
.cafe .boxWrap .box h3{display:block;margin-bottom:15px;font-size:2.3rem;font-weight:600;color:#F46A2E;line-height:140%;}
.cafe .boxWrap .box p{font-size:1.5rem;color:#555;word-break: keep-all;}
.cafe .tit{text-align:center;font-weight:500;font-size:2.6rem;margin-bottom:10px;color:#000;}
.cafe .txt{text-align:center;color:#555;font-size:1.6rem;border-bottom:1px solid #eee;padding-bottom:50px;margin-bottom:50px;}
.cafe .infoWrap{overflow:hidden;}
.cafe .infoWrap .info{float:left;width:30%;}
.cafe .infoWrap .info h3{display:block;margin-bottom:15px;font-size:2.3rem;font-weight:600;color:#F46A2E;line-height:140%;}
.cafe .infoWrap .info p{font-size:1.5rem;color:#555;word-break: keep-all;}
.cafe .infoWrap .photo{float:right;}
.cafe .infoWrap dl{overflow:hidden;margin-top:30px;border-top:1px solid #ddd;padding-top:30px;}
.cafe .infoWrap dl:first-child{margin-top:0;padding-top:0;border-top:0;}
.cafe .infoWrap dl dt{float:left;margin-right:30px;font-size:2rem;color:#000;font-weight:500;}
.cafe .infoWrap dl dd{overflow:hidden;font-size:1.5rem;}
.cafe .infoWrap dl dd span{display:block;font-size:1.8rem;margin-bottom:10px;color:#000;font-weight:500;}
.cafe .infoWrap dl dd span em{font-size:1.6rem;color:#777;}
.cafe .infoWrap dl dd ul li{margin-bottom:5px;background:url(/img_up/shop_pds/pgam/design/img/main/dot.png) no-repeat 0 10px;padding-left:10px;}
.cafe .infoWrap dl dd ul li strong{color:#000;font-weight:500;}
@media screen and (max-width: 769px) {
	.cafe h2{font-size:2rem;margin:15px 0;}
	.cafe h2 span{display:block;}
	.cafe .boxWrap{overflow:hidden;margin-left:0;margin-bottom:20px;}
	.cafe .boxWrap .box{float:inherit;width:inherit;margin-left:0;min-height:inherit;border-radius:10px;padding:20px;margin-bottom:10px;}
	.cafe .boxWrap .box h3{font-size:2rem;}
	.cafe .tit{font-size:2rem;}
	.cafe .tit span{display:block;}
	.cafe .infoWrap{margin-bottom:30px;}
	.cafe .infoWrap .info{float:inherit;width:inherit;margin-bottom:20px;}
	.cafe .infoWrap .photo{float:inherit;}
}

.allcenter
{
	text-align: center;
	align-items: center;
	display: flex;
	display: --webkit-flex;
	-ms-flex-align: center;
	--webkit-flex-align: center;	
	--webkit-align-items: center;
	--webkit-box-align: center;
	justify-content: center;
}
/*2021.05.13*/
.d-flex{display: flex!important;}
.flex--dr{flex-direction: row!important;}
.flex--dc{flex-direction: column!important;}
.jc-sb{justify-content: space-between!important;}
.flex--wrap{flex-wrap: wrap!important;}

.w--100{width: 100%;}
.w--50{width: 49%;}
.w--30{width: 33%;}
.w--25{width: 24%;}


@media screen and (max-width:768px) {
	.mw--100{width: 100%!important;}
	.mw--50{width: 49%!important;}
	.mw--30{width: 33%!important;}
	.mw--25{width: 24%!important;}

	
}
.mp--normal{
	font-weight: normal;line-height: 1.6;font-size: 16px;margin-bottom: 1vw;color:inherit
}
strong{
	font-weight: bold;
}
@media screen and (max-width:768px) {
	.mp--normal{
		padding: 0 1rem;
	}
}
.mp--normal li{letter-spacing: normal;}
.mp--normal li strong{margin-left: 3px;font-weight: bolder;}

.table_v2{font-size: 1.2em!important;}
.table_v2 tbody th{background-color:rgba(244,244,244,0.5);font-weight: bold;}
.table_v2 td{padding: 1rem !important;word-break: keep-all;	font-weight: normal;line-height: 1.6;font-size: 1.6rem;}
.table_v2 thead th{font-size: 2.2rem!important;font-weight: bold;background-color:rgba(221,221,221,0.1);}
.table_v2_center *{text-align: center!important; vertical-align: middle!important;}
.table_v2 td:first-child{border-left:1px solid #ddd}
/*학습및 생활담임제*/
.manage--prc{width:100%;position: relative;background-color: #e1e0f0;box-sizing: border-box;padding: 1vw;display: flex; flex-direction: row; justify-content: space-between;overflow:auto;-webkit-overflow-scrolling: touch;margin-bottom: 6vh;}
.manage--prc > div{width:25%;min-width:120px;position: relative;display: flex;flex-direction: column;align-items: center;align-content: center;padding: 1vw;font-size: 1.3vw;font-weight: bold;white-space: nowrap;letter-spacing: -0.2px;}
.mp--bar{width:1vw;height:1vw;background-color: #514c7c;position:relative;border-radius: 50%;z-index: 1;margin-top: -0.5vw;}
.mp--bar::after{content:"";position: absolute;z-index: 3;background-color: #514c7c;width: 1px;height: 20px;right:50%;bottom:-20px;transform: translateX(50%);}
.mp--head {min-width:100px;width:10vw;height: 10vw;min-height:100px;background-color: #7b74b4;color:#fff;border-radius: 50%;font-size: 1.36vw;}
.manage--prc h3{color: #514c7c;margin-top: 20px;}
.mp--contents h4{position: relative;display:block;font-size:1.8rem;color:#000;padding:10px 10px;margin: 0;}
.mp--contents h4:before {content: '';position:absolute;top:50%;left:0;margin-top:-2px;width:4px;height:4px;background:#FF6F30;}
.w--100 h3{line-height: 2;}
.mp--imgs figure {width: 100%;padding: 1vw 0 0 0;}
.mp--imgs figure img{max-width: 100%;}
.mp--imgs figure figcaption{font-size: 1.6rem!important;margin: 1.5vw auto;}
.mp--contents .header--photo{width:100%;margin:2vw auto;border-radius: 0.5rem;box-sizing: border-box;border:1px solid rgba(221,221,221,0.5)}
.mp--contents .txt1{padding:2vh 8vw;line-height: 1.6;color:gray;word-break: keep-all;font-size: 1.60rem!important;word-break: keep-all;}
.txt-cnt{text-align: center!important;}
.txt-blk{color:black!important}
@media screen and (max-width:768px) {
	.mp--contents .header--photo{max-width: 98vw!important;}
	.mp--listbox{padding:4rem 2rem!important}
	.mp--head{font-size: 2.6vw!important;}
}


.mp--listbox{border:1px solid #FFDDCE;width: 100%;padding:40px 60px;border-radius: 20px;background-color: #fff;}
.mp--hlist li{font-size:0.7em;font-weight: normal;}
.mp--sslist li{font-size: 1.5rem;letter-spacing: -0.5px;}
.mp--p{background-image:none!important;margin-bottom: 2vw;word-break:keep-all;padding-left:0px!important}
.mp--ulwrap{padding: 1vw;background-color:#fff;border-radius: 1rem;}
.mp--ulwrap ul{margin:0px!important}

.mp--wmlist ul li:last-child{display: none;}
.mp--wmlist a::after{content:'바로가기';display: inline-block;font-size: 0.86em;transform: translateY(-0%);}
.mp--wmlist a:hover{color:#FF6F30}
.mp--pbox{margin-right:1%;background-color:#fff;padding:20px;margin-bottom:10px;}

.bigtxt li{text-align: center;font-size: 2em;font-weight: bold;line-height: 1.6;}

.medical {min-width:120px;width:10vw;height: 10vw;min-height:120px;background-image: url(/img_up/shop_pds/pgam/design/img/page/medical.jpg);color:#fff;border-radius: 50%;font-size: 1.36vw;margin:4rem auto 1rem;background-size: contain;}

/*호랑이과학*/
.tiger-body{position: relative;width: 100%;margin: 2rem 0 1rem;display: flex;flex-direction: column;gap:1rem;}



.tiger-body h3{font-size: clamp(15px,2.5vw,18px);font-weight: bold;margin: 0.5rem 0;}
.tiger-body h4{font-size: clamp(14px,2.5vw,16px);font-weight: light;line-height: 1.6;}
.tiger-table {position: relative;display: grid;grid-template-columns: repeat(2,1fr);grid-gap:1rem; overflow-x: auto;-webkit-overflow-scrolling: touch;transition: all 0.3s;font-size: 1rem;}

.tiger-table table{border:1px solid #ccc;border-collapse:collapse;margin:0;padding:0rem;width:100%;table-layout:fixed}
.od-table{display: flex!important;}
.od-table td:first-child{background-color: #f8f8f8;font-weight: bold;}
.tiger-table table caption{font-size:1.5em;margin:.5em 0 .75em}
.tiger-table table thead th{background-color: #555;color: white;}
.tiger-table table tr{background-color:#fff;border:1px solid #ddd;padding:.35rem}
.tiger-table td,.tiger-table th{padding:1rem;text-align:center;border:1px solid #ddd;font-size: clamp(11px,2.5vw,13px);}

@media screen and (max-width:1280px){
	.tiger-table {grid-template-columns: repeat(1,1fr)}
}
.unit-table tbody td:first-child,.total-table tbody td:nth-child(odd){background-color: #f8f8f8;}
.p-wrap{display: flex;position: relative;width: 100%;height: 100%;flex-direction: column;align-items: flex-start;gap:0.3rem}
.tiger-table p{padding: .25em;text-align: left;margin-bottom: .05rem;display: inline-block;font-size: 1em;letter-spacing: -0.2px;}
.tiger-table p span{padding: 0.25em;font-size: 1em}
.p-wrap p{flex:1;flex-shrink: 1;}
.lum01{background-color: #baff1a;}
.lum02{background-color: #ffb689;}
.lum03{background-color: #42c7f1;}
.lum04{background-color: #bfbfbf;}
.lum05{background-color: #ffff00;}
.lum06{background-color: #69d8ad;}
.lum07{background-color: #d8bee4;}
.lum08{background-color: #b4cfe3;}