/******************

 sub common 

******************/

/**** Text Align,Style ****/
.text-left, .alLeft{text-align:left !important;}
.text-right, .alRight{text-align:right !important;}
.text-center, .alCenter{text-align:center !important;}
.text-bold{font-weight:bold;}
.text-normal{font-weight:normal;}
.text-strong{font-weight:700; color:#03010f;}
.text-thin{font-weight:300;}
.text-elps{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.text-elps2{display:block; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.text-elps3{display:block; display:-webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.text-nowrap{white-space:nowrap;}
.text-flow{font-family: 'InkLipquid'; font-size:34px;}

.fl, .L{float:left; width:49%;}
.fr, .R{float:right; width:49%;}
.clear {clear: both;}

.titleW{color: #000; padding:50px 30px 50px; font-size:18px; margin-bottom:60px; text-align:left;  line-height:170%; border-radius:10px;}
.titleW strong{display:block; font-size:60px; font-weight:bold; position:relative; /*padding:50px 0;*/ margin-bottom:20px; font-family: 'BinggraeSsamanco'; color:#3ea5ed; letter-spacing:-0.02em; line-height:100%;}
.titleW u{color:#1fa55b;  margin:0; padding:0;}
.titleW u.blue{color:#006ab8;}
.titleW.type02{ padding:0px 0 40px; font-size:18px; text-align:center;  line-height:170%; background:none; margin-bottom:40px; border-bottom:1px solid #ddd;}
.titleW.type02 strong{ font-size:50px; padding:50px 0; margin-bottom:20px; }
.titleW.type02 strong::before,
.titleW.type02 strong::after{content: ''; display:block; position: absolute; left: 50%;  width: 40px; height: 37px; margin-left:-20px; }
.titleW.type02 strong::before{top:0; background: url(/wp-content/uploads/2026/04/ico-d-quotation1.png) no-repeat center center/100% auto; }
.titleW.type02 strong::after{bottom:0; background: url(/wp-content/uploads/2026/04/ico-d-quotation2.png) no-repeat center center/100% auto; }
.titleW.type02 strong.green{color:#54a679;}
.titleW.type03{padding:35px 20px 30px; border:3px dashed #b5ede5; background:#fff; font-family: 'GangwonEducationSaeum'; font-size:2.7rem; line-height:120%; border-radius:20px; background:url(/wp-content/uploads/2026/04/s_news_bg01.jpg) no-repeat center center/cover;}
.titleW.type03 span{display:inline-block; position:relative; padding-left:20px;}
.titleW.type03 span:before{content:""; display:block; width:8px; height:8px; border-radius:50%; border:3px solid #b5ede5; position:absolute; left:0; top:6px;}
.titleW.type04{padding:35px 20px 30px; border:3px dashed #d1d1f0; background:#fff; font-family: 'GangwonEducationSaeum'; font-size:2.7rem; line-height:120%; border-radius:20px; background:url(/wp-content/uploads/2026/04/s_news_bg02.jpg) no-repeat center top/cover;}
.titleW.type04 span{display:inline-block; position:relative; padding-left:20px;}
.titleW.type04 span:before{content:""; display:block; width:13px; height:13px; border-radius:50%; border:3px solid #d1d1f0; position:absolute; left:0; top:6px;}
.titleW.illust{position:relative; border:2px solid #3ea5ed; padding:0px 70px 30px; width:90%; margin:50px auto 0px; background:#fff;}
.titleW.illust strong{ display:inline-block; font-size:50px; margin-top:-25px; margin-bottom:30px; background:#fff; padding:0 15px; line-height:100%; text-align:left;}
.titleW.illust::before,
.titleW.illust::after{content: ''; display:block; position: absolute; width:100px; height:130px; }
.titleW.illust::before{left:0; top:0px; background: url(/wp-content/uploads/2026/04/illust_m.png) no-repeat center center/auto 100%; margin:-15px 0 0 -50px;}
.titleW.illust::after{right:0; bottom:0px; background: url(/wp-content/uploads/2026/04/illust_w.png) no-repeat center center/auto 100%; margin:0 -50px 0 0;}
.titleW.bNone{padding:0; border:none;}

.imgW{border:1px solid #ddd; padding:60px; border-radius:10px; text-align: center;}

.borderBox{border:1px solid #ddd; border-radius:20px; padding:30px; position:relative;}
.borderBox:before{line-height: 1.5; display:inline-block; font-weight: 700; position:absolute; right:30px; top:-25px; font-size:30px; padding:0 20px; font-family: 'BinggraeSsamanco'; border-radius:10px;}
.grayBox{border:1px solid #ddd; background:url(/wp-content/uploads/2026/04/s_intro04.jpg) no-repeat 95% center;}
.grayBox:before{content:'2026 중점 추진 방침'; color:#0c8040; background:#fff;   border:1px solid #ddd; }
.greenBox{border:1px solid #0c8040; }
.greenBox:before{content:'서울시교육청 보도자료'; display:inline-block; position:absolute; right:30px; top:-25px; font-size:30px; color:#fff; background:#0c8040;   border:1px solid #0c8040; }
.orangeBox{border:1px solid #ffa200; padding:40px 30px 30px; background:url(/wp-content/uploads/2026/04/s_news_greet.jpg) no-repeat right top/auto 90%;}
.orangeBox:before{content:'강서마을이 함께 키우는 아이들'; display:inline-block; position:absolute; left:30px; width:400px; top:-25px; font-size:30px; color:#fff; background:#ffa200; border:1px solid #ffa200; text-align:Center;}
.orangeBox p{font-size: 28px;  font-family: 'GangwonEducationSaeum'; line-height: 110%;}
.blueBox{border:1px solid #3ea5ed; }
.blueBox:before{content:'On마을의 진로체험 공간화'; color:#fff; background:#3ea5ed; border:1px solid #3ea5ed; }
.borderBox.illust{}
.borderBox.illust:before,
.borderBox.illust:after{content: ''; display:block; position: absolute; width:100px; height:130px; border:none;}
.borderBox.illust:before{right:80px; top:-20px; background: url(/wp-content/uploads/2026/04/illust_m.png) no-repeat center center/auto 100%; }
.borderBox.illust:after{right:0; top:-20px; background: url(/wp-content/uploads/2026/04/illust_w.png) no-repeat center center/auto 100%; }

.pattLogo{background:url(/wp-content/uploads/2026/04/s_pattern.gif) repeat left top; padding:30px 0 40px; border:1px solid #ddd; text-align:Center; position:relative;}
.pattLogo h5{position:absolute; left:15px; top:20px; border-radius:50%; display:inline-block; width:80px; height:80px; line-height:80px; color:#fff; background:#006ab8;}
.pattLogo h5.green{background:#a6c20a;}
.pattLogo span{display:block; font-size:18px; text-align:left; color:#006ab8; padding-left:120px;}
.pattLogo span.green{color:#a6c20a;}
.pattLogo strong{display:block; font-family: 'BinggraeSsamanco'; font-size:50px; line-height:110%; margin-top:35px;}
.pattLogo p{font-size:13px;}
.pattLogo img{display:block; margin:25px auto;}

h2.tt{font-family:'NanumSquare'; font-size:30px; margin:50px 0 30px; clear:both;}
h2.tt.first{margin-top:0;}
h3.tt{font-family:'NanumSquare'; font-size:24px; padding:10px 0; margin:70px 0 0px; clear:both; color:#006ab8;}
h3.tt:after{content:""; display:inline-block; width:6px; height:6px; border-radius:3px; background:#006ab8; margin-left:6px;}
h3.tt.first{ margin-top:0px;}
h4.tt{font-size:20px; margin:10px 0;}
h5.tt{font-size:20px; font-weight:normal; color:#666; margin:10px 0 5px;}

h3.type01{font-family:'NanumSquare'; font-size:26px; color:#333; margin:45px 0 10px;font-weight:bold;}
h3.type01 span{display:inline-block; position:relative; padding:0 30px 0 32px;}
h3.type01 span:before{content:""; display:inline-block; width:31px; height:31px;  background:url(/wp-content/uploads/2026/04/h3_bullet.gif) no-repeat center center/100% auto; position:absolute; left:-5px; top:3px;}
h3.type01 span:after{content:""; display:inline-block; width:30px; height:18px;  background:url(/wp-content/uploads/2026/04/h3_bullet.png) no-repeat center center/100% auto; position:absolute; right:0; top:0; display:none;}
h3.type01 strong{color:#ff6600;}
h3.type01 u{color:#0066cc; font-size:30px; line-height:40px; text-decoration:none; margin-right:5px; display:inline-block; position:relative;}
h3.type01 u small{font-size:20px; line-height:40px;}
h3.type01 u:before{content:""; display:block; width:7px; height:7px; border-radius:2px; background:#0066cc; position:absolute; left:0; top:0; margin-top:-7px;}
h3.type02{font-family:'NanumSquare'; font-size:28px; color:#333; margin-bottom:20px;}
h4.type01{font-family:'NanumSquare'; font-size:22px; color:#006ab8;}
h4.type01:before{content:""; display: inline-block; width: 20px; height: 20px; margin-right:8px;  background:url(/wp-content/uploads/2026/04/h4_bullet.png) no-repeat center center; vertical-align: -3px;}
/*h4.type01:after{content:""; display:inline-block; width:6px; height:6px; background:#006ab8; border-radius:5px; margin-left:5px;}*/
h4.type02{}
.text_type01{font-size:18px; line-height:150%; }
.text_type01 strong{ display:inline-block; color:#006ab8; font-weight:normal; position:relative; font-size:30px; font-family:'GangwonEducationSaeum';}
.text_type01 strong:after{content:""; display:block; width:100%; height:13px; border-radius:50px; background:rgba(0, 51, 102, 0.15); position:absolute; left:0; bottom:0;}
.text_type02{font-size:18px; line-height:150%;}

.mt0{margin-top:0px !important} .mt5{margin-top:5px !important} .mt10{margin-top:10px !important} .mt15{margin-top:15px !important} .mt20{margin-top:20px !important} .mt25{margin-top:25px !important} .mt30{margin-top:30px !important} .mt35{margin-top:35px !important} .mt40{margin-top:40px !important} .mt45{margin-top:45px !important} .mt50{margin-top:50px !important} .mt55{margin-top:55px !important} .mt60{margin-top:60px !important; text-align: center;} .mt65{margin-top:65px !important} .mt70{margin-top:70px !important} .mt75{margin-top:75px !important}.mt80{margin-top:80px !important;}
.ml0{margin-left:0px !important} .ml5{margin-left:5px !important} .ml10{margin-left:10px !important} .ml15{margin-left:15px !important} .ml20{margin-left:20px !important} .ml25{margin-left:25px !important} .ml30{margin-left:30px !important} .ml35{margin-left:35px !important} .ml40{margin-left:40px !important} .ml45{margin-left:45px !important} .ml50{margin-left:50px !important} .ml55{margin-left:55px !important}  .ml60{margin-left:60px !important} .ml65{margin-left:65px !important} .ml70{margin-left:70px !important} .ml75{margin-left:75px !important} .ml80{margin-left:80px !important;}
.mr0{margin-right:0px !important} .mr5{margin-right:5px !important} .mr10{margin-right:10px !important} .mr15{margin-right:15px !important} .mr20{margin-right:20px !important} .mr25{margin-right:25px !important} .mr30{margin-right:30px !important} .mr35{margin-right:35px !important} .mr40{margin-right:40px !important} .mr45{margin-right:45px !important} .mr50{margin-right:50px !important} .mr55{margin-right:55px !important} .mr60{margin-right:60px !important} .mr65{margin-right:65px !important} .mr70{margin-right:70px !important} .mr75{margin-right:75px !important} .mr80{margin-right:80px !important;}
.mb0{margin-bottom:0px !important} .mb5{margin-bottom:5px !important} .mb10{margin-bottom:10px !important} .mb15{margin-bottom:15px !important} .mb20{margin-bottom:20px !important} .mb25{margin-bottom:25px !important} .mb30{margin-bottom:30px !important} .mb35{margin-bottom:35px !important} .mb40{margin-bottom:40px !important} .mb45{margin-bottom:45px !important} .mb50{margin-bottom:50px !important} .mb55{margin-bottom:55px !important} .mb60{margin-bottom:60px !important} .mb65{margin-bottom:65px !important} .mb70{margin-bottom:70px !important} .mb75{margin-bottom:75px !important} .mb80{margin-bottom:80px !important;}
.pt0{padding-top:0px !important} .pt5{padding-top:5px !important} .pt10{padding-top:10px !important} .pt15{padding-top:15px !important} .pt20{padding-top:20px !important} .pt25{padding-top:25px !important} .pt30{padding-top:30px !important} .pt35{padding-top:35px !important} .pt40{padding-top:40px !important} .pt45{padding-top:45px !important} .pt50{padding-top:50px !important} .pt55{padding-top:55px !important} .pt60{padding-top:60px !important} .pt65{padding-top:65px !important} .pt70{padding-top:70px !important} .pt75{padding-top:75px !important}.pt80{padding-top:80px !important;}
.pl0{padding-left:0px !important} .pl5{padding-left:5px !important} .pl10{padding-left:10px !important} .pl15{padding-left:15px !important} .pl20{padding-left:20px !important} .pl25{padding-left:25px !important} .pl30{padding-left:30px !important} .pl35{padding-left:35px !important} .pl40{padding-left:40px !important} .pl45{padding-left:45px !important} .pl50{padding-left:50px !important} .pl55{padding-left:55px !important}  .pl60{padding-left:60px !important} .pl65{padding-left:65px !important} .pl70{padding-left:70px !important} .pl75{padding-left:75px !important} .pl80{padding-left:80px !important;}
.pr0{padding-right:0px !important} .pr5{padding-right:5px !important} .pr10{padding-right:10px !important} .pr15{padding-right:15px !important} .pr20{padding-right:20px !important} .pr25{padding-right:25px !important} .pr30{padding-right:30px !important} .pr35{padding-right:35px !important} .pr40{padding-right:40px !important} .pr45{padding-right:45px !important} .pr50{padding-right:50px !important} .pr55{padding-right:55px !important} .pr60{padding-right:60px !important} .pr65{padding-right:65px !important} .pr70{padding-right:70px !important} .pr75{padding-right:75px !important} .pr80{padding-right:80px !important;}
.pb0{padding-bottom:0px !important} .pb5{padding-bottom:5px !important} .pb10{padding-bottom:10px !important} .pb15{padding-bottom:15px !important} .pb20{padding-bottom:20px !important} .pb25{padding-bottom:25px !important} .pb30{padding-bottom:30px !important} .pb35{padding-bottom:35px !important} .pb40{padding-bottom:40px !important} .pb45{padding-bottom:45px !important} .pb50{padding-bottom:50px !important} .pb55{padding-bottom:55px !important} .pb60{padding-bottom:60px !important} .pb65{padding-bottom:65px !important} .pb70{padding-bottom:70px !important} .pb75{padding-bottom:75px !important} .pb80{padding-bottom:80px !important;}

/* @media(max-width:1024px){
	.sub_page_title .sub_main_tit{font-size:40px; }

	.sgnb{ }
	.sgnb a{ width:32%; font-size:13px; height:40px; line-height:38px; }
	.sgnb a span{display:none;}

	.titleW{ padding:40px 20px 40px; font-size:14px; margin-bottom:40px;}
	.titleW strong{ font-size:35px;}
	.titleW.type02{ font-size:14px;}
	.titleW.type02 strong{ font-size:35px; padding:35px 0;}
	.titleW.type02 strong::before,
	.titleW.type02 strong::after{width:24px; height:24px; margin-left:-12px; }
	.titleW.type03{font-size:1.4rem; padding:25px 20px 20px;}
	.titleW.type04{font-size:1.4rem; padding:25px 20px 20px;}
	.titleW.illust{padding:0px 30px 20px; width:95%; margin:40px auto 0px;}
	.titleW.illust strong{ font-size:35px;}
	.titleW.illust::before,
	.titleW.illust::after{width:70px; height:100px;}
	.titleW.illust::before{margin:-15px 0 0 -40px;}
	.titleW.illust::after{margin:0 -30px 0 0;}
	.imgW{padding:30px;}

	.borderBox{ padding:15px 20px; }
	.borderBox:before{ font-size:22px; right:20px; top:-20px;}
	.grayBox{padding:15px 20px 180px; background:url(/wp-content/uploads/2026/04/s_intro04_m.jpg) no-repeat center 98%/95% auto; margin-top:30px;}
	.grayBox:before{}
	.orangeBox{padding:30px 20px 0px; background:none;}
	.orangeBox:before{ width:230px; font-size:22px; left:20px; }
	.orangeBox p{font-size: 20px;}
	.blueBox{margin-top:30px;}
	.borderBox.illust{padding:20px 20px 15px;}
	.borderBox.illust:before,
	.borderBox.illust:after{width:50px; height:70px; top:-40px;}
	.borderBox.illust:before{right:30px;}

	.pattLogo{padding:30px 20px;}
	.pattLogo h5{font-size:14px; width:70px; height:70px; line-height:70px; }
	.pattLogo span{font-size:14px; padding-left:80px;}
	.pattLogo strong{font-size:40px;}
	.pattLogo img{max-width:220px;}
	
	h3.type01{font-size:18px; margin:35px 0 10px;}
	h3.type01 span{padding:0 30px 0 30px;}
	h3.type01 span:before{width:25px; height:25px; top:0px;}
	h3.type01 u{font-size:24px;}
	h3.type01 u small{font-size:16px;}
	h4.type01{font-size:19px;}
	.text_type01{font-size:13px;}
	.text_type01 strong{font-size:24px;}
	h3.tt{font-size:19px; margin:40px 0 0px; }
	h4.tt{font-size:18px;}
}
 */
#contents .breadcrumb{ padding:50px 0; overflow:auto;}
#contents .breadcrumb span{font-size:14px; _text-transform:uppercase; border:1px solid #333; display:inline-block; float:right; padding:10px 20px;}

/* @media(max-width:1024px){
	.scrollW {  width: 100%; max-width: 100%; margin: 0 auto; overflow: auto; }
	.scrollW table{width:600px;}
	::-webkit-scrollbar {
		-webkit-appearance: none;
	}
	::-webkit-scrollbar:vertical {
		width: 12px;
	}
	::-webkit-scrollbar:horizontal {
		height: 12px;
	}
	::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, .5);
		border-radius: 10px;
		border: 2px solid #ffffff;
	}
	::-webkit-scrollbar-track {
		border-radius: 10px;  
		background-color: #ffffff; 
	}
} */
 
.list_01{width:100%;}
.list_01 li{margin:10px 0; padding-left:28px; font-size:18px; position:relative;}
.list_01.small li{ font-size:16px; }
.list_01 li > i{position:absolute; left:0; top:3px; color:#215b97; font-size:18px;}
.list_01 li a{ display:inline-block; margin:0 10px; color:#fff; background:#666; border-radius:5px; padding:3px 15px; font-size:16px;}
.list_01 li a i{font-size:16px; margin-top:3px;}
.list_01 li a:hover{background:#333;}
.list_01 li strong{color:#215b97; font-size:18px; }
.list_01 li span{color:#999; font-size:18px;}
.list_01 li u{text-decoration:none; color:#3ea5ed;}
.list_01 dd{padding:5px 0 5px 20px; font-size:16px; background:url(/wp-content/uploads/2026/04/bullet_list01.png) no-repeat left 11px;}
.list_01.type02 li{padding-left:19px;}
.list_01.type02 li:before{content:''; display:inline-block; width: 10px; height: 10px; border: 3px solid #bfbfbf; border-radius: 100%; position:absolute; left:0; top:9px;}
.list_01.type02 li i{display:none;}

/* @media(max-width:1024px){
	.list_01 li{ padding-left:20px; font-size:13px !important;}
	.list_01 li > i{font-size:14px;}
	.list_01 li strong{ font-size:14px;}
	.list_01 li strong:after{display:none;}
	.list_01 li span{ font-size:14px;}
}

.list_02{width:100%; }
.list_02 li{font-size:16px; margin:5px 0; padding-left:10px; color:#666; position:relative;}
.list_02 li:before{content:""; display:block; width:3px; height:3px; border-radius:5px; background:#999; position:absolute; left:0; top:12px;}

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

.list_03{}
.list_03 li{width:33.33%; float:left;}
.list_03 li a{display:block; width:95%; margin:0 auto; border:1px solid #ddd; border-radius:15px; padding:20px 0; text-align:center; font-size:20px;}
.list_03 li a i{font-size:26px;}
.list_03 li a:hover{background:#f5f5f5; border:1px solid #999;}
@media(max-width:1024px){
	.list_03 li{width:100%; padding:3px 0;}
	.list_03 li a{font-size:14px; padding:10px 0;}
	.list_03 li a i{font-size:22px;}
} */

.list_num{}
.list_num > li{margin:15px 0; padding-left:40px; position:relative; font-size:18px;}
.list_num > li span{font-size:16px; color:#999;}
.list_num > li:before{display:inline-block;  border-radius:5px; background:#666; color:#fff; position:absolute; left:0; top:3px; content:""; text-align:center; width:30px; font-size:16px;}
.list_num > li:nth-child(1):before{content:"1";}
.list_num > li:nth-child(2):before{content:"2";}
.list_num > li:nth-child(3):before{content:"3";}
.list_num > li:nth-child(4):before{content:"4";}
.list_num > li:nth-child(5):before{content:"5";}
.list_num > li:nth-child(6):before{content:"6";}
.list_num > li:nth-child(7):before{content:"7";}
.list_num > li:nth-child(8):before{content:"8";}
.list_num > li:nth-child(9):before{content:"9";}
.list_num > li:nth-child(10):before{content:"10";}
.list_num > li:nth-child(11):before{content:"11";}
.list_num > li ul{margin:10px 0;}
.list_num > li ul li{color:#999;}
.list_num > li ul li i{color:#999;}

/* @media(max-width:1024px){
	.list_num > li{ font-size:14px;}
	.list_num > li span{font-size:14px;}
} */

.list_num2{}
.list_num2 li{padding:7px 0; padding-left:40px; position:relative; font-size:18px;}
.list_num2 li:before{display:inline-block; background:#ccc; color:#fff; position:absolute; left:0; top:5px; content:""; border-radius:50%; width:30px; height:30px; line-height:30px; text-align:Center; font-size:18px; }
.list_num2 li:nth-child(1):before{content:"1";}
.list_num2 li:nth-child(2):before{content:"2";}
.list_num2 li:nth-child(3):before{content:"3";}
.list_num2 li:nth-child(4):before{content:"4";}
.list_num2 li:nth-child(5):before{content:"5";}
.list_num2 li:nth-child(6):before{content:"6";}
.list_num2 li:nth-child(7):before{content:"7";}
.list_num2 li:nth-child(8):before{content:"8";}
.list_num2 li:nth-child(9):before{content:"9";}
.list_num2 li:nth-child(10):before{content:"10";}
.list_num2 li:nth-child(11):before{content:"11";}

/* @media(max-width:1024px){
	.list_num2 li{font-size:14px;}
	.list_num2 li:before{font-size:14px;}
}

.list_proc{}
.list_proc li{ border:1px solid #c8d2e7; border-radius:10px; padding:12px; font-size:20px; text-align:center; position:relative; background:#f9f9f9;}
.list_proc li + li{margin-top:40px;}
.list_proc li + li:before{content:"▼"; display:block; position:absolute; left:50%; top:0; margin:-35px 0 0 -10px;}
@media(max-width:1024px){
	.list_proc li{ font-size:16px; }
} */

.layout_01{}
.layout_01 > li{width:33.33%; float:left; padding:0 10px;}
.layout_01 > li:nth-child(3n+1){clear:both;}
.layout_01.col2 > li{width:50%;}
.layout_01.col2 > li:nth-child(2n+1){clear:both;}
.layout_01.col2 > li:nth-child(3n+1){clear:none;}
.layout_01 > li > h5{width:160px; height:160px; border-radius:50%; text-align:center; line-height:160px; margin:0 auto; font-size:20px; color:#fff; background:linear-gradient(to bottom right, #00addd, #006ab8); position:relative;}
.layout_01 > li > h5:after{content:""; display:block; width:2px; height:20px; background:#ddd; position:absolute; left:50%; top:160px; margin-left:1px; }
.layout_01 > li ul{margin-top:20px; border:1px solid #ddd; padding:20px; border-radius:10px;}
.layout_01 > li ul strong{display:block; text-align:center; font-weight:normal; color:#999; font-size:16px;}
.layout_01 > li ul li{font-size:16px;}

@media(max-width:1024px){
	.layout_01 > li{width:100%; float:none; padding:10px 0px;}
	.layout_01 > li > h5{width:100%; height:auto; line-height:150%; font-size:18px; border-radius:20px; float:none; margin:0 auto; padding:10px 0;}
	.layout_01 > li > h5:after{display:none;}
}

.layout_02 + .layout_02{margin-top:100px;}
.layout_02{width:100%; float:left;}
.layout_02 dt{width:20%; float:left;}
.layout_02 dt h3.type01{padding-top:0;}
.layout_02 dd{width:80%; float:right;}

.layout_03{margin-top:20px; margin-bottom:50px;}
.layout_03 > li + li{margin-top:60px;}
.layout_03 > li{padding-right:0%; position:relative;}
.layout_03 > li:after{position:absolute; right:15px; bottom:0%; margin-bottom:13px; display:block; content:""; width:300px; height:220px; }
.layout_03 > li > h5{font-size:45px; margin-bottom:10px; font-family:'BinggraeSsamanco'; color:#006ab8;}
.layout_03 > li > h5 span{position:relative;}
.layout_03 > li > h5 span u{text-decoration:none;  position:absolute; left:100%; top:5px; display:inline-block; font-size:20px; border:2px solid #006ab8; border-radius:10px; padding:5px 15px; width:270px; margin-left:30px; line-height:160%; font-family:'NanumSquareRound'; font-size:14px; }
.layout_03 > li > ul{ border-radius:20px; padding:30px 160px 20px 30px;  position:relative; border:2px solid rgba(0, 106, 184, 0.3); background:rgba(0, 106, 184, 0.05);}
.layout_03 > li > ul strong{display:block; font-size:24px; text-decoration:underline; color:#006ab8; }
.layout_03 > li > ul span{font-size:16px; display:block; color:#999; margin:5px 0 15px;}
.layout_03 > li > ul > li{font-size:18px; padding:5px 0 5px 90px; position:relative;}
.layout_03 > li > ul > li u{position:absolute; left:0; top:4px; background:#ccc; color:#fff; border-radius:5px; text-decoration:none; display:inline-block; width:80px; text-align:center; padding:0 0 3px;}
.layout_03 > li > ul > img{position:absolute; right:20px; bottom:20px; width:60px; height:auto;}
.layout_03 > li:nth-child(1):after{background:url(/wp-content/uploads/2026/04/s_program01.jpg?v_02) no-repeat right bottom/100% auto;}
.layout_03 > li:nth-child(2):after{background:url(/wp-content/uploads/2026/04/s_program02.jpg?v_01) no-repeat right bottom/100% auto;;}
.layout_03 > li:nth-child(3):after{background:url(/wp-content/uploads/2026/04/s_program03.jpg?v_01) no-repeat right bottom/100% auto;;}
.layout_03 > li:nth-child(1) > h5{ color:#fcc400;}
.layout_03 > li:nth-child(1) > h5 span u{border:2px solid #fcc400;}
.layout_03 > li:nth-child(1) > h5 span u:after{background:url(/wp-content/uploads/2026/04/s_program_arw01.jpg) no-repeat center center; display:block; content:""; position:absolute; left:0; top:50%; width:11px; height:15px; margin-left:-11px; margin-top:-7px;}
.layout_03 > li:nth-child(1) > ul{border:2px solid rgba(249, 210, 31, 0.3); background:rgba(249, 210, 31, 0.05);}
.layout_03 > li:nth-child(1) > ul strong{color:#fcc400;}
.layout_03 > li:nth-child(2){padding-right:0%; padding-left:0%;}
.layout_03 > li:nth-child(2) > h5{text-align:right;}
.layout_03 > li:nth-child(2) > h5 span u{left:0; margin-left:-300px;}
.layout_03 > li:nth-child(2) > h5 span u:after{background:url(/wp-content/uploads/2026/04/s_program_arw02.jpg) no-repeat center center; display:block; content:""; position:absolute; right:0; top:50%; width:11px; height:15px; margin-right:-11px; margin-top:-7px;}
.layout_03 > li:nth-child(2):after{right:0; left:15px;}
.layout_03 > li:nth-child(2) > ul{ padding:30px 30px 20px 350px;}
.layout_03 > li:nth-child(3) > h5{ color:#993399;}
.layout_03 > li:nth-child(3) > h5 span u{border:2px solid #993399; width:240px;}
.layout_03 > li:nth-child(3) > h5 span u:after{background:url(/wp-content/uploads/2026/04/s_program_arw03.jpg) no-repeat center center; display:block; content:""; position:absolute; left:0; top:50%; width:11px; height:15px; margin-left:-11px; margin-top:-7px;}
.layout_03 > li:nth-child(3) > ul{border:2px solid rgba(153, 51, 153, 0.3); background:rgba(153, 51, 153, 0.05);}
.layout_03 > li:nth-child(3) > ul strong{color:#993399;} 
.left50 li{width:40% !important; float:left !important; }

/* @media(max-width:1024px){
	.layout_03 > li + li{margin-top:40px;}
	.layout_03 > li:after{width:98%; right:1%; margin-bottom:0px; border-radius:20px; overflow:hidden;}
	.layout_03 > li > h5{font-size:35px;}
	.layout_03 > li > h5 span{display:block;}
	.layout_03 > li > h5 span u{position:relative; left:0; top:0; width:100%; margin:0; font-size:14px;}
	.layout_03 > li > ul{ padding:20px 20px 215px 20px; }
	.layout_03 > li > ul strong{ font-size:24px;}
	.layout_03 > li > ul span{font-size:13px; margin:5px 0 15px;}
	.layout_03 > li > ul > li{font-size:14px; padding:35px 0 5px 0px;}
	.layout_03 > li > ul > li u{top:0px;}
	.layout_03 > li:nth-child(2) > h5 span u{margin-left:0px;}
	.layout_03 > li:nth-child(2):after{right:0%; left:1%;}
	.layout_03 > li:nth-child(2) > ul{ padding:20px 20px 215px 20px;}
}
@media(max-width:1024px){
	.left50 li{width:100% !important; float:none !important; }
} */

.sub .img{text-align:center; padding:30px 0;}
.sub .img img{max-width:100%; }
.sub .img span{display:block;}

/* membership */
.membership .top{ background:#f4f4f4; padding:40px 0; }
.membership .top h2{ font-size:45px; font-weight:normal; text-transform:uppercase;}
.membership .top p{ position:absolute; right:0; top:10px; font-size:16px; line-height:50px;}
.membership .top p strong{display:inline-block; border:1px solid #ccc; font-size:20px; line-height:50px; padding:0 50px; margin-left:10px;}
.membership .cont{padding:100px 0;}
.membership textarea{width:96.5%;  height:200px; padding:20px;  color : #666666; border : 1px #c9c9c9 solid; line-height: 15pt;}

.btnWrap{  text-align:center; padding-top:25px; } 
.btnWrap a.gray{ display:inline-block; color:#fff;  border:1px solid #555; background:#666; border-radius:4px; padding:10px 20px 13px; font-weight:bold;}
.btnWrap a.gray:hover{  background:#333;  border:1px solid #111;}
.btnWrap a.blue{ display:inline-block; color:#fff; border-radius:4px; padding:10px 20px 13px; font-weight:bold; background:#124293;  border:1px solid #061c41; }
.btnWrap a.blue:hover{  background:#061c41;}

.innerTb {border-left:1px solid #E9E9E9; text-align:center; width:100%;} 
.innerTb th {background:#006ab8; padding:10px 0px; border-top:1px solid #00477b; border-bottom:1px solid #00477b; color:#fff; font-size:16px;} 
.innerTb.sky th {background:#f3f4ff; color:#9ba3ff;   border-top:1px solid #E9E9E9; border:none;}
.innerTb td {padding:10px; border:1px solid #E9E9E9; text-align:center; font-size:16px;}
.innerTb td input, .innerTb td select{border:1px solid #ccc; height:30px;}
.innerTb td input.long{width:98%;}
.innerTb td input.middle{width:50%;}
.innerTb td input.short{width:20%;}
.innerTb td.stt{background:#f4f7fb; color:#000;}
.innerTb td.alLeft {padding-left:15px; text-align:left;}
.innerTb td.alRight {padding-right:15px; text-align:right;}
.innerTb td.alCenter {padding:5px; text-align:center;}
.innerTb.small th{font-size:13px;}
.innerTb.small td{font-size:12px;}
.innerTb th.bClass{background:#e9f5de; color:#333; border:1px solid #E9E9E9;}
.innerTb th.cClass{background:#e9f6f7; color:#333; border:1px solid #E9E9E9;}
.innerTb th.dClass{background:#eaecf4; color:#333; border:1px solid #E9E9E9;}
.innerTb table{width:100%;}
.innerTb table td{vertical-align:top; text-align:left; border:none;} 

/* @media(max-width:1024px){
	.innerTb th {font-size:13px; padding:7px 0px; border:1px solid rgba(255, 255, 255, 0.1);}
	.innerTb td {font-size:13px; padding:7px;}
} */

.innerTb2 {text-align:center; width:100%;  border-radius:10px;} 
.innerTb2 th {padding:20px; font-size:18px; text-align:left; border-radius:10px; border-bottom:2px solid #fff; background:linear-gradient(to bottom right, #83d1ee, #009ad2);} 
.innerTb2 th span{display:inline-block; background:url(/wp-content/uploads/2026/04/s_program_icn01.png) no-repeat left center/50px auto; padding:20px 0 20px 60px;}
.innerTb2 th img{width:50px; height:auto;}
.innerTb2 tr:nth-child(2) th{background:linear-gradient(to bottom right, #628deb, #4274dc);}
.innerTb2 tr:nth-child(2) th span{background:url(/wp-content/uploads/2026/04/s_program_icn02.png) no-repeat left center/50px auto;}
.innerTb2 tr:nth-child(3) th{background:linear-gradient(to bottom right, #56e8ea, #21cfd1);}
.innerTb2 tr:nth-child(3) th span{background:url(/wp-content/uploads/2026/04/s_program_icn03.png) no-repeat left center/50px auto;}
.innerTb2 tr:nth-child(4) th{background:linear-gradient(to bottom right, #72ecbd, #30da99);}
.innerTb2 tr:nth-child(4) th span{background:url(/wp-content/uploads/2026/04/s_program_icn04.png) no-repeat left center/50px auto;}
.innerTb2 tr:nth-child(5) th{background:linear-gradient(to bottom right, #f8f3cd, #ebde75);}
.innerTb2 tr:nth-child(5) th span{background:url(/wp-content/uploads/2026/04/s_program_icn05.png) no-repeat left center/50px auto;}
.innerTb2 tr:nth-child(6) th{background:linear-gradient(to bottom right, #fae6c7, #eeba6b);}
.innerTb2 tr:nth-child(6) th span{background:url(/wp-content/uploads/2026/04/s_program_icn06.png) no-repeat left center/50px auto;}
.innerTb2 tr:nth-child(7) th{background:linear-gradient(to bottom right, #fddbf2, #f4aadb);}
.innerTb2 tr:nth-child(7) th span{background:url(/wp-content/uploads/2026/04/s_program_icn07.png) no-repeat left center/50px auto;}
.innerTb2 tr:nth-child(8) th{background:linear-gradient(to bottom right, #f1dcfc, #d091f0);}
.innerTb2 tr:nth-child(8) th span{background:url(/wp-content/uploads/2026/04/s_program_icn08.png) no-repeat left center/50px auto;}
.innerTb2 td {padding:20px 20px; font-size:16px; text-align:left; border-bottom:1px solid #ddd; }
.innerTb2 ul.list_01 li{font-size:16px; margin:0;}

.centerTb td{text-align:center; padding-left:0;}

.import{font-weight:bold; color:#333;}.importRed{color:red; font-weight:bold;}
.importBlue{color:blue; font-weight:bold;} 

/* 강서마을선생님단 폼  */
.red {color: #cc0000 !important;}
.formTb th span {color:#cc0000;}
.formTb th p {font-size: 18px; font-weight: 600;}
.formTb th,.formTb td {text-align:left; border: 0; border-bottom: 1px solid #dcdcdc; padding:20px; font-size:20px; font-weight:normal; background-color: #fff;}
.formTb td {font-size:18px;}
.formTb td input {width:100%; height: 45px; font-size: 1.7rem; border-radius:5px; border:1px solid #ddd; background:#fff;}
.formTb td textarea{width:100%; font-size: 1.7rem; padding:10px; border-radius:5px; border:1px solid #ddd; }

.formTb td p > span {width: 100%;}
.formTb td .radios > p .wpcf7-list-item label {display: flex; align-items: center; gap: 0.5rem;}
.formTb td .radios input[type="radio"] {width: 2rem; height: 2rem;}

#hscroll_box {border:1px solid #D9D9D9; height: 200px; overflow: auto; padding: 3rem; background: #f7f7f7;}
#hscroll_box p{font-size:16px;}
#hscroll_box p strong{font-size: 18px; color: #000; font-family: 'NanumSquareRound';}

.checks {position: relative; text-align:center; padding:20px 0;} 
.checks span.wpcf7-list-item label {display: flex; align-items: center; gap: 0.5rem;}
.checks span.wpcf7-list-item label input {width: 2rem; height: 2rem;}
.checks span.wpcf7-list-item label .wpcf7-list-item-label {line-height: 2; font-size: 1.6rem;}

.btnA p input {font-size: 20px;	padding: 20px 0;	color: #fff;	background: var(--main-color); border: 0;	width: 100%;}
.btnA p span {display: none;}
.wpcf7 form .wpcf7-response-output, .wpcf7-not-valid-tip {font-size: 1.4rem;}