@import url("/common/css/layout.css");
@import url("/common/css/con_com.css");

/*-----------------------------------------------------------
Author : hyerim, Park
Creative date :2021. 07. 28
-----------------------------------------------------------*/


/* 0101 인사말 */
.greeting_Wrap {position:relative; overflow:hidden;}
.greeting_Wrap .greeting_top { position:relative; width:100%; margin:0 0 2rem;  padding-top:1rem; font-family:'SCDream'; border-bottom:6px solid #f4f6f8; line-height:3rem; word-break:keep-all; background:url("/images/web/course/sub/greeting_bg.png") no-repeat right bottom;}
.greeting_Wrap .greeting_top .greeting_tit1 { font-weight: 700; font-size: 2.2rem; letter-spacing:-0.01rem; color:#00a291; line-height: 3rem; }
.greeting_Wrap .greeting_top .greeting_tit1 span {color:#cf3c61;}
.greeting_Wrap .greeting_top .greeting_tit2 {font-weight: 600; font-size: 1.1rem; letter-spacing:-0.01rem; color:#333; line-height:1.8rem; margin:1rem 0 2rem;}
.greeting_Wrap .greeting_txt {float:left; position:relative; padding-right:22rem; word-break:keep-all;}
.greeting_Wrap .greeting_txt p {margin-bottom:1.6rem; font-weight:400;font-size:0.9rem;letter-spacing:-0.01rem;color:#333;line-height:1.4rem;}
.greeting_Wrap .greeting_img { position:absolute; right:0; width:21.2rem; height:24.25rem;} 
.greeting_Wrap .greeting_img img {max-width:100%;}

/* 0301 고입자료 */
.schl_tit { position:relative; display:block; width:5rem; height:5rem; margin:0 auto; background:#004896; color:#fff; border-radius:5rem; padding-top:1.9rem; line-height:1rem; box-shadow:0 0 10px 0 rgba(170, 222, 244, 1);}
.schl_tit img { position:absolute; left:0; top:0; width:5rem; height:5rem;}
.schl_tit.txt_02 {padding-top:1.6rem;}
.schl_tit.txt_03 {padding-top:1.1rem;}
.tbl_st th p.arrow { position:relative; width:calc(100% - 1.8rem);  padding:.9rem 0; margin-right:2rem; color:#fff; background:#42b0a2; font-size:1rem; z-index:0;}
.tbl_st th p.arrow::before{content: ""; width: 2.3rem; height: 2.3rem; background: #42b0a2; z-index: -1; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; right: -1.2rem; top:.5rem;}

ul.edu_list01 {overflow:hidden;}
ul.edu_list01 li {position:relative; width:100%; float:left; margin:1rem 2% 0 0; padding:1.5rem .5rem .5rem 1.5rem; }
ul.edu_list01 li:nth-child(even) {margin-right:0; }
ul.edu_list01 li > span {position:absolute; top:0; left:0; width:10rem; height:2.6rem; line-height:2.6rem; font-size:1rem; text-align:center; font-weight:600; color:#fff; background:#42b0a2; border-radius:.6rem;}
ul.edu_list01 li div {display:block; min-height:4.2rem; padding:1.8rem 1rem .85rem ; font-size:.85rem; font-weight:600; background-color:#fff; border: 2px dashed #ddd; }
div.edu_box {display:block; min-height:3.2rem; padding:1rem; font-size:.85rem; font-weight:600; background-color:#fff; border: 2px dashed #ddd; }


/* 02 카드뉴스 */
.cardnews_link { position:relative; text-align:center; margin-top:2.5rem;} /* 수정 220203 */
.cardnews_link ul { margin-left:-2%}
.cardnews_link ul li { position:relative; width:23%; height:9.75rem; border:2px solid #d6dde3; border-radius:1rem; margin:0 0 2% 2%; float:left}
.cardnews_link ul li a { display:inline-block; width:100%; height:100%; text-align:left;}
.cardnews_link ul li a img { position:absolute; bottom:0; right:1rem; margin-left:-2.12rem}
.cardnews_link ul li a span { position:relative; display:block; font-family:'SCDream'; font-weight:600; font-size:0.9rem; color:#111; padding:1rem; min-height:3rem; word-break:keep-all;}
.cardnews_link ul li a span:before  { content:""; position:absolute; left:1; top:4.2rem; width:1.2rem; height:0.4rem; background:#bdcdda; border-radius:1rem;}
.cardnews_link ul li:hover { border-color:#7aade4}
.cardnews_link ul li:hover a span:before {background:#004896;}
.cardnews_link ul li:hover a img { transform:rotateY(180deg); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); } 
.cardnews_link ul li, .cardnews_link ul li a img { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; } 

/* 02 카드뉴스 콘텐츠*/
.cardnews_box .line_dot {margin-bottom:1rem; padding-top:0.6rem; border-bottom:3px dotted #D9EDF9;}
.cardnews_box p {word-break:keep-all}
.cardnews_box a.link02 {position:relative; display:inline-block; padding-left:1rem; color:#00a291; transition: 0.3s; }

/* 지역별 학교 map 추가 220124 */
.map_bt{display:inline-block; vertical-align:middle; margin:0.2rem 0.1rem; padding:0.5rem 0.8rem; font-weight:600; background:#eef3f9; font-size:1.2rem; color:#2c73c3; border:1px solid #5796db; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 고입안내 상단 구분검색 220124 */
.bbs_srch {padding:1.3rem 1.5rem; font-size:0.8rem; color:#333; text-align:center; border:1px solid #ddd; background:#f5f5f5;}
.bbs_srch select, .bbs_srch input, .bbs_srch button {margin:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.bbs_srch select {min-width:5rem; height:2rem; font-size:0.8rem; line-height:2rem; vertical-align:middle; border:1px solid #ccc;}
.bbs_srch input.inpTxt {width:35%; height:2rem; line-height:2rem; padding:0 0.5rem; font-size:0.8rem; vertical-align:middle; border:1px solid #ccc;}
.bbs_srch button.btnSearch {position:relative; padding:0 1rem 0 2.15rem; line-height:2rem; color:#fff; vertical-align:middle; background:#333 url('/images/web/course/sub/ico_bbs_srch.png') no-repeat 1rem center; overflow:hidden; transition:all 0.2s ease-out 0.1s;}
.bbs_srch button.btnSearch:hover {background-color:#044ca4;}
.search_box { margin-top:.5rem;}

/*------------ 팝업창 추가 ------------*/
.Popup_wrap {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:0;overflow:auto;display:none;}
.certificate_wrap{width:45rem; margin:10rem auto 0; padding:2rem; background:#fff;}
.certificate_wrap .certificate { position:relative; width:100%}

/* sub 레이아웃 */
/* #subContent {margin: 0 a;float: none;margin-left: 0;padding: 1.5rem 0 5rem;width: 100%;}
.container {max-width: 1020px;} */

/* 지역별 학교 map 추가 211208 */
.map_bt{display:inline-block; vertical-align:middle; margin:0.2rem 0.1rem; padding:0.5rem 0.8rem; font-weight:600; background:#eef3f9; font-size:1.2rem; color:#2c73c3; border:1px solid #5796db; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 찾아오시는 길 추가 211208 */
.map {position:relative;width:100%;height:23.5rem;background:#ddd;text-align:center;line-height: 0.5rem;margin:1rem auto 2rem;}

/* 게시판 리스트 상단 추가 211110 */
.bbs_srch {padding:1.3rem 1.5rem; font-size:0.8rem; color:#333; text-align:center; border:1px solid #ddd; background:#f5f5f5;}
.bbs_srch select, .bbs_srch input, .bbs_srch button {margin:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.bbs_srch select {min-width:5rem; height:2rem; font-size:0.8rem; line-height:2rem; vertical-align:middle; border:1px solid #ccc;}
.bbs_srch input.inpTxt {width:35%; height:2rem; line-height:2rem; padding:0 0.5rem; font-size:0.8rem; vertical-align:middle; border:1px solid #ccc; background: }
.bbs_srch button.btnSearch {position:relative; padding:0 1rem 0 2.15rem; line-height:2rem; color:#fff; vertical-align:middle; background:#333 url('/common/images/con_com/ico_bbs_srch.png') no-repeat 1rem center; overflow:hidden; transition:all 0.2s ease-out 0.1s;}
.bbs_srch button.btnSearch:hover {background-color:#044ca4;}

.btnArrw { display: inline-block; width: 2rem; height: 2rem; border-radius: 50%; background: #8f9ead; line-height: 2rem; text-align: center; font-size: 1rem; vertical-align: middle; }
.btnArrw:hover, .btnArrw:focus { color: #ff5353; }
.reservList .rs_tit01 { position: relative; text-align: center; background:#f3f3f3; padding:0.7rem 1rem; border:1px solid #ddd;}
.reservList .rs_tit01 .date { position: relative; display: inline-block; vertical-align: middle; padding: 0.5rem 2.5rem; }
.reservList .rs_tit01 .date p { display: inline-block; padding: 0 0.8rem; font-size: 1rem; vertical-align: middle; }
.reservList .rs_tit01 .date p .xi-calendar { color: #646464; padding-left: 0.2rem; }
.reservList .rs_tit01 .date .btnArrw { position: absolute; top: .25rem; color:#fff;}
.reservList .rs_tit01 .date .btnArrw.btnprev { left: 0; }
.reservList .rs_tit01 .date .btnArrw.btnnext { right: 0; }
.reservList .rs_tit01 .select { position: absolute; right: 1rem; bottom: 0.7rem; }
.reservList .rs_tit01 .select span { font-family: 'NotoSans'; vertical-align: middle; }
.reservList .rs_tit01 .select select { color: #145598; margin-left: 0.2rem; }
.sr-only {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0);}

/* 달력 추가 210909 ****************************************************************************************************************/
/* 예약프로그램 00_01, 00_04 */

.btnArrw { display: inline-block; width: 2rem; height: 2rem; border-radius: 50%; background: #8f9ead; line-height: 2rem; text-align: center; font-size: 1rem; vertical-align: middle; }
.btnArrw:hover, .btnArrw:focus { color: #ff5353; }
.reservList .rs_tit01 { position: relative; text-align: center; background:#f3f3f3; padding:0.7rem 1rem; border:1px solid #ddd;}
.reservList .rs_tit01 .date { position: relative; display: inline-block; vertical-align: middle; padding: 0.5rem 2.5rem; }
.reservList .rs_tit01 .date p { display: inline-block; padding: 0 0.8rem; font-size: 1rem; vertical-align: middle; }
.reservList .rs_tit01 .date p .xi-calendar { color: #646464; padding-left: 0.2rem; }
.reservList .rs_tit01 .date .btnArrw { position: absolute; top: .25rem; color:#fff;}
.reservList .rs_tit01 .date .btnArrw.btnprev { left: 0; }
.reservList .rs_tit01 .date .btnArrw.btnnext { right: 0; }
.reservList .rs_tit01 .select { position: absolute; right: 1rem; bottom: 0.7rem; }
.reservList .rs_tit01 .select span { font-family: 'NotoSans'; vertical-align: middle; }
.reservList .rs_tit01 .select select { color: #145598; margin-left: 0.2rem; }
.sr-only {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0);}

/* 월간 */
.monthOption { display: none; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); top: 3.2rem; width: 16rem; height: auto; background: #fff; border: 1px solid #ddd; z-index: 2; }
.monthOption .month { width: 100%; border-top: 1px solid #ddd; }
.monthOption .month li { width: 33.3333%; float: left; display: block; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.monthOption .month li a { display: block; line-height: 3rem; }
.monthOption .month li a:hover, .monthOption .month li a:focus { background: #eee; }
.monthOption .month li:nth-child(3n) { border-right: none; }
.monthOption .month li:nth-child(n+10) { border-bottom: none; }
.monthOption.on { display: block; }
.whBtn.on { background: #999; color: #fff; }
.scheduleTable td { text-align: left; padding: 0.2rem; vertical-align: top; }
.scheduleTable td .date { display: inline-block; width: 1.5rem; line-height: 1.5rem; }
.scheduleTable td .con { min-height: 5rem; margin-top: 0.2rem; }
.scheduleTable .bgGray { background: rgba(0, 0, 0, 0.03); }
.scheduleTable .sche_tit { float: right; font-size: 0.75rem; line-height: 1.5rem; }
.scheduleTable .today{ background:#eef2fa;}
.scheduleTable .today .sche_tit { color: #004896; }
.scheduleTable .today .date { background: #004896; color: #fff; border-radius: 50%; text-align: center; }
.scheduleTable .schedulebtn { position: relative; display: block; width: 100%; font-family: 'NotoSans'; font-size: 0.68rem; }
.scheduleTable .schedulebtn + button { margin-top: 0.2rem; }
.scheduleTable .schedulebtn span { float: left; color:#fff;}
.scheduleTable .schedulebtn.col_01 { background: #ffb847; border-radius: 0.2rem; }
.scheduleTable .schedulebtn.col_01:hover, .scheduleTable .schedulebtn.col_01:focus { background: #e17d24; }
.scheduleTable .schedulebtn.col_02 { background: #00b2da; border-radius: 0.2rem; }
.scheduleTable .schedulebtn.col_02:hover, .scheduleTable .schedulebtn.col_02:focus { background: #0088a7; }
.scheduleTable .schedulebtn.col_03 { background: #8765e7; border-radius: 0.2rem; }
.scheduleTable .schedulebtn.col_03:hover, .scheduleTable .schedulebtn.col_03:focus { background: #6642cc; }
.sche_week th { text-align: left; }
.sche_week th .date { font-size: 1rem; }
.sche_week th .date:after { content: '/'; position: relative; font-size: 0.65rem; }
.sche_week th .tit { font-size: 0.65rem; float: right; color: #555; margin-left: 0.5rem; line-height: 1.7rem; }

/* 예약프로그램 00_01, 00_04 추가 210909 */
.sched_list ul{ margin-left:-2%;}
.sched_list ul li { display:table-cell; float:left; width:23%; height:8rem; text-align:center; padding:1rem; border-radius:1rem;  margin:1rem 0 2% 2%; border:2px dashed #CCC}
.sched_list ul li p { font-size:1rem; font-weight:600;}
.sched_list ul li span { display:block; color:#2c73c3; padding:.2rem; border-radius:.4rem; margin:.6rem 0; background:#eef2fa}


/* //달력 ****************************************************************************************************************/

/* 00_02 개인정보 약관 추가 210909 */
.info_box{overflow-y:auto; height:10.1rem; margin-top:0.75rem; margin-bottom:1.25rem; padding:1rem 0.75rem; outline:0; border:1px solid #ddd; background:#fcfcfc;}
.info_box:focus{outline:2px solid #000;}
.info_box p{margin-top:1.25rem;}
.info_box h4,
.info_box h5{margin-top:1.25rem;}
.info_box h5{font-size:inherit;}
.info_box h4:first-child,
.info_box h4 + p,
.info_box h5 + p,
.info_box p:first-child{margin-top:0;}
.info_box ol ol,
.info_box ol p{margin-left:1rem;}
.info_box li p{margin-top:0;}
.info_box * + [class^=tbl_st]{margin-top:0.25rem;}
.info_box [class^=tbl_st]{margin-bottom:0.5rem;}
.step_info_label{color:#555;}
.step_info_label + .step_info_label{margin-left:0.5rem;}
.step_info_label input[type="checkbox"]{margin-right:0.3rem;}
.step_info_all_check{margin-top:1.3rem; margin-bottom:2.3rem; padding-top:1.3rem; border-top:1px dashed #bec3cc;}
.step_info_btns a{margin-right:0.3rem;}

/* 00_04 관리자페이지 추가 210909 */
.calendar_wrap { width:100%; position:relative; overflow:hidden}
.right {width:52%; float:right; border:1px solid #dcdcdc; padding:1rem;}
.left { width:46%; float:left; border:1px solid #dcdcdc; padding:1rem;}
.sched_info { overflow-y:auto; height:21rem;}
.calendar_left{height:20rem; box-sizing:border-box;}
.calendar_left .calendarTit { text-align: center; line-height: 2rem; margin:1rem 0; }
.calendar_left .calendarTit a { display: inline-block; width: 2rem; height: 2rem; border-radius: 50%; background: #8f9ead; line-height: 2rem; text-align: center; font-size: 1rem; color:#fff;}
.calendar_left .calendarTit strong { font-size: 1.5rem; padding: 0 1rem; }
.calendar_left .calendarTbl { text-align: center; }
.calendar_left .calendarTbl th { padding: 0.5rem; font-size: 0.7rem; color: #737373; }
.calendar_left .calendarTbl th.sun{color:#C33}
.calendar_left .calendarTbl th.sat{color:#06C} 
.calendar_left .calendarTbl td { padding: 0.2rem; }
.calendar_left .calendarTbl td a.num { display: inline-block; width: 2.2rem; line-height: 2.2rem; border-radius: 50%; font-size: 0.8rem; color: #262626; font-weight: 700; }
.calendar_left .calendarTbl td a.num.unable { color: #d1d1d1; }
.calendar_left .calendarTbl td a.num.checked { background: #004896; color:#fff;}

/* sub 레이아웃 추가 211110 
#subContent {margin: 0 a;float: none;margin-left: 0;padding: 1.5rem 0 5rem;width: 100%;}
.container {max-width: 1020px;}*/

/* 수학문화관 체험 프로그램 안내 211124 */
.prg_box { position:relative; background:#ECF0F4; border-radius:20px; padding:2rem 2.5rem 2rem; margin:4rem 0; overflow:hidden}
.prg_box h3 { font-size:1.6rem; font-weight:600; color:#00a291}
.prg_box .box { width:50%; background:#fff; border:3px dotted #00a291; border-radius:20px; padding:1rem; margin-top:1rem}
.prg_box .img { position:absolute; top:50%; right:2rem; margin-top:-162px; width:460px; height:325px}

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

	/* 02 카드뉴스 */
	.cardnews_link ul li {width:31.3%;} 
	
	.container{padding:0 1rem; max-width: 1060px;}

}

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




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


}

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

	/*------------ 팝업창 ------------*/
	.certificate_wrap{width:90%;}

	/*------------ 팝업창_테이블 블럭 ------------*/
	.tbl_bl table colgroup,
    .tbl_bl table col{display:none;}
    .tbl_bl table th,
    .tbl_bl table td{display:block; float:left; width:100%;}

	/* popup_01 */
	.mid { display:block}
	
}

@media screen and (max-width: 880px) { 
	
	/* 인사말 210720추가 */
	.greeting_Wrap .greeting_top {padding-top:1.4rem;}
	.greeting_Wrap .greeting_txt {position:relative; width:100%; padding-right:0;}
	.greeting_Wrap .greeting_txt p > br {display:none;}
	.greeting_Wrap .greeting_img { position:relative; right:auto; margin:0 auto; overflow:hidden} 

	/* 02 카드뉴스 */
	.cardnews_link ul li {width:48%;} 

} 


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



} 

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

	/* 0101 인사말*/
	.greeting_Wrap .greeting_top { padding-top:0rem;}
	.greeting_Wrap .greeting_top .greeting_tit1 { font-size: 2rem;}
	.greeting_Wrap .greeting_top .greeting_tit2 {font-size: 1rem;}
	

 
@media screen and (max-width:480px){
	
	
	/* 0101 인사말*/
	.greeting_Wrap .greeting_img {width:80%; height:auto;} 

	/* 02 카드뉴스 */
	.cardnews_link ul { margin-left:0}
	.cardnews_link ul li {width:100%; margin-left:0; margin:0 0 1rem 0;}


}   

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


	/*------------ 팝업창 ------------*/
	/* 테이블 - form */
	.certificate_wrap table select, 
	.certificate_wrap table input[type='text'],
	.certificate_wrap table input[type='password'] {width:auto!important;}


}

@media screen and (max-width:360px){
	
	/* 0101 인사말*/
	.greeting_Wrap .greeting_top .greeting_tit1 { font-size:1.6rem; line-height:2rem}



}